@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Newsreader:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap";:root{--bg-primary:#fcf9ef;--bg-secondary:#fff;--bg-tertiary:#f5f0e4;--bg-card:#fff;--bg-card-hover:#faf6ec;--bg-elevated:#5c0a1a08;--bg-dark:#5c0a1a;--bg-dark-hover:#7a1028;--accent-primary:#5c0a1a;--accent-primary-hover:#7a1028;--accent-highlight:#8b1a2b;--accent-secondary:#c9a96e;--accent-tertiary:#c9a96e;--accent-neutral:#6b7a8d;--accent-glow:#5c0a1a1a;--text-primary:#2d1a1a;--text-secondary:#5a4040;--text-muted:#a89090;--text-accent:#5c0a1a;--text-light:#fcf9ef;--success:#5a8a5a;--success-bg:#5a8a5a1a;--warning:#c9a96e;--warning-bg:#c9a96e1a;--danger:#a0333a;--danger-bg:#a0333a14;--info:#5a7a9a;--info-bg:#5a7a9a1a;--favorite:#a0333a;--border-color:#5c0a1a14;--border-color-hover:#5c0a1a29;--shadow-sm:0 1px 3px #5c0a1a0d;--shadow-md:0 4px 12px #5c0a1a12;--shadow-lg:0 8px 32px #5c0a1a17;--overlay-bg:#2c050c66;--glass-bg:#fcf9eff0;--glass-border:#5c0a1a0f;--scrollbar-thumb:#d6c8c8;--scrollbar-thumb-hover:#b8a0a0;--sidebar-width:240px;--sidebar-collapsed:72px;--topbar-height:0px;--bottom-nav-height:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:100px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif:"Newsreader", "Georgia", "Times New Roman", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.loading-screen{background:var(--bg-primary);justify-content:center;align-items:center;height:100vh;display:flex}.spinner{border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border)}.heading-serif{font-family:var(--font-serif);letter-spacing:-.02em;font-weight:400;line-height:1.1}.heading-serif em,.heading-serif .accent{color:var(--accent-highlight);font-style:italic}.btn-primary{background:var(--bg-dark);color:var(--text-light);border-radius:var(--radius-full);transition:all var(--transition-normal);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--bg-dark-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-full);transition:all var(--transition-normal);border:1px solid var(--border-color);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:500;display:inline-flex}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover)}.btn-accent{background:var(--accent-highlight);color:#fff;border-radius:var(--radius-full);transition:all var(--transition-normal);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.9375rem;font-weight:600;display:inline-flex}.btn-accent:hover{background:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger{background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-full);transition:all var(--transition-normal);cursor:pointer;border:1px solid #a0333a26;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;display:inline-flex}.btn-danger:hover{background:var(--danger);color:#fff;transform:translateY(-1px)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-normal);padding:20px}.card:hover{border-color:var(--border-color-hover)}.badge{letter-spacing:.02em;border-radius:100px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-accent{background:var(--accent-glow);color:var(--text-accent)}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.form-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);transition:all var(--transition-fast);padding:10px 14px;font-size:.875rem}.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder{color:var(--text-muted)}.form-textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);resize:vertical;min-height:100px;transition:all var(--transition-fast);padding:10px 14px;font-size:.875rem}.form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.form-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);transition:all var(--transition-fast);appearance:none;cursor:pointer;padding:10px 14px;font-size:.875rem}.form-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state svg{opacity:.35;width:56px;height:56px;margin-bottom:16px}.empty-state h3{color:var(--text-secondary);margin-bottom:8px;font-size:1.0625rem;font-weight:600}.empty-state p{max-width:320px;font-size:.875rem}.modal-overlay{background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:85vh;box-shadow:var(--shadow-lg);padding:28px;animation:.3s slideUp;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h2{font-size:1.125rem;font-weight:700}.modal-close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.page-header h1{letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.page-header p{color:var(--text-secondary);margin-top:4px;font-size:.875rem}.search-bar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all var(--transition-fast);align-items:center;gap:10px;padding:8px 14px;display:flex}.search-bar:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.search-bar svg{color:var(--text-muted);flex-shrink:0;width:18px;height:18px}.search-bar input{color:var(--text-primary);flex:1;min-width:0;font-size:.875rem}.search-bar input::placeholder{color:var(--text-muted)}.favorite-btn{width:28px;height:28px;color:var(--text-muted);transition:all var(--transition-fast);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.favorite-btn:hover{color:var(--favorite);background:var(--danger-bg)}.favorite-btn.is-favorite{color:var(--favorite)}.favorite-btn.is-favorite:hover{background:var(--danger-bg)}.favorite-btn.is-favorite svg{fill:var(--favorite)}.favorite-btn:active{animation:.3s heartBeat}.visibility-toggle{background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-color);gap:4px;padding:3px;display:flex}.vis-btn{color:var(--text-secondary);transition:all var(--transition-fast);border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;font-weight:500;display:flex}.vis-btn:hover{color:var(--text-primary)}.vis-btn--active{background:var(--bg-dark);color:var(--text-light)}@media (width<=768px){:root{--sidebar-width:0px}.page-header h1{font-size:1.375rem}}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-dark);z-index:100;transition:transform var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-overlay,.sidebar-close{display:none}.sidebar-header{justify-content:space-between;align-items:center;padding:20px 18px 16px;display:flex}.sidebar-logo{align-items:center;gap:10px;display:flex}.logo-icon{background:var(--accent-highlight);border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.logo-text{letter-spacing:-.02em;color:var(--text-light);font-size:.9375rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:8px 10px;display:flex;overflow-y:auto}.nav-item{border-radius:var(--radius-sm);color:#fcf9ef8c;transition:all var(--transition-fast);align-items:center;gap:10px;padding:10px 12px;font-size:.8625rem;font-weight:500;display:flex;position:relative}.nav-item:hover{color:var(--text-light);background:#ffffff0f}.nav-item--active{background:var(--accent-highlight);color:#fff;font-weight:600}.sidebar-bottom{margin-top:auto}.back-to-landing{color:#fcf9ef59;transition:color var(--transition-fast);align-items:center;gap:8px;width:100%;padding:10px 20px;font-size:.8125rem;display:flex}.back-to-landing:hover{color:#fcf9efa6}.sidebar-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.user-info{align-items:center;gap:10px;min-width:0;display:flex}.user-avatar{background:var(--accent-highlight);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.75rem;font-weight:700;display:flex}.user-details{flex-direction:column;min-width:0;display:flex}.user-name{color:var(--text-light);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.user-email{color:#fcf9ef59;white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;overflow:hidden}.logout-btn{border-radius:var(--radius-sm);color:#fcf9ef59;width:30px;height:30px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.logout-btn:hover{color:var(--accent-highlight);background:#a0333a40}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.topbar{background:var(--bg-primary);align-items:center;height:56px;padding:0 20px;display:none}.menu-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.menu-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.page-content{flex:1;padding:32px;animation:.3s fadeIn}.bottom-nav{display:none}@media (width<=768px){.sidebar{width:260px;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar-overlay{z-index:99;background:#2c050c80;display:block;position:fixed;inset:0}.sidebar-close{border-radius:var(--radius-sm);color:#fcf9ef80;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.main-content{padding-bottom:var(--bottom-nav-height);margin-left:0}.topbar{display:flex}.page-content{padding:20px 16px;padding-bottom:calc(var(--bottom-nav-height) + 16px)}.bottom-nav{height:var(--bottom-nav-height);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);z-index:90;background:#fcf9efeb;justify-content:space-around;align-items:center;padding:0 8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 16px #5c0a1a0f}.bottom-nav-item{border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:54px;padding:6px 12px;font-size:.625rem;font-weight:500;text-decoration:none;display:flex}.bottom-nav-item:hover{color:var(--text-secondary)}.bottom-nav-item--active{color:var(--accent-primary);font-weight:700}.bottom-nav-item--active svg{stroke-width:2.5px}}.landing{background:var(--bg-primary);min-height:100vh;overflow-x:hidden}.landing-nav{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background:#fcf9efeb;position:sticky;top:0}.landing-nav-inner{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:16px 32px;display:flex}.landing-logo{cursor:pointer;align-items:center;gap:10px;display:flex}.landing-logo-icon{background:var(--accent-primary);border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.landing-logo-text{letter-spacing:-.02em;color:var(--text-primary);font-size:1rem;font-weight:700}.landing-nav-links{gap:32px;display:flex}.landing-nav-link{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.875rem;font-weight:500}.landing-nav-link:hover{color:var(--accent-primary)}.landing-nav-cta{padding:8px 20px;font-size:.8125rem}.landing-hero{padding:80px 32px 60px}.landing-hero-inner{justify-content:space-between;align-items:flex-start;gap:60px;max-width:1100px;margin:0 auto;display:flex}.landing-hero-left{flex:1.2}.landing-hero-tag{letter-spacing:.12em;color:var(--accent-primary);margin-bottom:24px;font-size:.75rem;font-weight:500}.landing-hero-title{color:var(--text-primary);font-size:3.75rem;line-height:1.05}.landing-hero-right{flex:.8;padding-top:80px}.landing-hero-desc{color:var(--text-secondary);margin-bottom:32px;font-size:1rem;line-height:1.7}.landing-hero-actions{align-items:center;gap:24px;display:flex}.landing-hero-see{color:var(--text-secondary);text-underline-offset:3px;transition:color var(--transition-fast);font-size:.875rem;font-weight:500;text-decoration:underline}.landing-hero-see:hover{color:var(--accent-primary)}.landing-preview{padding:0 32px 80px}.landing-preview-inner{max-width:1100px;margin:0 auto}.preview-window{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.preview-titlebar{border-bottom:1px solid var(--border-color);align-items:center;gap:14px;padding:14px 20px;display:flex}.preview-dots{gap:6px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot-r{background:var(--danger)}.dot-y{background:var(--warning)}.dot-g{background:var(--success)}.preview-path{color:var(--text-muted);font-size:.8125rem}.preview-body{grid-template-columns:1fr 1fr 1fr;min-height:200px;display:grid}.preview-col{padding:24px}.preview-col--border{border-left:1px solid var(--border-color)}.preview-col-title{letter-spacing:.1em;color:var(--text-muted);margin-bottom:20px;font-size:.6875rem;font-weight:600}.preview-item{color:var(--text-primary);align-items:center;gap:10px;padding:8px 0;font-size:.875rem;display:flex}.preview-dot{border-radius:50%;flex-shrink:0;width:16px;height:16px}.preview-dot--red{background:var(--accent-primary)}.preview-dot--empty{border:1.5px solid var(--border-color-hover)}.preview-note-title{margin-bottom:12px;font-size:1.25rem;font-weight:700;line-height:1.3}.preview-note-text{color:var(--text-secondary);font-size:.8125rem;line-height:1.6}.preview-saved-item{color:var(--text-primary);align-items:center;gap:10px;padding:8px 0;font-size:.8125rem;display:flex}.preview-saved-icon{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.625rem;display:flex}.preview-saved-icon--red{background:var(--accent-glow);color:var(--accent-primary)}.preview-saved-icon--pink{background:var(--danger-bg);color:var(--danger)}.preview-saved-icon--tan{background:var(--warning-bg);color:var(--accent-secondary)}.landing-rooms{padding:80px 32px}.landing-rooms-inner{max-width:1100px;margin:0 auto}.landing-rooms-header{justify-content:space-between;align-items:flex-start;gap:60px;margin-bottom:48px;display:flex}.landing-rooms-title{flex-shrink:0;font-size:3rem;line-height:1.1}.landing-rooms-desc{color:var(--text-secondary);max-width:420px;padding-top:12px;font-size:1rem;line-height:1.7}.rooms-grid{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.room-card{border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);transition:background var(--transition-normal);padding:28px 24px}.room-card:nth-child(3n){border-right:none}.room-card:nth-child(n+4){border-bottom:none}.room-card:hover{background:var(--bg-card-hover)}.room-icon{background:var(--accent-glow);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--accent-primary);justify-content:center;align-items:center;margin-bottom:14px;display:flex}.room-label{margin-bottom:6px;font-size:1.125rem;font-weight:700}.room-desc{color:var(--text-muted);font-size:.8125rem;line-height:1.4}.landing-philosophy{background:var(--bg-tertiary);padding:80px 32px}.landing-philosophy-inner{text-align:center;max-width:720px;margin:0 auto}.philosophy-label{letter-spacing:.15em;color:var(--accent-primary);margin-bottom:28px;font-size:.6875rem;font-weight:600}.philosophy-quote{color:var(--text-primary);margin-bottom:12px;font-size:2.25rem;line-height:1.2}.philosophy-attr{color:var(--text-muted);margin-bottom:32px;font-size:.875rem}.philosophy-text{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:1rem;line-height:1.7}.landing-cta{background:var(--bg-dark);padding:100px 32px}.landing-cta-inner{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;display:flex}.landing-cta-title{color:var(--text-light);font-size:3rem;line-height:1.1}.landing-cta-title em{color:var(--accent-secondary)}.landing-cta-btn{color:var(--text-light);background:0 0;border-color:#fcf9ef33}.landing-cta-btn:hover{background:#fcf9ef14;border-color:#fcf9ef4d}.landing-footer{background:var(--bg-dark);border-top:1px solid #fcf9ef0f;padding:24px 32px}.landing-footer-inner{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;display:flex}.footer-brand{color:var(--text-light);font-size:.875rem;font-weight:700}.footer-copy{color:#fcf9ef66;font-size:.8125rem}@media (width<=768px){.landing-nav-inner{padding:14px 20px}.landing-nav-links{display:none}.landing-hero{padding:48px 20px 40px}.landing-hero-inner{flex-direction:column;gap:32px}.landing-hero-title{font-size:2.5rem}.landing-hero-right{padding-top:0}.landing-hero-actions{flex-direction:column;align-items:flex-start;gap:16px}.landing-preview{padding:0 20px 60px}.preview-body{grid-template-columns:1fr}.preview-col--border{border-left:none;border-top:1px solid var(--border-color)}.landing-rooms{padding:60px 20px}.landing-rooms-header{flex-direction:column;gap:20px}.landing-rooms-title{font-size:2.25rem}.rooms-grid{grid-template-columns:1fr}.room-card{border-right:none;border-bottom:1px solid var(--border-color)}.room-card:last-child{border-bottom:none}.landing-philosophy{padding:60px 20px}.philosophy-quote{font-size:1.5rem}.landing-cta{padding:60px 20px}.landing-cta-inner{text-align:center;flex-direction:column;gap:32px}.landing-cta-title{font-size:2.25rem}.landing-footer-inner{text-align:center;flex-direction:column;gap:12px}}@media (width<=480px){.landing-hero-title{font-size:2rem}.landing-rooms-title,.landing-cta-title{font-size:1.75rem}.philosophy-quote{font-size:1.25rem}}.auth-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:40px 36px;animation:.4s slideUp}.auth-header{text-align:center;margin-bottom:28px}.auth-logo{background:var(--accent-primary);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 20px;display:flex}.auth-header h1{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:8px;font-size:1.375rem;font-weight:700}.auth-header p{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.auth-error{background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-sm);text-align:center;border:1px solid #a0333a26;margin-bottom:20px;padding:12px 16px;font-size:.8125rem}.google-btn-wrapper{justify-content:center;padding:4px 0;display:flex}.google-btn-container{justify-content:center;display:flex}.auth-divider{align-items:center;gap:14px;margin:20px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.auth-divider span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.auth-form{flex-direction:column;gap:16px;display:flex}.password-wrapper{position:relative}.password-wrapper .form-input{width:100%;padding-right:44px}.password-toggle{color:var(--text-muted);justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-secondary)}.auth-submit{width:100%;margin-top:4px;padding:12px;font-size:.9375rem}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-switch{text-align:center;color:var(--text-secondary);margin-top:20px;font-size:.8125rem}.auth-switch a{color:var(--accent-primary);transition:color var(--transition-fast);font-weight:600}.auth-switch a:hover{color:var(--accent-highlight)}@media (width<=480px){.auth-card{padding:32px 24px}}.home-page{max-width:960px;animation:.4s fadeIn}.home-greeting{margin-bottom:32px}.home-greeting h1{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:4px;font-size:2rem;font-weight:500}.home-greeting h1 span{color:var(--accent-primary)}.home-date{color:var(--text-muted);font-size:.875rem;font-weight:400}.home-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:32px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-normal);cursor:pointer;flex-direction:column;gap:12px;padding:20px;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";border-radius:var(--radius-md) var(--radius-md) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stat-card--tasks:before{background:var(--accent-primary)}.stat-card--notes:before{background:var(--accent-secondary)}.stat-card--tweets:before{background:var(--info)}.stat-card--videos:before{background:var(--danger)}.stat-card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stat-card--tasks .stat-card-icon{background:var(--accent-glow);color:var(--accent-primary)}.stat-card--notes .stat-card-icon{background:var(--warning-bg);color:var(--accent-secondary)}.stat-card--tweets .stat-card-icon{background:var(--info-bg);color:var(--info)}.stat-card--videos .stat-card-icon{background:var(--danger-bg);color:var(--danger)}.stat-card-value{letter-spacing:-.02em;color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1}.stat-card-label{color:var(--text-muted);font-size:.8125rem;font-weight:500}.stat-card-sub{color:var(--text-muted);margin-top:-4px;font-size:.6875rem}.home-quick-actions{flex-wrap:wrap;gap:10px;margin-bottom:32px;display:flex}.quick-action-btn{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);transition:all var(--transition-normal);cursor:pointer;align-items:center;gap:8px;padding:10px 18px;font-size:.8125rem;font-weight:600;display:inline-flex}.quick-action-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.quick-action-btn svg{width:16px;height:16px}.home-columns{grid-template-columns:1.2fr .8fr;gap:24px;margin-bottom:32px;display:grid}.home-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px}.home-section-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:20px;font-size:.9375rem;font-weight:700;display:flex}.home-section-title svg{color:var(--accent-primary)}.activity-timeline{padding-left:24px;position:relative}.activity-timeline:before{content:"";background:var(--border-color);border-radius:2px;width:2px;position:absolute;top:4px;bottom:4px;left:7px}.activity-item{padding-bottom:18px;animation:.3s both fadeIn;position:relative}.activity-item:last-child{padding-bottom:0}.activity-dot{border:2px solid var(--bg-card);z-index:1;border-radius:50%;width:12px;height:12px;position:absolute;top:3px;left:-20px}.activity-dot--task{background:var(--accent-primary)}.activity-dot--note{background:var(--accent-secondary)}.activity-dot--tweet{background:var(--info)}.activity-dot--video{background:var(--danger)}.activity-content h4{color:var(--text-primary);margin-bottom:2px;font-size:.875rem;font-weight:600}.activity-content p{color:var(--text-muted);font-size:.75rem}.activity-type{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;margin-bottom:4px;font-size:.6875rem;font-weight:600;display:inline-flex}.activity-type--task{color:var(--accent-primary)}.activity-type--note{color:var(--accent-secondary)}.activity-type--tweet{color:var(--info)}.activity-type--video{color:var(--danger)}.activity-empty{text-align:center;color:var(--text-muted);padding:24px;font-size:.8125rem}.activity-empty svg{opacity:.3;margin:0 auto 10px;display:block}.recent-favs-list{flex-direction:column;gap:12px;display:flex}.recent-fav-item{border-radius:var(--radius-sm);transition:background var(--transition-fast);cursor:pointer;align-items:center;gap:12px;padding:10px 12px;display:flex}.recent-fav-item:hover{background:var(--bg-tertiary)}.recent-fav-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.recent-fav-icon--task{background:var(--accent-glow);color:var(--accent-primary)}.recent-fav-icon--note{background:var(--warning-bg);color:var(--accent-secondary)}.recent-fav-icon--tweet{background:var(--info-bg);color:var(--info)}.recent-fav-icon--video{background:var(--danger-bg);color:var(--danger)}.recent-fav-text{flex:1;min-width:0}.recent-fav-text h4{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.recent-fav-text p{color:var(--text-muted);font-size:.6875rem}.no-favs{text-align:center;color:var(--text-muted);padding:20px;font-size:.8125rem}.home-quote{background:var(--bg-dark);border-radius:var(--radius-md);padding:28px 32px;position:relative;overflow:hidden}.home-quote:before{content:"\"";font-family:var(--font-serif);color:#fcf9ef14;pointer-events:none;font-size:6rem;line-height:1;position:absolute;top:-10px;left:16px}.home-quote blockquote{font-family:var(--font-serif);color:var(--text-light);z-index:1;margin-bottom:12px;font-size:1.125rem;font-style:italic;line-height:1.5;position:relative}.home-quote cite{font-family:var(--font-sans);color:#fcf9ef80;letter-spacing:.02em;font-size:.75rem;font-style:normal;font-weight:500}@media (width<=900px){.home-stats{grid-template-columns:repeat(2,1fr)}.home-columns{grid-template-columns:1fr}}@media (width<=768px){.home-page{padding-bottom:calc(var(--bottom-nav-height) + 16px)}.home-greeting h1{font-size:1.5rem}.home-stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:16px}.stat-card-value{font-size:1.375rem}.home-quick-actions{gap:8px}.quick-action-btn{padding:8px 14px;font-size:.75rem}.home-section{padding:18px}.home-quote{padding:22px 20px}.home-quote blockquote{font-size:1rem}}@media (width<=480px){.home-stats{grid-template-columns:1fr 1fr;gap:8px}.home-quick-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}}.tasks-page{max-width:900px}.tasks-toolbar{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:24px;display:flex}.tasks-toolbar .search-bar{flex:1;min-width:180px}.filter-tabs{background:var(--bg-secondary);border-radius:var(--radius-full);border:1px solid var(--border-color);align-items:center;gap:4px;padding:3px;display:flex}.filter-tab{border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--transition-fast);padding:7px 16px;font-size:.8125rem;font-weight:500}.filter-tab:hover{color:var(--text-primary)}.filter-tab--active{background:var(--accent-primary);color:#fff}.task-list{flex-direction:column;gap:8px;display:flex}.task-item{align-items:flex-start;gap:12px;animation:.3s both fadeIn;display:flex}.task-item--done{opacity:.5}.task-check{color:var(--text-muted);transition:color var(--transition-fast);flex-shrink:0;margin-top:1px;padding:2px}.task-check:hover{color:var(--accent-primary)}.task-check--checked{color:var(--success)}.task-content{flex:1;min-width:0}.task-content h3{margin-bottom:4px;font-size:.9375rem;font-weight:600}.task-title--done{color:var(--text-muted);text-decoration:line-through}.task-desc{color:var(--text-secondary);margin-bottom:8px;font-size:.8125rem;line-height:1.4}.task-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.task-date{color:var(--text-muted);align-items:center;gap:4px;font-size:.75rem;display:flex}.task-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.task-delete{color:var(--text-muted);opacity:0;transition:all var(--transition-fast);border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:4px;display:flex}.task-item:hover .task-delete{opacity:1}.task-delete:hover{background:var(--danger-bg);color:var(--danger)}.modal-form{flex-direction:column;gap:16px;display:flex}.modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}@media (width<=768px){.tasks-page{padding-bottom:calc(var(--bottom-nav-height) + 16px)}.tasks-toolbar{flex-direction:column;align-items:stretch}.filter-tabs{justify-content:center}}.notes-page{max-width:1000px}.notes-toolbar{margin-bottom:24px}.notes-toolbar .search-bar{max-width:400px}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.note-card{cursor:pointer;transition:all var(--transition-normal);flex-direction:column;gap:10px;animation:.3s both fadeIn;display:flex}.note-card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-sm)}.note-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.note-card-header h3{flex:1;min-width:0;font-size:.9375rem;font-weight:600}.note-card-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.note-delete{color:var(--text-muted);opacity:0;transition:all var(--transition-fast);border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:4px;display:flex}.note-card:hover .note-delete{opacity:1}.note-delete:hover{background:var(--danger-bg);color:var(--danger)}.note-preview{color:var(--text-secondary);flex:1;font-size:.8125rem;line-height:1.5}.note-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.note-time{color:var(--text-muted);align-items:center;gap:4px;font-size:.6875rem;display:flex}.note-viewer{max-width:600px}.note-viewer-meta{align-items:center;gap:12px;margin-bottom:20px;display:flex}.note-viewer-content{color:var(--text-secondary);white-space:pre-wrap;font-size:.9375rem;line-height:1.7}@media (width<=768px){.notes-page{padding-bottom:calc(var(--bottom-nav-height) + 16px)}}@media (width<=640px){.notes-grid{grid-template-columns:1fr}}.tweets-page{max-width:1000px}.tweets-toolbar{margin-bottom:24px}.tweets-toolbar .search-bar{max-width:400px}.tweets-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.tweet-card{flex-direction:column;gap:10px;animation:.3s both fadeIn;display:flex}.tweet-card-header{justify-content:space-between;align-items:center;display:flex}.tweet-icon-wrap{background:var(--info-bg);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--info);justify-content:center;align-items:center;display:flex}.tweet-actions-top{align-items:center;gap:2px;display:flex}.tweet-link-btn{width:28px;height:28px;color:var(--text-muted);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.tweet-link-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tweet-delete{width:28px;height:28px;color:var(--text-muted);opacity:0;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.tweet-card:hover .tweet-delete{opacity:1}.tweet-delete:hover{background:var(--danger-bg);color:var(--danger)}.tweet-card h3{font-size:.9375rem;font-weight:600}.tweet-desc{color:var(--text-secondary);font-size:.8125rem;line-height:1.4}.tweet-link-preview{color:var(--text-muted);align-items:center;gap:6px;font-size:.75rem;display:flex}.tweet-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.tweet-time{color:var(--text-muted);align-items:center;gap:4px;font-size:.6875rem;display:flex}@media (width<=768px){.tweets-page{padding-bottom:calc(var(--bottom-nav-height) + 16px)}}@media (width<=640px){.tweets-grid{grid-template-columns:1fr}}.videos-page{max-width:1000px}.videos-toolbar{margin-bottom:24px}.videos-toolbar .search-bar{max-width:400px}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.video-card{padding:0;animation:.3s both fadeIn;overflow:hidden}.video-thumbnail{aspect-ratio:16/9;background:var(--bg-tertiary);position:relative;overflow:hidden}.video-thumbnail img{object-fit:cover;width:100%;height:100%}.video-thumb-placeholder{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.video-play-overlay{opacity:0;transition:opacity var(--transition-normal);background:#5c0a1a4d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-card:hover .video-play-overlay{opacity:1}.video-info{flex-direction:column;gap:8px;padding:16px;display:flex}.video-info-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.video-info-header h3{flex:1;min-width:0;font-size:.9375rem;font-weight:600}.video-actions-top{flex-shrink:0;align-items:center;gap:2px;display:flex}.video-desc{color:var(--text-secondary);font-size:.8125rem;line-height:1.4}.video-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}@media (width<=768px){.videos-page{padding-bottom:calc(var(--bottom-nav-height) + 16px)}}@media (width<=640px){.videos-grid{grid-template-columns:1fr}}.favorites-page{max-width:900px}.fav-categories{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.fav-category{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);align-items:center;gap:10px;min-width:0;padding:12px 16px;display:flex}.fav-category:hover{border-color:var(--border-color-hover)}.fav-category--active{border-color:var(--accent-primary);background:var(--accent-glow)}.fav-cat-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.fav-cat-label{font-size:.875rem;font-weight:600}.fav-cat-count{color:var(--text-muted);margin-left:auto;font-size:.75rem}.fav-items{flex-direction:column;gap:8px;display:flex}.fav-item{align-items:flex-start;gap:12px;animation:.3s both fadeIn;display:flex}.fav-item-content{flex:1;min-width:0}.fav-item-content h4{margin-bottom:4px;font-size:.9375rem;font-weight:600}.fav-item-content p{color:var(--text-secondary);font-size:.8125rem;line-height:1.4}@media (width<=768px){.favorites-page{padding-bottom:calc(var(--bottom-nav-height) + 16px)}}@media (width<=640px){.fav-categories{flex-direction:column}}.settings-page{max-width:700px}.settings-section{margin-bottom:32px}.section-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:14px;font-size:.9375rem;font-weight:600;display:flex}.danger-title{color:var(--danger)}.profile-card{align-items:center;gap:18px;display:flex}.profile-avatar{background:var(--accent-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.25rem;font-weight:700;display:flex}.profile-details{flex:1;min-width:0}.profile-details h3{margin-bottom:6px;font-size:1.0625rem;font-weight:700}.profile-meta{flex-wrap:wrap;gap:16px;margin-bottom:10px;display:flex}.profile-meta span{color:var(--text-secondary);align-items:center;gap:6px;font-size:.8125rem;display:flex}.setting-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.setting-info h4{margin-bottom:4px;font-size:.9375rem;font-weight:600}.setting-info p{color:var(--text-secondary);font-size:.8125rem}.danger-card{border-color:#a0333a26}@media (width<=768px){.settings-page{padding-bottom:calc(var(--bottom-nav-height) + 16px)}}@media (width<=640px){.profile-card{flex-direction:column;align-items:flex-start}.setting-row{flex-direction:column;align-items:flex-start;gap:12px}}