@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary: #D94E1F;--color-primary-light: #FF6B3D;--color-bg: #F5F5F0;--color-bg-dark: #1A1A1A;--color-card: #FFFFFF;--color-text: #1A1A1A;--color-text-light: #FFFFFF;--color-text-muted: #6B6B6B;--color-border: #E0E0E0;--color-border-dark: #1A1A1A;--color-heart: #D94E1F;--color-accent-green: #4338CA;--color-accent-blue: #A8E6CF;--border-width: 1px;--border: var(--border-width) solid var(--color-border);--border-dark: 2px solid var(--color-border-dark);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 100px;--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Playfair Display", Georgia, serif}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}html,body{background-color:#000}body.light-theme{background-color:var(--color-bg)}button{font-family:inherit;cursor:pointer}a{text-decoration:none;color:inherit}input,select,textarea{font-family:inherit;font-size:16px}@media screen and (max-width: 768px){input,select,textarea,input[type=text],input[type=email],input[type=url],[contenteditable=true]{font-size:16px!important}}::selection{background:var(--color-primary);color:#fff}:root{--color-bg: #FAFAFA;--color-card: #ffffff;--color-border: #E8E8E8;--color-border-dark: #D0D0D0;--color-primary: #1A1A1A;--color-primary-light: #4A4A4A;--color-primary-dark: #000000;--color-accent: #8BA4B4;--color-accent-light: #A8BCC9;--color-accent-dark: #6E8A9C;--color-text: #1A1A1A;--color-muted: #6B7280;--color-danger: #EF4444;--color-wayback: #6B8A9E;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 50px;--sidebar-width: 260px;--font-display: "Cabin", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans: "Cabin", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}.public-moodboard{min-height:100vh;background:#fafafa}.public-moodboard-loading,.public-moodboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;text-align:center;background:#fafafa;color:#1a1a1a}.public-moodboard-error h1{font-size:32px;margin-bottom:8px;font-family:var(--font-sans);font-weight:700}.public-moodboard-error p{color:#6b7280;margin-bottom:24px}.public-header{background:#fff;border-bottom:1px solid #E8E8E8;padding:16px 24px;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000000a}.public-header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.public-logo{display:flex;align-items:center;gap:10px;font-weight:600;font-size:16px;font-family:var(--font-sans);color:#1a1a1a}.public-layout-toggle{display:flex;gap:4px;background:#f5f5f5;padding:4px;border-radius:var(--radius-md)}.public-layout-toggle button{padding:8px 12px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:16px;color:#888;transition:all .2s}.public-layout-toggle button.active{background:var(--color-accent);color:#fff}.public-hero{max-width:900px;margin:40px auto 0;padding:60px 40px;text-align:center;border-left:none;background:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 24px #0000000f;position:relative}.public-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:#fff;display:block;margin-bottom:16px;background:var(--color-accent);display:inline-block;padding:6px 16px;border-radius:var(--radius-full)}.public-title{font-size:56px;font-weight:700;font-family:Cabin,-apple-system,sans-serif!important;margin-bottom:16px;text-transform:none;letter-spacing:0;color:#1a1a1a}.public-subtitle{font-size:16px;color:#666;margin-bottom:24px;text-transform:uppercase;letter-spacing:2px}.public-curatorial{max-width:700px;margin:0 auto 24px;padding:24px;background:#fafafa;border-radius:var(--radius-md);border:1px solid #E8E8E8}.public-curatorial p{font-family:Cabin,-apple-system,BlinkMacSystemFont,sans-serif;font-style:normal;font-size:15px;line-height:1.8;color:#333}.public-meta{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:1px}.public-grid{max-width:1200px;width:100%;margin:0 auto;padding:24px;display:grid;gap:24px}.public-grid.single{grid-template-columns:1fr;max-width:800px;padding:24px;gap:32px}.public-grid.single .public-card{display:flex;flex-direction:column;border-radius:12px;overflow:hidden}.public-grid.single .public-card-image{position:relative;height:0;padding-top:56.25%;overflow:hidden;border-radius:0}.public-grid.single .public-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.public-grid.single .public-card-content{padding:24px}.public-grid.single .public-card-title{font-size:28px;font-family:Cabin,-apple-system,BlinkMacSystemFont,sans-serif}.public-grid.single .public-card-excerpt{display:block;font-size:16px;line-height:1.7;-webkit-line-clamp:5}@media (max-width: 768px){.public-grid.single .public-card-content{padding:20px}.public-grid.single .public-card-title{font-size:22px}.public-hero{padding:40px 20px;margin:20px 16px;border-radius:12px}.public-title{font-size:32px;line-height:1.05;margin-bottom:12px}.public-subtitle{font-size:13px;letter-spacing:1px;margin-bottom:16px}.public-curatorial{max-width:100%;padding:16px;margin:0 0 16px}.public-curatorial p{font-size:14px;line-height:1.7}.public-label{font-size:10px;letter-spacing:2px;padding:5px 12px;margin-bottom:12px}}.public-grid.grid{grid-template-columns:repeat(3,1fr)}@media (max-width: 1000px){.public-grid.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.public-grid.grid{grid-template-columns:1fr}}.public-grid.grid .public-card-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.5;color:#666;margin-bottom:10px}.public-grid.list{grid-template-columns:1fr;max-width:800px;gap:16px}.public-grid.list .public-card{display:flex;flex-direction:row;align-items:flex-start;padding:16px;gap:16px}.public-grid.list .public-card-image{width:100px;height:70px;flex-shrink:0;aspect-ratio:auto;border-radius:8px}.public-grid.list .public-card-content{padding:0}.public-grid.list .public-card-title{font-size:16px;margin:4px 0 8px}.public-grid.list .public-card-tags{display:none}.public-grid.list .public-card-excerpt{display:block;font-size:13px;line-height:1.5;color:#666;margin:6px 0;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-card{background:#fff;border-radius:var(--radius-md);overflow:hidden;border:1px solid #E8E8E8;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000000a}.public-card:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.public-card-image{position:relative;height:0;padding-top:62.5%;overflow:hidden}.public-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.public-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:1;transition:background .2s}.public-card:hover .public-play-overlay{background:#00000080}.public-play-overlay span{font-size:48px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.public-card-media{position:relative;height:0;padding-top:56.25%;overflow:hidden}.public-card-media iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.public-close-media{position:absolute;bottom:12px;right:12px;padding:8px 16px;background:#000c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px}.public-card-content{padding:20px}.public-card-source{font-size:11px;text-transform:uppercase;color:#999;letter-spacing:.05em}.public-card-title{font-size:18px;font-weight:700;margin:8px 0 12px;line-height:1.4}.public-card-excerpt{font-family:Cabin,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:14px;color:#666;line-height:1.6;margin-bottom:12px}.public-card-excerpt *,.public-curatorial p *,.public-curatorial *{font-family:Cabin,-apple-system,BlinkMacSystemFont,sans-serif!important}.public-card-excerpt a{color:#2196f3;text-decoration:underline}.public-card-excerpt a:hover{color:#1976d2}.public-card-excerpt ul{margin:8px 0;padding-left:20px}.public-card-excerpt li{margin-bottom:4px}.public-card-excerpt strong,.public-card-excerpt b{font-weight:600;color:#333}.public-card-tags{display:flex;flex-wrap:wrap;gap:6px}.public-card-tags span{font-size:11px;padding:4px 10px;background:#f5f5f5;border-radius:20px;color:#666}.public-card.minimal{display:flex;flex-direction:row;align-items:flex-start;padding:20px;gap:20px}.public-card.minimal .public-card-image{width:120px;flex-shrink:0;aspect-ratio:1;border-radius:8px}.public-card.minimal .public-card-content{padding:0}.public-card.minimal .public-card-title{font-size:16px}.public-footer{text-align:center;padding:48px;color:#6b7280;font-size:11px;text-transform:uppercase;letter-spacing:2px;background:#fff;border-top:1px solid #E8E8E8}.public-footer a{color:var(--color-accent);text-decoration:none;font-weight:600}.public-footer a:hover{color:var(--color-accent-dark)}.public-moodboard a{color:#2196f3;text-decoration:underline}.public-moodboard a:hover{color:#1976d2}.public-card-content a,.public-curatorial a{color:#2196f3!important;text-decoration:underline!important}.public-card-content a:hover,.public-curatorial a:hover{color:#1976d2!important}body{font-family:Cabin,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.5}h1,h2,h3,.magazine-title,.overlay-title,.minimal-title,.curatorial-title,.card-title,.public-card-title,.login-title,.modal-title,.post-title{font-family:Cabin,-apple-system,BlinkMacSystemFont,sans-serif!important;text-transform:none;letter-spacing:0;font-weight:700}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:#fff;border-right:1px solid var(--color-border);padding:20px;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;transition:width .2s;z-index:100;box-shadow:2px 0 8px #0000000a}.sidebar.closed{width:60px;padding:20px 10px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.logo{display:flex;align-items:center;gap:10px}.logo-icon{font-size:24px}.logo-text{font-size:16px;font-weight:600;letter-spacing:1px;font-family:var(--font-sans);text-transform:none;color:var(--color-text)}.sidebar.closed .logo-text{display:none}.sidebar-toggle{width:28px;height:28px;min-width:28px;min-height:28px;flex-shrink:0;border:2px solid var(--color-border);border-radius:50%;background:var(--color-card);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px}.sidebar-toggle:hover{background:var(--color-accent)}.sidebar.closed .sidebar-header{justify-content:center}.sidebar.closed .logo{display:none}.sidebar-section{margin-bottom:24px}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between}.sidebar-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:12px}.sidebar-btn{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--color-text);cursor:pointer;text-align:left;transition:all .15s}.sidebar-btn:hover{background:var(--color-bg);color:var(--color-text)}.sidebar-btn.active{background:var(--color-accent);color:#fff;font-weight:600}.sidebar-btn .count{margin-left:auto;font-size:12px;color:var(--color-muted);background:var(--color-bg);padding:2px 8px;border-radius:12px}.sidebar-btn.active .count{background:#ffffff4d;color:#fff}.view-buttons{display:flex;gap:8px}.view-btn{flex:1;padding:10px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card);font-size:16px;cursor:pointer;transition:all .15s}.view-btn:hover{background:var(--color-bg)}.view-btn.active{background:var(--color-border);color:var(--color-card)}.collection-item{display:flex;align-items:center;gap:4px}.collection-item .sidebar-btn{flex:1}.collection-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.delete-collection,.edit-collection{width:24px;height:24px;border:none;background:transparent;color:var(--color-muted);cursor:pointer;opacity:0;transition:opacity .15s;font-size:12px}.collection-item:hover .delete-collection,.collection-item:hover .edit-collection{opacity:1}.delete-collection:hover{color:var(--color-danger)}.edit-collection:hover{color:var(--color-text)}.moodboard-indicator,.public-indicator{font-size:11px;transition:all .15s ease}.moodboard-indicator.clickable,.public-indicator.clickable{cursor:pointer;padding:2px 4px;border-radius:4px}.moodboard-indicator.clickable:hover{background:#f6de5980;transform:scale(1.1)}.public-indicator.clickable:hover{background:#4caf504d;transform:scale(1.1);margin-left:4px;opacity:.7}.sidebar-btn.is-moodboard{border-left:3px solid var(--collection-color, #F6DE59)}.add-btn{width:24px;height:24px;border:2px solid var(--color-border);border-radius:50%;background:var(--color-card);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.add-btn:hover{background:var(--color-accent)}.tags-list{display:flex;flex-wrap:wrap;gap:6px}.tag-item{display:flex;align-items:center;gap:2px}.delete-tag-btn{width:20px;height:20px;border:none;background:transparent;color:#999;cursor:pointer;font-size:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .15s}.tag-item:hover .delete-tag-btn{opacity:1}.delete-tag-btn:hover{background:#ffebee;color:#e63b19}.tag-btn{padding:6px 12px;background:var(--color-bg);border:1px solid #e0e0e0;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.tag-btn:hover{border-color:var(--color-border)}.tag-btn.active{background:var(--color-border);color:var(--color-card);border-color:var(--color-border)}.tag-btn .count{margin-left:4px;opacity:.6}.main-content{flex:1;margin-left:var(--sidebar-width);padding:24px;transition:margin-left .2s}.sidebar.closed+.main-content{margin-left:60px}.main-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.search-box{position:relative;flex:1;max-width:400px}.search-box input{width:100%;padding:12px 16px 12px 44px;font-size:14px;border:2px solid var(--color-border);border-radius:50px;background:var(--color-card);transition:all .2s}.search-box input:focus{outline:none;border-color:var(--color-accent)}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%)}.header-stats{font-size:14px;color:var(--color-muted)}.bookmarks-container{display:grid;gap:20px}.bookmarks-container.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.bookmarks-container.list{grid-template-columns:1fr}.bookmarks-container.moodboard{display:block;border-radius:var(--radius-lg);padding:20px}.bookmark-card{background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all .2s}.bookmark-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.bookmark-card.moodboard{box-shadow:0 4px 12px #0000001a}.bookmark-card.moodboard:hover{transform:none;box-shadow:0 8px 24px #0003}.bookmark-card.list{display:flex;align-items:center;height:80px;border-radius:8px}.bookmark-card.list .card-image{width:100px;height:80px;flex-shrink:0;aspect-ratio:auto}.bookmark-card.list .card-image img{border-radius:6px 0 0 6px}.bookmark-card.list .card-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 18px;overflow:hidden;flex:1;height:100%}.bookmark-card.list .card-title{-webkit-line-clamp:1;margin-bottom:0;font-size:15px;font-weight:500;flex:1}.bookmark-card.list .card-url-link,.bookmark-card.list .card-description,.bookmark-card.list .card-tags,.bookmark-card.list .card-archived-badge{display:none}.bookmark-card.list .card-favorite{position:static;opacity:1;width:28px;height:28px;font-size:14px;margin-left:12px;flex-shrink:0}.card-image{position:relative;aspect-ratio:16/10;background:#e0e0e0;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .3s}.bookmark-card:hover .card-image img{transform:scale(1.03)}.card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;background:linear-gradient(135deg,#e8e8e8,#d0d0d0)}.card-favorite{position:absolute;top:10px;right:10px;width:32px;height:32px;background:var(--color-card);border:none;border-radius:50%;font-size:16px;cursor:pointer;opacity:0;transition:all .2s;box-shadow:0 2px 6px #00000026}.bookmark-card:hover .card-favorite{opacity:1}.card-favorite.active{opacity:1;color:var(--color-danger)}.card-archived-badge{position:absolute;top:10px;left:10px;background:var(--color-card);padding:4px 8px;border-radius:6px;font-size:14px;box-shadow:0 2px 6px #00000026}.card-content{padding:16px}.card-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-muted);margin-bottom:8px}.card-favicon{width:16px;height:16px;border-radius:4px}.card-date{margin-left:auto}.card-title{font-size:16px;font-weight:600;line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-url-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--color-muted);text-decoration:none;margin-bottom:8px;transition:color .2s}.card-url-link:hover{color:var(--color-text)}.card-url-link .arrow{font-size:11px;transition:transform .2s}.card-url-link:hover .arrow{transform:translate(1px,-1px)}.card-description{font-size:13px;color:var(--color-muted);margin-bottom:10px;line-height:1.7}.bookmarks-container.grid .card-description{max-height:150px;overflow:hidden}.bookmarks-container.list .card-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-description a{color:#2196f3;text-decoration:underline}.card-description a:hover{color:#1976d2}.card-description ul{margin:8px 0;padding-left:20px}.card-description li{margin-bottom:4px}.card-description strong,.card-description b{font-weight:600;color:var(--color-text)}.card-description em,.card-description i{font-style:italic}.card-tags{display:flex;flex-wrap:wrap;gap:6px}.tag-chip{font-size:11px;font-weight:600;padding:4px 10px;background:transparent;border:1px solid var(--color-border-dark);border-radius:20px;color:var(--color-text)}.loading-state,.empty-state{text-align:center;padding:60px 20px}.spinner{width:32px;height:32px;border:3px solid #e0e0e0;border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}button[title="Refresh images"]:hover{background:#f0f0f0!important}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h2{font-size:24px;margin-bottom:8px}.empty-state p{color:var(--color-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--color-card);border-radius:var(--radius-lg);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:2px solid var(--color-border)}.modal-small{max-width:400px}.modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;background:var(--color-card);border:2px solid var(--color-border);border-radius:50%;font-size:20px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--color-accent)}.modal-image-container{max-height:200px;overflow:hidden}.modal-image{width:100%;object-fit:cover;object-position:top}.modal-content{padding:24px 24px 32px}.modal-content{padding:24px}.modal-title{font-size:24px;font-weight:700;margin-bottom:8px}.modal-url{display:block;font-size:13px;color:var(--color-wayback);margin-bottom:16px;word-break:break-all}.modal-description{color:var(--color-muted);margin-bottom:16px}.modal-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;border:2px solid var(--color-border);border-radius:50px;cursor:pointer;transition:all .2s;text-decoration:none}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-dark);border-color:var(--color-accent-dark);color:#fff}.btn-secondary{background:var(--color-card)}.btn-secondary:hover{background:var(--color-bg)}.btn-wayback{background:var(--color-wayback);border-color:var(--color-wayback);color:#fff}.btn-wayback:hover{background:#1976d2}.btn-wayback.loading{position:relative;overflow:hidden;background:linear-gradient(90deg,#1976D2 50%,var(--color-wayback) 50%);background-size:200% 100%;animation:wayback-fill 2s ease-in-out infinite;cursor:wait}@keyframes wayback-fill{0%{background-position:100% 0}50%{background-position:0% 0}to{background-position:100% 0}}.btn-wayback.archived{background:#4caf50;border-color:#4caf50}.btn-wayback.archived:hover{background:#43a047}.btn-favorite{background:var(--color-card)}.btn-favorite.active{background:#ffebee;border-color:var(--color-danger);color:var(--color-danger)}.btn-danger{background:var(--color-card);border-color:var(--color-danger);color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger);color:#fff}.modal-collections{border-top:1px solid #e0e0e0;padding-top:16px}.modal-collections label{display:block;font-size:12px;font-weight:600;color:var(--color-muted);margin-bottom:10px}.collection-buttons{display:flex;flex-wrap:wrap;gap:8px}.collection-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--color-card);border:2px solid #e0e0e0;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.collection-btn:hover{border-color:var(--color-border)}.reader-modal{background:var(--color-card);border-radius:var(--radius-lg);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:2px solid var(--color-border)}.reader-content{padding:40px}.reader-header{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid var(--color-border)}.reader-header h1{font-size:32px;font-weight:700;line-height:1.3;margin-bottom:12px}.reader-author,.reader-site,.reader-time{font-size:14px;color:var(--color-muted);margin-bottom:4px}.reader-article{font-size:18px;line-height:1.8}.reader-article p{margin-bottom:20px}.reader-article h2{font-size:24px;margin:32px 0 16px}.reader-article blockquote{border-left:4px solid var(--color-accent);padding-left:20px;margin:20px 0;font-style:italic;color:var(--color-muted)}.reader-article img{max-width:100%;border-radius:var(--radius-sm);margin:20px 0}.reader-article ul{margin-bottom:20px;padding-left:24px}.reader-article li{margin-bottom:8px}.reader-actions{margin-top:32px;padding-top:24px;border-top:2px solid var(--color-border);display:flex;gap:12px}.form-group{margin-bottom:16px;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}.add-modal{padding:32px;box-sizing:border-box}.add-modal .form-group input,.add-modal .form-group textarea,.add-modal .form-group select{box-sizing:border-box;max-width:100%}.add-url-mode,.add-media-mode,.add-post-mode{width:100%;max-width:100%;overflow:hidden}.form-group label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}.form-group input[type=text],.form-group input[type=color]{width:100%;padding:10px 14px;font-size:14px;border:2px solid var(--color-border);border-radius:var(--radius-sm)}.form-group input[type=text]:focus{outline:none;border-color:var(--color-accent)}.form-group input[type=color]{height:44px;padding:4px;cursor:pointer}.post-card{background:var(--color-card);border:2px solid var(--color-border);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .2s ease}.post-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000026}.post-card .post-card-content{padding:24px}.post-card .post-badge{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 12px;background:linear-gradient(135deg,#2d5016,#4a7c23);color:#fff;border-radius:20px;margin-bottom:16px}.post-card .post-title{font-family:Cabin,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:700;line-height:1.3;margin-bottom:16px;color:var(--color-text)}.post-card .post-body{font-family:Cabin,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.8;color:#333;max-height:200px;overflow:hidden;position:relative}.post-card .post-body:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(transparent,var(--color-card))}.post-card .post-body blockquote{border-left:4px solid var(--color-accent);margin:12px 0;padding:8px 16px;background:#f8f8f5;font-style:italic}.post-card .post-body a{color:#2196f3;text-decoration:underline}.post-card .post-body ul,.post-card .post-body ol{margin:12px 0;padding-left:24px}.post-card .post-excerpt{font-family:Cabin,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.7;color:#555;margin-bottom:16px}.post-card .post-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;margin-top:16px;border-top:1px solid #e0e0e0}.post-card .post-date{font-size:12px;color:var(--color-muted)}.post-card .card-tags{margin-top:12px}.post-card .post-cover{position:relative;aspect-ratio:16/9;overflow:hidden}.post-card .post-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-card:hover .post-cover img{transform:scale(1.03)}.post-badge-overlay{position:absolute;top:12px;left:12px;font-size:11px;font-weight:700;padding:6px 14px;background:linear-gradient(135deg,#2d5016,#4a7c23);color:#fff;border-radius:20px;box-shadow:0 2px 8px #0003}.post-audio-badge{position:absolute;top:12px;right:52px;font-size:18px;width:36px;height:36px;background:linear-gradient(135deg,#1a1a1a,#333);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.post-audio-player-card{margin:0 -24px;margin-bottom:16px!important;width:calc(100% + 48px)}.post-audio-player-card audio{filter:invert(1)}.post-card.list{display:flex;flex-direction:row;align-items:center;height:80px;border-radius:8px;background:linear-gradient(90deg,#e8f5e9,#fff);border-left:4px solid #4caf50}.post-card.list .post-card-content{display:flex;flex-direction:row;align-items:center;padding:0 18px;flex:1;height:100%}.post-card.list .post-badge{margin-right:12px;margin-bottom:0;flex-shrink:0}.post-card.list .post-title{font-size:15px;font-weight:500;font-family:inherit;margin-bottom:0;flex:1;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.post-card.list .post-body,.post-card.list .post-excerpt,.post-card.list .post-footer,.post-card.list .card-tags{display:none}.post-card.list .card-favorite{position:static;opacity:1;width:28px;height:28px;font-size:14px;margin-left:12px;flex-shrink:0}.toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--color-border);color:var(--color-card);border-radius:var(--radius-md);box-shadow:0 8px 32px #0003;z-index:2000;animation:toast-slide-in .3s ease;max-width:400px}@keyframes toast-slide-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-success{background:#2e7d32}.toast-error{background:var(--color-danger)}.toast-warning{background:#e65100}.toast-info{background:var(--color-wayback)}.toast-message{font-size:14px;font-weight:500}.toast-close{background:transparent;border:none;color:inherit;font-size:18px;cursor:pointer;padding:0;margin-left:auto;opacity:.7;transition:opacity .2s}.toast-close:hover{opacity:1}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.btn.loading{pointer-events:none;opacity:.8}.btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width: 1024px){.bookmarks-container.grid{grid-template-columns:repeat(2,1fr);gap:16px}.main-header{flex-wrap:wrap;gap:12px}.search-box{order:-1;flex:0 0 100%;max-width:none}}.sidebar-backdrop{display:none}@media (max-width: 768px){:root{--sidebar-width: 0px}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{position:fixed;left:0;top:0;width:85%;max-width:320px;height:100vh;transform:translate(-100%);transition:transform .3s ease;z-index:1000;box-shadow:4px 0 20px #00000026}.sidebar.open{transform:translate(0)}.sidebar-toggle{position:fixed;top:16px;left:16px;z-index:999;width:44px;height:44px;background:var(--color-card);border:2px solid var(--color-border);box-shadow:0 2px 8px #0000001a}.sidebar.open+.main-content .sidebar-toggle{left:calc(85% + 8px);max-left:328px}.main-content{margin-left:0;padding:72px 16px 16px}.main-header{flex-direction:column;gap:12px;margin-bottom:16px}.search-box{max-width:none;width:100%}.search-box input{padding:14px 16px 14px 44px;font-size:16px}.header-stats{order:1}.export-buttons{display:none}.add-bookmark-btn{width:100%;padding:14px 20px;font-size:16px}.bookmarks-container.grid{grid-template-columns:1fr;gap:16px}.bookmark-card.list{height:72px}.bookmark-card.list .card-image{width:72px;height:72px}.bookmark-card.list .card-title{font-size:14px}.post-card .post-title{font-size:20px}.post-card .post-body{max-height:150px;font-size:15px}.modal-overlay{padding:0;align-items:flex-end}.modal{max-width:100%;max-height:95vh;border-radius:20px 20px 0 0;border-bottom:none}.modal-close{top:12px;right:12px;width:44px;height:44px;font-size:24px}.modal-content{padding:20px}.modal-title{font-size:20px;padding-right:48px}.modal-actions{flex-direction:column;gap:10px}.btn{width:100%;justify-content:center;padding:14px 20px;font-size:15px;min-height:48px}.collection-buttons{flex-direction:column}.collection-btn{width:100%;justify-content:flex-start;padding:12px 16px}.add-modal{padding:24px 20px}.add-mode-tabs button{padding:14px 8px;font-size:12px}.edit-modal-wide{max-width:100%!important}.edit-modal-wide>div{flex-direction:column!important;gap:16px!important;padding:16px!important}.edit-modal-wide>div>div:first-child{display:none}.toast{left:12px;right:12px;bottom:12px;max-width:none}.bookmarks-container.moodboard{grid-template-columns:1fr;padding:16px;gap:16px}.moodboard-controls{grid-column:span 1;flex-direction:column;gap:12px;padding:16px}.moodboard-layout-toggles{flex-wrap:wrap;justify-content:center}.layout-btn{padding:10px 14px;font-size:12px}.curatorial-block{grid-column:span 1;padding:24px}.curatorial-title{font-size:28px}.curatorial-text{font-size:16px}.magazine-card.large,.magazine-card.medium{grid-column:span 1}.magazine-card-image{height:180px}.magazine-card.large .magazine-card-image,.magazine-card.medium .magazine-card-image{height:200px}.magazine-title{font-size:20px}.magazine-card.large .magazine-title,.magazine-card.medium .magazine-title{font-size:22px}.magazine-card-content{padding:20px}.magazine-excerpt{font-size:14px;-webkit-line-clamp:2}.overlay-card{min-height:260px}.overlay-card.large,.overlay-card.medium{grid-column:span 1;min-height:280px}.overlay-title{font-size:22px}.overlay-card.large .overlay-title,.overlay-card.medium .overlay-title{font-size:24px}.overlay-card-content{padding:20px}.minimal-card{padding:16px}.minimal-title{font-size:18px}.reader-modal{max-height:100vh;border-radius:0}.reader-content{padding:20px}.reader-header h1{font-size:24px}.reader-article{font-size:16px}.login-container{padding:32px 24px;border-radius:16px}.login-title{font-size:26px}}@media (max-width: 480px){.main-content{padding:68px 12px 12px}.sidebar{width:100%;max-width:100%}.bookmark-card.list{height:64px}.bookmark-card.list .card-image{width:64px;height:64px}.bookmark-card.list .card-title{font-size:13px}.card-title{font-size:15px}.modal-content{padding:16px}.form-group label{font-size:11px}.form-group input[type=text],.form-group textarea{font-size:16px}.magazine-card-image{height:160px}.magazine-title{font-size:18px}.magazine-card-content{padding:16px}.curatorial-title{font-size:24px}.overlay-title{font-size:20px}.minimal-title{font-size:16px}.minimal-thumb{width:60px;height:60px}}@media (pointer: coarse){.btn{min-height:48px}.sidebar-btn{padding:14px 16px;min-height:48px}.view-btn{min-height:44px;min-width:44px}.tag-btn{padding:10px 16px;min-height:40px}.collection-btn{min-height:44px}.card-favorite{opacity:1;width:40px;height:40px;font-size:18px}.delete-collection,.edit-collection{opacity:1;width:32px;height:32px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.modal{padding-bottom:env(safe-area-inset-bottom)}.toast{bottom:calc(80px + env(safe-area-inset-bottom))}.sidebar,.mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom)}}.mobile-bottom-nav{display:none}@media (max-width: 768px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:2px solid #1a1a1a;padding:8px 0;z-index:998;justify-content:space-around;align-items:center;box-shadow:0 -4px 20px #0000001a}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;background:transparent;border:none;cursor:pointer;transition:all .2s;border-radius:12px;min-width:60px}.bottom-nav-item:active{transform:scale(.95)}.bottom-nav-item.active{background:var(--color-accent);color:#fff}.bottom-nav-icon{font-size:22px;line-height:1}.bottom-nav-label{font-size:10px;font-weight:600;color:#666}.bottom-nav-item.active .bottom-nav-label{color:#1a1a1a}.bottom-nav-add{background:#f6de59;border:2px solid #1a1a1a;margin-top:-20px;padding:12px 20px;border-radius:16px;box-shadow:0 4px 12px #00000026}.bottom-nav-add .bottom-nav-icon{font-size:24px}.bottom-nav-add .bottom-nav-label{color:#1a1a1a;font-weight:700}.main-content{padding-bottom:90px}.add-bookmark-btn{display:none}.toast{bottom:80px}}@media (max-width: 900px) and (orientation: landscape){.modal{max-height:100vh}.modal-image-container{max-height:150px}.reader-content{padding:16px 24px}}.moodboard-controls{grid-column:span 2;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:20px}.moodboard-layout-toggles{display:flex;align-items:center;gap:10px}.moodboard-label{font-size:12px;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px}.layout-btn{padding:8px 16px;background:var(--color-card);border:2px solid #e0e0e0;border-radius:var(--radius-full);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.layout-btn:hover{border-color:var(--color-border)}.layout-btn.active{background:var(--color-accent);border-color:var(--color-border)}.edit-mode-btn{padding:10px 20px;background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-full);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.edit-mode-btn:hover{background:var(--color-bg)}.edit-mode-btn.active{background:var(--color-accent)}.moodboard-edit-controls{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:10;background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-sm);padding:6px}.move-btn{width:32px;height:32px;background:var(--color-card);border:2px solid var(--color-border);border-radius:6px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.move-btn:hover:not(:disabled){background:var(--color-accent)}.move-btn:disabled{opacity:.3;cursor:not-allowed}.position-badge{font-size:11px;font-weight:700;color:var(--color-muted)}.magazine-card.edit-mode,.overlay-card.edit-mode,.minimal-card.edit-mode{cursor:default;border-style:dashed}.curatorial-block{grid-column:span 2;background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:48px 56px;margin-bottom:20px;position:relative}.curatorial-header{margin-bottom:24px}.curatorial-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;display:block;margin-bottom:12px}.curatorial-title{font-family:Cabin,-apple-system,BlinkMacSystemFont,sans-serif;font-size:48px;font-weight:700;line-height:1.1;letter-spacing:-1px;margin-bottom:8px;color:var(--color-text)}.curatorial-subtitle{font-size:18px;color:var(--color-muted);font-style:italic}.curatorial-content{max-width:700px;margin:24px 0;padding:24px 0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.curatorial-text{font-family:Cabin,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;line-height:1.8;color:var(--color-text);font-style:italic}.curatorial-empty{padding:24px 0;border-top:1px dashed #e0e0e0;margin-top:20px}.curatorial-add-btn{padding:12px 24px;background:var(--color-bg);border:2px dashed var(--color-border);border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.curatorial-add-btn:hover{background:var(--color-accent);border-style:solid}.curatorial-edit-btn{position:absolute;top:20px;right:20px;padding:8px 16px;background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-full);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.curatorial-edit-btn:hover{background:var(--color-accent)}.curatorial-meta{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:12px;color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px}@media (max-width: 900px){.curatorial-block{grid-column:span 1;padding:32px}.curatorial-title{font-size:32px}.curatorial-text{font-size:18px}}.bookmarks-container.moodboard{display:grid;grid-template-columns:2fr 1fr;gap:32px;padding:40px;background:#f5f5f5;min-height:auto;max-width:1400px;margin:0 auto}.magazine-card{background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column}.magazine-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #00000026}.magazine-card.large{grid-column:span 2}.magazine-card.large .magazine-card-image{height:400px}.magazine-card.large .magazine-title{font-size:42px;line-height:1.1}.magazine-card.large .magazine-excerpt{font-size:18px;line-height:1.8}.magazine-card.medium{grid-column:span 1}.magazine-card.medium .magazine-card-image{height:280px}.magazine-card.medium .magazine-title{font-size:32px}.magazine-card.standard .magazine-card-image{height:220px}.magazine-card-image{position:relative;width:100%;height:260px;overflow:hidden;background:linear-gradient(135deg,#e8e8e8,#d0d0d0)}.magazine-card-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease}.magazine-card:hover .magazine-card-image img{transform:scale(1.05)}.magazine-favorite{position:absolute;top:16px;right:16px;width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--color-danger);box-shadow:0 4px 12px #00000026}.magazine-card-content{padding:32px;flex:1;display:flex;flex-direction:column}.magazine-card.large .magazine-card-content{padding:40px 48px}.magazine-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.magazine-source{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-muted)}.magazine-category{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:4px 12px;background:var(--color-accent);border-radius:20px;color:var(--color-text)}.magazine-title{font-family:Cabin,-apple-system,BlinkMacSystemFont,sans-serif;font-size:28px;font-weight:700;line-height:1.2;letter-spacing:-.5px;color:var(--color-text);margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.magazine-card.large .magazine-title{-webkit-line-clamp:2}.magazine-excerpt{font-size:16px;line-height:1.7;color:var(--color-muted);flex:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:20px}.magazine-card.large .magazine-excerpt{-webkit-line-clamp:5}.magazine-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #e0e0e0;margin-top:auto}.magazine-date{font-size:12px;color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px}.magazine-read-more{font-size:13px;font-weight:600;color:var(--color-text);text-decoration:none;display:flex;align-items:center;gap:4px;transition:all .2s}.magazine-read-more:hover{color:var(--color-wayback)}@media (max-width: 1200px){.bookmarks-container.moodboard{gap:30px;padding:30px}.magazine-card.large .magazine-title{font-size:36px}.magazine-card.medium .magazine-title{font-size:26px}.magazine-title{font-size:24px}}@media (max-width: 900px){.bookmarks-container.moodboard{grid-template-columns:1fr;gap:24px;padding:20px}.magazine-card.large,.magazine-card.medium{grid-column:span 1}.magazine-card-image{height:200px}.magazine-card.large .magazine-card-image,.magazine-card.medium .magazine-card-image{height:240px}.magazine-card.large .magazine-title,.magazine-card.medium .magazine-title,.magazine-title{font-size:24px}.magazine-card-content,.magazine-card.large .magazine-card-content{padding:24px}.magazine-excerpt{font-size:15px;-webkit-line-clamp:3}}.overlay-card{position:relative;background:var(--color-border);border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .3s ease;min-height:320px}.overlay-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #0000004d}.overlay-card.large{grid-column:span 2;min-height:480px}.overlay-card.medium{min-height:380px}.overlay-card-bg{position:absolute;top:0;right:0;bottom:0;left:0}.overlay-card-bg img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.overlay-card:hover .overlay-card-bg img{transform:scale(1.08)}.overlay-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000d9,#00000080 40%,#0003,#0000001a)}.overlay-card-content{position:absolute;bottom:0;left:0;right:0;padding:32px;color:#fff;z-index:1}.overlay-card.large .overlay-card-content{padding:48px}.overlay-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.overlay-source{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;opacity:.8}.overlay-category{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:4px 12px;background:var(--color-accent);border-radius:20px;color:var(--color-text)}.overlay-title{font-family:Cabin,-apple-system,BlinkMacSystemFont,sans-serif;font-size:32px;font-weight:700;line-height:1.2;letter-spacing:-.5px;margin-bottom:12px;text-shadow:0 2px 8px rgba(0,0,0,.4)}.overlay-card.large .overlay-title{font-size:48px}.overlay-card.medium .overlay-title{font-size:36px}.overlay-excerpt{font-size:15px;line-height:1.6;opacity:.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px}.overlay-card.large .overlay-excerpt{font-size:17px;-webkit-line-clamp:3}.overlay-footer{display:flex;align-items:center;gap:16px;font-size:12px;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.overlay-fav{color:var(--color-danger);font-size:16px}@media (max-width: 900px){.overlay-card{min-height:280px}.overlay-card.large,.overlay-card.medium{grid-column:span 1;min-height:320px}.overlay-title{font-size:24px}.overlay-card.large .overlay-title,.overlay-card.medium .overlay-title{font-size:28px}.overlay-card-content{padding:24px}}.minimal-card{display:flex;gap:20px;background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:24px;cursor:pointer;transition:all .2s ease;position:relative}.minimal-card:hover{transform:translate(4px);box-shadow:-4px 4px 0 var(--color-border)}.minimal-thumb{width:80px;height:80px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#e8e8e8,#d0d0d0)}.minimal-thumb img{width:100%;height:100%;object-fit:cover}.minimal-content{flex:1;min-width:0}.minimal-title{font-family:Cabin,-apple-system,BlinkMacSystemFont,sans-serif;font-size:22px;font-weight:700;line-height:1.3;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.minimal-excerpt{font-size:14px;line-height:1.6;color:var(--color-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}.minimal-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-muted)}.minimal-source{font-weight:600;text-transform:uppercase;letter-spacing:.5px}.minimal-fav{color:var(--color-danger);margin-left:auto}@media (max-width: 600px){.minimal-card{flex-direction:column;gap:16px}.minimal-thumb{width:100%;height:120px}}.magazine-card.is-media{cursor:pointer}.magazine-card.media-expanded{grid-column:span 2}.magazine-card-media{position:relative;width:100%}.media-embed-container{position:relative;width:100%;background:#000;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden}.media-embed-container.youtube,.media-embed-container.vimeo{aspect-ratio:16/9}.media-embed-container.soundcloud{height:166px;background:linear-gradient(135deg,#1a1a1a,#333)}.media-embed-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.media-close-btn{position:absolute;top:10px;right:10px;padding:8px 16px;background:#000c;color:#fff;border:none;border-radius:var(--radius-full);font-size:12px;font-weight:600;cursor:pointer;z-index:10;transition:all .2s}.media-close-btn:hover{background:#000000f2}.media-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#0006;opacity:0;transition:opacity .3s ease}.magazine-card:hover .media-play-overlay{opacity:1}.media-play-btn{width:72px;height:72px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 4px 24px #0000004d;transition:all .2s ease}.magazine-card:hover .media-play-btn{transform:scale(1.1);background:#fff}.media-type-badge{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff;padding:6px 12px;background:#0009;border-radius:var(--radius-full)}.media-badge{font-size:10px;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;margin-left:auto}.media-badge.youtube{background:red;color:#fff}.media-badge.vimeo{background:#1ab7ea;color:#fff}.media-badge.soundcloud{background:#f50;color:#fff}.media-badge.googleslides{background:#fbbc04;color:#1a1a1a}.media-badge.miro{background:#ffd02f;color:#1a1a1a}.media-action{color:var(--color-wayback);cursor:pointer;transition:color .2s}.media-action:hover{color:#1565c0}@media (max-width: 900px){.magazine-card.media-expanded{grid-column:span 1}.media-play-btn{width:56px;height:56px;font-size:24px}}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;background:#0a0a0a;color:#fff}.auth-loading .spinner{border-color:#ffffff4d;border-top-color:#c9ff00}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0a;padding:20px;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:50%;left:40px;width:4px;height:200px;background:#c9ff00;transform:translateY(-50%)}.login-page:after{content:"";position:absolute;bottom:40px;right:40px;width:100px;height:4px;background:#c9ff00}.login-container{background:#fff;border:2px solid #0A0A0A;border-radius:0;padding:48px;max-width:420px;width:100%;text-align:center;box-shadow:8px 8px #c9ff00;position:relative;z-index:1}.login-logo{margin-bottom:24px}.login-title{font-family:Cabin,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:42px;font-weight:400;margin-bottom:8px;letter-spacing:1px;text-transform:uppercase;color:#0a0a0a}.login-subtitle{color:#666;font-size:14px;margin-bottom:32px;text-transform:uppercase;letter-spacing:2px}.login-form{text-align:left}.login-form .form-group{margin-bottom:24px}.login-form .form-group label{font-size:11px;font-weight:700;color:#0a0a0a;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.login-form input[type=email]{width:100%;padding:16px 18px;font-size:16px;border:2px solid #0A0A0A;border-radius:0;transition:all .2s;background:#fafafa}.login-form input[type=email]:focus{outline:none;border-color:#0a0a0a;box-shadow:4px 4px #c9ff00;background:#fff}.login-btn{width:100%;padding:16px;font-size:14px;font-weight:700;border-radius:0;background:#0a0a0a;border:2px solid #0A0A0A;color:#fff;text-transform:uppercase;letter-spacing:2px;transition:all .2s}.login-btn:hover{background:#c9ff00;border-color:#0a0a0a;color:#0a0a0a;box-shadow:4px 4px #0a0a0a}.login-message{margin-top:20px;padding:14px 18px;border-radius:0;font-size:14px;line-height:1.5;border:2px solid}.login-message.success{background:#c9ff00;color:#0a0a0a;border-color:#0a0a0a}.login-message.error{background:#ff3b30;color:#fff;border-color:#0a0a0a}.dev-login-box{margin-top:24px;padding:20px;background:#fafafa;border:2px dashed #0A0A0A;border-radius:0}.dev-login-box p{font-size:11px;font-weight:700;margin-bottom:12px;color:#0a0a0a;text-transform:uppercase;letter-spacing:1px}.login-footer{margin-top:32px;font-size:11px;color:#666;text-transform:uppercase;letter-spacing:1px}@media (max-width: 480px){.login-container{padding:32px 24px}.login-title{font-size:32px}.login-page:before,.login-page:after{display:none}}.mobile-inline-nav{display:none}@media (max-width: 768px){.sidebar,.sidebar-backdrop{display:none!important}.mobile-inline-nav{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:0}.mobile-filter-pills{display:flex;gap:8px;overflow-x:auto;padding:4px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.mobile-filter-pills::-webkit-scrollbar{display:none}.filter-pill{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;border:2px solid #1a1a1a;border-radius:25px;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .2s;flex-shrink:0}.filter-pill:active{transform:scale(.95)}.filter-pill.active{background:#f6de59}.pill-count{font-size:11px;font-weight:700;background:#f0f0f0;padding:2px 8px;border-radius:12px;color:#666}.filter-pill.active .pill-count{background:#00000026;color:#1a1a1a}.collection-pill{position:relative}.pill-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pill-icon{font-size:12px;margin-left:2px}.add-collection-pill{background:transparent;border-style:dashed;color:#666}.add-collection-pill:active{background:#f5f5f5}.mobile-tags-section{background:#f8f8f5;border-radius:12px;overflow:hidden}.tags-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:transparent;border:none;font-size:14px;font-weight:600;cursor:pointer}.toggle-arrow{font-size:10px;transition:transform .2s}.toggle-arrow.expanded{transform:rotate(180deg)}.mobile-tags-list{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 16px}.mobile-tag{padding:8px 14px;background:#fff;border:1px solid #e0e0e0;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px}.mobile-tag.active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.mobile-tag .tag-count{font-size:10px;opacity:.7}.mobile-view-toggle{display:flex;gap:4px;background:#f5f5f0;padding:4px;border-radius:10px;align-self:flex-start}.view-pill{padding:10px 16px;border:none;background:transparent;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s}.view-pill.active{background:#f6de59}.main-content{padding-top:16px}.hamburger-menu{display:none!important}}.browse-modal-overlay{padding:0!important;align-items:flex-end!important}.browse-modal{background:#fff;width:100%;max-height:90vh;border-radius:24px 24px 0 0;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.browse-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:2px solid #1a1a1a;flex-shrink:0}.browse-modal-header h2{font-size:22px;font-weight:700}.browse-modal-header .modal-close{position:static;width:40px;height:40px}.browse-modal-content{flex:1;overflow-y:auto;padding:16px 24px 32px;-webkit-overflow-scrolling:touch}.browse-section{margin-bottom:28px}.browse-section h3{font-size:14px;font-weight:700;margin-bottom:14px;color:#1a1a1a}.browse-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.browse-section-header h3{margin-bottom:0}.browse-add-btn{padding:8px 16px;background:#f6de59;border:2px solid #1a1a1a;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer}.browse-empty{font-size:13px;color:#666;padding:16px;background:#f8f8f5;border-radius:12px;text-align:center}.browse-list{display:flex;flex-direction:column;gap:8px}.browse-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f8f8f5;border-radius:12px;cursor:pointer;transition:all .2s}.browse-item:active{transform:scale(.98)}.browse-item.active{background:#f6de59;border:2px solid #1a1a1a}.browse-item-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.browse-item-name{font-size:15px;font-weight:600;flex:1}.browse-item-badge{font-size:12px}.browse-item-count{font-size:12px;color:#666;background:#fff;padding:4px 10px;border-radius:12px}.browse-item.active .browse-item-count{background:#00000026;color:#1a1a1a}.browse-item-edit{padding:8px;background:transparent;border:none;font-size:14px;cursor:pointer;opacity:.6}.browse-tags{display:flex;flex-wrap:wrap;gap:8px}.browse-tag{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#f8f8f5;border:none;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.browse-tag.active{background:#1a1a1a;color:#fff}.browse-tag-count{font-size:11px;opacity:.7}.browse-export-buttons{display:flex;gap:12px}.browse-export-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:#fff;border:2px solid #1a1a1a;border-radius:12px;font-size:14px;font-weight:600;color:#1a1a1a;text-decoration:none;transition:all .2s}.browse-export-btn:active{background:#f0f0f0}.browse-account{padding:16px;background:#f8f8f5;border-radius:12px}.browse-email{font-size:14px;font-weight:600;margin-bottom:12px;word-break:break-all}.browse-logout-btn{width:100%;padding:14px;background:#fff;border:2px solid #e63b19;border-radius:10px;font-size:14px;font-weight:600;color:#e63b19;cursor:pointer;transition:all .2s}.browse-logout-btn:active{background:#ffebee}[contenteditable]{outline:none}[contenteditable]:focus{outline:none}[contenteditable] h1{font-size:28px;font-weight:700;margin:16px 0 12px;line-height:1.3;color:#1a1a1a}[contenteditable] h2{font-size:22px;font-weight:700;margin:14px 0 10px;line-height:1.3;color:#1a1a1a}[contenteditable] blockquote{border-left:4px solid var(--color-accent, #8BA4B4);margin:16px 0;padding:12px 20px;background:#f8f8f5;font-style:italic;color:#555}[contenteditable] a{color:#2196f3;text-decoration:underline}[contenteditable] a:hover{color:#1976d2}[contenteditable] ul,[contenteditable] ol{margin:12px 0;padding-left:24px}[contenteditable] li{margin-bottom:6px}[contenteditable] [style*="text-align: left"],[contenteditable] div[align=left],[contenteditable] p[align=left]{text-align:left}[contenteditable] [style*="text-align: center"],[contenteditable] div[align=center],[contenteditable] p[align=center]{text-align:center}[contenteditable] [style*="text-align: right"],[contenteditable] div[align=right],[contenteditable] p[align=right]{text-align:right}[contenteditable] [style*="text-align: justify"],[contenteditable] div[align=justify],[contenteditable] p[align=justify]{text-align:justify}.curatorial-textarea [contenteditable],.form-group [contenteditable]{user-select:text;-webkit-user-select:text}[contenteditable]::selection{background:#4285f459;color:inherit}[contenteditable] *::selection{background:#4285f459;color:inherit}[contenteditable]:empty:before{content:attr(placeholder);color:#999;font-style:italic;pointer-events:none}[contenteditable] p{margin:0 0 12px}[contenteditable] p:last-child{margin-bottom:0}[contenteditable] strong,[contenteditable] b{font-weight:700}[contenteditable] em,[contenteditable] i{font-style:italic}[contenteditable] u{text-decoration:underline}.lazy-iframe-container{position:relative;width:100%;height:100%;overflow:hidden}.iframe-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:1;transition:opacity .4s ease-out}.lazy-iframe-container.loaded .iframe-placeholder{opacity:0;pointer-events:none}.iframe-loading-indicator{display:flex;flex-direction:column;align-items:center;gap:16px}.iframe-shimmer{width:60px;height:60px;border-radius:50%;background:linear-gradient(90deg,#ffffff0d,#ffffff26,#ffffff0d);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;display:flex;align-items:center;justify-content:center}.iframe-shimmer:after{content:"▶";font-size:24px;color:#fff9}.lazy-iframe-container[data-type=youtube] .iframe-shimmer:after{content:"▶";color:red}.lazy-iframe-container[data-type=vimeo] .iframe-shimmer:after{content:"▶";color:#1ab7ea}.lazy-iframe-container[data-type=googleslides] .iframe-shimmer:after{content:"📊"}.lazy-iframe-container[data-type=miro] .iframe-shimmer:after{content:"📋"}.lazy-iframe-container[data-type=soundcloud] .iframe-shimmer:after{content:"🎵"}@keyframes shimmer{0%{background-position:-200% 0;transform:scale(1)}50%{transform:scale(1.05)}to{background-position:200% 0;transform:scale(1)}}.iframe-loading-text{color:#ffffff80;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.lazy-iframe-container iframe{opacity:0;transition:opacity .4s ease-out}.lazy-iframe-container.loaded iframe,.lazy-iframe-container.pending .iframe-placeholder{opacity:1}.public-card-media .lazy-iframe-container{position:absolute;top:0;left:0;width:100%;height:100%}.public-card-media .lazy-iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.synthesis-theme{--synth-bg: #F5F5F0;--synth-text: #1a1a1a;--synth-text-muted: #888;--synth-border: #1a1a1a;--synth-border-light: #e0e0e0;--synth-font: "Helvetica Neue", Helvetica, Arial, sans-serif;--synth-font-mono: "Courier New", monospace}.synthesis-theme.public-moodboard{background:var(--synth-bg);font-family:var(--synth-font)}.synthesis-theme .public-header{background:transparent;border-bottom:1px solid var(--synth-border);box-shadow:none}.synthesis-theme .public-header-content{padding:20px 24px}.synthesis-theme .public-logo{display:flex;align-items:center;gap:10px}.synthesis-theme .public-logo svg{display:none}.synthesis-theme .public-logo span{font-size:14px;font-weight:400;letter-spacing:-.5px;padding:8px 20px;border:1.5px solid var(--synth-border);border-radius:50px;background:transparent}.synthesis-theme .public-hero{background:transparent;border:none;border-left:none;padding:80px 24px 40px;max-width:900px;margin:0 auto;text-align:left}.synthesis-theme .public-label{display:none}.synthesis-theme .public-title{font-family:var(--synth-font);font-size:clamp(48px,8vw,72px);font-weight:300;letter-spacing:-3px;line-height:1;margin-bottom:24px;color:var(--synth-text)}.synthesis-theme .public-subtitle{font-family:var(--synth-font-mono);font-size:13px;color:var(--synth-text-muted);text-transform:none;letter-spacing:0;margin-bottom:16px}.synthesis-theme .public-curatorial{max-width:600px;padding:0;border:none;background:transparent;text-align:left;font-size:16px;line-height:1.7;color:#444}.synthesis-theme .public-meta{font-family:var(--synth-font-mono);font-size:12px;color:var(--synth-text-muted);margin-top:32px;padding-top:16px;border-top:1px solid var(--synth-border-light)}.synthesis-theme [style*="Filter:"]{border-top:1px solid var(--synth-border);padding-top:24px!important;margin-top:40px!important}.synthesis-theme [style*="Filter:"] button{padding:8px 16px!important;border:1px solid var(--synth-border)!important;border-radius:0!important;font-size:12px!important;font-weight:400!important;background:var(--synth-bg)!important;color:var(--synth-text)!important}.synthesis-theme [style*="Filter:"] button[style*="background: #F6DE59"]{background:var(--synth-text)!important;color:#fff!important}.synthesis-theme .public-grid{max-width:900px;margin:0 auto;padding:0 24px 60px}.synthesis-theme .public-grid.single{display:flex;flex-direction:column;gap:0}.synthesis-theme .public-grid.single .public-card{display:flex;flex-direction:row;align-items:center;gap:24px;padding:16px 0;border:none;border-bottom:1px solid var(--synth-border);border-radius:0;background:transparent;box-shadow:none;cursor:pointer;transition:background .15s}.synthesis-theme .public-grid.single .public-card:first-child{border-top:1px solid var(--synth-border)}.synthesis-theme .public-grid.single .public-card:hover{background:#00000005;transform:none;box-shadow:none}.synthesis-theme .public-grid.single .public-card:before{counter-increment:card-counter;content:counter(card-counter);font-size:14px;min-width:24px;color:var(--synth-text-muted)}.synthesis-theme .public-grid{counter-reset:card-counter}.synthesis-theme .public-grid.single .public-card-image{width:80px;height:60px;flex-shrink:0;aspect-ratio:auto;border-radius:0;overflow:hidden}.synthesis-theme .public-grid.single .public-card-image img{width:100%;height:100%;object-fit:cover}.synthesis-theme .public-grid.single .public-card-content{flex:1;padding:0;display:flex;flex-direction:column;gap:4px}.synthesis-theme .public-grid.single .public-card-source{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--synth-text-muted);order:2}.synthesis-theme .public-grid.single .public-card-title{font-family:var(--synth-font);font-size:16px;font-weight:400;line-height:1.4;color:var(--synth-text);order:1}.synthesis-theme .public-grid.single .public-card-excerpt,.synthesis-theme .public-grid.single .public-card-tags{display:none}.synthesis-theme .public-card-media{width:100%;border:1px solid var(--synth-border);margin-bottom:16px}.synthesis-theme .public-card-media iframe{border:none}.synthesis-theme .public-card.is-post{border-left:none}.synthesis-theme .public-card.is-post .public-card-content{padding:24px;background:#fff;border:1px solid var(--synth-border)}.synthesis-theme .public-card.is-post .public-card-title{font-family:var(--synth-font);font-size:24px;font-weight:400;margin-bottom:16px}.synthesis-theme .public-footer{border-top:1px solid var(--synth-border);padding:24px;text-align:left;background:transparent}.synthesis-theme .public-footer p{font-size:12px;color:var(--synth-text-muted)}.synthesis-theme .public-footer a{color:var(--synth-text);text-decoration:underline}@media (max-width: 768px){.synthesis-theme .public-title{font-size:40px;letter-spacing:-2px}.synthesis-theme .public-hero{padding:60px 20px 32px}.synthesis-theme .public-grid.single .public-card{padding:14px 0}.synthesis-theme .public-grid.single .public-card-image{width:60px;height:45px}.synthesis-theme .public-grid.single .public-card-title{font-size:14px}.synthesis-theme .public-grid.single .public-card:before{font-size:12px;min-width:20px}}.synthesis-theme .public-grid.magazine{display:grid;grid-template-columns:1fr;gap:0}.synthesis-theme .public-grid.magazine .public-card{border:none;border-bottom:1px solid var(--synth-border);border-radius:0;background:transparent;box-shadow:none}.synthesis-theme .public-grid.magazine .public-card:first-child{border-top:1px solid var(--synth-border)}.synthesis-theme .public-grid.magazine .public-card:first-child .public-card-image{height:320px}.synthesis-theme .public-grid.magazine .public-card:first-child .public-card-title{font-size:36px;font-weight:300;letter-spacing:-1px}:root{--bg: #ffffff;--fg: #0a0a0a;--muted: #666666;--rule: #e5e5e5;--surface: #f6f6f6;--max: 1280px;--gutter: clamp(16px, 3vw, 48px);--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--space-7: 72px;--space-8: 96px;--font: "Neue Haas Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 48px;--text-4xl: 64px;--text-5xl: 80px;--radius: 2px;--border: 1px solid var(--fg);--border-light: 1px solid var(--rule)}[data-theme=dark]{--bg: #0a0a0a;--fg: #ffffff;--muted: #b5b5b5;--rule: #2a2a2a;--surface: #161616}.dslnote{font-family:var(--font);background:var(--bg);color:var(--fg);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dslnote *{box-sizing:border-box}.dslnote-wrap{min-height:100vh;display:flex;flex-direction:column}.dslnote-container{max-width:var(--max);margin:0 auto;padding:0 var(--gutter);width:100%}.dslnote-section{padding:var(--space-7) 0;border-bottom:var(--border-light)}.dslnote-section:last-child{border-bottom:none}.dslnote-header{border-bottom:var(--border-light);position:sticky;top:0;background:var(--bg);z-index:100}.dslnote-header-inner{max-width:var(--max);margin:0 auto;padding:var(--space-3) var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.dslnote-brand{font-size:var(--text-base);font-weight:var(--font-weight-bold);letter-spacing:-.02em}.dslnote-status{font-size:var(--text-sm);color:var(--muted)}.dslnote-nav{display:flex;gap:var(--space-4);align-items:center}.dslnote-nav-link{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--fg);text-decoration:none;padding:var(--space-1) var(--space-2);transition:opacity .15s}.dslnote-nav-link:hover{opacity:.7}.dslnote-ctas{display:flex;gap:var(--space-2);align-items:center}.dslnote-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);font-family:inherit;text-decoration:none;border:var(--border);background:transparent;color:var(--fg);cursor:pointer;transition:all .15s}.dslnote-btn:hover,.dslnote-btn-primary{background:var(--fg);color:var(--bg)}.dslnote-btn-primary:hover{background:transparent;color:var(--fg)}.dslnote-hero-title{font-size:clamp(var(--text-3xl),6vw,var(--text-5xl));font-weight:var(--font-weight-bold);line-height:.95;letter-spacing:-.03em;margin:0}.dslnote-section-title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin:0 0 var(--space-4)}.dslnote-body{font-size:var(--text-lg);line-height:1.6;color:var(--muted);max-width:65ch}.dslnote-meta{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.dslnote-rule{border:none;border-top:var(--border-light);margin:var(--space-6) 0}.dslnote-rule-dark{border-top-color:var(--fg)}.dslnote-card{border:var(--border-light);padding:var(--space-4);background:var(--bg)}.dslnote-card-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2)}.dslnote-card-body{font-size:var(--text-base);color:var(--muted);line-height:1.6}.dslnote-grid{display:grid;gap:var(--space-5)}.dslnote-grid-2{grid-template-columns:repeat(2,1fr)}.dslnote-grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 1024px){.dslnote-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.dslnote-grid-2,.dslnote-grid-3{grid-template-columns:1fr}.dslnote-nav{display:none}}.dslnote-input{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-base);font-family:inherit;border:var(--border);background:var(--bg);color:var(--fg);outline:none;transition:border-color .15s}.dslnote-input::placeholder{color:var(--muted)}.dslnote-input:focus{border-color:var(--fg)}.dslnote-input-group{display:flex;gap:var(--space-2)}.dslnote-footer{border-top:var(--border-light);padding:var(--space-5) 0;margin-top:auto}.dslnote-footer-inner{max-width:var(--max);margin:0 auto;padding:0 var(--gutter);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-5);flex-wrap:wrap}.dslnote-footer-section{display:flex;flex-direction:column;gap:var(--space-2)}.dslnote-footer-title{font-size:var(--text-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em}.dslnote-footer-link{font-size:var(--text-sm);color:var(--muted);text-decoration:none;transition:color .15s}.dslnote-footer-link:hover{color:var(--fg)}.dslnote-footer-note{font-size:var(--text-xs);color:var(--muted);max-width:40ch}.dslnote-a11y{display:flex;gap:var(--space-3);font-size:var(--text-xs)}.dslnote-toggle{display:flex;align-items:center;gap:var(--space-1);cursor:pointer;padding:var(--space-1) var(--space-2);background:var(--surface);border:none;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--muted);transition:all .15s}.dslnote-toggle:hover{color:var(--fg)}.dslnote-toggle.active{background:var(--fg);color:var(--bg)}.dslnote .dslnote-section:first-of-type .dslnote-container{max-width:800px;margin:0 auto}.dslnote .dslnote-section:first-of-type .dslnote-hero-title{text-align:left}.dslnote .dslnote-section:first-of-type .dslnote-body{text-align:left;margin:0 0 var(--space-4) 0}.dslnote .moodboard-filter-btn{display:inline-block;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-medium);text-transform:lowercase;letter-spacing:.02em;background:transparent;border:1px solid var(--fg);color:var(--fg);cursor:pointer;transition:all .15s}.dslnote .moodboard-filter-btn:hover,.dslnote .moodboard-filter-btn.active{background:var(--fg);color:var(--bg)}.dslnote .public-card-tags{display:none}.dslnote .public-card{padding-bottom:5%}.login-dark{--bg: #000;--fg: #fff;--muted: rgba(255, 255, 255, .72);--muted2: rgba(255, 255, 255, .58);--line: rgba(255, 255, 255, .1);--line2: rgba(255, 255, 255, .16);--r: 16px;min-height:100vh;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";letter-spacing:-.01em;text-rendering:geometricPrecision;display:flex;flex-direction:column}.login-dark ::selection{background:#ffffff38}.login-dark-header{border-bottom:1px solid var(--line)}.login-dark-nav{max-width:1280px;margin:0 auto;padding:14px clamp(18px,3vw,44px);display:flex;align-items:center}.login-dark-brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.04em;color:var(--fg);text-decoration:none}.login-dark-dot{width:10px;height:10px;border-radius:999px;background:var(--fg);display:inline-block}.login-dark-main{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(32px,5vw,64px) clamp(18px,3vw,44px)}.login-dark-card{border:1px solid var(--line);background:#ffffff08;border-radius:var(--r);padding:28px;max-width:420px;width:100%}.login-dark-label{margin:0 0 10px;font-size:13px;letter-spacing:-.01em;text-transform:uppercase;color:#ffffffd1;font-weight:600}.login-dark-title{font-size:clamp(24px,3vw,32px);line-height:1.1;font-weight:900;letter-spacing:-.04em;margin:0 0 12px}.login-dark-desc{margin:0 0 20px;color:var(--muted);line-height:1.6;font-size:14px}.login-dark-form{display:flex;flex-direction:column;gap:14px}.login-dark-row{display:flex;flex-direction:column;gap:6px}.login-dark-form label{font-size:12px;font-weight:800;letter-spacing:-.01em;color:#ffffffc7}.login-dark-form input[type=email],.login-dark-form input[type=text]{width:100%;padding:14px 16px;border-radius:999px;border:1px solid var(--line2);background:#ffffff0d;color:var(--fg);outline:none;font-weight:700;letter-spacing:-.01em;font-family:inherit;font-size:15px;transition:all .15s ease}.login-dark-form input::placeholder{color:#ffffff73}.login-dark-form input:focus{border-color:#fff6;background:#ffffff14}.login-dark-form input:disabled{opacity:.6;cursor:not-allowed}.login-dark-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.login-dark-btn{border:1px solid var(--line2);background:transparent;color:var(--fg);padding:12px 16px;border-radius:999px;font-weight:900;font-size:14px;letter-spacing:-.01em;cursor:pointer;font-family:inherit;transition:all .15s ease;width:100%}.login-dark-btn:hover{background:#ffffff12}.login-dark-btn:disabled{opacity:.6;cursor:not-allowed}.login-dark-btn-primary{background:#fff;color:#000;border-color:#fff}.login-dark-btn-primary:hover{background:#ffffffeb}.login-dark-message{padding:12px 14px;border-radius:10px;font-size:13px;font-weight:600;margin-top:6px}.login-dark-message-success{background:#4caf5026;color:#81c784;border:1px solid rgba(76,175,80,.3)}.login-dark-message-error{background:#f4433626;color:#e57373;border:1px solid rgba(244,67,54,.3)}.login-dark-dev{margin-top:16px;padding:14px;border-radius:10px;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);text-align:center}.login-dark-dev p{margin:0 0 10px;font-size:12px;color:#ffd54f;font-weight:600}.login-dark-dev .login-dark-btn{width:auto;padding:10px 20px}.login-dark-fine{margin-top:16px;font-size:12px;color:#ffffff8c;line-height:1.45;text-align:center}.login-dark-footer{border-top:1px solid var(--line);color:#ffffff8f;font-size:13px;line-height:1.45}.login-dark-foot{max-width:1280px;margin:0 auto;padding:18px clamp(18px,3vw,44px);text-align:center}.dsl-landing{--bg: #000;--fg: #fff;--muted: rgba(255, 255, 255, .72);--muted2: rgba(255, 255, 255, .58);--line: rgba(255, 255, 255, .1);--line2: rgba(255, 255, 255, .16);--max: 1280px;--pad: clamp(18px, 3vw, 44px);--gap: clamp(18px, 3vw, 56px);--r: 16px}.dsl-landing{min-height:100vh;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";letter-spacing:-.01em;text-rendering:geometricPrecision}.dsl-landing ::selection{background:#ffffff38}.dsl-header{position:sticky;top:0;z-index:5;background:linear-gradient(to bottom,#000000eb,#000000b8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.dsl-nav{max-width:var(--max);margin:0 auto;padding:14px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:14px}.dsl-brand{display:flex;align-items:baseline;gap:10px;font-weight:800;letter-spacing:-.04em}.dsl-dot{width:10px;height:10px;border-radius:999px;background:var(--fg);transform:translateY(-1px);display:inline-block}.dsl-brand small{margin-left:10px;color:var(--muted2);font-weight:700;letter-spacing:-.01em;font-size:12px}.dsl-navlinks{display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:700;font-size:13px}.dsl-navlink{padding:10px;border-radius:999px;color:inherit;text-decoration:none;transition:all .15s ease;min-width:90px;text-align:center}.dsl-navlink:hover{background:#ffffff0f;color:var(--fg)}.dsl-main{max-width:var(--max);margin:0 auto;padding:clamp(32px,5vw,64px) var(--pad) clamp(44px,6vw,84px)}.dsl-grid{display:grid;grid-template-columns:1.1fr 1fr .95fr;gap:var(--gap);align-items:start}.dsl-col{min-width:0;display:flex;flex-direction:column;gap:18px}.dsl-h-giant{font-size:clamp(46px,5.7vw,84px);line-height:.92;font-weight:850;letter-spacing:-.055em}.dsl-h-stack{font-size:clamp(34px,4.2vw,58px);line-height:.98;font-weight:850;letter-spacing:-.055em}.dsl-kicker{margin-top:4px;font-size:clamp(20px,2.2vw,34px);line-height:1.04;font-weight:850;letter-spacing:-.045em}.dsl-line{display:block}.dsl-muted{color:var(--muted)}.dsl-p{color:var(--muted);font-size:16px;line-height:1.6;max-width:52ch;margin:0}.dsl-p strong{color:var(--fg)}.dsl-rule{margin-top:6px;padding-top:16px;border-top:1px solid var(--line)}.dsl-wait{border:1px solid var(--line);background:#ffffff08;border-radius:var(--r);padding:18px}.dsl-wait-label{margin:0 0 10px;font-size:13px;letter-spacing:-.01em;text-transform:uppercase;color:#ffffffd1;font-weight:600}.dsl-wait-title{font-size:clamp(26px,2.7vw,36px);line-height:1.05;font-weight:900;letter-spacing:-.04em;margin:0 0 10px}.dsl-wait-desc{margin:0 0 14px;color:var(--muted);line-height:1.6;font-size:14px}.dsl-form{display:flex;flex-direction:column;gap:10px;margin-top:10px}.dsl-form-row{display:flex;flex-direction:column;gap:6px}.dsl-form label{font-size:12px;font-weight:800;letter-spacing:-.01em;color:#ffffffc7}.dsl-form input[type=email],.dsl-form input[type=text]{width:100%;padding:12px 14px;border-radius:999px;border:1px solid var(--line2);background:#ffffff0d;color:var(--fg);outline:none;font-weight:700;letter-spacing:-.01em;font-family:inherit;font-size:14px;transition:all .15s ease}.dsl-form input::placeholder{color:#ffffff73}.dsl-form input:focus{border-color:#fff6;background:#ffffff14}.dsl-form input:disabled{opacity:.6;cursor:not-allowed}.dsl-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.dsl-btn{border:1px solid var(--line2);background:transparent;color:var(--fg);padding:10px 12px;border-radius:999px;font-weight:900;font-size:13px;letter-spacing:-.01em;cursor:pointer;font-family:inherit;transition:all .15s ease}.dsl-btn:hover{background:#ffffff12}.dsl-btn:disabled{opacity:.6;cursor:not-allowed}.dsl-btn-primary{background:#fff;color:#000;border-color:#fff}.dsl-btn-primary:hover{background:#ffffffeb}.dsl-form-message{padding:12px 14px;border-radius:10px;font-size:13px;font-weight:600;margin-top:6px}.dsl-form-message-success{background:#4caf5026;color:#81c784;border:1px solid rgba(76,175,80,.3)}.dsl-form-message-exists{background:#2196f326;color:#64b5f6;border:1px solid rgba(33,150,243,.3)}.dsl-form-message-error{background:#f4433626;color:#e57373;border:1px solid rgba(244,67,54,.3)}.dsl-fine{margin-top:10px;font-size:12px;color:#ffffff8c;line-height:1.45}.dsl-footer{border-top:1px solid var(--line);color:#ffffff8f;font-size:13px;line-height:1.45}.dsl-foot{max-width:var(--max);margin:0 auto;padding:18px var(--pad) 34px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.dsl-foot a{color:#ffffffb8;font-weight:850;text-decoration:none}.dsl-foot a:hover{color:var(--fg)}@media (max-width: 980px){.dsl-grid{grid-template-columns:1fr;gap:26px}.dsl-navlinks{display:none}.dsl-p{max-width:70ch}}@media (max-width: 600px){.dsl-brand small{display:none}.dsl-h-giant{font-size:clamp(36px,10vw,52px)}.dsl-h-stack{font-size:clamp(28px,8vw,42px)}.dsl-kicker{font-size:clamp(18px,5vw,26px)}}.mobile-nav{--bg: #000;--fg: #fff;--yellow: #F6DE59;--muted2: rgba(255, 255, 255, .55);--line: rgba(255, 255, 255, .1);position:fixed;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000fa,#000000eb);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:10px 20px calc(env(safe-area-inset-bottom,0px) + 10px);display:flex;justify-content:space-around;z-index:50}.mobile-nav:after{content:"";position:absolute;bottom:0;left:0;right:0;height:env(safe-area-inset-bottom,0px);background:#000;z-index:-1}.mobile-nav .nav-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;background:transparent;border:none;color:var(--muted2);cursor:pointer;border-radius:12px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transition:all .15s ease}.mobile-nav .nav-btn:active{transform:scale(.95)}.mobile-nav .nav-btn.active{color:var(--yellow)}.mobile-nav .nav-btn .material-symbols-rounded{font-size:26px}.mobile-nav .nav-btn span:last-child{font-size:11px;font-weight:700}.mobile-nav .nav-btn.capture{background:var(--yellow);color:#000;border-radius:16px;padding:12px 24px}.mobile-nav .nav-btn.capture:active{background:#e5ce4a}.mobile-nav .material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24}.mobile-nav .material-symbols-rounded.filled{font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}.capture-container{min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#f5f5f0,#e8f5e8);padding:16px 16px 180px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1a1a1a;overflow-y:auto;-webkit-overflow-scrolling:touch}.capture-sticky-footer{position:fixed;bottom:80px;left:0;right:0;background:linear-gradient(to top,#f5f5f0 80%,#f5f5f000);padding:12px 16px 16px;z-index:10}.capture-header{margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #1a1a1a;display:flex;justify-content:space-between;align-items:center}.capture-header h1{font-size:18px;font-weight:700;letter-spacing:-.5px}.capture-user{font-size:12px;color:#666;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capture-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#1a1a1a,#333);border:2px solid #1a1a1a;color:#fff;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.capture-avatar:hover{transform:scale(1.05);background:linear-gradient(135deg,#333,#555)}.capture-avatar:active{transform:scale(.95)}.capture-mode-tabs{display:flex;gap:4px;margin-bottom:16px;background:#fff;padding:4px;border:2px solid #1a1a1a;border-radius:10px}.capture-mode-tab{flex:1;padding:12px 8px;font-size:13px;font-weight:600;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s;color:#666;display:flex;flex-direction:column;align-items:center;gap:4px}.capture-mode-tab:hover{background:#f5f5f5;color:#1a1a1a}.capture-mode-tab.active{background:#f6de59;color:#1a1a1a}.capture-mode-tab .tab-icon{font-size:20px}.capture-form-group{margin-bottom:14px}.capture-form-group label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;color:#666}.capture-form-group input,.capture-form-group textarea{width:100%;padding:12px 14px;font-size:16px;border:2px solid #1a1a1a;border-radius:8px;background:#fff;transition:all .2s;-webkit-appearance:none}.capture-form-group input:focus,.capture-form-group textarea:focus{outline:none;border-color:#f6de59;box-shadow:0 0 0 3px #f6de594d}.capture-form-group textarea{min-height:100px;resize:vertical;font-family:inherit}.capture-form-group small{display:block;margin-top:4px;font-size:11px;color:#888}.capture-media-header{text-align:center;padding:16px;margin-bottom:16px;background:linear-gradient(135deg,#1a1a1a,#333);border-radius:12px;color:#fff}.capture-media-header .icon{font-size:32px;display:block;margin-bottom:8px}.capture-media-header p{font-size:13px;opacity:.9}.capture-post-header{text-align:center;padding:16px;margin-bottom:16px;background:linear-gradient(135deg,#2d5016,#4a7c23);border-radius:12px;color:#fff}.capture-media-actions{display:flex;gap:12px;margin-bottom:16px}.capture-media-btn{flex:1;padding:16px;background:#fff;border:2px solid #1a1a1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s}.capture-media-btn:hover{background:#f5f5f5}.capture-media-btn:active{transform:scale(.98)}.capture-media-btn .btn-icon{font-size:28px}.capture-media-btn .btn-label{font-size:12px;font-weight:600;color:#666}.capture-tags-container{display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:#fff;border:2px solid #1a1a1a;border-radius:8px;min-height:48px;align-items:center}.capture-tag{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#f6de59;border:1px solid #1a1a1a;border-radius:20px;font-size:13px;font-weight:500}.capture-tag button{background:none;border:none;font-size:16px;cursor:pointer;opacity:.6;padding:0;margin-left:2px}.capture-tags-input{flex:1;min-width:80px;border:none;background:transparent;font-size:14px;padding:4px;outline:none}.capture-submit-btn{width:100%;padding:16px 20px;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:#f6de59;color:#1a1a1a;border:2px solid #1a1a1a;border-radius:8px;cursor:pointer;transition:all .2s;margin-top:16px}.capture-submit-btn:hover{background:#e8ca30;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.capture-submit-btn:active{transform:translateY(0)}.capture-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.capture-success{text-align:center;padding:60px 20px}.capture-success-icon{width:80px;height:80px;margin:0 auto 20px;background:#f6de59;border:2px solid #1a1a1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px}.capture-success h2{font-size:22px;margin-bottom:12px}.capture-success p{color:#666;margin-bottom:20px}.capture-link{display:block;text-align:center;margin-top:16px;font-size:14px;color:#666;text-decoration:none}.capture-link:hover{color:#1a1a1a}.capture-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.capture-spinner{width:32px;height:32px;border:3px solid #e0e0e0;border-top-color:#f6de59;border-radius:50%;animation:capture-spin .8s linear infinite}@keyframes capture-spin{to{transform:rotate(360deg)}}.capture-preview-image{width:100%;height:140px;border:2px solid #1a1a1a;border-radius:12px;overflow:hidden;margin-bottom:16px;background:#f0f0f0;position:relative}.capture-preview-image img{width:100%;height:100%;object-fit:cover}.capture-preview-uploading{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:12px;font-weight:600}.capture-audio-preview{padding:12px;background:linear-gradient(135deg,#1a1a1a,#333);border-radius:10px;margin-bottom:16px;color:#fff;display:flex;align-items:center;gap:12px}.capture-audio-preview audio{flex:1;height:36px}.recorder-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.recorder-modal{width:100%;max-width:340px;background:#fff;border:3px solid #1a1a1a;border-radius:16px;overflow:hidden;animation:slideUp .3s ease}.recorder-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(135deg,#2d5016,#4a7c23);color:#fff}.recorder-header h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;margin:0}.recorder-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px;opacity:.8;transition:opacity .2s}.recorder-close:hover{opacity:1}.recorder-body{padding:24px;text-align:center}.recorder-timer{font-size:48px;font-weight:700;font-variant-numeric:tabular-nums;margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:12px}.recorder-timer span.recording{color:#e63b19}.recording-dot{width:12px;height:12px;background:#e63b19;border-radius:50%;animation:pulse 1s ease infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.recorder-controls{display:flex;justify-content:center}.recorder-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 32px;border:2px solid #1a1a1a;border-radius:12px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s}.recorder-btn.record{background:#f6de59;color:#1a1a1a}.recorder-btn.record:hover{background:#e8ca30}.recorder-btn.stop{background:#e63b19;color:#fff;border-color:#e63b19}.recorder-btn.stop:hover{background:#c4300f}.recorder-preview{display:flex;flex-direction:column;gap:16px}.recorder-preview audio{width:100%;height:48px}.recorder-actions{display:flex;gap:12px}.recorder-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;border:2px solid #1a1a1a;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s}.recorder-action-btn.secondary{background:#f5f5f5;color:#1a1a1a}.recorder-action-btn.secondary:hover{background:#e5e5e5}.recorder-action-btn.primary{background:#f6de59;color:#1a1a1a}.recorder-action-btn.primary:hover{background:#e8ca30}.capture-image-picker{margin-bottom:16px}.capture-image-picker label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;color:#666}.capture-image-picker .capture-image-preview{position:relative;width:100%;height:180px;border:2px solid #1a1a1a;border-radius:12px;overflow:hidden;background:#f0f0f0}.capture-image-picker .capture-image-preview img{width:100%;height:100%;object-fit:cover}.capture-image-nav{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(transparent,#000000b3)}.capture-image-nav button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;transition:all .2s}.capture-image-nav button:hover{background:#fff;transform:scale(1.05)}.capture-image-nav span{color:#fff;font-size:13px;font-weight:600}.browse-container{--bg: #000;--fg: #fff;--yellow: #F6DE59;--muted: rgba(255, 255, 255, .72);--muted2: rgba(255, 255, 255, .55);--line: rgba(255, 255, 255, .1);--line2: rgba(255, 255, 255, .18);--card-bg: rgba(255, 255, 255, .03)}.browse-container{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:-.01em;position:fixed;top:0;left:0;right:0;bottom:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:none}.browse-header{padding:60px 20px 16px;background:linear-gradient(to bottom,#000000f2,#000000d9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.browse-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.browse-title{font-size:28px;font-weight:850;letter-spacing:-.04em;display:flex;align-items:center;gap:8px;margin:0}.browse-title .dot{width:8px;height:8px;background:var(--yellow);border-radius:50%}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#333,#555);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;cursor:pointer}.browse-search{display:flex;align-items:center;gap:10px;background:#ffffff0f;border:1px solid var(--line2);border-radius:12px;padding:12px 14px}.browse-search .material-symbols-rounded{color:var(--muted2);font-size:22px}.browse-search input{flex:1;background:none;border:none;outline:none;color:var(--fg);font-size:16px;font-family:inherit}.browse-search input::placeholder{color:var(--muted2)}.browse-tabs{display:flex;gap:4px;margin-top:12px;padding:4px;background:var(--surface);border-radius:12px}.browse-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-radius:10px;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.browse-tab:hover{color:var(--fg)}.browse-tab.active{background:var(--bg);color:var(--fg);box-shadow:0 2px 8px #0003}.tab-badge{background:var(--accent);color:var(--bg);font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.browse-filters{display:flex;align-items:center;gap:8px;margin-top:14px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.browse-filters::-webkit-scrollbar{display:none}.filter-btn{display:flex;align-items:center;gap:4px;padding:8px 14px;background:#ffffff0f;border:1px solid var(--line2);border-radius:20px;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;font-family:inherit;transition:all .15s ease}.filter-btn:hover{background:#ffffff1a}.filter-btn.active{background:var(--yellow);border-color:var(--yellow);color:#000}.filter-btn .material-symbols-rounded{font-size:18px}.filter-spacer{flex:1;min-width:8px}.view-toggle{display:flex;gap:4px}.view-btn{padding:8px;background:transparent;border:1px solid var(--line2);border-radius:8px;color:var(--muted2);cursor:pointer;font-family:inherit;transition:all .15s ease}.view-btn:hover{background:#ffffff0f}.view-btn.active{background:#ffffff14;color:var(--fg)}.view-btn .material-symbols-rounded{font-size:20px;display:block}.dropdown-wrapper{display:inline-flex;align-items:center;gap:2px;padding:4px 6px;background:#ffffff0f;border:1px solid var(--line2);border-radius:14px;color:var(--muted);flex-shrink:0;cursor:pointer;transition:all .15s ease}.dropdown-wrapper:hover{background:#ffffff1a}.dropdown-wrapper .material-symbols-rounded{flex-shrink:0;color:var(--yellow);font-size:16px;pointer-events:none}.filter-dropdown{flex:1;padding:10px 32px 10px 14px;background:#ffffff0f;border:1px solid var(--line2);border-radius:10px;color:var(--fg);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23F6DE59' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.filter-dropdown.icon-only{padding:4px 20px 4px 4px;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23F6DE59' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 2px center;background-size:10px 10px;border:none;min-width:0;width:auto;color:var(--muted);font-size:13px;font-weight:600}.filter-dropdown:focus{outline:none;border-color:var(--yellow)}.filter-dropdown.icon-only:focus{border:none;outline:none}.dropdown-wrapper:focus-within{border-color:var(--yellow);background:#f6de591a}.filter-dropdown option{color:#000}.filter-btn.favorite-btn{padding:8px 10px}.filter-btn.favorite-btn.active{color:#e57373;background:#e5737326;border-color:#e573734d}.browse-content{flex:1;padding:16px 16px 100px;overflow-y:auto}.browse-loading,.browse-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--muted2)}.browse-loading .material-symbols-rounded,.browse-empty .material-symbols-rounded{font-size:48px;margin-bottom:16px;opacity:.5}.browse-spinner{width:40px;height:40px;border:3px solid var(--line2);border-top-color:var(--yellow);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.pull-to-refresh{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;padding:16px;transform:translateY(-100%);transition:transform .2s ease;z-index:5}.pull-to-refresh.visible,.pull-to-refresh.refreshing{transform:translateY(0)}.pull-spinner{width:28px;height:28px;border:3px solid var(--line2);border-top-color:var(--yellow);border-radius:50%;animation:spin .8s linear infinite}.pull-arrow{transition:transform .2s ease}.pull-arrow.rotated{transform:rotate(180deg)}.bookmark-card{background:var(--card-bg);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:16px;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.bookmark-card:active{transform:scale(.98)}.card-image{width:100%;height:180px;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);position:relative;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover}.card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted2)}.card-image-placeholder .material-symbols-rounded{font-size:48px;opacity:.3}.card-type-badge{position:absolute;top:12px;left:12px;padding:4px 10px;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:4px}.card-type-badge .material-symbols-rounded{font-size:14px}.card-favorite{position:absolute;top:12px;right:12px;width:36px;height:36px;padding:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.card-favorite:hover{background:#000000b3}.card-favorite:active{transform:scale(.9)}.card-favorite.active{color:#e57373}.card-favorite.active .material-symbols-rounded{animation:heartPop .3s ease}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.card-body{padding:16px}.card-title{font-size:17px;font-weight:750;letter-spacing:-.02em;margin:0 0 8px;line-height:1.25}.card-excerpt{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-tag{padding:4px 10px;background:#ffffff14;border-radius:12px;font-size:12px;font-weight:600;color:var(--muted)}.card-tag.collection{background:#f6de5926;color:var(--yellow)}.card-date{margin-left:auto;font-size:12px;color:var(--muted2)}.bookmark-card.post .card-image{height:auto;min-height:0}.bookmark-card.post .card-image img{max-height:200px}.post-note{padding:16px;background:#f6de590d;border-bottom:1px solid var(--line);font-size:15px;line-height:1.6;font-style:italic;color:var(--muted)}.browse-content.list-view .bookmark-card{display:flex;border-radius:12px}.browse-content.list-view .card-image{width:100px;height:100px;flex-shrink:0}.browse-content.list-view .card-type-badge,.browse-content.list-view .card-favorite{display:none}.browse-content.list-view .card-body{flex:1;padding:12px}.browse-content.list-view .card-title{font-size:15px;margin-bottom:4px}.browse-content.list-view .card-excerpt{-webkit-line-clamp:2;font-size:13px;margin-bottom:8px}.browse-content.list-view .post-note{display:none}.browse-nav{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000f2,#000000d9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:10px 20px calc(env(safe-area-inset-bottom,20px) + 10px);display:flex;justify-content:space-around;z-index:20}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;background:transparent;border:none;color:var(--muted2);cursor:pointer;border-radius:12px;font-family:inherit;transition:all .15s ease}.nav-btn:active{transform:scale(.95)}.nav-btn.active{color:var(--yellow)}.nav-btn .material-symbols-rounded{font-size:26px}.nav-btn span:last-child{font-size:11px;font-weight:700}.nav-btn.capture{background:var(--yellow);color:#000;border-radius:16px;padding:12px 24px}.detail-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100;display:flex;flex-direction:column;animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.detail-header{padding:60px 20px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);flex-shrink:0}.detail-close{padding:8px;background:#ffffff1a;border:none;border-radius:50%;color:var(--fg);cursor:pointer;display:flex;align-items:center;justify-content:center}.detail-close:active{transform:scale(.95)}.detail-actions{display:flex;gap:8px}.detail-action{padding:8px 14px;background:transparent;border:1px solid var(--line2);border-radius:20px;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;font-family:inherit;transition:all .15s ease}.detail-action:hover{background:#ffffff0f}.detail-action:active{transform:scale(.95)}.detail-action.primary{background:var(--yellow);border-color:var(--yellow);color:#000}.detail-action.danger{color:#e57373;border-color:#e573734d}.detail-action.danger:hover{background:#e573731a}.detail-content{flex:1;overflow-y:auto;padding:20px 20px 40px}.detail-image{width:100%;border-radius:12px;margin-bottom:20px}.detail-video{width:100%;border-radius:12px;overflow:hidden;margin-bottom:20px;background:#111;aspect-ratio:16 / 9}.detail-video iframe{width:100%;height:100%;border:none}.detail-source-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid var(--line2);border-radius:20px;color:var(--yellow);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;margin-bottom:16px;transition:all .15s ease}.detail-source-link:hover{background:#f6de591a}.detail-source-link:active{transform:scale(.95)}.detail-source-link .material-symbols-rounded{font-size:16px}.detail-title{font-size:24px;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:0 0 12px}.detail-url{color:var(--yellow);font-size:13px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:6px;word-break:break-all}.detail-url .material-symbols-rounded{font-size:16px;flex-shrink:0}.detail-excerpt{color:var(--muted);font-size:16px;line-height:1.7;margin-bottom:20px}.detail-post-content{color:var(--fg);font-size:16px;line-height:1.7;margin-bottom:20px}.detail-audio{margin-bottom:20px}.detail-audio audio{width:100%}.detail-tags{display:flex;gap:8px;flex-wrap:wrap}.detail-date{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--muted2)}.delete-confirm{background:#e573731a;border:1px solid rgba(229,115,115,.3);border-radius:12px;padding:16px;margin-bottom:20px}.delete-confirm p{margin:0 0 12px;font-size:14px;color:#e57373}.delete-confirm-actions{display:flex;gap:8px}.edit-form{margin-bottom:20px}.edit-field{margin-bottom:16px}.edit-field label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:8px}.edit-field input,.edit-field textarea{width:100%;padding:12px 14px;background:#ffffff0f;border:2px solid var(--line2);border-radius:10px;color:var(--fg);font-size:16px;font-family:inherit;line-height:1.5;transition:border-color .15s ease}.edit-field input:focus,.edit-field textarea:focus{outline:none;border-color:var(--yellow)}.edit-field input::placeholder,.edit-field textarea::placeholder{color:var(--muted2)}.edit-field textarea{resize:vertical;min-height:100px}.edit-actions{display:flex;gap:10px;margin-top:20px}.edit-actions .detail-action{flex:1;justify-content:center}.browse-content.overlay-view{display:flex;flex-direction:column;gap:16px}.overlay-card{position:relative;min-height:240px;border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .15s ease}.overlay-card:active{transform:scale(.98)}.overlay-bg{position:absolute;top:0;right:0;bottom:0;left:0}.overlay-bg img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.overlay-card:hover .overlay-bg img{transform:scale(1.05)}.overlay-bg-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1a1a1a,#333);display:flex;align-items:center;justify-content:center;color:var(--muted2)}.overlay-bg-placeholder .material-symbols-rounded{font-size:64px;opacity:.3}.overlay-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.7) 40%,rgba(0,0,0,.3) 70%,transparent 100%)}.overlay-content{position:absolute;bottom:0;left:0;right:0;padding:20px;z-index:2}.overlay-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;margin-bottom:12px}.overlay-badge .material-symbols-rounded{font-size:14px}.overlay-title{font-size:22px;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:0 0 8px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.overlay-excerpt{font-size:14px;line-height:1.5;color:#fffc;margin:0 0 12px}.overlay-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.overlay-tag{padding:4px 10px;background:#ffffff26;border-radius:12px;font-size:12px;font-weight:600;color:#ffffffe6}.overlay-date{margin-left:auto;font-size:12px;color:#fff9}.browse-content.following-view{padding:16px}.following-grid{display:flex;flex-direction:column;gap:12px}.following-card{display:flex;background:var(--card-bg);border:1px solid var(--line);border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.following-card:active{transform:scale(.98)}.following-card-color{width:6px;flex-shrink:0}.following-card-body{flex:1;padding:14px 16px}.following-card-title{font-size:16px;font-weight:700;letter-spacing:-.02em;margin:0 0 6px;line-height:1.25;color:var(--fg)}.following-card-owner{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--yellow);margin:0 0 10px}.following-card-owner .material-symbols-rounded{font-size:14px}.following-card-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted2)}.following-card-count{display:flex;align-items:center;gap:4px}.following-card-count .material-symbols-rounded{font-size:14px}.following-card-date{margin-left:auto}.browse-header.compact{padding:52px 16px 12px;display:flex;align-items:center;gap:12px}.logo-btn-compact{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;flex-shrink:0;opacity:1;transition:opacity .2s}.logo-btn-compact:disabled{opacity:.6}.compact-search{flex:1;display:flex;align-items:center;gap:8px;background:#ffffff0f;border:1px solid var(--line2);border-radius:10px;padding:10px 14px}.compact-search input{flex:1;background:none;border:none;outline:none;color:var(--fg);font-size:15px;font-family:inherit;min-width:0}.compact-search input::placeholder{color:var(--muted2)}.search-clear{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.filter-toggle-btn{background:#ffffff0f;border:1px solid var(--line2);border-radius:10px;padding:10px;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;transition:all .15s ease}.filter-toggle-btn:hover{background:#ffffff1a}.filter-toggle-btn.active{background:var(--yellow);border-color:var(--yellow);color:#000}.filter-indicator{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--yellow);border-radius:50%}.filter-toggle-btn.active .filter-indicator{display:none}.filter-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:50;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.filter-sheet{position:fixed;bottom:0;left:0;right:0;background:#1a1a1a;border-radius:20px 20px 0 0;padding:12px 20px calc(env(safe-area-inset-bottom,20px) + 20px);z-index:51;max-height:70vh;overflow-y:auto;animation:slideUpSheet .25s ease}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.filter-sheet-handle{width:36px;height:4px;background:#ffffff4d;border-radius:2px;margin:0 auto 20px}.filter-section{margin-bottom:20px}.filter-section h4{font-size:11px;text-transform:uppercase;color:var(--muted2);letter-spacing:.5px;margin:0 0 10px;font-weight:600}.filter-options{display:flex;flex-wrap:wrap;gap:8px}.filter-option{padding:10px 16px;background:#ffffff0f;border:1px solid var(--line2);border-radius:10px;color:var(--muted);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease}.filter-option:hover{background:#ffffff1a}.filter-option.active{background:var(--yellow);border-color:var(--yellow);color:#000}.filter-option .material-symbols-rounded{font-size:16px}.filter-sheet-done{width:100%;padding:14px;background:var(--yellow);border:none;border-radius:12px;color:#000;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;margin-top:8px;transition:transform .15s ease}.filter-sheet-done:active{transform:scale(.98)}.profile-container{--bg: #000;--fg: #fff;--yellow: #F6DE59;--muted: rgba(255, 255, 255, .72);--muted2: rgba(255, 255, 255, .55);--line: rgba(255, 255, 255, .1);--line2: rgba(255, 255, 255, .18);--card-bg: rgba(255, 255, 255, .03);min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding-bottom:100px}.profile-header{padding:60px 20px 16px;background:linear-gradient(to bottom,#000000f2,#000000d9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.profile-title-row{display:flex;align-items:center;justify-content:space-between}.profile-title{font-size:28px;font-weight:850;letter-spacing:-.04em;display:flex;align-items:center;gap:8px;margin:0}.profile-title .dot{width:8px;height:8px;background:var(--yellow);border-radius:50%}.profile-header h1{font-size:20px;font-weight:700;letter-spacing:-.02em;margin:0;flex:1;text-align:center}.profile-back{padding:8px;background:#ffffff1a;border:none;border-radius:50%;color:var(--fg);cursor:pointer;display:flex;align-items:center;justify-content:center}.profile-back:active{transform:scale(.95)}.profile-edit-btn{padding:8px 16px;background:transparent;border:1px solid var(--line2);border-radius:20px;color:var(--muted);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.profile-edit-btn:hover{background:#ffffff0f}.profile-edit-btn.active{background:var(--yellow);border-color:var(--yellow);color:#000}.profile-card{padding:24px 20px;text-align:center}.profile-avatar-section{margin-bottom:16px}.profile-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#333,#555);display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative;overflow:hidden;border:3px solid var(--line2)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar-letter{font-size:40px;font-weight:800;color:var(--fg)}.profile-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;color:var(--fg)}.profile-info{margin-bottom:16px}.profile-name{font-size:24px;font-weight:800;letter-spacing:-.03em;margin:0 0 8px}.profile-username{font-size:15px;color:var(--yellow);font-weight:600;margin:0 0 8px}.profile-bio{font-size:15px;color:var(--muted);line-height:1.5;margin:0 0 8px}.profile-email{color:var(--muted2);font-size:13px;margin:0;display:inline-flex;align-items:center;gap:6px}.copy-email-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--muted2);opacity:.7;transition:opacity .2s,color .2s;display:flex;align-items:center;justify-content:center}.copy-email-btn:hover,.copy-email-btn:active{opacity:1;color:var(--accent)}.profile-name-input,.profile-bio-input{width:100%;padding:12px 16px;background:#ffffff0f;border:1px solid var(--line2);border-radius:10px;color:var(--fg);font-size:16px;font-family:inherit;margin-bottom:12px}.profile-name-input{text-align:center;font-weight:700}.profile-bio-input{resize:none}.profile-name-input:focus,.profile-bio-input:focus{outline:none;border-color:var(--yellow)}.profile-username-input{display:flex;align-items:center;width:100%;padding:10px 16px;background:#ffffff0f;border:1px solid var(--line2);border-radius:10px;margin-bottom:12px}.profile-username-at{color:var(--yellow);font-size:16px;font-weight:600}.profile-username-input input{flex:1;background:none;border:none;outline:none;color:var(--fg);font-size:16px;font-family:inherit;text-align:center}.profile-username-input input::placeholder{color:var(--muted2)}.profile-username-input:focus-within{border-color:var(--yellow)}.profile-follow-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;background:var(--yellow);border:none;border-radius:24px;color:#000;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s ease}.profile-follow-btn:disabled{opacity:.5;cursor:not-allowed}.profile-follow-btn:not(:disabled):hover{transform:scale(1.02)}.profile-stats{display:flex;justify-content:center;gap:32px;padding:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:20px}.profile-stat{text-align:center}.profile-stat-value{display:block;font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--fg)}.profile-stat-label{font-size:12px;color:var(--muted2);text-transform:uppercase;letter-spacing:.05em}.profile-section{padding:16px 20px;border-bottom:1px solid var(--line)}.profile-section h3{font-size:14px;font-weight:700;color:var(--muted);margin:0 0 12px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.03em}.profile-social-edit{display:flex;flex-direction:column;gap:10px}.profile-social-input{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff0f;border:1px solid var(--line2);border-radius:10px}.profile-social-input .material-symbols-rounded{color:var(--muted2)}.profile-social-input input{flex:1;background:none;border:none;outline:none;color:var(--fg);font-size:14px;font-family:inherit}.profile-social-input input::placeholder{color:var(--muted2)}.profile-social-links{display:flex;flex-wrap:wrap;gap:8px}.profile-social-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff0f;border:1px solid var(--line2);border-radius:20px;color:var(--yellow);font-size:13px;font-weight:600;text-decoration:none;transition:all .15s ease}.profile-social-link:hover{background:#f6de591a}.profile-empty{color:var(--muted2);font-size:14px;font-style:italic;margin:0}.profile-empty-state{text-align:center;padding:16px 0}.profile-notes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.profile-note-card{background:var(--card-bg);border:1px solid var(--line2);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:all .15s ease}.profile-note-card:hover{background:#ffffff0f;transform:translateY(-2px)}.profile-note-cover{width:100%;height:80px;overflow:hidden;position:relative}.profile-note-cover img{width:100%;height:100%;object-fit:cover}.profile-note-info{padding:12px}.profile-note-info h4{font-size:14px;font-weight:700;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-note-count{font-size:12px;color:var(--muted2)}.profile-note-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px}.profile-note-owner{color:var(--yellow);font-weight:600}.profile-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 20px}.profile-section-header h3{margin:0}.profile-section-scroll{padding:16px 0}.profile-section-action{font-size:12px;color:var(--yellow);text-decoration:none;font-weight:600}.scroll-container{display:flex;gap:12px;overflow-x:auto;padding:0 20px 8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-container::-webkit-scrollbar{display:none}.scroll-note-card{flex:0 0 140px;background:var(--card-bg);border:1px solid var(--line2);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;scroll-snap-align:start;transition:all .15s ease}.scroll-note-card:hover{background:#ffffff0f;transform:translateY(-2px)}.scroll-note-cover{width:100%;height:90px;position:relative;overflow:hidden}.scroll-note-cover img{width:100%;height:100%;object-fit:cover}.visibility-badge{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.visibility-badge.private{background:#000000b3;color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scroll-note-info{padding:10px}.scroll-note-info h4{font-size:13px;font-weight:700;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.scroll-note-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted2)}.scroll-note-owner{color:var(--yellow);font-weight:600}.toggle-switch{width:36px;height:20px;background:#fff3;border-radius:10px;position:relative;cursor:pointer;transition:all .2s ease}.toggle-switch.on{background:var(--yellow)}.toggle-switch:after{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:2px;left:2px;transition:all .2s ease}.toggle-switch.on:after{left:18px}.scroll-note-card.add-new{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border-style:dashed;min-height:160px}.scroll-note-card.add-new .material-symbols-rounded{font-size:32px;color:var(--muted2);margin-bottom:8px}.scroll-note-card.add-new span:last-child{font-size:12px;color:var(--muted2);font-weight:600}.profile-current{font-size:15px;color:var(--muted);line-height:1.6;margin:0}.profile-current-input{width:100%;padding:12px 14px;background:#ffffff0f;border:1px solid var(--line2);border-radius:10px;color:var(--fg);font-size:14px;font-family:inherit;resize:none}.profile-current-input:focus{outline:none;border-color:var(--yellow)}.profile-signout{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 40px);margin:24px 20px;padding:14px;background:transparent;border:1px solid rgba(229,115,115,.3);border-radius:12px;color:#e57373;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.profile-signout:hover{background:#e573731a}.profile-signout:active{transform:scale(.98)}.profile-nav{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000f2,#000000d9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:10px 20px calc(env(safe-area-inset-bottom,20px) + 10px);display:flex;justify-content:space-around;z-index:20}.profile-nav .nav-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;background:transparent;border:none;color:var(--muted2);cursor:pointer;border-radius:12px;font-family:inherit;transition:all .15s ease}.profile-nav .nav-btn:active{transform:scale(.95)}.profile-nav .nav-btn.active{color:var(--yellow)}.profile-nav .nav-btn .material-symbols-rounded{font-size:26px}.profile-nav .nav-btn span:last-child{font-size:11px;font-weight:700}.profile-nav .nav-btn.capture{background:var(--yellow);color:#000;border-radius:16px;padding:12px 24px}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:var(--muted2)}.profile-spinner{width:40px;height:40px;border:3px solid var(--line2);border-top-color:var(--yellow);border-radius:50%;animation:profileSpin .8s linear infinite;margin-bottom:16px}@keyframes profileSpin{to{transform:rotate(360deg)}}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24}.material-symbols-rounded.filled{font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}