.demo-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(90deg,var(--accent-purple),var(--accent-blue),var(--accent-cyan),var(--accent-purple));background-size:300% 100%;animation:bannerGradient 8s ease infinite;padding:10px 0;overflow:hidden;z-index:1000}@keyframes bannerGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.demo-banner-content{display:inline-flex;white-space:nowrap;animation:marquee 20s linear infinite}.demo-banner-content span{padding:0 80px;font-size:.9rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.1em;flex-shrink:0}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.demo-banner-close{position:absolute;right:var(--space-sm,1rem);top:50%;transform:translateY(-50%);background:#fff;border:none;color:#333;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;transition:all .2s ease;z-index:10}.demo-banner-close:hover{background:#f0f0f0;transform:translateY(-50%) scale(1.1)}body{padding-top:40px}body.banner-hidden{padding-top:0}body.banner-hidden .active-users,body.banner-hidden .feedback-btn{top:var(--space-md)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--font-main:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","SF Mono","Consolas","Monaco",monospace;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:50%}:root,[data-theme=dark]{--bg-primary:#0a0a0b;--bg-secondary:#111113;--bg-card:#161618;--bg-progress:#1e1e21;--text-primary:#fff;--text-secondary:#a0a0a5;--text-muted:#606065;--accent-orange:#ff6b35;--accent-cyan:#00d4aa;--accent-purple:#a855f7;--accent-blue:#3b82f6;--gradient-overlay:radial-gradient(ellipse at top,#1a1a1d 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(168,85,247,.03) 0%,transparent 40%)}[data-theme=light]{--bg-primary:#f5f5f7;--bg-secondary:#fff;--bg-card:#fff;--bg-progress:#e5e5e7;--text-primary:#1a1a1b;--text-secondary:#4a4a4d;--text-muted:#8a8a8d;--accent-orange:#e85a2a;--accent-cyan:#00b894;--accent-purple:#9333ea;--accent-blue:#2563eb;--gradient-overlay:radial-gradient(ellipse at top,#e8e8ea 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(147,51,234,.05) 0%,transparent 40%)}[data-theme=midnight]{--bg-primary:#0d1421;--bg-secondary:#121a2e;--bg-card:#182236;--bg-progress:#1e2a42;--text-primary:#e8f0ff;--text-secondary:#94a3c4;--text-muted:#5a6a8a;--accent-orange:#f59e0b;--accent-cyan:#38bdf8;--accent-purple:#818cf8;--accent-blue:#60a5fa;--gradient-overlay:radial-gradient(ellipse at top,#1a2744 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(56,189,248,.05) 0%,transparent 40%)}[data-theme=forest]{--bg-primary:#0a120d;--bg-secondary:#0f1a12;--bg-card:#142318;--bg-progress:#1a2e1f;--text-primary:#e8f5ec;--text-secondary:#94b8a0;--text-muted:#5a7a62;--accent-orange:#f97316;--accent-cyan:#34d399;--accent-purple:#a78bfa;--accent-blue:#22d3ee;--gradient-overlay:radial-gradient(ellipse at top,#162e1c 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(52,211,153,.05) 0%,transparent 40%)}[data-theme=sunset]{--bg-primary:#1a0f14;--bg-secondary:#241418;--bg-card:#2e1a20;--bg-progress:#3a2028;--text-primary:#fff0f5;--text-secondary:#c4949f;--text-muted:#8a5a68;--accent-orange:#fb923c;--accent-cyan:#f472b6;--accent-purple:#e879f9;--accent-blue:#c084fc;--gradient-overlay:radial-gradient(ellipse at top,#2e1a22 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(244,114,182,.05) 0%,transparent 40%)}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:var(--gradient-overlay);pointer-events:none;z-index:0}.dashboard{position:relative;z-index:1;min-height:100vh;padding:var(--space-lg);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;grid-gap:var(--space-lg);gap:var(--space-lg);max-width:1800px;margin:0 auto}.time-section{grid-column:1/-1;text-align:center;padding:var(--space-xl) 0}.clock{font-family:var(--font-mono);font-size:clamp(5rem,15vw,12rem);font-weight:200;letter-spacing:.05em;color:var(--text-primary);text-shadow:0 0 80px hsla(0,0%,100%,.12);transition:text-shadow .3s ease;line-height:1}.clock:hover{text-shadow:0 0 80px hsla(0,0%,100%,.15)}.clock-separator{opacity:1;animation:blink 1s ease-in-out infinite}.clock-period{font-size:clamp(1.2rem,3vw,2.5rem);color:var(--text-muted);margin-left:var(--space-sm);font-weight:300;vertical-align:middle;letter-spacing:.05em}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.date-display{margin-top:var(--space-md);font-size:clamp(1rem,2.5vw,1.4rem);color:var(--text-muted);font-weight:300;letter-spacing:.15em;text-transform:uppercase;opacity:.6}.hourly-truth{margin-top:var(--space-lg);font-size:clamp(1.1rem,2.5vw,1.5rem);color:var(--text-secondary);font-weight:400;letter-spacing:.08em;opacity:.9;transition:opacity .5s ease;max-width:600px;margin-left:auto;margin-right:auto}.progress-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid hsla(0,0%,100%,.05)}.section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);font-weight:500}.progress-item,.section-title{margin-bottom:var(--space-lg)}.progress-item:last-child{margin-bottom:0}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.progress-label{font-size:1.1rem;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-xs)}.progress-label .icon{font-size:1.3rem}.progress-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:600}.progress-value.month{color:var(--accent-orange)}.progress-value.year{color:var(--accent-cyan)}.progress-bar-container{background:var(--bg-progress);height:8px;overflow:hidden}.progress-bar,.progress-bar-container{border-radius:var(--radius-sm);position:relative}.progress-bar{height:100%;transition:width 1s ease-out}.progress-bar.month{background:linear-gradient(90deg,var(--accent-orange),#ff8c5a)}.progress-bar.year{background:linear-gradient(90deg,var(--accent-cyan),#00f5c4)}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-subtext{margin-top:var(--space-xs);font-size:.85rem;color:var(--text-muted)}.progress-tagline{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--space-sm);opacity:.8}.progress-harsh-text{font-size:.85rem;color:var(--accent-orange);margin-top:var(--space-sm);opacity:.9;font-weight:500;letter-spacing:.02em}.circular-progress-container{display:flex;align-items:center;gap:var(--space-lg);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid hsla(0,0%,100%,.05)}.circular-progress{position:relative;flex-shrink:0}.circular-progress svg{transform:rotate(-90deg);width:100%;height:100%}.circular-progress circle{fill:none;stroke-linecap:round}.circular-progress .bg{stroke:var(--bg-progress)}.circular-progress .progress{stroke:var(--accent-purple);transition:stroke-dashoffset 1.5s ease-out}.circular-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.circular-progress-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:600;color:var(--accent-purple)}.circular-progress-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.year-info{flex:1 1}.year-info h3{font-size:1.1rem;font-weight:500;margin-bottom:var(--space-xs)}.year-info p{font-size:.9rem;color:var(--text-muted);line-height:1.5}.habits-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid hsla(0,0%,100%,.05)}.habits-list{list-style:none}.habit-item{display:flex;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid hsla(0,0%,100%,.03);transition:transform .2s ease,background .2s ease;border-radius:var(--radius-sm);padding-left:var(--space-xs);margin-left:calc(-1 * var(--space-xs));cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.habit-item:last-child{border-bottom:none}.habit-item:hover{background:hsla(0,0%,100%,.02);transform:translateX(4px)}.habit-item:focus{outline:2px solid var(--accent-cyan);outline-offset:2px}.habit-checkbox{width:24px;height:24px;border:2px solid var(--text-muted);border-radius:var(--radius-sm);margin-right:var(--space-sm);display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.habit-item.completed .habit-checkbox{background:var(--accent-cyan);border-color:var(--accent-cyan)}.habit-checkbox svg{width:14px;height:14px;stroke:var(--bg-primary);stroke-width:3;opacity:0;transform:scale(.5);transition:all .2s ease}.habit-item.completed .habit-checkbox svg{opacity:1;transform:scale(1)}.habit-icon{font-size:1.3rem;margin-right:var(--space-sm);opacity:.8}.habit-text{font-size:1rem;color:var(--text-secondary);transition:color .2s ease}.habit-item.completed .habit-text{color:var(--text-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--accent-cyan);text-decoration-color:var(--accent-cyan)}.habits-footer{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid hsla(0,0%,100%,.05);display:flex;justify-content:space-between;align-items:center}.habits-progress-text{font-size:.85rem;color:var(--text-muted)}.habits-progress-text span{color:var(--accent-cyan);font-weight:600}.streak-badge{background:linear-gradient(135deg,var(--accent-orange),#ff8c5a);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:var(--bg-primary)}.habits-footer-right{display:flex;align-items:center;gap:var(--space-xs)}.share-achievement-btn{width:32px;height:32px;padding:0;border:none;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px rgba(168,85,247,.3)}.share-achievement-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(168,85,247,.5)}.share-achievement-btn:active{transform:scale(.95)}.share-achievement-btn svg{width:16px;height:16px}.motivation-message{font-size:.9rem;color:var(--accent-cyan);margin-bottom:var(--space-md);padding:var(--space-sm);background:rgba(0,212,170,.08);border-left:3px solid var(--accent-cyan)}.habits-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.habits-header .section-title{margin-bottom:0}.habits-sublabel{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-md);opacity:.7}.completion-message{font-size:.9rem;color:var(--accent-cyan);margin-bottom:var(--space-md);padding:var(--space-sm);background:rgba(0,212,170,.1);border-radius:var(--radius-sm);border-left:3px solid var(--accent-cyan);text-align:center;font-weight:500}.add-habit-btn{width:28px;height:28px;border-radius:50%;border:2px solid var(--accent-cyan);background:transparent;color:var(--accent-cyan);font-size:1.2rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.add-habit-btn:hover{background:var(--accent-cyan);color:var(--bg-primary);transform:scale(1.1)}.add-habit-form{margin-bottom:var(--space-md);padding:var(--space-sm);background:hsla(0,0%,100%,.02);border-radius:var(--radius-sm)}.add-habit-input{width:100%;padding:var(--space-sm);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:.95rem;margin-bottom:var(--space-sm)}.add-habit-input:focus{outline:none;border-color:var(--accent-cyan)}.add-habit-input::placeholder{color:var(--text-muted)}.add-habit-actions{display:flex;gap:var(--space-xs)}.add-habit-cancel,.add-habit-submit{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-habit-submit{background:var(--accent-cyan);color:var(--bg-primary);border:none}.add-habit-submit:hover{filter:brightness(1.1)}.add-habit-cancel{background:transparent;color:var(--text-muted);border:1px solid hsla(0,0%,100%,.1)}.add-habit-cancel:hover{background:hsla(0,0%,100%,.05);color:var(--text-secondary)}.habit-delete-btn{margin-left:auto;width:24px;height:24px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;border-radius:var(--radius-sm);flex-shrink:0}.habit-item:hover .habit-delete-btn{opacity:1}.habit-delete-btn:hover{color:#ff6b6b;background:hsla(0,100%,71%,.1)}.habit-delete-btn svg{width:14px;height:14px;stroke-width:2}.no-habits-message{text-align:center;color:var(--text-muted);font-size:.9rem;padding:var(--space-lg) 0}.motivation-message{font-size:.85rem;color:var(--accent-orange);margin-bottom:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:rgba(255,107,53,.1);border-radius:var(--radius-sm);text-align:center}.community-section{grid-column:1/-1;display:grid;grid-template-columns:1fr 350px;grid-gap:var(--space-lg);gap:var(--space-lg);align-items:stretch}@media (max-width:900px){.community-section{grid-template-columns:1fr}}.community-thoughts-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid hsla(0,0%,100%,.05)}.community-thoughts-section .section-title{margin-bottom:var(--space-md)}.community-thoughts-subtitle{font-size:.85rem;color:var(--text-secondary);font-weight:300;text-transform:none;letter-spacing:normal}.thoughts-list{max-height:500px;overflow-y:auto;margin-bottom:var(--space-md)}.thoughts-list::-webkit-scrollbar{width:4px}.thoughts-list::-webkit-scrollbar-track{background:var(--bg-progress);border-radius:2px}.thoughts-list::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}.no-thoughts-message{text-align:center;color:var(--text-muted);font-size:.85rem;padding:var(--space-md) 0;font-style:italic}.thought-item{padding:var(--space-sm);margin-bottom:var(--space-xs);background:hsla(0,0%,100%,.02);border-radius:var(--radius-sm);border-left:3px solid var(--accent-purple)}.thought-item:last-child{margin-bottom:0}.thought-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.thought-author{font-size:.85rem;font-weight:600;color:var(--accent-cyan);display:flex;align-items:center;gap:var(--space-xs)}.thought-flag-icon{color:#f59e0b;display:inline-flex;align-items:center;cursor:help}.thought-item.thought-flagged{border-left-color:#f59e0b;background:rgba(245,158,11,.05)}.thought-item.thought-blurred{border-left-color:#ef4444;background:rgba(239,68,68,.05)}.thought-blur-icon{color:#ef4444;display:inline-flex;align-items:center;cursor:help}.blurred-text{filter:blur(5px);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:filter .2s ease}.thought-item.thought-blurred:hover .blurred-text{filter:blur(2px)}.thought-time{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.thought-content{font-size:.9rem;color:var(--text-secondary);line-height:1.4}.thought-error{color:#ff6b6b;font-size:.8rem;margin-bottom:var(--space-sm);text-align:center}.rate-limit-indicator{font-size:.75rem;color:var(--text-muted);background:hsla(0,0%,100%,.05);padding:4px 8px;border-radius:var(--radius-sm);white-space:nowrap}.thought-form-inline{display:flex;align-items:center;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid hsla(0,0%,100%,.05)}.thought-form-field{display:flex;align-items:center;gap:var(--space-xs)}.thought-message-field{flex:1 1}.thought-label{font-size:.85rem;color:var(--text-muted);white-space:nowrap}.thought-input-inline{padding:var(--space-xs) var(--space-sm);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;font-family:var(--font-main);transition:border-color .2s ease;min-width:120px}.thought-message-field .thought-input-inline{width:100%}.thought-input-inline:focus{outline:none;border-color:var(--accent-purple)}.thought-input-inline::placeholder{color:var(--text-muted)}.thought-post-btn{padding:var(--space-xs) var(--space-md);background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));color:#fff;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.thought-post-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(168,85,247,.3)}@media (max-width:768px){.thought-form-inline{flex-direction:column;align-items:stretch;gap:var(--space-xs)}.thought-form-field{width:100%}.thought-input-inline{flex:1 1}.thought-post-btn{width:100%;padding:var(--space-sm)}}.leaderboard{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid hsla(0,0%,100%,.05);min-height:100%;display:flex;flex-direction:column}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.leaderboard-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);font-weight:500}.leaderboard-info-icon{position:relative;color:var(--text-muted);cursor:help;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:var(--radius-sm);transition:all .2s ease}.leaderboard-info-icon:hover{color:var(--accent-cyan);background:rgba(0,212,170,.1)}.leaderboard-tooltip{position:absolute;top:100%;right:0;margin-top:var(--space-xs);background:var(--bg-secondary);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-sm);padding:var(--space-sm);min-width:180px;box-shadow:0 8px 24px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;z-index:100}.leaderboard-info-icon:hover .leaderboard-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.leaderboard-tooltip-title{font-size:.75rem;color:var(--text-muted);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.1em;font-weight:500}.leaderboard-tooltip-list{list-style:none;font-size:.85rem;color:var(--text-secondary)}.leaderboard-tooltip-list li{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:6px}.leaderboard-tooltip-list li:last-child{margin-bottom:0}.leaderboard-subtitle{font-size:.85rem;color:var(--text-secondary)}.leaderboard-list,.leaderboard-subtitle{margin-bottom:var(--space-md)}.leaderboard-empty,.leaderboard-loading{text-align:center;color:var(--text-muted);font-size:.85rem;padding:var(--space-md) 0;font-style:italic}.leaderboard-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);margin-bottom:var(--space-xs);background:hsla(0,0%,100%,.02);border-radius:var(--radius-sm);transition:all .2s ease}.leaderboard-item:last-child{margin-bottom:0}.leaderboard-item:hover{background:hsla(0,0%,100%,.04)}.leaderboard-item.rank-gold{background:rgba(255,215,0,.1);border-left:3px solid gold}.leaderboard-item.rank-silver{background:hsla(0,0%,75%,.1);border-left:3px solid silver}.leaderboard-item.rank-bronze{background:rgba(205,127,50,.1);border-left:3px solid #cd7f32}.leaderboard-rank{font-size:1rem;min-width:28px;text-align:center}.leaderboard-name{flex:1 1;font-size:.9rem;color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-points{font-size:.85rem;color:var(--accent-cyan)}.leaderboard-points,.points-high{font-family:var(--font-mono);font-weight:600}.points-high{color:#22c55e}.points-medium{color:#f59e0b}.points-low,.points-medium{font-weight:600;font-family:var(--font-mono)}.points-low{color:var(--accent-cyan)}.quote-section{grid-column:1/-1;background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;position:relative;overflow:hidden;border:1px solid hsla(0,0%,100%,.03)}.quote-section:before{content:'"';position:absolute;top:-20px;left:30px;font-size:12rem;font-family:Georgia,serif;color:hsla(0,0%,100%,.02);pointer-events:none}.quote-container{position:relative;z-index:1}.quote-text{font-size:clamp(1.3rem,3vw,2rem);font-weight:300;line-height:1.6;color:var(--text-primary);max-width:900px;margin:0 auto;opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}.quote-text.fade-out{opacity:0;transform:translateY(-10px)}.quote-author{margin-top:var(--space-md);font-size:1rem;color:var(--text-muted);font-style:italic;opacity:1;transition:opacity .5s ease}.quote-author.fade-out{opacity:0}.quote-timer{position:absolute;bottom:var(--space-sm);right:var(--space-md);font-size:.7rem;color:var(--text-muted);opacity:.5}.bottom-bar{position:fixed;bottom:var(--space-md);left:var(--space-md);right:var(--space-md);display:flex;align-items:center;justify-content:space-between;z-index:100;pointer-events:none}.bottom-bar>*{pointer-events:auto}.bottom-bar-center{flex:1 1;display:flex;justify-content:center}.fullscreen-btn{background:var(--bg-card);border:1px solid hsla(0,0%,100%,.1);color:var(--text-secondary);padding:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-xs);font-size:.8rem;font-family:var(--font-main)}.fullscreen-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:hsla(0,0%,100%,.2)}.fullscreen-btn svg{width:18px;height:18px}.theme-toggle-container{position:relative}.theme-toggle-btn{background:var(--bg-card);border:1px solid hsla(0,0%,100%,.1);color:var(--text-secondary);padding:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-xs);font-size:.8rem;font-family:var(--font-main)}.theme-toggle-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:hsla(0,0%,100%,.2)}.theme-toggle-btn svg{width:18px;height:18px}.theme-menu{position:absolute;bottom:calc(100% + var(--space-xs));left:0;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md);padding:var(--space-xs);min-width:180px;box-shadow:0 10px 40px rgba(0,0,0,.3);animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.theme-option{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9rem;font-family:var(--font-main);cursor:pointer;transition:all .15s ease;text-align:left}.theme-option:hover{background:hsla(0,0%,100%,.05);color:var(--text-primary)}.theme-option.active{background:hsla(0,0%,100%,.08);color:var(--text-primary)}.theme-icon{font-size:1.1rem}.theme-name{flex:1 1}.theme-option .check-icon{width:16px;height:16px;color:var(--accent-cyan)}.menu-section{padding:var(--space-xs) 0}.menu-section-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-xs)}.menu-divider{height:1px;background:hsla(0,0%,100%,.08);margin:var(--space-xs) 0}.toggle-option{justify-content:flex-start}.toggle-switch{width:36px;height:20px;background:hsla(0,0%,100%,.1);border-radius:10px;position:relative;margin-left:auto;transition:background .2s ease}.toggle-slider{position:absolute;width:16px;height:16px;background:var(--text-muted);border-radius:50%;top:2px;left:2px;transition:all .2s ease}.toggle-slider.on{left:18px;background:var(--accent-cyan)}[data-theme=light] .fullscreen-btn,[data-theme=light] .theme-toggle-btn{border-color:rgba(0,0,0,.1)}[data-theme=light] .fullscreen-btn:hover,[data-theme=light] .theme-toggle-btn:hover{border-color:rgba(0,0,0,.2)}[data-theme=light] .theme-menu{border-color:rgba(0,0,0,.1);box-shadow:0 10px 40px rgba(0,0,0,.1)}[data-theme=light] .theme-option:hover{background:rgba(0,0,0,.05)}[data-theme=light] .theme-option.active{background:rgba(0,0,0,.08)}.anti-burn-in{animation:subtleShift 120s ease-in-out infinite}@media (max-width:1024px){.dashboard{grid-template-columns:1fr;padding:var(--space-md);gap:var(--space-md)}.habits-section,.progress-section{grid-column:1}.circular-progress-container{flex-direction:column;text-align:center}}@media (max-width:600px){html{font-size:14px}.dashboard{padding:var(--space-sm)}.time-section{padding:var(--space-xl) 0 var(--space-lg)}.clock{letter-spacing:0}.hourly-truth{font-size:clamp(1rem,4vw,1.2rem);padding:0 var(--space-sm)}.quote-section{padding:var(--space-lg)}.quote-section:before{font-size:8rem;top:-10px;left:10px}}.active-users{position:fixed;top:calc(40px + var(--space-md));left:var(--space-md);display:flex;align-items:center;gap:var(--space-xs);background:var(--bg-card);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid hsla(0,0%,100%,.05);z-index:100;font-size:.85rem}.active-users-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 8px #22c55e}50%{box-shadow:0 0 16px #22c55e,0 0 24px rgba(34,197,94,.4)}}.active-users-count{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.active-users-label{color:var(--text-muted)}.top-menu{position:fixed;top:calc(40px + var(--space-md));right:var(--space-md);z-index:100}body.banner-hidden .top-menu{top:var(--space-md)}.top-menu-desktop{display:flex;align-items:center;gap:var(--space-sm)}.top-menu-btn{display:flex;align-items:center;gap:var(--space-xs);background:var(--bg-card);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid hsla(0,0%,100%,.05);color:var(--text-secondary);font-size:.85rem;font-family:var(--font-main);cursor:pointer;transition:all .2s ease}.top-menu-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--accent-purple)}.top-menu-btn svg{width:16px;height:16px}.top-menu-count{display:flex;align-items:center;gap:var(--space-xs);background:var(--bg-card);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid hsla(0,0%,100%,.05);font-size:.85rem}.top-menu-count-number{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.top-menu-count-label{color:var(--text-muted)}.top-menu-hamburger{display:none;align-items:center;justify-content:center;background:var(--bg-card);padding:var(--space-xs);border-radius:var(--radius-sm);border:1px solid hsla(0,0%,100%,.05);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.top-menu-hamburger:hover{background:var(--bg-secondary);color:var(--text-primary)}.top-menu-hamburger svg{width:20px;height:20px}.top-menu-dropdown{position:absolute;top:100%;right:0;margin-top:var(--space-xs);background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid hsla(0,0%,100%,.1);min-width:180px;box-shadow:0 4px 12px rgba(0,0,0,.3)}.top-menu-dropdown-item{display:flex;align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-sm);background:transparent;border:none;color:var(--text-secondary);font-size:.85rem;font-family:var(--font-main);cursor:pointer;transition:all .2s ease}.top-menu-dropdown-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.top-menu-dropdown-item svg{width:16px;height:16px}.top-menu-dropdown-info{cursor:default;border-top:1px solid hsla(0,0%,100%,.05)}.top-menu-dropdown-info:hover{background:transparent;color:var(--text-secondary)}@media (max-width:600px){.top-menu-desktop{display:none}.top-menu-hamburger{display:flex}}.feedback-btn{display:none}.feedback-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1001;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.feedback-modal{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-xl);width:90%;max-width:500px;position:relative;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 20px 60px rgba(0,0,0,.5);animation:slideUp .3s ease}.feedback-close-btn{position:absolute;top:var(--space-sm);right:var(--space-sm);width:32px;height:32px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease}.feedback-close-btn:hover{background:hsla(0,0%,100%,.1);color:var(--text-primary)}.feedback-close-btn svg{width:20px;height:20px}.feedback-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-lg)}.feedback-field{margin-bottom:var(--space-md)}.feedback-label{display:block;font-size:.9rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-xs)}.feedback-optional{font-weight:400;color:var(--text-muted);font-size:.85rem}.feedback-input{width:100%;padding:var(--space-sm);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;font-family:var(--font-main);transition:border-color .2s ease}.feedback-input:focus{outline:none;border-color:var(--accent-purple)}.feedback-input::placeholder{color:var(--text-muted)}.feedback-question{display:block;font-weight:500;color:var(--accent-purple)}.feedback-question,.feedback-textarea{font-size:1rem;margin-bottom:var(--space-md)}.feedback-textarea{width:100%;padding:var(--space-md);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-main);resize:vertical;min-height:120px;transition:border-color .2s ease}.feedback-textarea:focus{outline:none;border-color:var(--accent-purple)}.feedback-textarea::placeholder{color:var(--text-muted)}.feedback-submit-btn{width:100%;padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));color:#fff;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;font-family:var(--font-main);cursor:pointer;transition:all .2s ease}.feedback-submit-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 20px rgba(168,85,247,.4)}.feedback-submit-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-error{color:#ff6b6b;font-size:.9rem;margin-bottom:var(--space-sm);text-align:center}.feedback-success{text-align:center;padding:var(--space-lg) 0}.feedback-success-emoji{font-size:4rem;margin-bottom:var(--space-md);animation:bounceIn .5s ease}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.feedback-success h3{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.feedback-success p{color:var(--text-muted);font-size:.95rem}[data-theme=light] .feedback-btn{border-color:rgba(0,0,0,.1)}[data-theme=light] .feedback-btn:hover{border-color:var(--accent-purple)}[data-theme=light] .feedback-overlay{background:rgba(0,0,0,.5)}[data-theme=light] .feedback-modal{border-color:rgba(0,0,0,.1);box-shadow:0 20px 60px rgba(0,0,0,.2)}@media (max-width:600px){.feedback-modal{padding:var(--space-lg);margin:var(--space-sm)}.feedback-title{font-size:1.25rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.goals-section{grid-column:1/-1;background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid hsla(0,0%,100%,.05)}.goals-section .section-title{margin-bottom:var(--space-md)}.goals-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-lg);gap:var(--space-lg)}.goal-panel{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-md);border:1px solid hsla(0,0%,100%,.03)}.goal-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.goal-panel-title{font-size:1rem;font-weight:500;color:var(--text-primary)}.goal-time-remaining{font-size:.8rem;color:var(--text-muted);background:var(--bg-progress);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.goal-time-remaining .time-number{font-family:var(--font-mono);font-weight:600;color:var(--accent-orange)}.goal-add-btn{width:100%;padding:var(--space-sm);border:2px dashed hsla(0,0%,100%,.1);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:all .2s ease;margin-bottom:var(--space-sm)}.goal-add-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:rgba(0,212,170,.05)}.goal-add-form{background:hsla(0,0%,100%,.02);border-radius:var(--radius-sm)}.goal-add-form,.goal-input{margin-bottom:var(--space-sm);padding:var(--space-sm)}.goal-input{width:100%;border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:.9rem}.goal-input:focus{outline:none;border-color:var(--accent-cyan)}.goal-input::placeholder{color:var(--text-muted)}.goal-form-actions{display:flex;gap:var(--space-xs)}.goal-cancel-btn,.goal-submit-btn{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.goal-submit-btn{background:var(--accent-cyan);color:var(--bg-primary);border:none}.goal-submit-btn:hover{filter:brightness(1.1)}.goal-cancel-btn{background:transparent;color:var(--text-muted);border:1px solid hsla(0,0%,100%,.1)}.goal-cancel-btn:hover{background:hsla(0,0%,100%,.05);color:var(--text-secondary)}.goal-list{list-style:none}.goal-item{display:flex;align-items:center;padding:var(--space-sm);margin-bottom:var(--space-xs);background:hsla(0,0%,100%,.02);border-radius:var(--radius-sm);transition:all .2s ease}.goal-item:last-child{margin-bottom:0}.goal-item:hover{background:hsla(0,0%,100%,.04)}.goal-checkbox{width:22px;height:22px;border:2px solid var(--text-muted);border-radius:var(--radius-sm);margin-right:var(--space-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;background:transparent;color:var(--bg-primary);font-size:.8rem;font-weight:700}.goal-item.completed .goal-checkbox{background:var(--accent-cyan);border-color:var(--accent-cyan)}.goal-text{flex:1 1;font-size:.95rem;color:var(--text-primary);transition:all .2s ease}.goal-item.completed .goal-text{color:var(--text-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--accent-cyan);text-decoration-color:var(--accent-cyan)}.goal-delete-btn{width:24px;height:24px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;border-radius:var(--radius-sm);flex-shrink:0;font-size:1.2rem}.goal-item:hover .goal-delete-btn{opacity:1}.goal-delete-btn:hover{color:#ff6b6b;background:hsla(0,100%,71%,.1)}.goal-empty-message{font-size:.85rem;padding:var(--space-md) 0;font-style:italic}.goal-empty-message,.goal-stats{text-align:center;color:var(--text-muted)}.goal-stats{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid hsla(0,0%,100%,.05);font-size:.8rem}@media (max-width:768px){.goals-container{grid-template-columns:1fr;gap:var(--space-md)}}.app-footer{text-align:center;padding:var(--space-xl) var(--space-md) calc(var(--space-xl) * 3)}.footer-micro-copy{font-size:.85rem;color:var(--text-muted);opacity:.6;margin-bottom:var(--space-sm);letter-spacing:.05em}.dedication{font-size:.8rem;color:var(--text-muted);font-weight:600;opacity:.5;margin-bottom:var(--space-xs)}.app-footer .license{position:static;text-align:center;width:auto;margin-left:0;padding:0}.idle-message{background:var(--bg-card);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md);color:var(--text-secondary);opacity:.8}.idle-message,.night-message{padding:var(--space-sm) var(--space-lg);font-size:.9rem;animation:fadeInMessage .5s ease}.night-message{background:linear-gradient(135deg,rgba(168,85,247,.15),rgba(59,130,246,.15));border:1px solid rgba(168,85,247,.3);border-radius:var(--radius-md);color:var(--accent-purple)}@keyframes fadeInMessage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cookie-consent{position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid hsla(0,0%,100%,.1);padding:var(--space-md) var(--space-lg);z-index:999;animation:slideUpConsent .4s ease;box-shadow:0 -4px 20px rgba(0,0,0,.3)}@keyframes slideUpConsent{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cookie-consent-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:var(--space-md)}.cookie-consent-icon{flex-shrink:0;width:40px;height:40px;color:var(--accent-orange)}.cookie-consent-icon svg{width:100%;height:100%}.cookie-consent-text{flex:1 1}.cookie-consent-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.cookie-consent-description{font-size:.85rem;color:var(--text-muted)}.cookie-consent-btn{flex-shrink:0;background:linear-gradient(135deg,var(--accent-orange),#ff8c5a);color:#fff;border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:var(--font-main)}.cookie-consent-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(255,107,53,.4)}[data-theme=light] .cookie-consent{border-top-color:rgba(0,0,0,.1);box-shadow:0 -4px 20px rgba(0,0,0,.1)}@media (max-width:600px){.cookie-consent{padding:var(--space-sm) var(--space-md)}.cookie-consent-content{flex-direction:column;text-align:center;gap:var(--space-sm)}.cookie-consent-icon{width:32px;height:32px}.cookie-consent-btn{width:100%}}.info-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1001;animation:fadeIn .2s ease;padding:var(--space-md)}.info-modal{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 25px 80px rgba(0,0,0,.6);animation:slideUp .3s ease}.info-modal::-webkit-scrollbar{width:6px}.info-modal::-webkit-scrollbar-track{background:var(--bg-progress);border-radius:3px}.info-modal::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.info-close-btn{position:absolute;top:var(--space-md);right:var(--space-md);width:36px;height:36px;border:none;background:hsla(0,0%,100%,.1);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all .2s ease;z-index:10}.info-close-btn:hover{background:hsla(0,0%,100%,.2);color:var(--text-primary);transform:rotate(90deg)}.info-close-btn svg{width:20px;height:20px}.info-header{text-align:center;padding:var(--space-xl) var(--space-lg) var(--space-lg);background:linear-gradient(180deg,rgba(168,85,247,.1),transparent);border-bottom:1px solid hsla(0,0%,100%,.05)}.info-logo{font-size:4rem;margin-bottom:var(--space-sm);animation:bounceIn .6s ease}.info-title{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs);background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-subtitle{font-size:1rem;color:var(--text-secondary)}.info-features{padding:var(--space-lg);display:grid;grid-gap:var(--space-sm);gap:var(--space-sm)}.info-feature-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm);background:hsla(0,0%,100%,.02);border-radius:var(--radius-sm);transition:all .2s ease;border-left:3px solid transparent}.info-feature-item:hover{background:hsla(0,0%,100%,.05);border-left-color:var(--accent-purple);transform:translateX(4px)}.info-feature-emoji{font-size:1.5rem;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.05);border-radius:var(--radius-sm)}.info-feature-content{flex:1 1}.info-feature-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.info-feature-desc{font-size:.85rem;color:var(--text-muted);line-height:1.4}.info-footer{text-align:center;padding:var(--space-lg);background:linear-gradient(180deg,transparent,rgba(0,212,170,.05));border-top:1px solid hsla(0,0%,100%,.05)}.info-footer p{font-size:.95rem;color:var(--text-secondary);margin-bottom:var(--space-md)}.info-got-it-btn{padding:var(--space-sm) var(--space-xl);background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));color:#fff;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;font-family:var(--font-main);cursor:pointer;transition:all .2s ease}.info-got-it-btn:hover{transform:scale(1.05);box-shadow:0 8px 25px rgba(0,212,170,.4)}.top-menu-info-btn{padding:var(--space-xs)}.top-menu-info-btn span{display:none}[data-theme=light] .info-overlay{background:rgba(0,0,0,.5)}[data-theme=light] .info-modal{border-color:rgba(0,0,0,.1);box-shadow:0 25px 80px rgba(0,0,0,.2)}[data-theme=light] .info-close-btn{background:rgba(0,0,0,.05)}[data-theme=light] .info-close-btn:hover{background:rgba(0,0,0,.1)}@media (max-width:600px){.info-modal{max-height:85vh}.info-header{padding:var(--space-lg) var(--space-md) var(--space-md)}.info-logo{font-size:3rem}.info-title{font-size:1.4rem}.info-features{padding:var(--space-md)}.info-feature-emoji{width:36px;height:36px;font-size:1.3rem}.info-footer{padding:var(--space-md)}}.onboarding-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:onboardingFadeIn .4s ease}.onboarding-overlay.fade-out{animation:onboardingFadeOut .4s ease forwards}@keyframes onboardingFadeIn{0%{opacity:0}to{opacity:1}}@keyframes onboardingFadeOut{0%{opacity:1}to{opacity:0}}.onboarding-content{text-align:center;max-width:600px;padding:var(--space-xl);animation:onboardingContentFadeIn .4s ease .1s both}@keyframes onboardingContentFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.onboarding-primary{margin-bottom:var(--space-xs)}.onboarding-primary,.onboarding-secondary{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:500;color:var(--text-primary);line-height:1.3;letter-spacing:-.02em}.onboarding-secondary{margin-bottom:var(--space-lg)}.onboarding-subtext{font-size:clamp(.9rem,2vw,1.1rem);font-weight:300;color:var(--text-muted);margin-bottom:var(--space-xl);line-height:1.5}.onboarding-button{background:transparent;border:1px solid hsla(0,0%,100%,.2);color:var(--text-secondary);padding:var(--space-sm) var(--space-xl);font-size:1rem;font-weight:400;font-family:var(--font-main);cursor:pointer;transition:all .3s ease;letter-spacing:.05em;margin-top:var(--space-md)}.onboarding-button:hover{border-color:hsla(0,0%,100%,.4);color:var(--text-primary);background:hsla(0,0%,100%,.05)}[data-theme=light] .onboarding-overlay{background:rgba(0,0,0,.75)}[data-theme=light] .onboarding-button{border-color:hsla(0,0%,100%,.3)}[data-theme=light] .onboarding-button:hover{border-color:hsla(0,0%,100%,.5)}.license{position:-webkit-sticky;position:sticky;bottom:var(--space-sm);text-align:right;padding:var(--space-xs) var(--space-md);font-size:.75rem;color:var(--text-muted);opacity:.6;margin-left:auto;width:-moz-fit-content;width:fit-content}.active-users-graph-btn{margin-left:var(--space-xs);width:24px;height:24px;padding:4px;border:none;background:hsla(0,0%,100%,.05);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.active-users-graph-btn:hover{background:rgba(168,85,247,.2);color:var(--accent-purple);transform:scale(1.1)}.active-users-graph-btn svg{width:14px;height:14px}.visits-graph-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1001;animation:fadeIn .2s ease;padding:var(--space-md)}.visits-graph-modal{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:700px;max-height:90vh;overflow-y:auto;position:relative;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 25px 80px rgba(0,0,0,.6);animation:slideUp .3s ease}.visits-graph-close{position:absolute;top:var(--space-md);right:var(--space-md);width:36px;height:36px;border:none;background:hsla(0,0%,100%,.1);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all .2s ease;z-index:10}.visits-graph-close:hover{background:hsla(0,0%,100%,.2);color:var(--text-primary);transform:rotate(90deg)}.visits-graph-close svg{width:20px;height:20px}.visits-graph-header{text-align:center;padding:var(--space-xl) var(--space-lg) var(--space-md);border-bottom:1px solid hsla(0,0%,100%,.05)}.visits-graph-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.visits-graph-subtitle{font-size:.9rem;color:var(--text-muted)}.visits-graph-filters{display:flex;justify-content:center;gap:var(--space-xs);padding:var(--space-md);border-bottom:1px solid hsla(0,0%,100%,.05)}.visits-graph-filter-btn{padding:var(--space-xs) var(--space-md);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:.85rem;font-family:var(--font-main);cursor:pointer;transition:all .2s ease}.visits-graph-filter-btn:hover{border-color:var(--accent-purple);color:var(--text-primary)}.visits-graph-filter-btn.active{background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));border-color:transparent;color:#fff;font-weight:500}.visits-graph-stats{display:flex;justify-content:center;gap:var(--space-lg);padding:var(--space-md);border-bottom:1px solid hsla(0,0%,100%,.05)}.visits-graph-stat{text-align:center}.visits-graph-stat-value{display:block;font-family:var(--font-mono);font-size:1.5rem;font-weight:600;color:var(--accent-cyan)}.visits-graph-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.visits-graph-chart{padding:var(--space-lg);min-height:350px}.visits-graph-empty,.visits-graph-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-muted);font-size:.95rem;text-align:center}.visits-graph-empty span{font-size:.85rem;margin-top:var(--space-xs);opacity:.7}.visits-graph-tooltip{background:var(--bg-secondary);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-sm);padding:var(--space-sm);box-shadow:0 4px 12px rgba(0,0,0,.3)}.visits-graph-tooltip-date{font-size:.75rem;color:var(--text-muted);margin-bottom:4px}.visits-graph-tooltip-value{font-size:.9rem;color:var(--text-primary)}.visits-graph-tooltip-value span{font-family:var(--font-mono);font-weight:600;color:var(--accent-purple)}[data-theme=light] .visits-graph-overlay{background:rgba(0,0,0,.5)}[data-theme=light] .visits-graph-modal{border-color:rgba(0,0,0,.1);box-shadow:0 25px 80px rgba(0,0,0,.2)}[data-theme=light] .visits-graph-close{background:rgba(0,0,0,.05)}[data-theme=light] .visits-graph-close:hover{background:rgba(0,0,0,.1)}[data-theme=light] .active-users-graph-btn{background:rgba(0,0,0,.05)}[data-theme=light] .active-users-graph-btn:hover{background:rgba(168,85,247,.15)}@media (max-width:600px){.visits-graph-modal{max-height:85vh}.visits-graph-header{padding:var(--space-lg) var(--space-md) var(--space-md)}.visits-graph-title{font-size:1.25rem}.visits-graph-filters{flex-wrap:wrap}.visits-graph-stats{gap:var(--space-md)}.visits-graph-stat-value{font-size:1.2rem}.visits-graph-chart{padding:var(--space-md)}}.ambient-mode .dashboard{animation:ambientBreathing 8s ease-in-out infinite}.ambient-mode .clock{animation:clockGlow 6s ease-in-out infinite}.ambient-mode .time-section{animation:subtleShift 120s ease-in-out infinite}@keyframes ambientBreathing{0%,to{filter:brightness(1)}50%{filter:brightness(1.02)}}@keyframes clockGlow{0%,to{text-shadow:0 0 80px hsla(0,0%,100%,.12)}50%{text-shadow:0 0 120px hsla(0,0%,100%,.18),0 0 60px hsla(0,0%,100%,.1)}}@keyframes subtleShift{0%,to{transform:translateX(0) translateY(0)}25%{transform:translateX(2px) translateY(1px)}50%{transform:translateX(0) translateY(2px)}75%{transform:translateX(-2px) translateY(1px)}}.ambient-mode:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 30% 20%,rgba(99,102,241,.05) 0,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(168,85,247,.05) 0,transparent 50%);animation:gradientShift 30s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes gradientShift{0%,to{opacity:.5;transform:scale(1) rotate(0deg)}33%{opacity:.7;transform:scale(1.1) rotate(1deg)}66%{opacity:.5;transform:scale(.95) rotate(-1deg)}}.ultra-large-mode .clock{font-size:clamp(6rem,20vw,18rem);letter-spacing:.08em}.ultra-large-mode .clock-period{font-size:clamp(1.5rem,4vw,3.5rem)}.ultra-large-mode .date-display{font-size:clamp(1.4rem,4vw,2.2rem);margin-top:var(--space-lg);letter-spacing:.2em}.ultra-large-mode .hourly-truth{font-size:clamp(1.4rem,3.5vw,2rem);margin-top:var(--space-xl);letter-spacing:.1em}.ultra-large-mode .time-section{padding:var(--space-xl) 0}.ultra-large-mode .active-users,.ultra-large-mode .app-footer,.ultra-large-mode .bottom-bar,.ultra-large-mode .demo-banner,.ultra-large-mode .top-menu{opacity:.3;transition:opacity .3s ease}.ultra-large-mode .active-users:hover,.ultra-large-mode .bottom-bar:hover,.ultra-large-mode .top-menu:hover{opacity:1}.ultra-large-mode .progress-section{padding:var(--space-xl)}.ultra-large-mode .progress-label{font-size:1.2rem}.ultra-large-mode .progress-value{font-size:2.5rem}.ultra-large-mode .section-title{font-size:.9rem;letter-spacing:.25em}@media (max-width:1024px){.ultra-large-mode .clock{font-size:clamp(4rem,15vw,10rem)}.ultra-large-mode .hourly-truth{font-size:clamp(1.1rem,3vw,1.5rem)}}.celebration-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:celebrationFadeIn .4s ease;overflow:hidden}@keyframes celebrationFadeIn{0%{opacity:0}to{opacity:1}}.celebration-modal{background:var(--bg-card);border-radius:var(--radius-lg);width:90%;max-width:640px;max-height:85vh;overflow-y:auto;position:relative;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 25px 80px rgba(0,0,0,.6),0 0 100px rgba(168,85,247,.15);animation:celebrationSlideUp .5s cubic-bezier(.16,1,.3,1)}@keyframes celebrationSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.celebration-modal::-webkit-scrollbar{width:6px}.celebration-modal::-webkit-scrollbar-track{background:transparent}.celebration-modal::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:3px}.celebration-close-btn{position:absolute;top:var(--space-md);right:var(--space-md);width:36px;height:36px;border:none;background:hsla(0,0%,100%,.1);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all .2s ease;z-index:10}.celebration-close-btn:hover{background:hsla(0,0%,100%,.2);color:var(--text-primary);transform:rotate(90deg)}.celebration-close-btn svg{width:20px;height:20px}.celebration-content{padding:var(--space-xl);text-align:center}.celebration-confetti{display:flex;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-lg);animation:confettiFloat 2s ease-in-out infinite}.celebration-confetti span{font-size:2rem;animation:confettiBounce .6s ease-in-out infinite}.celebration-confetti span:first-child{animation-delay:0s}.celebration-confetti span:nth-child(2){animation-delay:.1s}.celebration-confetti span:nth-child(3){animation-delay:.2s}.celebration-confetti span:nth-child(4){animation-delay:.3s}.celebration-confetti span:nth-child(5){animation-delay:.4s}@keyframes confettiBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes confettiFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.celebration-title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-sm)}.celebration-congrats{font-size:1.1rem;color:var(--text-primary);line-height:1.6;margin-bottom:var(--space-lg)}.celebration-divider{width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--accent-purple),transparent);margin:0 auto var(--space-lg)}.celebration-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--accent-purple);margin-bottom:var(--space-xs);font-weight:600}.celebration-tomorrow{margin-bottom:var(--space-md);background:rgba(168,85,247,.08);border-radius:var(--radius-md);border:1px solid rgba(168,85,247,.15)}.celebration-thankyou,.celebration-tomorrow{font-size:.95rem;color:var(--text-secondary);line-height:1.6;padding:var(--space-md)}.celebration-thankyou{margin-bottom:var(--space-xl);background:rgba(0,212,170,.08);border-radius:var(--radius-md);border:1px solid rgba(0,212,170,.15)}.celebration-thankyou .celebration-label{color:var(--accent-cyan)}.celebration-share-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));border:none;border-radius:var(--radius-md);color:#fff;font-size:1rem;font-weight:600;font-family:var(--font-main);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px rgba(168,85,247,.4)}.celebration-share-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(168,85,247,.5)}.celebration-share-btn:active{transform:translateY(0)}.celebration-card-view{padding:var(--space-lg)}.celebration-back-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:transparent;border:1px solid hsla(0,0%,100%,.15);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.85rem;font-family:var(--font-main);cursor:pointer;margin-bottom:var(--space-md);transition:all .2s ease}.celebration-back-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.achievement-card-wrapper{display:flex;justify-content:center;margin-bottom:var(--space-lg)}.achievement-card{width:580px;padding:var(--space-lg);background:linear-gradient(165deg,#1a1a2e,#16213e 50%,#0f0f23);border-radius:var(--radius-lg);position:relative;overflow:hidden;border:1px solid rgba(168,85,247,.3)}.achievement-card-body{display:flex;gap:var(--space-lg);position:relative;z-index:1}.achievement-card-left{flex:0 0 200px;display:flex;flex-direction:column;justify-content:center}.achievement-card-right{flex:1 1;border-left:1px solid hsla(0,0%,100%,.1);padding-left:var(--space-lg)}.achievement-card-header{text-align:center;margin-bottom:var(--space-md);position:relative;z-index:1}.achievement-card-logo{font-size:2.5rem;margin-bottom:var(--space-xs);animation:trophyGlow 2s ease-in-out infinite}@keyframes trophyGlow{0%,to{filter:drop-shadow(0 0 10px rgba(255,215,0,.4))}50%{filter:drop-shadow(0 0 20px rgba(255,215,0,.7))}}.achievement-card-title{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:2px}.achievement-card-subtitle{font-size:.75rem;color:hsla(0,0%,100%,.6);font-weight:400}.achievement-card-date{text-align:center;padding:var(--space-xs) 0;position:relative;z-index:1}.achievement-date{display:block;font-size:.75rem;color:hsla(0,0%,100%,.9);font-weight:500}.achievement-time{display:block;font-size:.65rem;color:hsla(0,0%,100%,.5);margin-top:2px}.achievement-card-tasks{position:relative;z-index:1}.achievement-tasks-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;color:rgba(168,85,247,.8);margin-bottom:var(--space-xs);font-weight:600}.achievement-tasks-list{list-style:none;padding:0;margin:0}.achievement-task-item{display:flex;align-items:center;gap:var(--space-xs);padding:4px 0;border-bottom:1px solid hsla(0,0%,100%,.05)}.achievement-task-item:last-child{border-bottom:none}.achievement-task-check{width:16px;height:16px;background:linear-gradient(135deg,#34d399,#10b981);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#fff;font-weight:700;flex-shrink:0}.achievement-task-icon{font-size:.9rem;flex-shrink:0}.achievement-task-text{font-size:.8rem;color:hsla(0,0%,100%,.85);flex:1 1}.achievement-card-footer{text-align:center;margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid hsla(0,0%,100%,.1);position:relative;z-index:1}.achievement-card-branding{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-xs)}.achievement-brand-text{font-size:.8rem;font-weight:600;color:#a855f7}.achievement-brand-tagline{font-size:.6rem;color:hsla(0,0%,100%,.4);letter-spacing:.05em}.achievement-card-decoration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.achievement-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(168,85,247,.15) 0,transparent 50%);animation:cardGlowRotate 10s linear infinite}@keyframes cardGlowRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.celebration-download-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-md);background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:var(--radius-md);color:#fff;font-size:1rem;font-weight:600;font-family:var(--font-main);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px rgba(16,185,129,.4)}.celebration-download-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px rgba(16,185,129,.5)}.celebration-download-btn:disabled{opacity:.7;cursor:not-allowed}.download-spinner{width:18px;height:18px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:downloadSpin .8s linear infinite}@keyframes downloadSpin{to{transform:rotate(1turn)}}.celebration-download-hint{text-align:center;font-size:.75rem;color:var(--text-muted);margin-top:var(--space-sm)}.celebration-name-icon{font-size:3rem;margin-bottom:var(--space-md)}.celebration-name-subtitle{font-size:.95rem;color:var(--text-secondary);margin-bottom:var(--space-lg)}.celebration-name-form{display:flex;flex-direction:column;gap:var(--space-md)}.celebration-name-input{width:100%;padding:var(--space-md);background:var(--bg-secondary);border:2px solid rgba(168,85,247,.3);border-radius:var(--radius-md);color:var(--text-primary);font-size:1.1rem;font-family:var(--font-main);text-align:center;transition:all .2s ease}.celebration-name-input:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 20px rgba(168,85,247,.2)}.celebration-name-input::placeholder{color:var(--text-muted)}.celebration-name-actions{display:flex;gap:var(--space-sm)}.celebration-name-submit{flex:1 1;padding:var(--space-md);background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));border:none;border-radius:var(--radius-md);color:#fff;font-size:1rem;font-weight:600;font-family:var(--font-main);cursor:pointer;transition:all .3s ease}.celebration-name-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(168,85,247,.4)}.celebration-name-submit:disabled{opacity:.5;cursor:not-allowed}.celebration-name-cancel{padding:var(--space-md) var(--space-lg);background:transparent;border:1px solid hsla(0,0%,100%,.15);border-radius:var(--radius-md);color:var(--text-secondary);font-size:1rem;font-family:var(--font-main);cursor:pointer;transition:all .2s ease}.celebration-name-cancel:hover{border-color:var(--text-secondary);color:var(--text-primary)}.achievement-card-user{text-align:center;margin-bottom:var(--space-sm);padding:var(--space-sm) 0;position:relative;z-index:1}.achievement-user-label{display:block;font-size:.55rem;text-transform:uppercase;letter-spacing:.15em;color:rgba(168,85,247,.9);margin-bottom:2px;font-weight:600}.achievement-user-name{display:block;font-size:1rem;font-weight:700;color:#a855f7}[data-theme=light] .celebration-overlay{background:rgba(0,0,0,.75)}[data-theme=light] .celebration-modal{border-color:rgba(0,0,0,.1);box-shadow:0 25px 80px rgba(0,0,0,.3)}[data-theme=light] .celebration-close-btn{background:rgba(0,0,0,.05)}[data-theme=light] .celebration-close-btn:hover{background:rgba(0,0,0,.1)}[data-theme=light] .celebration-back-btn{border-color:rgba(0,0,0,.15)}@media (max-width:500px){.celebration-modal{width:95%;max-height:90vh}.celebration-content{padding:var(--space-lg)}.celebration-title{font-size:1.6rem}.celebration-confetti span{font-size:1.5rem}.achievement-card{width:100%;max-width:340px}.achievement-card-body{flex-direction:column;gap:var(--space-md)}.achievement-card-left{flex:none}.achievement-card-right{border-left:none;border-top:1px solid hsla(0,0%,100%,.1);padding-left:0;padding-top:var(--space-md)}.achievement-card-logo{font-size:2rem}.achievement-card-title{font-size:1.1rem}}.top-menu-journey-btn{position:relative;background:linear-gradient(135deg,var(--accent-purple) 0,var(--accent-blue) 100%);color:#fff!important;border:none!important;animation:journeyGlow 2s ease-in-out infinite;overflow:visible}.top-menu-journey-btn:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(168,85,247,.5)}.journey-pulse{top:-4px;right:-4px;width:12px;height:12px;animation:journeyPulse 1.5s ease-in-out infinite}.journey-pulse,.journey-pulse:after{position:absolute;background:var(--accent-cyan);border-radius:50%}.journey-pulse:after{content:"";top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;animation:journeyRipple 1.5s ease-in-out infinite}@keyframes journeyGlow{0%,to{box-shadow:0 0 5px rgba(168,85,247,.3)}50%{box-shadow:0 0 20px rgba(168,85,247,.6),0 0 40px rgba(59,130,246,.3)}}@keyframes journeyPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@keyframes journeyRipple{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.top-menu-dropdown-journey{position:relative;background:linear-gradient(135deg,var(--accent-purple) 0,var(--accent-blue) 100%);color:#fff!important;text-decoration:none}.top-menu-dropdown-journey:hover{background:linear-gradient(135deg,var(--accent-blue) 0,var(--accent-purple) 100%)}.journey-pulse-mobile{position:absolute;top:50%;right:var(--space-sm);transform:translateY(-50%);width:8px;height:8px;background:var(--accent-cyan);border-radius:50%;animation:journeyPulse 1.5s ease-in-out infinite}.blog-page{min-height:100vh;padding:var(--space-lg);max-width:1200px;margin:0 auto;position:relative;z-index:1}.blog-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-md)}.blog-back-btn{display:flex;align-items:center;gap:var(--space-xs);background:var(--bg-card);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid hsla(0,0%,100%,.1);color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:all .2s ease;cursor:pointer}.blog-back-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--accent-purple)}.blog-back-btn svg{width:18px;height:18px}.blog-title-section{flex:1 1;text-align:center;min-width:200px}.blog-page-title{font-size:clamp(2rem,5vw,3rem);font-weight:300;color:var(--text-primary);letter-spacing:.05em;margin-bottom:var(--space-xs)}.blog-page-subtitle{font-size:1rem;color:var(--text-muted);font-weight:300}.blog-language-toggle{display:flex;gap:2px;background:var(--bg-card);border-radius:var(--radius-sm);padding:3px;border:1px solid hsla(0,0%,100%,.1)}.lang-btn{padding:var(--space-xs) var(--space-sm);background:transparent;border:none;color:var(--text-muted);font-size:.85rem;font-weight:500;cursor:pointer;border-radius:calc(var(--radius-sm) - 2px);transition:all .2s ease}.lang-btn:hover{color:var(--text-secondary)}.lang-btn.active{background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));color:#fff}.blog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg)}.blog-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;border:1px solid hsla(0,0%,100%,.05);text-decoration:none;transition:all .3s ease;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-4px);border-color:var(--accent-purple);box-shadow:0 20px 40px rgba(0,0,0,.3)}.blog-card-image{position:relative;height:200px;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-category{top:var(--space-sm);left:var(--space-sm);background:rgba(0,0,0,.7);padding:4px 12px;border-radius:20px;font-size:.75rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em}.blog-card-author,.blog-card-category{position:absolute;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:500}.blog-card-author{bottom:var(--space-sm);right:var(--space-sm);background:rgba(0,0,0,.75);padding:4px 10px;border-radius:12px;font-size:.7rem;color:hsla(0,0%,100%,.9);letter-spacing:.02em;z-index:5}.blog-card-share{position:absolute;top:var(--space-sm);right:var(--space-sm);width:36px;height:36px;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.8);transition:all .2s ease;z-index:10}.blog-card-share svg{width:18px;height:18px;color:#fff}.blog-card:hover .blog-card-share{opacity:1;transform:scale(1)}.blog-card-share:hover{background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));transform:scale(1.1)}.blog-card-share:active{transform:scale(.95)}.blog-card-content{padding:var(--space-md);flex:1 1;display:flex;flex-direction:column}.blog-card-meta{display:flex;align-items:center;gap:var(--space-xs);font-size:.8rem;color:var(--text-muted);margin-bottom:var(--space-sm)}.blog-card-dot{width:4px;height:4px;border-radius:50%;background:var(--text-muted)}.blog-card-title{font-size:1.25rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-xs);line-height:1.4}.blog-card-excerpt{font-size:.9rem;color:var(--text-secondary);line-height:1.6;flex:1 1;margin-bottom:var(--space-sm)}.blog-card-read-more{display:flex;align-items:center;gap:var(--space-xs);color:var(--accent-purple);font-size:.85rem;font-weight:500;transition:gap .2s ease}.blog-card:hover .blog-card-read-more{gap:var(--space-sm)}.blog-card-read-more svg{width:16px;height:16px}.blog-detail-page{padding-top:var(--space-md)}.blog-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.blog-article{max-width:800px;margin:0 auto}.blog-article-hero{position:relative;height:400px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-xl)}.blog-hero-image{width:100%;height:100%;object-fit:cover}.blog-hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.3) 50%,transparent)}.blog-hero-content{position:absolute;bottom:0;left:0;right:0;padding:var(--space-xl)}.blog-category-tag{display:inline-block;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:500;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm)}.blog-article-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:400;color:#fff;line-height:1.3;margin-bottom:var(--space-xs)}.blog-article-subtitle{font-size:1.1rem;color:hsla(0,0%,100%,.7);font-weight:300;margin-bottom:var(--space-sm)}.blog-article-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:.9rem;color:hsla(0,0%,100%,.6)}.meta-dot{width:4px;height:4px;border-radius:50%;background:hsla(0,0%,100%,.4)}.blog-article-body{padding:0 var(--space-md)}.blog-h2{font-size:1.6rem;margin:var(--space-xl) 0 var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid hsla(0,0%,100%,.1)}.blog-h2,.blog-h3{font-weight:500;color:var(--text-primary)}.blog-h3{font-size:1.25rem;margin:var(--space-lg) 0 var(--space-sm)}.blog-paragraph{font-size:1.05rem;line-height:1.8;color:var(--text-secondary);margin-bottom:var(--space-md)}.blog-paragraph strong{color:var(--text-primary);font-weight:600}.blog-paragraph em{font-style:italic;color:var(--accent-purple)}.blog-paragraph code{background:var(--bg-progress);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:.9em}.blog-list-items{margin:var(--space-md) 0;padding-left:var(--space-lg)}.blog-list-items li{font-size:1.05rem;line-height:1.8;color:var(--text-secondary);margin-bottom:var(--space-sm)}.blog-blockquote,.blog-list-items li strong{color:var(--text-primary)}.blog-blockquote{margin:var(--space-lg) 0;padding:var(--space-md) var(--space-lg);border-left:4px solid var(--accent-purple);background:var(--bg-card);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:1.1rem;font-style:italic;line-height:1.6}.blog-divider{margin:var(--space-xl) 0;border:none;height:1px;background:linear-gradient(to right,transparent,var(--accent-purple),transparent)}.blog-navigation{display:flex;justify-content:space-between;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid hsla(0,0%,100%,.1);max-width:800px;margin-left:auto;margin-right:auto}.blog-nav-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid hsla(0,0%,100%,.05);text-decoration:none;transition:all .2s ease;flex:1 1;max-width:45%}.blog-nav-link:hover{border-color:var(--accent-purple);transform:translateY(-2px)}.blog-nav-prev{justify-content:flex-start}.blog-nav-next{justify-content:flex-end;margin-left:auto}.blog-nav-link svg{width:24px;height:24px;color:var(--accent-purple);flex-shrink:0}.blog-nav-text{display:flex;flex-direction:column;gap:2px;overflow:hidden}.blog-nav-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.blog-nav-title{font-size:.9rem;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-nav-next .blog-nav-text{text-align:right}.blog-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.blog-not-found h1{font-size:2rem;color:var(--text-primary);margin-bottom:var(--space-lg)}@media (max-width:768px){.blog-page{padding:var(--space-md)}.blog-header{flex-direction:column;align-items:stretch}.blog-title-section{order:-1;margin-bottom:var(--space-sm)}.blog-back-btn{align-self:flex-start}.blog-language-toggle{align-self:flex-end;margin-top:calc(-1 * var(--space-xl))}.blog-list{grid-template-columns:1fr}.blog-article-hero{height:300px;border-radius:var(--radius-md)}.blog-hero-content{padding:var(--space-md)}.blog-article-body{padding:0}.blog-navigation{flex-direction:column}.blog-nav-link{max-width:100%}.blog-nav-next{margin-left:0}}@media (max-width:480px){.blog-article-hero{height:250px}.blog-h2{font-size:1.4rem}.blog-list-items li,.blog-paragraph{font-size:1rem}}.share-section{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid hsla(0,0%,100%,.1)}.share-title{font-size:1.1rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-md);text-align:center}.share-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.share-btn{display:flex;align-items:center;gap:var(--space-xs);padding:10px 16px;border-radius:var(--radius-sm);border:none;font-size:.85rem;font-weight:500;font-family:var(--font-main);cursor:pointer;transition:all .2s ease;color:#fff}.share-btn svg{width:18px;height:18px;flex-shrink:0}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.share-btn:active{transform:translateY(0)}.share-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.share-whatsapp:hover{background:linear-gradient(135deg,#2ee370,#159a8a)}.share-twitter{background:linear-gradient(135deg,#1da1f2,#0d8ecf)}.share-twitter:hover{background:linear-gradient(135deg,#3db5ff,#1a9fe8)}.share-facebook{background:linear-gradient(135deg,#1877f2,#0d5fc7)}.share-facebook:hover{background:linear-gradient(135deg,#3a8ff5,#1877f2)}.share-linkedin{background:linear-gradient(135deg,#0a66c2,#084d94)}.share-linkedin:hover{background:linear-gradient(135deg,#0c7de0,#0a66c2)}.share-telegram{background:linear-gradient(135deg,#08c,#069)}.share-telegram:hover{background:linear-gradient(135deg,#00a2f5,#08c)}.share-copy{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid hsla(0,0%,100%,.1)}.share-copy:hover{background:var(--bg-progress);color:var(--text-primary);border-color:var(--accent-purple)}.share-copy.copied{background:linear-gradient(135deg,var(--accent-cyan),#00b89a);color:#fff;border-color:transparent}.share-native{background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue))}.share-native:hover{background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple))}.share-toast{position:fixed;bottom:var(--space-lg);left:50%;transform:translateX(-50%);background:var(--accent-cyan);color:#0a0a0b;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;z-index:1000;animation:toastSlideUp .3s ease,toastFadeOut .3s ease 1.7s forwards;box-shadow:0 4px 20px rgba(0,212,170,.4)}@keyframes toastSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes toastFadeOut{0%{opacity:1}to{opacity:0}}@media (max-width:600px){.share-buttons{gap:var(--space-xs)}.share-btn{padding:8px 12px;font-size:.8rem}.share-btn svg{width:16px;height:16px}.share-btn span{display:none}.share-copy span,.share-native span{display:inline}}.reading-controls{position:fixed;bottom:var(--space-lg);right:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);z-index:100}.reading-control-btn{width:48px;height:48px;border-radius:50%;border:none;background:var(--bg-card);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1)}.reading-control-btn svg{width:22px;height:22px}.reading-control-btn:hover{transform:scale(1.1)}.reading-control-btn.active,.reading-control-btn:hover{background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));color:#fff;border-color:transparent}.scroll-top-btn{opacity:0;transform:translateY(20px) scale(.8);pointer-events:none;transition:all .3s ease}.scroll-top-btn.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.scroll-top-btn:hover{transform:translateY(-2px) scale(1.1)}.font-size-wrapper{position:relative}.font-size-dropdown{position:absolute;bottom:100%;right:0;margin-bottom:var(--space-sm);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 30px rgba(0,0,0,.4);min-width:200px;overflow:hidden;animation:dropdownSlideUp .2s ease}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.font-size-header{padding:var(--space-sm) var(--space-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);border-bottom:1px solid hsla(0,0%,100%,.05)}.font-size-options{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2px;gap:2px;padding:var(--space-xs)}.font-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-sm) var(--space-xs);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.font-option:hover{background:var(--bg-secondary);color:var(--text-primary)}.font-option.active{background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));color:#fff}.font-preview-small{font-size:.85rem;font-weight:500}.font-preview-medium{font-size:1.1rem;font-weight:500}.font-preview-large{font-size:1.35rem;font-weight:500}.font-preview-xl{font-size:1.6rem;font-weight:500}.font-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.reading-controls-overlay{position:fixed;inset:0;z-index:99}[data-blog-font=small] .blog-list-items li,[data-blog-font=small] .blog-paragraph{font-size:.95rem;line-height:1.7}[data-blog-font=small] .blog-h2{font-size:1.4rem}[data-blog-font=small] .blog-h3{font-size:1.1rem}[data-blog-font=small] .blog-blockquote{font-size:1rem}[data-blog-font=medium] .blog-list-items li,[data-blog-font=medium] .blog-paragraph{font-size:1.05rem;line-height:1.8}[data-blog-font=medium] .blog-h2{font-size:1.6rem}[data-blog-font=medium] .blog-h3{font-size:1.25rem}[data-blog-font=medium] .blog-blockquote{font-size:1.1rem}[data-blog-font=large] .blog-list-items li,[data-blog-font=large] .blog-paragraph{font-size:1.2rem;line-height:1.85}[data-blog-font=large] .blog-h2{font-size:1.8rem}[data-blog-font=large] .blog-h3{font-size:1.4rem}[data-blog-font=large] .blog-blockquote{font-size:1.25rem}[data-blog-font=extra-large] .blog-list-items li,[data-blog-font=extra-large] .blog-paragraph{font-size:1.35rem;line-height:1.9}[data-blog-font=extra-large] .blog-h2{font-size:2rem}[data-blog-font=extra-large] .blog-h3{font-size:1.55rem}[data-blog-font=extra-large] .blog-blockquote{font-size:1.4rem}@media (max-width:600px){.reading-controls{bottom:var(--space-md);right:var(--space-md)}.reading-control-btn{width:44px;height:44px}.reading-control-btn svg{width:20px;height:20px}.font-size-dropdown{right:-10px;min-width:180px}.font-size-options{grid-template-columns:repeat(2,1fr)}}