:root{--color-bg: #0a0a0b;--color-bg-elevated: #141416;--color-bg-modal: rgba(10, 10, 11, .95);--color-surface: #1a1a1d;--color-border: #2a2a2e;--color-text-primary: #f5f5f5;--color-text-secondary: #8a8a8e;--color-text-muted: #5a5a5e;--color-accent: #e0e0e0;--color-accent-hover: #ffffff;--color-success: #3d7a4a;--color-success-muted: #2d5a38;--color-danger: #8b3a3a;--color-danger-muted: #6b2a2a;--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-size-timer: clamp(4rem, 15vw, 10rem);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:0}#app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3{font-weight:600;line-height:1.2;letter-spacing:-.02em}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:500;line-height:1;color:var(--color-bg);background-color:var(--color-text-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none}.btn:hover{background-color:var(--color-accent-hover);box-shadow:0 0 20px #ffffff26}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn--large{padding:var(--space-lg) var(--space-2xl);font-size:var(--font-size-lg);border-radius:var(--radius-lg)}.btn--secondary{color:var(--color-text-secondary);background-color:var(--color-surface);border:1px solid var(--color-border)}.btn--secondary:hover{color:var(--color-text-primary);background-color:var(--color-bg-elevated);box-shadow:none}.btn--ghost{color:var(--color-text-secondary);background-color:transparent;padding:var(--space-sm) var(--space-md)}.btn--ghost:hover{color:var(--color-text-primary);background-color:transparent;box-shadow:none}.btn--danger{color:var(--color-text-primary);background-color:var(--color-danger)}.btn--danger:hover{background-color:var(--color-danger-muted);box-shadow:none}.input,.textarea,.select{width:100%;padding:var(--space-md);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--color-text-secondary)}.input::placeholder,.textarea::placeholder{color:var(--color-text-muted)}.textarea{resize:vertical;min-height:100px}.select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a8a8e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center;padding-right:var(--space-2xl)}.modal-overlay{position:fixed;inset:0;background-color:var(--color-bg-modal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:100;opacity:0;visibility:hidden;transition:all var(--transition-base)}.modal-overlay.active{opacity:1;visibility:visible}.modal{width:100%;max-width:480px;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl);transform:scale(.95);transition:transform var(--transition-base)}.modal-overlay.active .modal{transform:scale(1)}.modal__title{margin-bottom:var(--space-lg)}.modal__actions{display:flex;gap:var(--space-md);margin-top:var(--space-xl)}.modal__actions .btn{flex:1}.duration-selector{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.duration-option{padding:var(--space-sm) var(--space-lg);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.duration-option:hover{color:var(--color-text-primary);border-color:var(--color-text-secondary)}.duration-option.active{color:var(--color-bg);background-color:var(--color-text-primary);border-color:var(--color-text-primary)}.duration-custom{display:flex;align-items:center;gap:var(--space-sm)}.duration-custom .input{width:80px;padding:var(--space-sm) var(--space-md);text-align:center}.screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center}.screen--focus{background-color:var(--color-bg);position:fixed;inset:0;z-index:50}.timer{font-size:var(--font-size-timer);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--color-text-primary);margin-bottom:var(--space-lg)}.timer-goal{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:500px;margin-bottom:var(--space-3xl)}.quit-button-container{position:relative}.quit-button{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);overflow:hidden}.quit-button:hover{color:var(--color-text-secondary);border-color:var(--color-text-muted)}.quit-button__progress{position:absolute;inset:0;background-color:var(--color-danger-muted);transform:scaleX(0);transform-origin:left;transition:transform 50ms linear;z-index:0}.quit-button__text{position:relative;z-index:1}.quit-button.holding{color:var(--color-text-primary);border-color:var(--color-danger)}.landing{gap:var(--space-lg)}.landing__tagline{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.landing__history-link{color:var(--color-text-muted);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-fast);margin-top:var(--space-xl)}.landing__history-link:hover{color:var(--color-text-secondary)}.result{gap:var(--space-lg)}.result__title{margin-bottom:var(--space-md)}.result__stats{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-xl);background-color:var(--color-surface);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);min-width:300px}.result__stat{display:flex;justify-content:space-between;align-items:center;gap:var(--space-xl)}.result__stat-label{color:var(--color-text-muted);font-size:var(--font-size-sm)}.result__stat-value{color:var(--color-text-primary);font-weight:500;text-align:right}.result__goal{color:var(--color-text-secondary);max-width:400px;margin-bottom:var(--space-lg)}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-full)}.badge--success{color:#6fcf7c;background-color:var(--color-success-muted)}.badge--danger{color:#cf6f6f;background-color:var(--color-danger-muted)}.history{align-items:stretch;justify-content:flex-start;padding-top:var(--space-3xl);max-width:1000px;margin:0 auto;width:100%}.history__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl)}.history__back{color:var(--color-text-muted);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-fast)}.history__back:hover{color:var(--color-text-secondary)}.history__list{display:flex;flex-direction:column;gap:var(--space-sm)}.history__item{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-lg);align-items:center;padding:var(--space-lg);background-color:var(--color-surface);border-radius:var(--radius-md)}.history__status{width:8px;height:8px;border-radius:50%}.history__status--completed{background-color:#6fcf7c}.history__status--quit{background-color:#cf6f6f}.history__info{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.history__goal{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history__meta{font-size:var(--font-size-sm);color:var(--color-text-muted)}.history__duration{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.history__empty{text-align:center;color:var(--color-text-muted);padding:var(--space-3xl)}@media(max-width:640px){:root{--font-size-timer: clamp(3rem, 20vw, 6rem)}.modal{padding:var(--space-xl)}.duration-selector{justify-content:center}.history__item{grid-template-columns:auto 1fr;gap:var(--space-md)}.history__duration{grid-column:2;text-align:left}}.landing__nav{display:flex;gap:var(--space-lg);margin-top:var(--space-xl)}.landing__nav-link{color:var(--color-text-muted);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-fast)}.landing__nav-link:hover{color:var(--color-text-secondary)}.landing__level{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.level-badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:600;color:#fbbf24;background:linear-gradient(135deg,#fbbf2433,#fbbf241a);border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-full)}.stats-screen{align-items:stretch;justify-content:flex-start;padding-top:var(--space-2xl);max-width:1000px;margin:0 auto;width:100%;gap:var(--space-lg)}.stats-header{display:flex;align-items:center;justify-content:space-between}.stats-back{color:var(--color-text-muted);font-size:var(--font-size-sm);text-decoration:none}.stats-back:hover{color:var(--color-text-secondary)}.stats-card{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center}.stats-card--level{background:linear-gradient(135deg,var(--color-surface),var(--color-bg-elevated));border:1px solid var(--color-border)}.level-display{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.level-xp{font-size:var(--font-size-sm);color:var(--color-text-muted)}.xp-bar{height:8px;background-color:var(--color-bg);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-sm)}.xp-bar__fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:var(--radius-full);transition:width var(--transition-base)}.xp-bar__label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.stats-card__value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary)}.stats-card__label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-xs)}.achievements-section h3{margin-bottom:var(--space-md);font-size:var(--font-size-lg)}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md)}.achievement{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background-color:var(--color-surface);border-radius:var(--radius-md)}.achievement--locked{opacity:.5}.achievement--unlocked{border:1px solid rgba(251,191,36,.3)}.achievement__icon{font-size:var(--font-size-xl);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);border-radius:var(--radius-md)}.achievement__info{flex:1;text-align:left}.achievement__name{font-weight:500;font-size:var(--font-size-sm)}.achievement__desc{font-size:var(--font-size-xs);color:var(--color-text-muted)}.leaderboard-screen{align-items:stretch;justify-content:flex-start;padding-top:var(--space-2xl);max-width:500px;margin:0 auto;width:100%;gap:var(--space-lg)}.leaderboard-header{display:flex;align-items:center;justify-content:space-between}.leaderboard-back{color:var(--color-text-muted);font-size:var(--font-size-sm);text-decoration:none}.leaderboard-tabs{display:flex;gap:var(--space-sm);background-color:var(--color-surface);padding:var(--space-xs);border-radius:var(--radius-md)}.leaderboard-tab{flex:1;padding:var(--space-sm) var(--space-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.leaderboard-tab:hover{color:var(--color-text-secondary)}.leaderboard-tab.active{color:var(--color-text-primary);background-color:var(--color-bg-elevated)}.leaderboard-list{display:flex;flex-direction:column;gap:var(--space-xs)}.leaderboard-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background-color:var(--color-surface);border-radius:var(--radius-md)}.leaderboard-item--user{border:1px solid rgba(251,191,36,.3);background:linear-gradient(135deg,rgba(251,191,36,.1),transparent)}.leaderboard-item--top{background-color:var(--color-bg-elevated)}.leaderboard-rank{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-sm);color:var(--color-text-muted);background-color:var(--color-bg);border-radius:var(--radius-full)}.rank--gold{color:#fbbf24;background:linear-gradient(135deg,#fbbf2433,#fbbf241a)}.rank--silver{color:#9ca3af;background:linear-gradient(135deg,#9ca3af33,#9ca3af1a)}.rank--bronze{color:#cd7f32;background:linear-gradient(135deg,#cd7f3233,#cd7f321a)}.leaderboard-info{flex:1}.leaderboard-name{font-weight:500;font-size:var(--font-size-sm)}.leaderboard-streak{font-size:var(--font-size-xs);color:var(--color-text-muted)}.leaderboard-xp{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tutorial-overlay{position:fixed;inset:0;z-index:200;pointer-events:none}.tutorial-backdrop{position:absolute;inset:0;background-color:#000c;pointer-events:auto}.tutorial-content{position:absolute;width:320px;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);pointer-events:auto;z-index:201}.tutorial-step-indicator{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.tutorial-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-border)}.tutorial-dot.active{background-color:#fbbf24}.tutorial-dot.complete{background-color:var(--color-success)}.tutorial-title{margin-bottom:var(--space-sm)}.tutorial-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-lg)}.tutorial-actions{display:flex;gap:var(--space-sm)}.tutorial-actions .btn{flex:1}.tutorial-skip{display:block;width:100%;margin-top:var(--space-md);padding:var(--space-sm);font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;text-align:center}.tutorial-skip:hover{color:var(--color-text-secondary)}.tutorial-highlight{position:relative;z-index:202!important;box-shadow:0 0 0 4px #fbbf2480,0 0 20px #fbbf244d;border-radius:var(--radius-md)}.xp-earned{display:flex;align-items:center;gap:var(--space-sm);color:#fbbf24;font-weight:600;font-size:var(--font-size-lg);margin-bottom:var(--space-md)}.xp-earned:before{content:"+"}.level-up-banner{background:linear-gradient(135deg,#fbbf2433,#fbbf241a);border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);text-align:center}.level-up-banner h3{color:#fbbf24;margin-bottom:var(--space-xs)}.new-achievements{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-lg)}.new-achievement{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:var(--color-surface);border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-full);font-size:var(--font-size-sm)}.profile-modal{text-align:center}.profile-modal__icon{font-size:3rem;margin-bottom:var(--space-md)}.profile-modal__desc{color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.profile-input{font-size:var(--font-size-lg);text-align:center;margin-bottom:var(--space-md)}.profile-modal__hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-xl)}.landing{gap:var(--space-md);padding:var(--space-xl)}.landing__header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1000px;margin-bottom:var(--space-xl)}.landing__profile{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);transition:background-color var(--transition-fast)}.landing__profile:hover{background-color:var(--color-surface)}.landing__avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--color-bg);background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%}.landing__username{font-weight:500;font-size:var(--font-size-sm)}.landing__level{display:flex;align-items:center;gap:var(--space-sm)}.landing__xp{font-size:var(--font-size-xs);color:var(--color-text-muted)}.landing__hero{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-lg)}.landing__title{font-size:var(--font-size-3xl);font-weight:700;letter-spacing:-.03em;margin-bottom:var(--space-sm)}.landing__streak{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-lg);padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg,#fb923c33,#fb923c1a);border:1px solid rgba(251,146,60,.3);border-radius:var(--radius-full)}.streak-fire{font-size:var(--font-size-lg)}.streak-count{font-weight:700;font-size:var(--font-size-lg);color:#fb923c}.streak-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.btn--glow{box-shadow:0 0 30px #fff3}.btn--glow:hover{box-shadow:0 0 40px #ffffff4d}.landing__nav{display:flex;gap:var(--space-lg);margin-top:var(--space-2xl);padding:var(--space-md);background-color:var(--color-surface);border-radius:var(--radius-lg)}.landing__nav-link{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);color:var(--color-text-muted);font-size:var(--font-size-sm);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.landing__nav-link:hover{color:var(--color-text-primary);background-color:var(--color-bg-elevated)}.nav-icon{font-size:var(--font-size-xl)}.leaderboard-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.leaderboard-header h2{text-align:center}.leaderboard-user-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:linear-gradient(135deg,#fbbf2426,#fbbf240d);border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-lg)}.leaderboard-user-rank{font-size:var(--font-size-2xl);font-weight:700;color:#fbbf24}.leaderboard-user-info{flex:1}.leaderboard-user-name{font-weight:600;font-size:var(--font-size-lg)}.leaderboard-user-xp{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.leaderboard-no-profile{padding:var(--space-lg);background-color:var(--color-surface);border-radius:var(--radius-lg);text-align:center;color:var(--color-text-muted)}.leaderboard-rank{width:40px;height:40px;font-size:var(--font-size-base)}@media(max-width:640px){.landing__header{flex-direction:column;gap:var(--space-md)}.landing__nav{gap:var(--space-md);padding:var(--space-sm)}.landing__nav-link{padding:var(--space-sm) var(--space-md)}.leaderboard-user-card{flex-direction:column;text-align:center}}.glass-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg)}.animate-in{animation:fadeSlideIn .6s ease forwards}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pulse-glow{animation:pulseGlow 1s ease infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #fbbf244d}50%{box-shadow:0 0 40px #fbbf2499}}.result--celebration{position:relative;overflow:hidden}.completion-glow{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(251,191,36,.2) 0%,transparent 70%);pointer-events:none;animation:glowPulse 3s ease infinite}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.result-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.completion-check{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6fcf7c,#3d7a4a);border-radius:50%;animation:checkBounce .6s ease}.completion-check svg{width:40px;height:40px;color:#fff;stroke-width:3}@keyframes checkBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.xp-earned-display{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.xp-value{font-size:4rem;font-weight:800;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.xp-label{font-size:var(--font-size-lg);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em}.level-up-banner{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);animation:levelUpShine 2s ease infinite}.level-up-icon{font-size:2rem;animation:iconBounce .5s ease infinite alternate}@keyframes iconBounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes levelUpShine{0%,to{box-shadow:0 0 20px #fbbf244d}50%{box-shadow:0 0 40px #fbbf2480}}.result--celebration .result__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);padding:var(--space-xl);min-width:400px}.result--celebration .result__stat{flex-direction:column;text-align:center;gap:var(--space-sm)}.result__stat-icon{font-size:1.5rem}.result__stat-content{display:flex;flex-direction:column;gap:var(--space-xs)}.result--celebration .result__stat-value{font-size:var(--font-size-lg);font-weight:600}.result--celebration .result__stat-label{font-size:var(--font-size-xs)}.result__goal-text{font-size:var(--font-size-sm)!important;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-actions{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:300px}.share-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.share-btn span:first-child{font-weight:800}.screen--focus .timer{text-shadow:0 0 60px rgba(255,255,255,.3)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating{animation:float 3s ease-in-out infinite}.shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:640px){.result--celebration .result__stats{grid-template-columns:1fr;min-width:auto;width:100%}.result--celebration .result__stat{flex-direction:row;justify-content:space-between}.xp-value{font-size:3rem}.completion-check{width:60px;height:60px}.completion-check svg{width:30px;height:30px}}.btn--pulse{animation:btnPulse 2s ease infinite}@keyframes btnPulse{0%,to{transform:scale(1);box-shadow:0 0 30px #fff3}50%{transform:scale(1.02);box-shadow:0 0 50px #fff6}}.btn-icon{font-size:1.2em}.landing__quote{margin-top:var(--space-xl);padding:var(--space-lg);max-width:400px;text-align:center}.landing__quote .quote-text{font-size:var(--font-size-sm);font-style:italic;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.landing__quote .quote-author{font-size:var(--font-size-xs);color:var(--color-text-muted)}.streak--milestone{background:linear-gradient(135deg,#fbbf244d,#fb923c33);border-color:#fbbf2480;animation:streakGlow 2s ease infinite}@keyframes streakGlow{0%,to{box-shadow:0 0 10px #fbbf244d}50%{box-shadow:0 0 25px #fbbf2480}}.streak-message{font-size:var(--font-size-sm);color:#fbbf24;margin-top:var(--space-sm);text-align:center}.landing__activity{margin-top:var(--space-xl);width:100%;max-width:400px}.activity-feed{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-md);overflow:hidden}.activity-feed__header{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.activity-pulse{width:8px;height:8px;background-color:#6fcf7c;border-radius:50%;animation:activityPulse 1.5s ease infinite}@keyframes activityPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.activity-feed__list{display:flex;flex-direction:column;gap:var(--space-sm);max-height:150px;overflow:hidden}.activity-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background-color:var(--color-bg-elevated);border-radius:var(--radius-md);font-size:var(--font-size-xs)}.activity-avatar{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--color-bg);background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:50%}.activity-content{flex:1;color:var(--color-text-secondary)}.activity-content strong{color:var(--color-text-primary)}.activity-xp{color:#fbbf24;font-weight:600;margin-left:var(--space-xs)}@keyframes glowBurstAnim{0%{width:100px;height:100px;opacity:1}to{width:600px;height:600px;opacity:0}}.share-btn{background:linear-gradient(135deg,#1a1a2e,#0a0a0b);border:1px solid rgba(255,255,255,.1)}.share-btn:hover{background:linear-gradient(135deg,#2a2a3e,#1a1a1e);border-color:#fff3}.screen--focus .timer{animation:timerGlow 4s ease-in-out infinite}@keyframes timerGlow{0%,to{text-shadow:0 0 30px rgba(255,255,255,.2)}50%{text-shadow:0 0 60px rgba(255,255,255,.4)}}.timer--warning{color:#f87171!important;animation:timerWarning .5s ease infinite}@keyframes timerWarning{0%,to{opacity:1}50%{opacity:.7}}