@layer reset,tokens,base,layout,components,utilities,animations;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;color-scheme:dark}body{-webkit-font-smoothing:antialiased;line-height:1.5;min-height:100vh}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(ul,ol){list-style:none;padding:0}button{cursor:pointer;background:none;border:none}:where(button:disabled){cursor:not-allowed}}@layer tokens{:root{--color-bg: #0a0a0f;--color-bg-secondary: #111118;--color-bg-card: #16161f;--color-bg-hover: #1c1c28;--color-border: rgba(255, 255, 255, .06);--color-border-strong: rgba(255, 255, 255, .12);--color-text: #e8e8f0;--color-text-secondary: #9999b0;--color-text-muted: #666680;--color-accent: #d97757;--color-accent-light: #e8a07f;--color-accent-glow: rgba(217, 119, 87, .25);--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--font-display: "Space Grotesk", var(--font-sans);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.5rem;--text-6xl: 4.5rem;--leading-tight: 1.1;--leading-normal: 1.5;--leading-relaxed: 1.7;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-glow: 0 0 40px var(--color-accent-glow);--shadow-glow-sm: 0 0 20px var(--color-accent-glow);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}}@layer base{body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans)}:where(code,pre){font-family:var(--font-mono)}a:any-link{color:var(--color-accent);text-decoration:none}:where(h1,h2,h3,h4,h5,h6){line-height:1.2;font-weight:600}::selection{background:var(--color-accent-glow)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}}@layer layout{.container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.page{min-height:100vh;padding:var(--space-8) var(--space-6)}.flex{display:flex;gap:var(--space-4)}.flex-center{display:flex;align-items:center;justify-content:center;min-height:100vh}.flex-col{display:flex;flex-direction:column}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}@media(max-width:640px){.grid-2{grid-template-columns:1fr}}}@layer components{.btn-primary{background:var(--color-accent);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:var(--transition-fast)}.btn-primary:hover:not(:disabled){background:var(--color-accent-light);box-shadow:var(--shadow-glow-sm)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.btn-ghost:hover{background:var(--color-bg-hover);color:var(--color-text)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-full{width:100%}}@layer components{.card,.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.stat-card h2{font-size:var(--text-4xl);margin-top:var(--space-2)}.stat-card-accent{border-color:color-mix(in srgb,var(--color-accent) 45%,var(--color-border));background:color-mix(in srgb,var(--color-accent) 6%,var(--color-bg-card));box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent) 20%,transparent) inset}}@layer components{.dashboard-range{margin-bottom:var(--space-6)}.dashboard-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-4)}.dashboard-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.dashboard-card-title{font-size:var(--text-lg);margin-bottom:var(--space-4)}@media(max-width:900px){.dashboard-stats-row{grid-template-columns:repeat(2,1fr)}.dashboard-grid-2{grid-template-columns:1fr}}}@layer components{.docs{max-width:920px;margin:0 auto;padding:var(--space-8) var(--space-6);font-family:var(--font-sans),sans-serif;color:var(--color-text)}.docs-eyebrow{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);margin:0 0 var(--space-2)}.docs-title{font-family:var(--font-display),sans-serif;font-size:var(--text-3xl);font-weight:700;line-height:var(--leading-tight);margin:0 0 var(--space-3)}.docs-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0 0 var(--space-8);max-width:560px}.docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3);margin-bottom:var(--space-2)}.docs-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5) var(--space-3);text-align:center;cursor:pointer;color:inherit;font:inherit;transition:var(--transition-fast)}.docs-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.docs-card.active{border-color:var(--color-accent);box-shadow:var(--shadow-glow-sm)}.docs-card-icon{width:48px;height:48px;margin:0 auto var(--space-3);border-radius:var(--radius-sm);background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.docs-card-icon img{width:28px;height:28px;object-fit:contain}.docs-card-name{font-size:var(--text-sm);font-weight:500}.docs-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);padding:var(--space-6);margin-top:var(--space-6)}.docs-panel-title{font-family:var(--font-display),sans-serif;font-size:var(--text-xl);font-weight:700;margin:0 0 var(--space-5)}.docs-subheading{font-family:var(--font-display),sans-serif;font-size:var(--text-base);font-weight:700;margin:var(--space-6) 0 var(--space-2)}.docs-steps{margin:0 0 var(--space-4);padding-left:var(--space-5)}.docs-steps li{font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.docs-steps li:last-child{margin-bottom:0}.docs-steps code{font-family:var(--font-mono),monospace;background:var(--color-bg-secondary);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-accent-light)}.docs-code{margin-top:var(--space-2);margin-bottom:0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);font-family:var(--font-mono),monospace;font-size:var(--text-sm);color:var(--color-text);white-space:pre;overflow-x:auto}.docs-code code{background:transparent;padding:0;font-size:inherit;color:inherit}.hljs-keyword,.hljs-built_in,.hljs-literal{color:var(--color-accent)}.hljs-string{color:var(--color-accent-light)}.hljs-comment{color:var(--color-text-muted);font-style:italic}.hljs-number{color:var(--color-warning)}.hljs-title,.hljs-title.function_{color:var(--color-text);font-weight:600}.hljs-params,.hljs-variable,.hljs-property{color:var(--color-text-secondary)}.docs-note{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-normal);margin:0 0 var(--space-4)}.docs-note.docs-note-top{margin-bottom:var(--space-5)}.docs-plugin-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--color-accent);text-decoration:none;margin-top:var(--space-2)}.docs-plugin-link:hover{color:var(--color-accent-light)}.docs-key-box{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px dashed var(--color-border-strong)}.docs-key-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.docs-key-row{display:flex;gap:var(--space-2)}.docs-key-input{flex:1;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);font-family:var(--font-mono),monospace;font-size:var(--text-sm);color:var(--color-text)}.docs-key-btn{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0 var(--space-3);cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;transition:var(--transition-fast)}.docs-key-btn:hover{color:var(--color-accent-light);border-color:var(--color-accent)}.docs-key-link{display:inline-block;margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-accent);text-decoration:none}.docs-key-link:hover{color:var(--color-accent-light)}@media(max-width:640px){.docs{padding:var(--space-6) var(--space-4)}.docs-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.docs-card{padding:var(--space-4) var(--space-2)}.docs-card-name{font-size:var(--text-xs)}.docs-panel{padding:var(--space-4)}.docs-key-row{flex-wrap:wrap}.docs-key-input{min-width:0;width:100%}}}@layer components{app-goal-card{display:block;min-width:0;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}app-goal-card:nth-child(2n),app-goal-card.goal-card-span-2{border-right:0}app-goal-card:last-child,app-goal-card:nth-last-child(2):nth-child(odd){border-bottom:0}.goals-card{padding:0;margin-bottom:var(--space-6);overflow:hidden}.goals-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0}.goal-card{--goal-progress-color: var(--color-accent);--goal-complete-color: var(--color-success);position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--space-6);row-gap:var(--space-4);height:100%;min-height:114px;background:transparent;padding:var(--space-5)}.goal-card-complete{--goal-progress-color: var(--goal-complete-color)}.goal-card-main{min-width:0}.goal-progress-text{display:flex;align-items:baseline;min-width:0;font-size:var(--text-2xl);font-weight:700;line-height:var(--leading-tight);white-space:nowrap}.goal-progress-current{color:var(--color-text)}.goal-progress-complete{color:var(--goal-complete-color)}.goal-scope-label{margin-top:var(--space-1);font-size:var(--text-sm);line-height:var(--leading-normal)}.goal-card-side{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);min-width:max-content;text-align:right}.goal-card-meta{display:grid;gap:2px}.goal-period-label{color:var(--goal-progress-color);font-size:var(--text-sm);font-weight:700;line-height:var(--leading-tight)}.goal-period-complete{color:var(--goal-complete-color)}.goal-remaining-text{color:var(--color-text-secondary);font-size:var(--text-xs);line-height:var(--leading-tight)}.goal-remaining-done{color:var(--goal-complete-color);font-weight:600}.goal-bar-track{grid-column:1 / -1;width:100%;height:6px;background:#ffffff17;border-radius:var(--radius-full);overflow:hidden}.goal-bar-fill{height:100%;background:var(--goal-progress-color);border-radius:var(--radius-full);transition:width .4s ease}.goal-bar-fill.goal-bar-complete{background:var(--goal-complete-color)}.goal-ring{width:44px;height:44px;flex:0 0 44px;transform:rotate(-90deg)}.goal-ring-track{fill:none;stroke:#ffffff1f;stroke-width:3}.goal-ring-progress{fill:none;stroke:var(--goal-progress-color);stroke-width:3;stroke-dasharray:113;stroke-linecap:round;transition:stroke-dashoffset .4s ease}.goal-ring-complete{stroke:var(--goal-complete-color)}.goal-ring-text{fill:var(--color-text);font-size:9px;font-weight:700;transform:rotate(90deg);transform-origin:20px 20px}.goal-check-icon{fill:none;stroke:var(--goal-complete-color);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transform:rotate(90deg);transform-origin:20px 20px}.goal-delete-btn{position:absolute;top:var(--space-2);right:var(--space-2);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-lg);opacity:0;transition:var(--transition-fast)}.goal-card-inner{display:contents}.goal-card:hover .goal-delete-btn{opacity:1}.goals-count{padding:var(--space-4) var(--space-6) 0;font-weight:600;letter-spacing:.02em}.goal-list-actions{display:flex;gap:var(--space-2);flex-shrink:0}.goal-card-span-2{grid-column:span 2}@media(max-width:640px){.goals-grid{grid-template-columns:1fr}app-goal-card,app-goal-card:nth-child(2n),app-goal-card.goal-card-span-2{border-right:0}app-goal-card:nth-last-child(2):nth-child(odd){border-bottom:1px solid var(--color-border)}app-goal-card:last-child{border-bottom:0}.goal-card-span-2{grid-column:span 1}}@media(max-width:420px){.goal-card{grid-template-columns:1fr;min-height:0}.goal-card-side{justify-content:space-between;min-width:0;width:100%;text-align:left}.goal-card-meta{order:2;text-align:right}.goal-ring{order:1}}}@layer components{.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4)}.modal{background:var(--color-bg-card);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;max-width:560px;padding:var(--space-6);position:relative}.modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-accent);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.modal-header h2{font-size:var(--text-xl);font-weight:600}.modal-close{background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--text-2xl);line-height:1;cursor:pointer;padding:0}.modal-close:hover{color:var(--color-text)}.goal-amount-row{margin-bottom:var(--space-5)}.goal-amount-inputs{display:flex;align-items:center;gap:var(--space-3)}.goal-amount-input{width:90px;margin-bottom:0;flex-shrink:0}.goal-unit-select{width:140px;margin-bottom:0}.goal-period-select{width:120px;margin-bottom:0}.goal-per-label{color:var(--color-text-secondary);font-size:var(--text-sm);flex-shrink:0}.quick-pick-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-5)}.quick-pick-btn{flex:1;background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:var(--transition-fast)}.quick-pick-btn:hover{background:var(--color-bg-hover);color:var(--color-text)}.quick-pick-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.goal-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-5)}.goal-filter-row .input{margin-bottom:0}.goal-reminders-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3)}@media(max-width:640px){.goal-filter-row{grid-template-columns:1fr}.goal-amount-inputs{flex-wrap:wrap}}}@layer components{.heatmap{--heatmap-cell-size: 15px;--heatmap-cell-gap: 4px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"header years" "board years" "footer years";column-gap:var(--space-8);gap:var(--space-4)}.heatmap-header{grid-area:header;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.heatmap-total{font-weight:700;line-height:var(--leading-tight)}.heatmap-subtitle{margin-top:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-sm)}.heatmap-years{display:grid;grid-area:years;align-content:start;gap:var(--space-2);min-width:104px}.heatmap-year{width:100%;border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-tight);text-align:left;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.heatmap-year:hover,.heatmap-year.active{background:color-mix(in srgb,var(--color-accent) 18%,transparent);border-color:color-mix(in srgb,var(--color-accent) 45%,transparent);color:var(--color-text)}.heatmap-scroll{grid-area:board;overflow-x:auto;overflow-y:visible;padding-top:38px;padding-bottom:var(--space-2)}.heatmap-board{display:grid;grid-template-columns:28px max-content;grid-template-rows:auto auto;column-gap:var(--space-2);row-gap:var(--space-2);width:fit-content;min-width:100%}.heatmap-months{display:grid;grid-column:2;grid-row:1;grid-template-columns:repeat(var(--heatmap-week-count),var(--heatmap-cell-size));gap:var(--heatmap-cell-gap);min-height:16px}.heatmap-month{color:var(--color-text-secondary);font-size:var(--text-xs);line-height:1}.heatmap-weekdays{display:grid;grid-column:1;grid-row:2;grid-template-rows:repeat(7,var(--heatmap-cell-size));gap:var(--heatmap-cell-gap)}.heatmap-weekdays span{color:var(--color-text-secondary);font-size:.625rem;line-height:var(--heatmap-cell-size);text-align:right}.heatmap-grid{display:flex;grid-column:2;grid-row:2;gap:var(--heatmap-cell-gap);width:fit-content;padding-right:var(--heatmap-cell-gap)}.heatmap-week{display:flex;flex:0 0 var(--heatmap-cell-size);flex-direction:column;gap:var(--heatmap-cell-gap)}.heatmap-day-cell{position:relative;width:var(--heatmap-cell-size);height:var(--heatmap-cell-size)}.heatmap-day{width:var(--heatmap-cell-size);height:var(--heatmap-cell-size);border:1px solid var(--color-border);border-radius:3px;background:var(--color-bg-secondary)}.heatmap-day:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.heatmap-day-outside{visibility:hidden}.heatmap-day[data-level="1"]{background:color-mix(in srgb,var(--color-accent) 25%,var(--color-bg-secondary))}.heatmap-day[data-level="2"]{background:color-mix(in srgb,var(--color-accent) 50%,var(--color-bg-secondary))}.heatmap-day[data-level="3"]{background:color-mix(in srgb,var(--color-accent) 75%,var(--color-bg-secondary))}.heatmap-day[data-level="4"]{background:var(--color-accent)}.heatmap-tooltip{position:absolute;bottom:calc(100% + 9px);left:50%;z-index:5;width:max-content;max-width:220px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg);box-shadow:var(--shadow-md);color:var(--color-text);font-size:var(--text-xs);font-weight:600;line-height:var(--leading-tight);opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity var(--transition-fast),transform var(--transition-fast);white-space:nowrap}.heatmap-tooltip:after{position:absolute;top:100%;left:50%;width:8px;height:8px;border-right:1px solid var(--color-border-strong);border-bottom:1px solid var(--color-border-strong);background:var(--color-bg);content:"";transform:translate(-50%,-4px) rotate(45deg)}.heatmap-day-cell:hover .heatmap-tooltip,.heatmap-day-cell:focus-within .heatmap-tooltip{opacity:1;transform:translate(-50%)}.heatmap-footer{grid-area:footer;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-xs)}.heatmap-legend{display:flex;gap:var(--heatmap-cell-gap, 3px)}.heatmap-legend-day{flex:0 0 auto}@media(max-width:640px){.heatmap{grid-template-columns:1fr;grid-template-areas:"header" "years" "board" "footer"}.heatmap-years{display:flex;flex-wrap:wrap;min-width:0}.heatmap-year{width:auto}}}@layer components{.input{width:100%;background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);margin-bottom:var(--space-4);transition:var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-glow-sm)}.input-with-icon{position:relative}.input-with-icon .input{padding-right:var(--space-10);margin-bottom:0}.input-icon{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-success);font-weight:700}.field-label{display:block;font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.field-hint{font-size:var(--text-sm);margin-top:var(--space-1)}}@layer components{.landing-page{padding:0}.landing-hero{position:relative;text-align:center;padding:var(--space-24) 0 var(--space-16);overflow:hidden}.landing-pulse{position:absolute;top:var(--space-8);left:50%;width:min(900px,100%);height:100px;opacity:.32;pointer-events:none;transform:translate(-50%)}.landing-pulse path{fill:none;stroke:var(--color-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:900;stroke-dashoffset:900;animation:landing-draw 2s ease-out forwards}@keyframes landing-draw{to{stroke-dashoffset:0}}.landing-title{position:relative;max-width:760px;margin:0 auto var(--space-5);font-family:var(--font-display);font-size:var(--text-6xl);line-height:var(--leading-tight)}.landing-subtitle{position:relative;max-width:620px;margin:0 auto var(--space-8);color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed)}.landing-actions{position:relative;display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-12)}.landing-preview{max-width:860px;margin:0 auto;overflow:hidden;text-align:left;background:color-mix(in srgb,var(--color-bg-card) 86%,black);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.landing-window-bar{display:flex;gap:.38rem;align-items:center;height:2.2rem;padding:0 var(--space-4);background:color-mix(in srgb,var(--color-bg-secondary) 80%,black)}.landing-window-bar span{width:.55rem;height:.55rem;border-radius:var(--radius-full);background:var(--color-text-muted)}.landing-window-bar span:nth-child(1){background:var(--color-accent)}.landing-window-bar span:nth-child(2){background:var(--color-accent-light)}.landing-window-bar span:nth-child(3){background:var(--color-text-muted)}.landing-preview-body{display:grid;grid-template-columns:170px 1fr;min-height:300px}.landing-preview-sidebar{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm);background:color-mix(in srgb,var(--color-bg-secondary) 72%,black);border-right:1px solid var(--color-border)}.landing-preview-brand{display:inline-flex;align-items:center;width:fit-content;margin-bottom:var(--space-4)}.landing-preview-brand img{width:34px;height:34px;object-fit:contain}.landing-preview-sidebar button{appearance:none;width:100%;text-align:left;color:var(--color-text-muted);background:transparent;padding:.55rem .65rem;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font:inherit;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.landing-preview-sidebar button:hover,.landing-preview-sidebar button.active{color:var(--color-text);background:color-mix(in srgb,var(--color-accent-glow) 70%,transparent);border-color:color-mix(in srgb,var(--color-accent) 28%,transparent)}.landing-preview-main{padding:var(--space-6)}.landing-preview-kicker{color:var(--color-accent-light);font-family:var(--font-mono);font-size:var(--text-xs);margin-bottom:var(--space-2)}.landing-preview-main h2{margin-bottom:var(--space-6);font-family:var(--font-display)}.landing-preview-main.football-mode{min-height:300px;display:grid;align-content:center;gap:var(--space-5);background:linear-gradient(#050c0899,#050c0899),linear-gradient(90deg,transparent 49.6%,rgba(255,255,255,.42) 49.6% 50.4%,transparent 50.4%),repeating-linear-gradient(90deg,#123b23 0 72px,#174a2b 72px 144px);border-left:1px solid rgba(255,255,255,.08)}.landing-football-scoreboard{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-4);align-items:center;max-width:520px;width:100%;margin:0 auto;padding:var(--space-4);text-align:center;color:#f8faf8;background:#07120bc7;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-md)}.landing-football-scoreboard strong{display:inline-flex;min-width:6rem;justify-content:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-3xl)}.landing-football-scoreboard>span{font-size:var(--text-lg);font-weight:700}.landing-goal-score{position:relative;display:inline-block;width:.7em;height:1.1em;color:var(--color-accent-light)}.landing-goal-score:before{content:"2";position:absolute;right:0;top:0;color:color-mix(in srgb,var(--color-text) 62%,transparent)}.landing-goal-score:after{content:"";position:absolute;right:-.16em;top:.86em;width:.82em;height:.1em;background:var(--color-accent-light);border-radius:var(--radius-full);transform:rotate(-28deg) scaleX(0);transform-origin:left center;animation:landing-cross-two .35s ease-out .35s forwards}.landing-new-score{position:absolute;right:.72em;top:0;opacity:0;transform:translateY(-.85em);animation:landing-drop-three .45s cubic-bezier(.2,.9,.25,1.2) .78s forwards;color:var(--color-accent-light)}@keyframes landing-cross-two{to{transform:rotate(-28deg) scaleX(1)}}@keyframes landing-drop-three{to{opacity:1;transform:translateY(0)}}.landing-football-field{position:relative;width:min(460px,100%);height:120px;margin:0 auto;border:2px solid rgba(255,255,255,.55);border-radius:var(--radius-sm)}.landing-football-field:before{content:"";position:absolute;inset:50% auto auto 50%;width:54px;height:54px;border:2px solid rgba(255,255,255,.45);border-radius:var(--radius-full);transform:translate(-50%,-50%)}.landing-football-line{max-width:520px;margin:0 auto;color:#f8faf8;text-align:center;font-family:var(--font-display)}.landing-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.landing-preview-grid div{display:grid;gap:var(--space-2);min-height:84px;padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.landing-preview-grid span{color:var(--color-text-muted);font-size:var(--text-xs)}.landing-preview-grid strong{font-family:var(--font-display);font-size:var(--text-lg)}.landing-band,.landing-section{padding:var(--space-16) 0}.landing-band{background:color-mix(in srgb,var(--color-bg-secondary) 76%,black)}.landing-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:var(--space-12);align-items:start}.landing-split h2,.landing-final-cta h2{font-family:var(--font-display);font-size:var(--text-3xl);line-height:var(--leading-tight);margin-bottom:var(--space-4)}.landing-split h2{color:var(--color-accent-light)}.landing-stack{display:grid;gap:var(--space-4)}.landing-section-title{font-family:var(--font-display);font-size:var(--text-3xl);text-align:center;margin-bottom:var(--space-3)}.landing-section-copy{max-width:620px;margin:0 auto var(--space-8);color:var(--color-text-secondary);text-align:center}.landing-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.landing-feature-grid .card,.landing-stack .card{background:color-mix(in srgb,var(--color-bg-card) 82%,black)}.landing-card-icon,.landing-faq-icon{display:inline-grid;place-items:center;width:2.1rem;height:2.1rem;margin-bottom:var(--space-4);color:var(--color-accent-light);background:var(--color-accent-glow);border:1px solid color-mix(in srgb,var(--color-accent) 42%,transparent);border-radius:var(--radius-sm)}.landing-faq-icon{width:1.8rem;height:1.8rem;margin-bottom:var(--space-3)}.landing-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:var(--space-4);max-width:560px;margin:0 auto}.landing-editor-grid span{display:flex;gap:var(--space-3);align-items:center;justify-content:center;place-items:center;min-height:70px;color:var(--color-text);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);font-weight:700}.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.landing-steps div{padding-left:var(--space-5);border-left:1px solid var(--color-border-strong)}.landing-steps span{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-accent-light);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;margin-bottom:var(--space-4)}.landing-steps h3,.landing-faq-grid h3,.landing-feature-grid h3,.landing-stack h3{margin-bottom:var(--space-2)}.landing-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8) var(--space-12)}.landing-final-cta{padding:var(--space-16) 0;text-align:center;color:#120c09;background:var(--color-accent)}.landing-final-cta p{margin-bottom:var(--space-8);color:color-mix(in srgb,#120c09 76%,transparent)}.landing-final-cta .btn-primary{color:var(--color-text);background:#120c09}.landing-footer{padding:var(--space-10) 0;background:color-mix(in srgb,var(--color-bg-secondary) 82%,black)}.landing-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.landing-footer-brand{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);margin-bottom:var(--space-2)}.landing-footer-brand img{width:28px;height:28px;object-fit:contain}.landing-footer p{margin:0}.landing-footer nav{display:flex;gap:var(--space-5);flex-wrap:wrap}.landing-footer a{color:var(--color-text-secondary);text-decoration:none}.landing-footer a:hover{color:var(--color-accent-light)}@media(max-width:900px){.landing-title{font-size:var(--text-5xl)}.landing-preview-body,.landing-split,.landing-feature-grid,.landing-steps,.landing-faq-grid{grid-template-columns:1fr}.landing-preview-sidebar{display:none}.landing-preview-grid,.landing-editor-grid{grid-template-columns:1fr}.landing-footer-inner{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.landing-hero{padding-top:var(--space-16)}.landing-title{font-size:var(--text-4xl)}}}@layer components{.legal-page{min-height:calc(100vh - 73px);padding:var(--space-16) var(--space-6) var(--space-24)}.legal-container{max-width:760px;margin:0 auto}.legal-back{display:inline-block;margin-bottom:var(--space-8);color:var(--color-text-muted);font-size:var(--text-sm);text-decoration:none;transition:color var(--transition-fast)}.legal-back:hover{color:var(--color-accent-light)}.legal-title{margin-bottom:var(--space-2);font-family:var(--font-display);font-size:var(--text-4xl);line-height:var(--leading-tight)}.legal-updated{margin-bottom:var(--space-8);color:var(--color-text-muted);font-size:var(--text-sm)}.legal-intro{margin-bottom:var(--space-4);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.legal-section{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.legal-section h2{margin-bottom:var(--space-4);font-size:var(--text-xl)}.legal-section p{margin-bottom:var(--space-4);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.legal-section ul{display:flex;flex-direction:column;gap:var(--space-2);margin:0 0 var(--space-4);padding-left:var(--space-6);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.legal-section li::marker{color:var(--color-accent)}.legal-section a{color:var(--color-accent-light);text-underline-offset:2px}@media(max-width:480px){.legal-page{padding:var(--space-10) var(--space-4) var(--space-16)}.legal-title{font-size:var(--text-3xl)}}}@layer components{.leaderboard-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.segmented{display:inline-flex;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:3px}.segmented-option{background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.segmented-option.active{background:var(--color-accent);color:#fff;font-weight:600}.leaderboard-search{max-width:240px;margin-bottom:0}.your-rank-banner{background:var(--color-accent-glow);border:1px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6);font-size:var(--text-sm)}.leaderboard-list{display:flex;flex-direction:column;gap:var(--space-2)}.leaderboard-row{display:grid;grid-template-columns:40px 36px 1fr auto auto;align-items:center;gap:var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:var(--transition-fast)}.leaderboard-row:hover{border-color:var(--color-border-strong)}.leaderboard-row-you{border-color:var(--color-accent);background:var(--color-accent-glow)}.leaderboard-rank{font-weight:700;color:var(--color-text-secondary);text-align:center}.leaderboard-rank-top{color:var(--color-accent-light);font-size:var(--text-lg)}.leaderboard-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm);overflow:hidden;flex-shrink:0}.leaderboard-avatar img{width:100%;height:100%;object-fit:cover}.leaderboard-username{font-weight:600;color:var(--color-text);text-decoration:none}.leaderboard-username:hover{text-decoration:underline}.leaderboard-language{font-size:var(--text-sm)}.leaderboard-time{font-family:var(--font-mono),sans-serif;font-weight:600}@media(max-width:640px){.leaderboard-row{grid-template-columns:32px 32px 1fr auto}.leaderboard-language{display:none}}.leaderboard-streak{font-size:var(--text-sm);color:var(--color-accent-light);white-space:nowrap}.leaderboard-user-info{display:flex;align-items:center;gap:var(--space-2);min-width:0}.leaderboard-streak{display:inline-flex;align-items:center;gap:2px;font-size:var(--text-sm);font-weight:700;white-space:nowrap}.leaderboard-streak-icon svg{fill:currentColor}.streak-tier-new{color:#38bdf8}.streak-tier-warm{color:#f59e0b}.streak-tier-hot{color:#f97316}.streak-tier-legendary{color:#ef4444}.streak-badge.streak-tier-new{background:color-mix(in srgb,#38bdf8 18%,transparent);border:1px solid color-mix(in srgb,#38bdf8 55%,transparent)}.streak-badge.streak-tier-warm{background:color-mix(in srgb,#f59e0b 18%,transparent);border:1px solid color-mix(in srgb,#f59e0b 55%,transparent)}.streak-badge.streak-tier-hot{background:color-mix(in srgb,#f97316 18%,transparent);border:1px solid color-mix(in srgb,#f97316 55%,transparent)}.streak-badge.streak-tier-legendary{background:color-mix(in srgb,#ef4444 18%,transparent);border:1px solid color-mix(in srgb,#ef4444 55%,transparent)}}@layer components{.login-page{min-height:calc(100vh - 73px);display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.login-card{width:100%;max-width:420px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8)}.login-title{font-size:var(--text-3xl);line-height:var(--leading-tight);margin-bottom:var(--space-2);text-align:center}.login-subtitle{color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-8)}.login-form{display:flex;flex-direction:column;gap:var(--space-3)}.login-sent-text{text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm);padding:var(--space-2) 0}.login-confirmation{text-align:center}.login-confirmation-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);border-radius:50%;background:var(--color-accent-glow);color:var(--color-accent-light)}.login-confirmation-icon lucide-angular,.login-confirmation-icon svg{display:block;flex-shrink:0}.login-footer{margin-top:var(--space-8);text-align:center;font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.split-login{min-height:calc(100vh - 73px);display:grid;grid-template-columns:1fr 1fr;padding:var(--space-10);gap:var(--space-6)}.split-login-left{display:flex;align-items:center;justify-content:center}.split-login-content{width:100%;max-width:380px}.split-login-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-display),sans-serif;font-size:var(--text-lg);font-weight:700;letter-spacing:.05em;color:var(--color-accent);margin-bottom:var(--space-8)}.split-login-logo img{display:block;border-radius:var(--radius-sm)}.split-login-right{position:relative;border-radius:var(--radius-lg);overflow:hidden}.split-hero-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}@media(max-width:900px){.split-login{grid-template-columns:1fr}.split-login-right{display:none}}@media(max-width:480px){.login-card{padding:var(--space-6)}.login-title{font-size:var(--text-2xl)}}}@layer components{.navbar{position:sticky;top:0;z-index:50;background:#0a0a0fcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.navbar-inner{max-width:1200px;margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:.05em;color:var(--color-text)}.navbar-links{display:flex;align-items:center;gap:var(--space-6)}.navbar-link{color:var(--color-text-secondary);font-size:var(--text-sm);transition:var(--transition-fast)}.navbar-link:hover{color:var(--color-text)}}@layer components{.onboarding-page{background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--color-accent) 14%,transparent),transparent 34%),var(--color-bg)}.onboarding-card{position:relative;width:100%;max-width:460px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-md)}.onboarding-card-wide{max-width:640px}.onboarding-brand{display:flex;justify-content:center;margin-bottom:var(--space-5)}.onboarding-brand img{display:block;border-radius:var(--radius-sm)}.onboarding-progress{display:flex;gap:var(--space-2);margin-bottom:var(--space-6)}.progress-dot{height:4px;flex:1;border-radius:var(--radius-full);background:var(--color-border-strong);transition:var(--transition-normal)}.progress-dot.active{background:var(--color-accent)}.onboarding-title{font-size:var(--text-3xl);line-height:var(--leading-tight);margin-bottom:var(--space-2)}.onboarding-kicker{margin:0 0 var(--space-2);color:var(--color-accent);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.onboarding-copy{color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0}.onboarding-field{margin-top:var(--space-6)}.onboarding-readonly{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--text-sm)}.onboarding-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-8)}.onboarding-actions-end{justify-content:flex-end}.onboarding-import-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-6)}.onboarding-import-option{min-height:116px;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text);text-align:left;cursor:pointer;transition:var(--transition-fast)}.onboarding-import-option:hover{border-color:var(--color-border-strong);background:var(--color-bg-hover)}.onboarding-import-option.active{border-color:color-mix(in srgb,var(--color-accent) 60%,var(--color-border));background:color-mix(in srgb,var(--color-accent) 10%,var(--color-bg-secondary));box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent) 22%,transparent) inset}.onboarding-import-name,.onboarding-import-desc{display:block}.onboarding-import-name{font-weight:700;margin-bottom:var(--space-2)}.onboarding-import-desc{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}.onboarding-import-panel{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px dashed var(--color-border-strong)}.onboarding-divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-5) 0;color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em}.onboarding-divider:before,.onboarding-divider:after{content:"";height:1px;flex:1;background:var(--color-border)}.onboarding-file-row{display:flex;align-items:center;gap:var(--space-3)}.onboarding-file-picker{flex:0 0 auto;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text);cursor:pointer;transition:var(--transition-fast)}.onboarding-file-picker:hover{border-color:var(--color-accent)}.onboarding-file-picker input{display:none}.onboarding-file-name{min-width:0;color:var(--color-text-secondary);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onboarding-import-status{margin-top:var(--space-5)}.onboarding-import-track{height:8px;overflow:hidden;border-radius:var(--radius-full);background:#ffffff17}.onboarding-import-fill{height:100%;border-radius:var(--radius-full);background:var(--color-accent);transition:width var(--transition-normal)}.step-next{width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;border:none;font-size:var(--text-lg);cursor:pointer;transition:var(--transition-fast)}.step-next:hover:not(:disabled){background:var(--color-accent-light);box-shadow:var(--shadow-glow-sm)}.step-next:disabled{opacity:.3;cursor:not-allowed}.step-back{flex:0 0 auto}@media(max-width:640px){.onboarding-card,.onboarding-card-wide{max-width:100%;padding:var(--space-6)}.onboarding-import-grid{grid-template-columns:1fr}.onboarding-actions,.onboarding-file-row{align-items:stretch;flex-direction:column}.onboarding-actions .btn-primary,.onboarding-actions .btn-ghost{width:100%}}}@layer components{.pie-chart-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.pie-chart-svg{width:180px;height:180px}.pie-chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.pie-legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary)}.pie-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pie-chart-empty{text-align:center;padding:var(--space-8)}.pie-chart-wrapper{position:relative}.pie-chart-svg{width:260px;height:260px}.pie-slice{transition:opacity .15s ease;cursor:pointer}.pie-slice:hover{opacity:.85}.pie-tooltip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-bg-secondary);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:600;display:flex;align-items:center;gap:var(--space-2);white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-md)}.pie-tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}}@layer components{.profile-page{display:grid;gap:var(--space-6);max-width:960px;margin-inline:auto}.profile-message{display:grid;min-height:280px;place-content:center;gap:var(--space-2);text-align:center}.profile-hero{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:var(--space-8)}.profile-avatar-section{display:grid;justify-items:center;gap:var(--space-2)}.profile-avatar-large{position:relative;display:grid;width:132px;height:132px;overflow:hidden;place-items:center;border:3px solid color-mix(in srgb,var(--color-accent) 50%,var(--color-border));border-radius:50%;background:color-mix(in srgb,var(--color-accent) 20%,var(--color-bg-secondary));color:var(--color-text);font-size:3rem;font-weight:800}.profile-avatar-large>img{width:100%;height:100%;object-fit:cover}.profile-avatar-overlay{position:absolute;inset:0;display:grid;place-items:center;border-radius:inherit;background:#000000ad;color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:700;opacity:0;transition:opacity var(--transition-fast)}.profile-avatar-large:hover .profile-avatar-overlay,.profile-avatar-large:focus-within .profile-avatar-overlay{opacity:1}.profile-avatar-overlay input{position:absolute;width:1px;height:1px;opacity:0}.profile-remove-image{border:0;background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-xs)}.profile-remove-image:hover{color:var(--color-text);text-decoration:underline}.profile-summary{min-width:0}.profile-eyebrow{margin-bottom:var(--space-2);color:var(--color-accent-light);font-size:var(--text-xs);font-weight:700;letter-spacing:.12em}.profile-summary h1{overflow:hidden;margin:0;font-size:2.25rem;text-overflow:ellipsis}.profile-handle{margin-top:var(--space-1);color:var(--color-text-secondary)}.profile-bio-preview{max-width:680px;margin-top:var(--space-4);color:var(--color-text-secondary);line-height:var(--leading-relaxed);white-space:pre-line}.profile-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.profile-meta a{color:var(--color-accent-light)}.profile-meta a:hover{text-decoration:underline}.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.profile-stat-card{min-width:0}.profile-stat-card p{margin-bottom:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em}.profile-stat-card strong{display:block;overflow:hidden;color:var(--color-text);font-size:var(--text-2xl);line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap}.profile-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.profile-section-header h2{margin:0;font-size:var(--text-xl)}.profile-section-header p{margin-top:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-sm)}.profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-5)}.profile-field{min-width:0}.profile-field-full{grid-column:1 / -1}.profile-username-input{position:relative}.profile-username-input>span{position:absolute;top:50%;left:var(--space-4);transform:translateY(-50%);z-index:1;color:var(--color-text-muted);pointer-events:none}.profile-username-input .input{padding-left:var(--space-8);margin-bottom:0}.profile-readonly-input{cursor:not-allowed;opacity:.7}.profile-field-help{margin-top:calc(var(--space-3) * -1);margin-bottom:var(--space-4);color:var(--color-text-muted);font-size:var(--text-xs)}.profile-label-row{display:flex;justify-content:space-between}.profile-label-row span{color:var(--color-text-muted);font-size:var(--text-xs)}.profile-bio-input{min-height:130px;resize:vertical;font-family:inherit;line-height:var(--leading-relaxed)}.profile-form-footer{display:flex;justify-content:flex-end;padding-top:var(--space-2)}@media(max-width:800px){.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.profile-hero{grid-template-columns:1fr;text-align:center}.profile-meta{justify-content:center}.profile-form-grid{grid-template-columns:1fr}.profile-field,.profile-field-full{grid-column:1}.profile-section-header{align-items:stretch;flex-direction:column}}@media(max-width:480px){.profile-stats{grid-template-columns:1fr}.profile-avatar-overlay{opacity:1;background:#0000007a}}.profile-name-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.profile-badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.profile-badge-pill{display:inline-flex;align-items:center;background:color-mix(in srgb,var(--color-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 40%,transparent);color:var(--color-accent-light);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);white-space:nowrap}.profile-badge-pill{position:relative;display:inline-flex;align-items:center;border-style:solid;border-width:1px;font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);white-space:nowrap;cursor:default}.profile-badge-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--color-bg-secondary);border:1px solid var(--color-border-strong);color:var(--color-text);font-size:var(--text-xs);font-weight:400;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);white-space:normal;width:max-content;max-width:220px;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transition:opacity .15s ease;z-index:20;pointer-events:none}.profile-badge-pill:hover .profile-badge-tooltip{opacity:1;visibility:visible}.profile-badges .profile-badge-pill:first-child .profile-badge-tooltip{left:0;transform:none}.profile-badges .profile-badge-pill:last-child .profile-badge-tooltip{left:auto;right:0;transform:none}}@layer components{.projects-page{max-width:1180px;margin:0 auto}.projects-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-6)}.projects-header h1{margin-bottom:var(--space-2)}.projects-controls{display:flex;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap}.projects-range{display:flex;flex-direction:column;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:700;text-transform:uppercase}.projects-range select{min-width:150px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);padding:var(--space-3);font:inherit;text-transform:none;font-weight:600}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.project-card{min-height:210px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.project-card:hover{border-color:var(--color-border-strong)}.project-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.project-card-top strong{color:var(--color-accent-light);font-size:var(--text-lg);white-space:nowrap}.project-title-row{min-width:0;display:flex;align-items:center;gap:var(--space-2)}.project-title-row h2{font-size:var(--text-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-title-row svg{color:var(--color-accent-light);flex:0 0 auto}.project-actions{display:flex;gap:var(--space-2)}.project-icon-button{width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.project-icon-button:hover:not(:disabled):not(.project-icon-button-disabled){color:var(--color-text);border-color:var(--color-border-strong);background:var(--color-bg-hover)}.project-icon-button:disabled,.project-icon-button-disabled{opacity:.45;cursor:not-allowed}.project-meta{display:flex;align-items:flex-start;gap:var(--space-2);flex-wrap:wrap;margin-top:auto}.project-chip{max-width:100%;display:inline-flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-bg-secondary) 80%,black);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.project-chip svg{flex:0 0 auto}.projects-empty{min-height:320px;border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center}.projects-empty svg{color:var(--color-accent-light)}.projects-empty h2{font-size:var(--text-xl)}.projects-loading{min-height:360px;position:relative;display:grid;place-items:center}.projects-loading-more{min-height:var(--space-8)}.projects-load-more{display:flex;justify-content:center;padding:var(--space-6) 0 0}.projects-loading img{width:72px;height:72px;object-fit:contain;filter:grayscale(1) brightness(.7);opacity:.58}.projects-loading span{position:absolute;width:72px;height:72px;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 34%,color-mix(in srgb,var(--color-accent-light) 28%,transparent) 46%,transparent 58%,transparent 100%);background-size:220% 100%;-webkit-mask:url(/images/seismic-logo.png) center / contain no-repeat;mask:url(/images/seismic-logo.png) center / contain no-repeat;animation:projects-logo-wave 1.35s linear infinite;pointer-events:none}@keyframes projects-logo-wave{0%{background-position:0 0}to{background-position:-220% 0}}@media(max-width:900px){.projects-header{flex-direction:column}.projects-grid{grid-template-columns:1fr}}@media(max-width:520px){.projects-controls,.projects-range,.projects-range select,.projects-controls .segmented{width:100%}.projects-controls .segmented-option{flex:1}.project-card-top{flex-direction:column}}}@layer components{.project-bars-list{display:flex;flex-direction:column;gap:var(--space-3)}.project-bar-row{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:var(--space-3)}.project-bar-label{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-bar-track{height:24px;background:var(--color-bg-secondary);border-radius:var(--radius-sm);overflow:hidden}.project-bar-fill{height:100%;background:var(--color-accent);border-radius:var(--radius-sm);display:flex;align-items:center;padding-left:var(--space-2);min-width:fit-content;transition:width .4s ease}.project-bar-time{font-size:var(--text-xs);font-weight:600;color:var(--color-bg);white-space:nowrap}.project-bars-empty{text-align:center;padding:var(--space-6)}@media(max-width:640px){.project-bar-row{grid-template-columns:90px 1fr}}}@layer components{.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:var(--space-8);margin-top:var(--space-6)}.settings-sidebar{display:flex;flex-direction:column;gap:var(--space-1);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);height:fit-content}.settings-sidebar-item{background:transparent;border:none;color:var(--color-text-secondary);text-align:left;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm)}.settings-sidebar-item:hover{background:var(--color-bg-hover)}.settings-sidebar-item.active{background:var(--color-accent);color:#fff;font-weight:600}.settings-pills{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.settings-pill{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast)}.settings-pill.active{background:var(--color-bg-hover);color:var(--color-text);border-color:var(--color-border-strong);font-weight:600}@media(max-width:640px){.settings-layout{grid-template-columns:1fr}}.switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch-track{position:absolute;cursor:pointer;inset:0;background:var(--color-bg-secondary);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);transition:var(--transition-fast)}.switch-track:before{content:"";position:absolute;height:18px;width:18px;left:2px;bottom:2px;background:var(--color-text-secondary);border-radius:50%;transition:var(--transition-fast)}.switch input:checked+.switch-track{background:var(--color-accent);border-color:var(--color-accent)}.switch input:checked+.switch-track:before{transform:translate(20px);background:#fff}.settings-sidebar-item{display:flex;align-items:center;gap:var(--space-3)}.goals-list-card{padding:0}.goals-list-header{padding:var(--space-6) var(--space-6) var(--space-4)}.goals-count-label{padding:0 var(--space-6) var(--space-3);border-bottom:1px solid var(--color-border)}.goal-list-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.goal-list-title{font-weight:600}.goal-list-actions{display:flex;gap:var(--space-2)}.goals-list-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6)}.goals-empty-text{padding:var(--space-6);text-align:center}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal-card{background:var(--color-bg-card);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--color-border)}.modal-close{background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--text-xl);cursor:pointer}.modal-body{padding:var(--space-6)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--color-border)}.goal-time-row{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4)}.goal-time-row .input{margin-bottom:0}.goal-amount-input{width:80px}.quick-pick-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-6)}.quick-pick{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:600}.quick-pick.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.goal-filters-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}@media(max-width:480px){.goal-filters-row{grid-template-columns:1fr}}.privacy-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.privacy-row:last-of-type{border-bottom:none}.privacy-label{font-weight:600}.settings-badge-summary{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);min-width:0}.settings-badge-summary .profile-badge-tooltip{left:0;transform:none}.import-file-row{display:flex;align-items:center;gap:var(--space-3)}.import-file-picker{position:relative;display:inline-flex;align-items:center;background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:var(--transition-fast);flex-shrink:0}.import-file-picker:hover{background:var(--color-bg-hover);color:var(--color-text)}.import-file-picker input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.import-file-name{color:var(--color-text-muted);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-6) 0 var(--space-3);color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em}.import-divider:before,.import-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.import-progress-track{height:8px;background:var(--color-bg-secondary);border-radius:var(--radius-full);overflow:hidden}.import-progress-fill{height:100%;background:var(--color-accent);border-radius:var(--radius-full);transition:width .3s ease}.settings-sidebar-item{display:flex;align-items:center;gap:var(--space-2)}}@layer components{.sidebar{position:fixed;top:0;left:0;height:100vh;width:220px;background:var(--color-bg-secondary);border-right:1px solid var(--color-border);padding:var(--space-6) var(--space-4);display:flex;flex-direction:column}.sidebar-logo{font-size:var(--text-lg);font-weight:700;color:var(--color-accent);padding:0 var(--space-2);margin-bottom:var(--space-8)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);transition:var(--transition-fast)}.sidebar-link:hover{background:var(--color-bg-hover);color:var(--color-text)}.sidebar-link-active{background:var(--color-bg-hover);color:var(--color-text);font-weight:600}.sidebar-icon{font-size:var(--text-base)}.sidebar-logout{display:flex;align-items:center;gap:var(--space-2);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--text-sm);text-align:left;padding:var(--space-3);cursor:pointer}.sidebar-logout:hover{color:var(--color-text)}.with-sidebar{margin-left:220px;min-height:100vh}@media(max-width:768px){.sidebar{display:none}.with-sidebar{margin-left:0}}.sidebar-header{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-2);margin-bottom:var(--space-3)}.sidebar-avatar{height:32px;aspect-ratio:1 / 1;box-sizing:border-box;flex:0 0 32px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm);flex-shrink:0;overflow:hidden;border:2px solid var(--color-accent)}.sidebar-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-username{font-size:var(--text-sm);font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.streak-badge{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);margin:0 var(--space-2) var(--space-6) var(--space-2);width:fit-content}.streak-badge svg{fill:currentColor}.sidebar-logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:700;letter-spacing:.05em;color:var(--color-accent);padding:0 var(--space-2);margin-bottom:var(--space-6)}.sidebar-logo img{border-radius:var(--radius-sm)}}@layer components{.timeline-layout{display:grid;gap:var(--space-5)}.timeline-chart{display:flex;gap:var(--space-3);min-height:280px}.timeline-y-axis{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:34px;color:var(--color-text-muted);font-size:var(--text-xs)}.timeline-plot{position:relative;min-width:0;flex:1}.timeline-grid{position:absolute;inset:0 0 34px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.timeline-grid span{width:100%;border-top:1px dashed color-mix(in srgb,var(--color-border) 70%,transparent)}.timeline-bars{position:relative;z-index:1;display:flex;align-items:flex-end;gap:var(--space-2);height:100%;overflow-x:auto;padding:var(--space-5) var(--space-2) 0;border-bottom:1px solid var(--color-border)}.timeline-bar-col{position:relative;display:flex;min-width:42px;height:calc(100% - 34px);flex:1 0 42px;flex-direction:column;align-items:center;justify-content:flex-end;border:0;color:inherit;cursor:pointer}.timeline-bar-col:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--color-accent);outline-offset:2px}.timeline-bar{display:flex;width:min(100%,34px);min-height:3px;flex-direction:column-reverse;overflow:hidden;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--color-accent);opacity:.78;transition:height .4s ease,opacity var(--transition-fast),transform var(--transition-fast)}.timeline-bar-col:hover .timeline-bar,.timeline-bar-selected .timeline-bar{opacity:1;transform:scaleX(1.08)}.timeline-bar-segment{display:block;width:100%;min-height:2px;flex-shrink:0;border-top:1px solid rgb(255 255 255 / 18%)}.timeline-bar-segment:first-child{border-top:0}.timeline-bar-value{position:absolute;bottom:calc(100% + 6px);left:50%;width:max-content;padding:4px 7px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);box-shadow:var(--shadow-md);color:var(--color-text);font-size:10px;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.timeline-bar-col:hover .timeline-bar{opacity:1;transform:scaleX(1.08)}.timeline-bar-segment{display:block;width:100%;min-height:2px;flex-shrink:0;border-top:1px solid rgb(255 255 255 / 18%)}.timeline-x-label{margin-top:var(--space-2);color:var(--color-text-muted);font-size:10px;white-space:nowrap}.timeline-empty{display:grid;width:100%;height:100%;place-items:center;color:var(--color-text-muted);font-size:var(--text-sm)}.timeline-details{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(240px,1.3fr);gap:var(--space-6);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg-secondary) 65%,transparent)}.timeline-detail-date{color:var(--color-text-secondary);font-size:var(--text-sm)}.timeline-detail-total{margin-top:var(--space-1);font-size:var(--text-2xl);font-weight:700}.timeline-project-list{display:grid;align-content:start;gap:var(--space-2)}.timeline-project-context,.timeline-project-empty{color:var(--color-text-muted);font-size:var(--text-xs)}.timeline-project{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:var(--space-2)}.timeline-project-dot{width:10px;height:10px;border-radius:3px}.timeline-project-name{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.timeline-project-time{color:var(--color-text-secondary);font-size:var(--text-sm)}@media(max-width:640px){.timeline-chart{min-height:240px}.timeline-details{grid-template-columns:1fr;gap:var(--space-4)}}.timeline-hover-card{position:absolute;bottom:42px;left:50%;z-index:20;display:grid;width:250px;max-height:220px;gap:var(--space-3);overflow-y:auto;padding:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg);box-shadow:var(--shadow-md);color:var(--color-text);text-align:left;opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.timeline-bar-col:hover .timeline-hover-card,.timeline-bar-col:focus-visible .timeline-hover-card{opacity:1;transform:translate(-50%)}.timeline-hover-header{display:grid;gap:3px}.timeline-hover-header strong{font-size:var(--text-sm);line-height:var(--leading-tight)}.timeline-hover-header>span{color:var(--color-text-secondary);font-size:var(--text-xs)}.timeline-hover-divider{width:100%;height:1px;background:var(--color-border)}.timeline-hover-projects{display:grid;gap:var(--space-2)}.timeline-hover-project{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:var(--space-2)}.timeline-project-dot{width:10px;height:10px;border-radius:3px}.timeline-project-name{overflow:hidden;font-size:var(--text-sm);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.timeline-project-time{color:var(--color-text-secondary);font-size:var(--text-xs);white-space:nowrap}.timeline-hover-empty{color:var(--color-text-muted);font-size:var(--text-xs)}@media(max-width:640px){.timeline-hover-card{left:0;width:220px;transform:translateY(8px)}.timeline-bar-col:hover .timeline-hover-card,.timeline-bar-col:focus-visible .timeline-hover-card{transform:translate(0)}}}@layer components{.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:1000;display:flex;flex-direction:column;gap:var(--space-3);max-width:360px}.toast{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);box-shadow:var(--shadow-md);animation:toast-in .25s ease}.toast-error{background:#2a1215;border:1px solid var(--color-danger);color:#ff8080}.toast-success{background:#10261a;border:1px solid var(--color-success);color:#7ee2a8}.toast-info{background:var(--color-bg-card);border:1px solid var(--color-border-strong);color:var(--color-text)}.toast-close{background:none;border:none;color:inherit;cursor:pointer;font-size:var(--text-lg);opacity:.6}.toast-close:hover{opacity:1}}@layer utilities{.text-muted{color:var(--color-text-secondary)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.mt-2{margin-top:var(--space-2)}.mb-2{margin-bottom:var(--space-2)}.seismic-logo-loader{min-height:280px;position:relative;display:grid;place-items:center}.seismic-logo-loader img{width:72px;height:72px;object-fit:contain;filter:grayscale(1) brightness(.7);opacity:.58}.seismic-logo-loader span{position:absolute;width:72px;height:72px;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 34%,color-mix(in srgb,var(--color-accent-light) 28%,transparent) 46%,transparent 58%,transparent 100%);background-size:220% 100%;-webkit-mask:url(/images/seismic-logo.png) center / contain no-repeat;mask:url(/images/seismic-logo.png) center / contain no-repeat;animation:seismic-logo-loader-wave 1.35s linear infinite;pointer-events:none}@keyframes seismic-logo-loader-wave{0%{background-position:0 0}to{background-position:-220% 0}}}@layer animations{@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}