*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;caret-color:var(--color-primary)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}::-webkit-scrollbar{width:.625rem;height:.625rem}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-pill);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted);background-clip:padding-box}body{min-height:100vh;line-height:inherit;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}img,svg,video{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}button:disabled{cursor:not-allowed}h1,h2,h3,h4{overflow-wrap:break-word;text-wrap:balance}a{color:inherit;text-decoration:none}:root{--color-bg:light-dark(oklch(95.5% .004 255),oklch(13.5% .008 255));--color-surface:light-dark(oklch(98.5% .003 255),oklch(16.5% .01 255));--color-surface-raised:light-dark(oklch(99.5% .002 255),oklch(19.5% .012 255));--color-surface-card:light-dark(oklch(99.8% .001 255),oklch(18% .012 255));--color-surface-interactive:light-dark(oklch(94.5% .005 255),oklch(24% .014 255));--color-border:light-dark(oklch(88% .01 255),oklch(24.5% .012 255));--color-border-strong:light-dark(oklch(72% .014 255),oklch(33.5% .014 255));--color-text:light-dark(oklch(20% .01 255),oklch(95% .004 255));--color-text-secondary:light-dark(oklch(40% .012 255),oklch(72% .008 255));--color-text-muted:light-dark(oklch(52% .014 255),oklch(66% .012 255));--color-heading:light-dark(oklch(20% .01 255),oklch(95% .004 255));--color-success:light-dark(oklch(50% .14 155),oklch(72% .15 155));--color-success-hover:light-dark(oklch(55% .14 155),oklch(78% .14 155));--color-on-success:light-dark(oklch(99% .004 160),oklch(15% .03 150));--color-warning:light-dark(oklch(76% .15 85),oklch(82% .14 85));--color-warning-hover:light-dark(oklch(81% .14 85),oklch(87% .13 85));--color-on-warning:light-dark(oklch(16% .02 70),oklch(14% .02 70));--color-warning-text:light-dark(oklch(40% .12 70),oklch(80% .13 85));--color-danger:light-dark(oklch(50% .18 28),oklch(68% .18 28));--color-danger-hover:light-dark(oklch(55% .18 28),oklch(74% .18 28));--color-danger-pressed:light-dark(oklch(45% .18 28),oklch(62% .18 28));--color-on-danger:light-dark(oklch(99% .004 25),oklch(13% .02 25));--color-info:light-dark(oklch(53% .13 250),oklch(74% .13 255));--color-info-hover:light-dark(oklch(58% .13 250),oklch(80% .12 255));--color-on-info:light-dark(oklch(99% .002 250),oklch(13% .02 250));--color-on-zone:light-dark(oklch(14% .02 250),oklch(13% .02 250));--color-selection:light-dark(color-mix(in oklab, var(--color-primary) 30%, transparent),color-mix(in oklab, var(--color-primary) 32%, transparent));--color-overlay:light-dark(oklch(13% .01 255/.6),oklch(6% .01 255/.72));--font-body:"Barlow", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-display:"Barlow Condensed", "Arial Narrow", "Barlow", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-3-5:.875rem;--space-4:1rem;--space-4-5:1.25rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:5rem;--space-10:6rem;--space-11:7rem;--radius-xs:.375rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-pill:999px;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-md:.875rem;--text-base:var(--text-body);--text-body:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5625rem;--text-3xl:1.9531rem;--text-4xl:2.4414rem;--text-5xl:3.0518rem;--text-6xl:3.8147rem;--shadow-sm:0 1px 2px light-dark(oklch(20% .01 255/.12),oklch(0% 0 0/.4));--shadow-soft:0 1px 2px light-dark(oklch(20% .01 255/.12),oklch(0% 0 0/.4)), 0 4px 12px light-dark(oklch(20% .01 255/.08),oklch(0% 0 0/.28));--shadow-md:0 8px 24px light-dark(oklch(20% .01 255/.22),oklch(0% 0 0/.45));--shadow-lg:0 16px 48px light-dark(oklch(20% .01 255/.28),oklch(0% 0 0/.55));--duration-instant:90ms;--duration-fast:.3s;--duration-base:.18s;--duration-slow:.32s;--duration-ambient:2.4s;--duration-loop-fast:.7s;--duration-loop:1.6s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--container:74rem;--container-narrow:48rem;--select-chevron-image:light-dark(url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364707d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23a3acb8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"));--z-nav:500;--z-dropdown:600;--z-modal:1000;--z-toast:1200;--z-skip-link:1100;--font-instrument:var(--font-mono);--hero-display-size:6.5rem;--ambient-accent:var(--color-primary);--ambient-accent-2:color-mix(in oklab, var(--color-primary) 40%, transparent);--ambient-surface:var(--color-bg);--ambient-grid-color:var(--ambient-accent);--ambient-grid-opacity:.3;--ambient-orb-opacity:.4;--ambient-orb-size:30rem;--q-pattern-opacity:7%;--q-dots-opacity:10%;color-scheme:light dark}[data-theme=light]{color-scheme:light;--ambient-grid-color:color-mix(in oklab, var(--ambient-accent), black 25%);--ambient-grid-opacity:.5;--ambient-orb-opacity:.5;--q-pattern-opacity:13%;--q-dots-opacity:20%}[data-theme=dark]{color-scheme:dark;--ambient-grid-color:var(--ambient-accent);--ambient-grid-opacity:.35;--ambient-orb-opacity:.3}:root{--brand-font-body:"Barlow", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--brand-font-display:"Barlow Condensed", "Arial Narrow", "Barlow", ui-sans-serif, system-ui, sans-serif;--brand-primary:oklch(48% .16 38);--brand-primary-dark:oklch(74% .15 45);--brand-on-primary:oklch(99% .004 60);--brand-on-primary-dark:oklch(17% .02 40);--brand-accent:oklch(55% .15 55);--brand-accent-dark:oklch(70% .15 60);--font-body:var(--brand-font-body);--font-display:var(--brand-font-display);--color-primary:light-dark(var(--brand-primary),var(--brand-primary-dark));--color-primary-hover:light-dark(color-mix(in oklab, var(--brand-primary), white 8%),color-mix(in oklab, var(--brand-primary-dark), white 10%));--color-primary-pressed:light-dark(color-mix(in oklab, var(--brand-primary), black 9%),color-mix(in oklab, var(--brand-primary-dark), black 9%));--color-primary-light:light-dark(color-mix(in oklab, var(--brand-primary), white 30%),color-mix(in oklab, var(--brand-primary-dark), white 26%));--color-primary-dark:light-dark(color-mix(in oklab, var(--brand-primary), black 12%),var(--brand-primary-dark));--color-on-primary:light-dark(var(--brand-on-primary),var(--brand-on-primary-dark));--color-accent:light-dark(var(--brand-accent),var(--brand-accent-dark));--color-accent-light:light-dark(color-mix(in oklab, var(--brand-accent), white 30%),color-mix(in oklab, var(--brand-accent-dark), white 26%));--color-accent-dark:light-dark(color-mix(in oklab, var(--brand-accent), black 12%),var(--brand-accent-dark));--color-ring:light-dark(color-mix(in oklab, var(--color-primary), white 12%),color-mix(in oklab, var(--color-primary), white 10%))}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-body);line-height:1.6;overflow-x:clip}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-heading,var(--color-text));letter-spacing:-.025em;font-weight:650;line-height:1.02}h1{font-size:clamp(var(--text-5xl), 6vw, var(--text-6xl));letter-spacing:-.03em;line-height:.98}h2{font-size:clamp(var(--text-3xl), 3vw, var(--text-4xl));letter-spacing:-.02em;line-height:1.05}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-lg)}::selection{background:var(--color-selection)}:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-reduced-motion:no-preference){@keyframes q-fade-up{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:none}}@keyframes q-fade-in{0%{opacity:0}to{opacity:1}}@keyframes q-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes q-slide-in{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:none}}@keyframes q-blur-in{0%{opacity:0;filter:blur(10px);transform:scale(.99)}to{opacity:1;filter:none;transform:none}}@keyframes q-wipe-in{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes q-wipe-up{0%{opacity:0;clip-path:inset(0 0 100%)}to{opacity:1;clip-path:inset(0)}}@keyframes q-rise-in{0%{opacity:0;transform:translateY(1.25rem)}55%{transform:translateY(-.08rem)}to{opacity:1;transform:none}}@keyframes q-grow-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes q-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes q-page-in{0%{opacity:0}to{opacity:1}}@keyframes q-drawer-in{0%{opacity:0;transform:translate(105%)}to{opacity:1;transform:none}}html.qx-motion [data-q-animate]{opacity:0;will-change:opacity, transform}html.qx-motion [data-q-animate=fade-up]{transform:translateY(.75rem)}html.qx-motion [data-q-animate=scale-in]{transform:scale(.97)}html.qx-motion [data-q-animate=slide-in]{transform:translate(1rem)}html.qx-motion [data-q-animate=blur-in]{filter:blur(10px);transform:scale(.99)}html.qx-motion [data-q-animate=rise-in]{transform:translateY(1.25rem)}html.qx-motion [data-q-animate=grow-in]{transform:scale(.9)}html.qx-motion [data-q-animate].is-in{opacity:1;filter:none;clip-path:none;will-change:auto;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out), filter var(--duration-slow) var(--ease-out), clip-path var(--duration-slow) var(--ease-out);transition-delay:var(--q-delay,0s);transform:none}html.qx-motion [data-q-animate=wipe-in].is-in{animation:q-wipe-in var(--duration-slow) var(--ease-out) both;animation-delay:var(--q-delay,0s);transition:none}html.qx-motion [data-q-animate=wipe-up].is-in{animation:q-wipe-up var(--duration-slow) var(--ease-out) both;animation-delay:var(--q-delay,0s);transition:none}[data-q-magnetic]{will-change:transform}[data-q-tilt]{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0);transform-style:preserve-3d;transition:transform var(--duration-base) var(--ease-out);will-change:transform;position:relative}[data-q-tilt]>*{z-index:1;position:relative}[data-q-tilt]:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(10rem at var(--mx,50%) var(--my,50%), light-dark(color-mix(in oklab, var(--color-primary) 30%, transparent),color-mix(in oklab, var(--color-primary) 12%, transparent)), transparent 62%);transition:opacity var(--duration-base) var(--ease-out);position:absolute;inset:0}[data-q-tilt]:hover:after{opacity:1}[data-q-tilt][data-q-tilt]:hover{transform:perspective(900px) translateY(-2px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0)}.q-hover-border{position:relative}.q-hover-border:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(135deg, color-mix(in oklab, var(--color-primary), white 35%), color-mix(in oklab, var(--color-primary), transparent 30%)) border-box;-webkit-mask-composite:xor;transition:opacity var(--duration-base) var(--ease-out);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.q-hover-border:hover:before{opacity:1}.q-live-dot{animation:q-pulse var(--duration-ambient) var(--ease-in-out) infinite}}.q-grid-bg{--q-grid-color:color-mix(in oklab, var(--color-text) 7%, transparent);--q-grid-size:2rem;background-image:linear-gradient(var(--q-grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--q-grid-color) 1px, transparent 1px);background-size:var(--q-grid-size) var(--q-grid-size)}.q-grid-bg--mask{z-index:0;background-image:none;position:relative}.q-grid-bg--mask:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(var(--q-grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--q-grid-color) 1px, transparent 1px);background-size:var(--q-grid-size) var(--q-grid-size);position:absolute;inset:0;-webkit-mask-image:radial-gradient(36rem 24rem at 50% 0,#000 30%,#0000 100%);mask-image:radial-gradient(36rem 24rem at 50% 0,#000 30%,#0000 100%)}.q-dots-bg{--q-dots-color:color-mix(in oklab, var(--color-text) var(--q-dots-opacity,10%), transparent);--q-dots-size:1.25rem;background-image:radial-gradient(var(--q-dots-color) 1px, transparent 1px);background-size:var(--q-dots-size) var(--q-dots-size)}.q-pattern-bg{z-index:0;position:relative}.q-pattern-bg:before{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:radial-gradient(36rem 24rem at 50% 0,#000 30%,#0000 100%);mask-image:radial-gradient(36rem 24rem at 50% 0,#000 30%,#0000 100%)}.q-pattern-bg--ring{--q-ring-color:color-mix(in oklab, var(--color-text) var(--q-pattern-opacity,7%), transparent)}.q-pattern-bg--ring:before{background-image:repeating-radial-gradient(circle at 50% -18%, transparent 0 3.9rem, var(--q-ring-color) 4.05rem, transparent 4.2rem 4.5rem)}.q-hero-highlight{background:linear-gradient(120deg, var(--color-primary), var(--color-accent));color:#0000;-webkit-background-clip:text;background-clip:text}.q-spotlight{--q-spotlight-size:26rem;pointer-events:none;width:min(var(--q-spotlight-size), 90vw);height:min(var(--q-spotlight-size), 90vw);background:radial-gradient(circle, color-mix(in oklab, var(--color-primary) 16%, transparent) 0%, transparent 68%);filter:blur(2px);border-radius:50%;position:absolute}.q-live{font-variant-numeric:tabular-nums}.live-feed{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-md);overflow:hidden}.q-live__bar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);display:flex}.q-live__title{font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:.02em;color:var(--color-text);font-weight:700}.q-live__status{align-items:center;gap:var(--space-1-5);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:600;display:inline-flex}.q-live__status-dot{background:var(--color-success);border-radius:50%;width:.5rem;height:.5rem}.q-live__body{padding:var(--space-2-5) var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.q-live__row{align-items:baseline;gap:var(--space-2-5);font-size:var(--text-sm);display:flex}.q-live__dot{background:var(--color-text-muted);border-radius:50%;flex:none;align-self:center;width:.5rem;height:.5rem}.q-live__dot--ok,.progress__bar--success{background:var(--color-success)}.q-live__dot--warn{background:var(--color-warning)}.q-live__dot--danger,.progress__bar--danger{background:var(--color-danger)}@media (prefers-reduced-motion:no-preference){.q-live__row{animation:q-fade-in var(--duration-base) var(--ease-out) both}.selectbox__list,.dropdown__menu,.search-combobox__listbox{animation:q-scale-in var(--duration-base) var(--ease-out) both}}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.narrow{max-width:var(--container-narrow);margin-inline:auto}.stack,.stack--xs,.stack--sm,.stack--lg{gap:var(--stack-gap,var(--space-4));flex-direction:column;display:flex}.stack--sm{--stack-gap:var(--space-3)}.stack--lg{--stack-gap:var(--space-6)}.row{align-items:center;gap:var(--row-gap,var(--space-3));flex-wrap:wrap;display:flex}.row--between{justify-content:space-between}.row--end{justify-content:flex-end}.row--start{justify-content:flex-start}.grid{gap:var(--grid-gap,var(--space-4));grid-template-columns:repeat(auto-fit, minmax(min(var(--grid-min,15rem), 100%), 1fr));display:grid}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--form{--grid-min:11rem;--grid-gap:var(--space-3)}@media (width<=720px){.grid--2,.grid--3{grid-template-columns:minmax(0,1fr)}}.split{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}@media (width<=640px){.split{gap:var(--space-1);flex-direction:column}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-base);white-space:nowrap;overflow-wrap:anywhere;max-width:100%;padding:var(--space-3) calc(var(--space-4) + var(--space-0-5));border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text);transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border:1px solid #0000;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn__icon{flex:none;place-items:center;display:inline-grid}.btn__icon svg{width:1.125rem;height:1.125rem}.btn:hover{background:var(--color-surface)}.btn:active{transform:translateY(1px)}.btn[aria-disabled=true],.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 1px 2px color-mix(in oklab, var(--color-primary) 22%, transparent), 0 2px 8px -4px color-mix(in oklab, var(--color-primary) 30%, transparent);border-color:#0000}.btn--primary:hover{background:var(--color-primary-hover);box-shadow:0 1px 2px color-mix(in oklab, var(--color-primary) 25%, transparent), 0 6px 16px -4px color-mix(in oklab, var(--color-primary) 45%, transparent);transform:translateY(-1px)}.btn--primary:active{background:var(--color-primary-pressed);box-shadow:0 1px 2px color-mix(in oklab, var(--color-primary) 25%, transparent), 0 2px 6px -2px color-mix(in oklab, var(--color-primary) 35%, transparent);transform:translateY(1px)}.btn--secondary{background:var(--color-surface-raised);border-color:var(--color-border-strong);color:var(--color-text)}.btn--secondary:hover{background:var(--color-surface);border-color:var(--color-text-muted)}.btn--secondary:active{background:var(--color-border)}.btn--outline{border-color:var(--color-border-strong);color:var(--color-text);background:0 0}.btn--outline:hover{background:var(--color-surface);border-color:var(--color-text-muted)}.btn--outline:active{background:var(--color-surface);border-color:var(--color-text-secondary)}.btn--ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--color-surface);color:var(--color-text)}.btn--ghost:active{background:var(--color-border)}.btn--danger{background:var(--color-danger);color:var(--color-on-danger)}.btn--danger:hover{background:var(--color-danger-hover)}.btn--danger:active{background:var(--color-danger-pressed)}.btn--sm{font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs)}.btn--lg{font-size:var(--text-body);padding:var(--space-3-5) var(--space-5)}.btn--block{width:100%}.btn--icon{justify-content:center;width:2.75rem;height:2.75rem;padding:0}@media (width<=720px){.btn--sm,.nav__link,.tab{min-height:2.75rem}}.field{gap:var(--space-1-5);flex-direction:column;min-width:0;display:flex}.field__label{font-size:var(--text-md);color:var(--color-text);transition:color var(--duration-fast) var(--ease-out);font-weight:600}.field:has(.input[aria-invalid=true])>.field__label,.field:has(.selectbox__control[aria-invalid=true])>.field__label,.field:has(.textarea[aria-invalid=true])>.field__label{color:var(--color-danger)}.field__label-row{align-items:center;gap:var(--space-1-5);min-width:0;display:flex}.field__help-btn{border-radius:var(--radius-sm);width:1.5rem;height:1.5rem;color:var(--color-text-muted);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);flex:none;place-items:center;display:inline-grid}.field__help-btn:hover{background:var(--color-surface-raised);color:var(--color-text)}.field__help-btn:focus-visible{outline:2px solid var(--color-ring);outline-offset:1px}.field__help-btn[aria-expanded=true]{background:var(--color-surface-raised);color:var(--color-primary)}.field__help-btn svg{width:1.125rem;height:1.125rem}.field__help{padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-raised);border:1px solid var(--color-border-strong);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.field__error{align-items:flex-start;gap:var(--space-1-5);font-size:var(--text-sm);color:var(--color-danger);font-weight:500;display:flex}.field__error-icon{flex:none;width:1em;height:1em;margin-top:.125em}.field__error-text,.search-combobox__text{gap:var(--space-0-5);flex-direction:column;min-width:0;display:flex}.field__error-suggestion{color:var(--color-text-secondary);font-weight:400}.field__success{align-items:flex-start;gap:var(--space-1-5);font-size:var(--text-sm);color:var(--color-success);font-weight:500;display:flex}.field__success-icon{flex:none;width:1em;height:1em;margin-top:.125em}.field--success .input,.field--success .select,.field--success .textarea,.field--success .selectbox__control{border-color:var(--color-success)}.field--success .input:focus-visible,.field--success .select:focus-visible,.field--success .textarea:focus-visible,.field--success .selectbox__control:focus-visible{border-color:var(--color-success);box-shadow:0 0 0 2px var(--color-success)}.input,.select,.textarea{width:100%;min-width:0;font-family:var(--font-body);font-size:var(--text-body);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-2-5) var(--space-3);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);line-height:1.4}.q-input{width:100%;min-width:0}.input::placeholder,.textarea::placeholder{color:var(--color-text-muted)}.input:hover,.select:hover,.textarea:hover{border-color:var(--color-text-muted)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline-offset:2px;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-ring);outline:2px solid #0000}.input:disabled,.select:disabled,.textarea:disabled{opacity:.6;cursor:not-allowed}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--color-danger)}.input[aria-invalid=true]:focus-visible,.select[aria-invalid=true]:focus-visible,.textarea[aria-invalid=true]:focus-visible{outline-offset:2px;border-color:var(--color-danger);box-shadow:0 0 0 2px var(--color-danger);outline:2px solid #0000}.input-shell{position:relative}.input-shell .input{padding-inline-start:calc(var(--space-6) + var(--space-2))}.input-shell__icon{inset-inline-start:.75rem;color:var(--color-text-muted);pointer-events:none;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.input-shell__icon svg{width:1.125rem;height:1.125rem}.select{-webkit-appearance:none;appearance:none;background-image:var(--select-chevron-image);cursor:pointer;background-position:right .625rem center;background-repeat:no-repeat;background-size:1.125rem;padding-inline-end:2.25rem}.selectbox{position:relative}.selectbox__control{align-items:center;gap:var(--space-2);width:100%;min-width:0;font-family:var(--font-body);font-size:var(--text-body);color:var(--color-text);text-align:left;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-2-5) var(--space-3);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);line-height:1.4;display:flex}.selectbox__control:hover{border-color:var(--color-text-muted)}.selectbox__control:focus-visible{outline-offset:2px;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-ring);outline:2px solid #0000}.selectbox__control:disabled{opacity:.6;cursor:not-allowed}.selectbox__control[aria-invalid=true]{border-color:var(--color-danger)}.selectbox__control[aria-invalid=true]:focus-visible{outline-offset:2px;box-shadow:0 0 0 2px var(--color-danger);outline:2px solid #0000}.selectbox__control[aria-expanded=true]{border-color:var(--color-primary)}.selectbox__value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.selectbox__chevron{width:1.125rem;height:1.125rem;color:var(--color-text-muted);transition:transform var(--duration-base) var(--ease-out);flex:none}.selectbox__control[aria-expanded=true] .selectbox__chevron{transform:rotate(180deg)}.selectbox__list{z-index:var(--z-dropdown);top:calc(100% + var(--space-1-5));width:max-content;min-width:100%;max-width:min(24rem,100vw - 2rem);max-height:min(16rem,100dvh - 1rem);padding:var(--space-1);background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);transform-origin:0 0;margin:0;list-style:none;position:absolute;left:0;right:0;overflow-y:auto}.selectbox__list--up{top:auto;bottom:calc(100% + var(--space-1-5));transform-origin:0 100%}.selectbox__option{align-items:center;gap:var(--space-2-5);padding:var(--space-3) var(--space-2-5);font-size:var(--text-base);color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;line-height:1.4;display:flex}.selectbox__option--active{background:color-mix(in oklab, var(--color-primary) 14%, var(--color-surface-raised))}.selectbox__option[aria-selected=true]{color:var(--color-primary);font-weight:600}.selectbox__option-label{white-space:nowrap;min-width:0;overflow:visible}.selectbox__option-main,.toast__body{gap:var(--space-0-5);flex-direction:column;flex:1;min-width:0;display:flex}.selectbox__option-icon{color:var(--color-text-muted);flex:none;place-items:center;display:inline-grid}.selectbox__option-icon svg{width:1.125rem;height:1.125rem}.selectbox__check{width:1rem;height:1rem;color:var(--color-primary);flex:none;margin-left:auto}.selectbox--sm .selectbox__control{font-size:var(--text-md);padding:var(--space-2) var(--space-3)}.textarea{resize:vertical;min-height:6rem}.field--required .field__label:after{content:"*";color:var(--color-danger);margin-left:var(--space-1)}.card{--card-radius:var(--radius-lg);--card-padding:var(--space-5);--card-border-width:1px;--card-shadow:light-dark(0 1px 2px oklch(20% .01 255/.08),0 1px 2px oklch(0% 0 0/.18));background:var(--color-surface);border:var(--card-border-width) solid var(--color-border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow)}.card--raised{background:var(--color-surface-raised)}.card--hover{transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out)}.card--hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card--hover:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.card__title{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.015em;color:var(--color-text);margin-bottom:var(--space-3);font-weight:650;line-height:1.1}.card__header .card__title{margin-bottom:0}.card__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.card__footer{justify-content:flex-end;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.stat{gap:var(--space-1-5);padding:var(--space-4) var(--space-4-5);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;min-width:0;display:flex}.stat__value{font-family:var(--font-display);font-size:var(--text-4xl);letter-spacing:-.02em;color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.stat__label{font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-weight:700}.stat__value--primary,.hero-accent{color:var(--color-primary)}.stat__value--danger,.dropdown__item--danger{color:var(--color-danger)}.stat__value--success{color:var(--color-success)}.stat-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr));display:grid}.badge{align-items:center;gap:var(--space-1-5);font-size:var(--text-xs);padding:var(--space-1) var(--space-2-5);border-radius:var(--radius-pill);background:var(--color-surface-raised);border:1px solid var(--color-border-strong);color:var(--color-text-secondary);white-space:nowrap;font-weight:700;line-height:1;display:inline-flex}.badge--primary{background:var(--color-primary);color:var(--color-on-primary);border-color:#0000}.badge--success{background:var(--color-success);color:var(--color-on-success);border-color:#0000}.badge--warning{background:var(--color-warning);color:var(--color-on-warning);border-color:#0000}.badge--danger{background:var(--color-danger);color:var(--color-on-danger);border-color:#0000}.badge--info{background:var(--color-info);color:var(--color-on-info);border-color:#0000}.badge--outline{border-color:var(--color-border-strong);color:var(--color-text-secondary);background:0 0}.badge--sm{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.badge--lg{font-size:var(--text-md);padding:var(--space-2) var(--space-3)}@media (width<=640px){.badge{white-space:normal}}.dot{background:var(--color-text-muted);border-radius:50%;flex:none;width:.75rem;height:.75rem}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-base);font-variant-numeric:tabular-nums}.table th{text-align:left;font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);padding:var(--space-2-5) var(--space-3);border-bottom:1px solid var(--color-border-strong);white-space:nowrap;font-weight:700}.table td{padding:var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);transition:background-color var(--duration-fast) var(--ease-out)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--color-surface-raised)}.table td:first-child,.table th:first-child{padding-left:.25rem}.table td:last-child,.table th:last-child{padding-right:.25rem}.progress{border-radius:var(--radius-pill);background:var(--color-surface-raised);border:1px solid var(--color-border);height:.625rem;overflow:hidden}.progress__bar{border-radius:inherit;background:var(--color-primary);transform-origin:0;width:100%;height:100%;transition:transform var(--duration-base) var(--ease-out);transform:scaleX(0)}.progress--sm{height:.375rem}.progress--lg{height:.875rem}.q-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.q-list__item{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:flex}.q-list__leading{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.q-list__body{gap:var(--space-0-5);flex-direction:column;flex:1;min-width:0;display:flex}.q-list__title{color:var(--color-text);font-weight:600}.q-list__detail{color:var(--color-text-secondary);font-size:var(--text-sm)}.q-list__trailing{flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.alert{padding:var(--space-4) var(--space-4-5);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--text-base);align-items:flex-start;gap:.75rem;display:flex}.alert__icon{margin-top:var(--space-0-5);color:var(--color-text-muted);flex:none}.alert__body{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.alert--info{border-color:var(--color-primary);background:color-mix(in oklab, var(--color-primary) 10%, var(--color-surface));color:var(--color-text)}.alert--info .alert__icon{color:var(--color-primary)}.alert--success{border-color:var(--color-success);background:color-mix(in oklab, var(--color-success) 12%, var(--color-surface));color:var(--color-text)}.alert--success .alert__icon{color:var(--color-success)}.alert--warning{border-color:var(--color-warning);background:color-mix(in oklab, var(--color-warning) 16%, var(--color-surface));color:var(--color-text)}.alert--warning .alert__icon{color:var(--color-warning)}.alert--danger{border-color:var(--color-danger);background:color-mix(in oklab, var(--color-danger) 12%, var(--color-surface));color:var(--color-text)}.alert--danger .alert__icon{color:var(--color-danger)}.details{border-bottom:1px solid var(--color-border);width:100%;max-width:var(--container)}.details:first-of-type{border-top:1px solid var(--color-border)}.details__summary{justify-content:space-between;align-items:center;gap:var(--space-4);color:var(--color-text);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);padding:1rem 0;font-weight:600;list-style:none;display:flex}.details__summary::-webkit-details-marker{display:none}.details__summary:hover{color:var(--color-primary)}.details__icon{color:var(--color-text-muted);transition:transform var(--duration-base) var(--ease-out);flex:none}.details[open]>.details__summary .details__icon{transform:rotate(180deg)}.details__body{padding:0 0 var(--space-4-5);color:var(--color-text-secondary);overflow-wrap:break-word;word-wrap:break-word;width:100%;max-width:70ch;overflow:hidden}.details:not([open])>.details__body{height:0;padding-bottom:0;display:block}.details[open]>.details__body{height:auto;padding-bottom:var(--space-4-5)}@media (prefers-reduced-motion:no-preference){@supports selector(details::details-content){.details{interpolate-size:allow-keywords}.details::details-content{height:0;transition:height .32s cubic-bezier(.16, 1, .3, 1), content-visibility .32s cubic-bezier(.16, 1, .3, 1) allow-discrete;overflow:clip}.details[open]::details-content{height:auto}.details:not([open])>.details__body,.details[open]>.details__body{height:auto;padding-bottom:var(--space-4-5)}}}.modal-overlay{z-index:var(--z-modal);padding:var(--space-4);background:var(--color-overlay);transition:opacity var(--duration-base) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.is-leaving{opacity:0;pointer-events:none}@starting-style{.modal-overlay{opacity:0}}.modal{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:34rem;max-height:min(86dvh,44rem);box-shadow:var(--shadow-lg);padding:var(--space-5);transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);overflow-y:auto}.modal[style*=--q-vt-name]{view-transition-name:var(--q-vt-name)}.modal.is-leaving{opacity:0;transform:translateY(12px)}@starting-style{.modal{opacity:0;transform:translateY(12px)}}.modal__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.modal__title{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.01em;color:var(--color-text);font-weight:650}.modal__body,.plan-card__desc{color:var(--color-text-secondary);line-height:1.6}.modal__footer{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.modal__close{margin:calc(-1 * var(--space-2)) calc(-1 * var(--space-2-5));flex:none}.tablist{column-gap:var(--space-1-5);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;row-gap:.75rem;display:flex}.tab{justify-content:center;align-items:center;gap:var(--space-1-5);font-size:var(--text-md);padding:var(--space-2) var(--space-3-5);border-radius:var(--radius-pill);color:var(--color-text-secondary);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;font-weight:600;line-height:1;display:inline-flex;position:relative}.tab:hover{background:var(--color-surface);color:var(--color-text)}.tab[aria-selected=true]{background:var(--color-primary);color:var(--color-on-primary)}.tab[aria-selected=true]:after{content:"";left:calc(var(--space-4) + var(--space-0-5));right:calc(var(--space-4) + var(--space-0-5));bottom:calc(-1 * var(--space-2));background:var(--color-primary);height:2px;position:absolute}.code-block{padding:var(--space-3-5) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre;tab-size:2;margin:0;line-height:1.6;overflow-x:auto}.switch{border-radius:var(--radius-pill);background:var(--color-border-strong);cursor:pointer;width:2.75rem;height:1.5rem;transition:background-color var(--duration-fast) var(--ease-out);flex:none;display:inline-flex;position:relative}.switch:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.switch[aria-checked=true],.switch--on{background:var(--color-primary)}.switch__thumb{background:var(--switch-thumb,light-dark(#fff,oklch(95% .004 255)));width:1rem;height:1rem;transition:transform var(--duration-fast) var(--ease-spring);border-radius:50%;position:absolute;top:.25rem;left:.25rem}.switch[aria-checked=true] .switch__thumb,.switch--on .switch__thumb{transform:translate(1.25rem)}.spinner{width:1em;height:1em;animation:spin var(--duration-loop-fast) linear infinite;border:2px solid;border-right-color:#0000;border-radius:50%;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.toast-stack{inset-inline-end:var(--space-4);bottom:max(var(--space-4), env(safe-area-inset-bottom));z-index:var(--z-toast);gap:var(--space-2);flex-direction:column;width:min(24rem,100vw - 2rem);display:flex;position:fixed}.toast-stack .alert{box-shadow:var(--shadow-lg);transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);position:relative;overflow:hidden}.toast-stack .alert.is-leaving{opacity:0;transform:translateY(8px)}@starting-style{.toast-stack .alert{opacity:0;transform:translateY(8px)}}.toast__timer{background:color-mix(in oklab, var(--color-text) 35%, transparent);transform-origin:0;height:2px;animation:toast-timer var(--toast-duration,4s) linear forwards;position:absolute;inset:0 0 auto}.toast-stack .alert:hover .toast__timer,.toast-stack .alert:focus-within .toast__timer{animation-play-state:paused}@keyframes toast-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast__message{font-size:var(--text-md);color:var(--color-text-secondary);line-height:1.5}.toast__close{flex:none}.skeleton{border-radius:var(--radius-sm);background:color-mix(in oklab, var(--color-text) 9%, var(--color-surface));width:100%;height:1rem;animation:shimmer var(--duration-loop) var(--ease-out) infinite;display:block}@keyframes shimmer{0%,to{background-color:color-mix(in oklab, var(--color-text) 9%, var(--color-surface))}50%{background-color:color-mix(in oklab, var(--color-text) 16%, var(--color-surface))}}.skeleton-list,.footer__col{gap:var(--space-3);flex-direction:column;display:flex}.skeleton-list__row{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface);display:flex}.skeleton-list__row:last-child{margin-bottom:0}.skeleton-list__block{flex:none;width:2.5rem;height:2.5rem}.skeleton-list__lines{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.skeleton-list__lines .skeleton:last-child{width:60%}.empty-state{align-items:center;gap:var(--space-2);padding:var(--space-7) var(--space-5);text-align:center;flex-direction:column;display:flex}.empty-state__icon{border-radius:var(--radius-sm);width:3rem;height:3rem;color:var(--color-primary);background:color-mix(in oklab, var(--color-primary) 14%, transparent);place-items:center;margin-bottom:.25rem;display:grid}.empty-state__icon svg{width:1.5rem;height:1.5rem}.empty-state__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);font-weight:600}.empty-state__desc{max-width:40ch;color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.6}.empty-state__action{margin-top:var(--space-3)}.avatar{background:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid;overflow:hidden}.avatar--sm{width:1.75rem;height:1.75rem;font-size:var(--text-xs)}.avatar--md{width:2.25rem;height:2.25rem;font-size:var(--text-md)}.avatar--lg{width:3rem;height:3rem;font-size:var(--text-lg)}.avatar--xs{width:1.25rem;height:1.25rem;font-size:var(--text-2xs)}.avatar--xl{width:3.5rem;height:3.5rem;font-size:var(--text-xl)}.avatar__img{object-fit:cover;width:100%;height:100%}.avatar__initials{line-height:1}.icon-chip{border-radius:var(--radius-sm);width:2.75rem;height:2.75rem;color:var(--color-primary);background:color-mix(in oklab, var(--color-primary) 14%, transparent);flex:none;place-items:center;display:grid}.icon-chip svg{width:1.375rem;height:1.375rem}.meta-chip{align-items:center;gap:var(--space-1-5);font-size:var(--text-sm);color:var(--color-text-secondary);display:inline-flex}.meta-chip svg{width:1rem;height:1rem}.filter-chip{align-items:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-3-5);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--text-md);transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);font-weight:600;line-height:1;display:inline-flex}.filter-chip:hover{border-color:var(--color-text-muted);color:var(--color-text)}.filter-chip[aria-pressed=true],.filter-chip[aria-selected=true]{background:var(--color-primary);color:var(--color-on-primary);border-color:#0000}.pagination{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.breadcrumb{align-items:center;gap:var(--space-1-5);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.progress__bar--accent{background:var(--color-accent)}.progress__bar--warning{background:var(--color-warning-text,var(--color-warning))}.progress__bar--info{background:var(--color-info)}.page{max-width:60rem;margin-inline:auto;padding-block:clamp(1.5rem,4vw,3rem)}.page>h1{margin-bottom:var(--space-4)}.copy{color:var(--color-text-secondary);text-wrap:pretty;max-width:70ch;line-height:1.7}.copy strong{color:var(--color-text)}.copy a{color:var(--color-primary);text-underline-offset:2px;transition:color var(--duration-fast) var(--ease-out), text-decoration-thickness var(--duration-fast) var(--ease-out);text-decoration:underline}.copy a:hover{text-decoration-thickness:2px}.page-hero{flex-direction:column;gap:1rem;max-width:46rem;padding-block:clamp(2.5rem,6vw,4.5rem);display:flex}.page-hero>.badge{align-self:flex-start}.page-hero h1+*{margin-top:var(--space-4-5)}.page-hero__icon{border-radius:var(--radius-md);width:2.75rem;height:2.75rem;color:var(--color-primary);background:color-mix(in oklab, var(--color-primary) 14%, transparent);place-items:center;display:grid}.page-hero__icon svg{width:1.375rem;height:1.375rem}.page-hero h1{font-size:clamp(var(--text-5xl), 6vw, var(--text-6xl));letter-spacing:-.03em;line-height:.98}.page-hero p{color:var(--color-text-secondary);font-size:var(--text-lg);text-wrap:pretty;max-width:55ch;line-height:1.65}.intro{color:var(--color-text-secondary);line-height:1.7}.intro p{max-width:70ch;margin-top:1rem}.intro strong{color:var(--color-text)}.form-card{padding:var(--space-5)}.form-section,.form-actions{margin-top:var(--space-5)}.form-section:first-of-type{margin-top:0}.form-section__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);margin-bottom:var(--space-3);font-weight:600}.results{gap:var(--space-4-5);margin-top:var(--space-7);flex-direction:column;display:flex}.faq{max-width:var(--container-narrow);margin-inline:auto;margin-top:var(--space-8)}.cta{margin-top:var(--space-8);border-block:1px solid var(--color-border);padding-block:var(--space-7);text-align:center}.cta h2{margin-bottom:.75rem}.cta .copy{margin-inline:auto}.cta__actions{margin-top:var(--space-5);flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.disclaimer{color:var(--color-text-muted);font-size:var(--text-md);max-width:75ch;margin-top:var(--space-7);line-height:1.6}.note{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);padding:var(--space-4) var(--space-4-5);font-size:var(--text-base);color:var(--color-text-secondary)}.note strong{color:var(--color-text)}.upsell{margin-top:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:color-mix(in oklab, var(--color-primary) 5%, var(--color-surface));padding:var(--space-4) var(--space-4-5);font-size:var(--text-base);color:var(--color-text-secondary)}.upsell strong,.upsell span{color:var(--color-text)}.upsell a:not(.btn){color:var(--color-primary);text-underline-offset:2px;text-decoration:underline}.card .note,.card .upsell{margin-top:var(--space-4)}.related{margin-top:var(--space-7)}.notfound{text-align:center;flex-direction:column;align-items:center;gap:1rem;max-width:40rem;margin-inline:auto;padding-block:clamp(3rem,8vw,6rem);display:flex}.notfound__code{font-family:var(--font-display);font-size:clamp(var(--text-5xl), 12vw, var(--text-6xl));letter-spacing:-.02em;color:var(--color-primary);font-weight:700;line-height:1}.notfound__links{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}.pricing-grid{--grid-min:21rem;gap:var(--grid-gap,var(--space-4));grid-template-columns:repeat(auto-fit, minmax(min(var(--grid-min), 100%), 1fr));align-items:stretch;display:grid}.pricing-grid--single{grid-template-columns:1fr;max-width:26rem;margin-inline:auto}.plan-card{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.plan-card--featured{--q-pricing-ring:light-dark(color-mix(in oklab, var(--color-primary) 30%, transparent),color-mix(in oklab, var(--color-primary) 15%, transparent));border-color:var(--color-primary);background:var(--color-surface-raised);position:relative}.plan-card--featured>*{z-index:1;position:relative}.plan-card--featured:before{content:"";border-radius:inherit;pointer-events:none;background:repeating-radial-gradient(circle at 50% -45%, transparent 0 2.55rem, var(--q-pricing-ring) 2.9rem, transparent 3.25rem 3.4rem);height:7rem;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 40%,#0000 100%);mask-image:linear-gradient(#000 40%,#0000 100%)}.plan-card__name{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text);font-weight:700}.plan-card__price{font-family:var(--font-display);font-size:var(--text-5xl);letter-spacing:-.02em;color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.plan-card__period{color:var(--color-text-muted);font-size:var(--text-base);margin-inline-start:var(--space-1)}.plan-card__features{gap:var(--space-2);flex-direction:column;flex:1;padding-left:0;list-style:none;display:flex}.plan-card__features li{gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-base);align-items:flex-start;display:flex}.plan-card__features svg{width:16px;height:16px;color:var(--color-success);flex:none;margin-top:.25rem}.nav{z-index:var(--z-nav);background:color-mix(in oklab, var(--color-bg) 82%, transparent);backdrop-filter:saturate(1.8)blur(20px);box-shadow:0 10px 28px -22px color-mix(in oklab, var(--color-text) 40%, transparent);position:sticky;top:0}.nav:after{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--color-border) 85%, transparent) 12%, color-mix(in oklab, var(--color-border) 85%, transparent) 88%, transparent);height:1px;position:absolute;inset:auto 0 0}.nav__inner{justify-content:space-between;align-items:center;gap:var(--space-4);z-index:1;padding-block:.75rem;display:flex;position:relative}.nav__brand{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.01em;color:var(--color-text);transition:color var(--duration-fast) var(--ease-out);font-weight:700;text-decoration:none;display:inline-flex}.nav__brand:hover{color:var(--color-primary)}.nav__brand:hover .nav__brand-mark{transform:scale(1.06)}.nav__links{align-items:center;gap:.25rem;padding:0;list-style:none;display:flex}.nav__link{align-items:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-base);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);font-weight:600;text-decoration:none;display:inline-flex}.nav__link:hover{color:var(--color-text);background:light-dark(color-mix(in oklab, var(--color-border) 35%, var(--color-surface)),var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-border) 70%, transparent)}.nav__link:active{transform:scale(.98)}.nav__link[aria-current=page]{color:var(--color-text);background:var(--color-surface-raised);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-border) 65%, transparent)}.nav__brand-mark{border-radius:var(--radius-xs);width:1.75rem;height:1.75rem;color:var(--color-on-primary);background:var(--color-primary);transition:transform var(--duration-fast) var(--ease-out);place-items:center;display:grid}.nav__actions{align-items:center;gap:var(--space-1-5);display:flex}.nav__links--mobile{z-index:0;width:min(19rem,86vw);height:100dvh;padding:calc(env(safe-area-inset-top) + 4.5rem) .5rem max(1.5rem, env(safe-area-inset-bottom));background:color-mix(in oklab, var(--color-bg) 94%, transparent);backdrop-filter:saturate(1.6)blur(24px);border-inline-start:1px solid var(--color-border);box-shadow:-12px 0 32px -24px color-mix(in oklab, var(--color-text) 30%, transparent);opacity:0;visibility:hidden;pointer-events:none;transition:transform var(--duration-slow) var(--ease-out), opacity var(--duration-base) var(--ease-out), visibility 0s var(--duration-slow);flex-direction:column;align-items:stretch;gap:0;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(105%)}.nav__links--mobile.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:transform var(--duration-slow) var(--ease-out), opacity var(--duration-base) var(--ease-out), visibility 0s;transform:none}.nav__links--mobile .nav__link{padding-block:.75rem;padding-inline:1rem}@media (prefers-reduced-motion:reduce){.nav__links--mobile,.nav__links--mobile.is-open{transition:none}}.q-drawer__backdrop{z-index:490;background:color-mix(in oklab, var(--color-text) 26%, transparent);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out);position:fixed;inset:0}.q-drawer[data-open=true] .q-drawer__backdrop{opacity:1;pointer-events:auto}.q-drawer__panel{z-index:495}@media (width<=720px){.nav__links--desktop{display:none}.nav__menu{display:inline-flex}}@media (width>=721px){.nav__menu{display:none}}.footer{border-top:1px solid var(--color-border);margin-top:var(--space-8);padding-block:var(--space-6);color:var(--color-text-muted);font-size:var(--text-base)}.footer__inner{gap:var(--space-5);flex-direction:column;display:flex}.footer__bottom{gap:var(--space-3);border-top:1px solid var(--color-border);padding-top:var(--space-5);font-size:var(--text-md);flex-direction:column;display:flex}.footer__links{gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.footer__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer__meta{align-items:center;gap:var(--space-4-5);flex-wrap:wrap;display:flex}.footer__grid{gap:var(--space-6);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width<=720px){.footer__grid{gap:var(--space-5);grid-template-columns:1fr}}.footer__brand{gap:var(--space-3);flex-direction:column;max-width:22rem;display:flex}.footer a,footer a{color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out);font-weight:500;text-decoration:none}.footer a:hover,footer a:hover{color:var(--color-primary)}@media (width>=720px){.footer__bottom{flex-direction:row;justify-content:space-between;align-items:center}}.skip-link{top:.5rem;z-index:var(--z-skip-link);padding:var(--space-2-5) var(--space-4);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary);transition:transform var(--duration-base) var(--ease-out);font-weight:600;text-decoration:none;position:fixed;inset-inline-start:.5rem;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}.prose{color:var(--color-text-secondary);line-height:1.7;font-size:var(--text-body);text-wrap:pretty}.prose>*+*,.prose section>*+*{margin-top:calc(var(--space-4) + var(--space-0-5))}.prose h2{margin-top:calc(var(--space-6) + var(--space-2))}.prose h3{color:var(--color-text);margin-top:2rem}.prose p,.prose li{max-width:70ch}.prose a{color:var(--color-primary);text-underline-offset:2px;transition:color var(--duration-fast) var(--ease-out), text-decoration-thickness var(--duration-fast) var(--ease-out);text-decoration:underline 1px}.prose a:hover{text-decoration-thickness:2px}.prose strong{color:var(--color-text);font-weight:600}.prose ul,.prose ol{padding-left:var(--space-4-5)}.prose li{margin-top:var(--space-2)}.prose li::marker{color:var(--color-text-muted)}.dropdown{display:inline-flex;position:relative}.dropdown__trigger{align-items:center;gap:var(--space-1-5);color:inherit;font:inherit;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;padding:0;display:inline-flex}.dropdown__trigger:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.dropdown__menu{top:calc(100% + var(--space-1-5));z-index:var(--z-dropdown);gap:var(--space-0-5);min-width:13rem;padding:var(--space-1-5);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;display:flex;position:absolute}.dropdown__menu--end{transform-origin:100% 0;right:0}.dropdown__menu--start{transform-origin:0 0;left:0}.dropdown__item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs);color:var(--color-text);font-size:var(--text-base);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:0;font-weight:500;text-decoration:none;display:flex}.dropdown__item:hover,.dropdown__item:focus-visible{background:var(--color-surface);outline:none}.dropdown__item:disabled{opacity:.5;cursor:not-allowed}.dropdown__item svg{flex:none;width:1rem;height:1rem}.search-combobox,.search-combobox__field{position:relative}.search-combobox__icon{top:50%;width:1rem;height:1rem;color:var(--color-text-muted);pointer-events:none;position:absolute;inset-inline-start:.75rem;transform:translateY(-50%)}.search-combobox__input{width:100%;padding-block:var(--space-2-5);padding-inline-start:calc(var(--space-5) + var(--space-3));padding-inline-end:var(--space-3)}.search-combobox__spinner{top:50%;width:1rem;height:1rem;position:absolute;inset-inline-end:.75rem;transform:translateY(-50%)}.search-combobox__listbox{z-index:var(--z-dropdown);max-height:20rem;padding:var(--space-1-5);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transform-origin:top;position:absolute;top:calc(100% + .25rem);left:0;right:0;overflow-y:auto}.search-combobox__option{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);display:flex}.search-combobox__option svg{width:1rem;height:1rem;margin-top:var(--space-0-5);color:var(--color-text-muted);flex:none}.search-combobox__option--active,.search-combobox__option:hover{background:var(--color-surface)}.search-combobox__label{color:var(--color-text);font-size:var(--text-base);font-weight:600}@media (prefers-contrast:more){:root{--color-border:light-dark(color-mix(in oklab, var(--color-text) 55%, transparent),color-mix(in oklab, var(--color-text) 55%, transparent));--color-border-strong:light-dark(color-mix(in oklab, var(--color-text) 75%, transparent),color-mix(in oklab, var(--color-text) 75%, transparent));--color-text-muted:var(--color-text-secondary)}.btn:not(.btn--ghost),.card,.field,.input,.select,.selectbox,.textarea{border-width:2px}:focus-visible{outline-width:3px}}@media (forced-colors:active){.btn,.nav__link,.tab,.skip-link,.modal__close,.dropdown__trigger{border:1px solid canvastext}.btn--ghost,.nav__link,.tab{background:0 0}:focus-visible{outline:3px solid highlight}.toast__timer,.progress__bar,.skeleton,.spinner,.badge{border:1px solid canvastext}}@media print{.no-print{display:none!important}body{background:var(--color-bg);color:var(--color-text)}}.eyebrow{font-family:var(--font-instrument);font-size:var(--text-2xs);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);align-items:center;gap:.6rem;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:var(--color-primary);flex:none;width:1.5rem;height:1px}.section-index{font-family:var(--font-instrument);font-size:var(--text-2xs);letter-spacing:.16em;color:var(--color-primary);margin-bottom:var(--space-2);font-weight:500;display:block}.hero-display{gap:var(--space-3-5);flex-direction:column;display:flex}.hero-display h1{font-size:clamp(var(--text-4xl), 6vw, var(--hero-display-size));letter-spacing:-.04em;margin:0;line-height:.98}.hero-display h1+p{margin-top:var(--space-5)}.hero-display h1 em{color:var(--color-primary);font-style:normal}.hero-display>p{max-width:52ch;color:var(--color-text-secondary);font-size:var(--text-base);margin:0;line-height:1.7}.ambient{isolation:isolate;position:relative}.ambient:before{content:"";z-index:-1;pointer-events:none;opacity:var(--ambient-grid-opacity,.3);background-image:linear-gradient(var(--ambient-grid-color,var(--ambient-accent)) 2px, transparent 2px), linear-gradient(90deg, var(--ambient-grid-color,var(--ambient-accent)) 2px, transparent 2px);transform-origin:bottom;background-size:3rem 3rem;position:absolute;inset:0;transform:perspective(520px)rotateX(56deg)scale(1.55);-webkit-mask-image:linear-gradient(#0000 18%,#000 100%);mask-image:linear-gradient(#0000 18%,#000 100%)}.ambient:after{content:"";z-index:-1;pointer-events:none;width:var(--ambient-orb-size);height:var(--ambient-orb-size);background:radial-gradient(circle, var(--ambient-accent) 0%, transparent 68%);opacity:var(--ambient-orb-opacity,.42);filter:blur(3px);border-radius:50%;position:absolute;top:-8rem;right:-8rem}.ambient__orb{z-index:-1;pointer-events:none;width:calc(var(--ambient-orb-size) * .72);height:calc(var(--ambient-orb-size) * .72);background:radial-gradient(circle, var(--ambient-accent-2) 0%, transparent 68%);opacity:var(--ambient-orb-opacity,.42);filter:blur(3px);border-radius:50%;position:absolute}.stage{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);position:relative;overflow:hidden}.stage__label{z-index:1;font-family:var(--font-instrument);font-size:var(--text-2xs);letter-spacing:.16em;color:var(--color-text-muted);font-weight:500;position:absolute;top:1rem;right:1rem}@media (prefers-reduced-motion:no-preference){.ambient:before,.ambient:after,.ambient__orb{transition:opacity var(--duration-base) var(--ease-out)}}.status{align-items:center;gap:var(--space-2);font-family:var(--font-instrument);font-size:var(--text-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);font-weight:500;display:inline-flex}.status__dot{background:var(--color-text-muted);--status-color:var(--color-text-muted);border-radius:50%;flex:none;width:.375rem;height:.375rem}.status--live .status__dot,.status__dot.status--live{background:var(--color-success);--status-color:var(--color-success)}.status--pending .status__dot,.status__dot.status--pending{background:var(--color-warning);--status-color:var(--color-warning)}.status--ready .status__dot,.status__dot.status--ready{background:var(--color-primary);--status-color:var(--color-primary)}.status--error .status__dot,.status__dot.status--error{background:var(--color-danger);--status-color:var(--color-danger)}@media (prefers-reduced-motion:no-preference){.status--pulse .status__dot,.status__dot.status--pulse{animation:qx-pulse var(--duration-ambient) var(--ease-out) infinite}}@keyframes qx-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in oklab, var(--status-color) 25%, transparent)}50%{box-shadow:0 0 0 7px color-mix(in oklab, var(--status-color) 0%, transparent)}}@media (prefers-reduced-motion:no-preference){.anim-rise{animation:qx-rise .6s var(--ease-out) both}.anim-rise--1{animation-delay:.12s}.anim-rise--2{animation-delay:.22s}.anim-fade{animation:qx-fade .5s var(--ease-out) both}.anim-stagger>*{opacity:0;animation:qx-rise .52s var(--ease-out) forwards}.anim-stagger>:first-child{animation-delay:0s}.anim-stagger>:nth-child(2){animation-delay:70ms}.anim-stagger>:nth-child(3){animation-delay:.14s}.anim-stagger>:nth-child(4){animation-delay:.21s}.anim-stagger>:nth-child(5){animation-delay:.28s}.anim-stagger>:nth-child(6){animation-delay:.35s}.anim-stagger>:nth-child(7){animation-delay:.42s}.anim-stagger>:nth-child(8){animation-delay:.49s}.anim-stagger>:nth-child(n+9){animation-delay:.56s}}@keyframes qx-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes qx-fade{0%{opacity:0}to{opacity:1}}.or-rule{color:var(--color-text-muted);font-family:var(--font-instrument);font-size:var(--text-2xs);letter-spacing:.16em;align-items:center;gap:.75rem;font-weight:500;display:flex}.or-rule:before,.or-rule:after{content:"";background:var(--color-border);flex:1;height:1px}.kbd-hint{border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);font-family:var(--font-instrument);font-size:var(--text-2xs);color:var(--color-text-muted);padding:.125rem .375rem;line-height:1.3;display:inline-block}.flex-1{flex:1}.flex{display:flex}.w-full{width:100%}.text-primary{color:var(--color-text)}.text-secondary,.card__body,.tabs__panel{color:var(--color-text-secondary)}.text-muted,.q-live__detail,.selectbox__value--placeholder{color:var(--color-text-muted)}.text-strong,.alert__title,.toast__title,.q-live__label{color:var(--color-text);font-weight:600}.text-meta,.field__hint,.selectbox__option-desc,.search-combobox__desc{color:var(--color-text-muted);font-size:var(--text-sm)}.tracking-tight{letter-spacing:-.02em}.tracking-tighter{letter-spacing:-.03em}.max-w-xs{max-width:20rem}.max-w-sm{max-width:28rem}.max-w-md{max-width:36rem}.max-w-lg{max-width:48rem}.max-w-xl{max-width:60rem}.spaced-xs{margin-top:var(--space-2)}.spaced-sm{margin-top:var(--space-3)}.spaced-base{margin-top:var(--space-4)}.spaced-lg{margin-top:var(--space-5)}.spaced-xl{margin-top:var(--space-6)}@media (prefers-reduced-motion:no-preference){.q-caret{vertical-align:-.125em;background:var(--color-primary);width:2px;height:1em;margin-left:2px;animation:1.05s steps(2,start) infinite q-demo-blink;display:inline-block}.q-demo-drop{animation:q-demo-drop .55s var(--ease-out) both}.q-demo-pulse{animation:q-demo-pulse 1.4s var(--ease-out) 1}.q-demo-scan{position:relative;overflow:hidden}.q-demo-scan:after{content:"";background:linear-gradient(100deg, transparent 20%, color-mix(in oklab, var(--color-primary) 12%, transparent) 50%, transparent 80%);animation:q-demo-scan 1.1s var(--ease-out) 1;position:absolute;inset:0}.q-demo-fill{transform-origin:0;animation:q-demo-fill 1.4s var(--ease-out) 1 both}}@keyframes q-demo-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes q-demo-drop{0%{opacity:0;transform:translateY(-28px)scale(.85)}60%{transform:translateY(3px)scale(1.02)}to{opacity:1;transform:none}}@keyframes q-demo-pulse{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--color-primary) 45%, transparent)}70%{box-shadow:0 0 0 12px #0000}to{box-shadow:0 0 #0000}}@keyframes q-demo-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes q-demo-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.q-demo{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg);font-size:var(--text-sm);position:relative;overflow:hidden}.q-demo__bar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);display:flex}.q-demo__brand{font-family:var(--font-display);letter-spacing:.02em;color:var(--color-text);font-weight:700}.q-demo__live{align-items:center;gap:var(--space-1-5);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600;display:inline-flex}.q-demo__live-dot{background:var(--color-success);width:.5rem;height:.5rem;box-shadow:0 0 0 0 color-mix(in oklab, var(--color-success) 50%, transparent);animation:q-demo-pulse 2.4s var(--ease-out) infinite;border-radius:50%}.q-demo__steps{gap:var(--space-1-5);padding:var(--space-2-5) var(--space-3) 0;display:flex}.q-demo__step{padding:var(--space-1-5) var(--space-2-5);border:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-muted);border-radius:999px;font-weight:600}.q-demo__step.is-active{border-color:var(--color-primary);background:color-mix(in oklab, var(--color-primary) 12%, var(--color-bg));color:var(--color-primary)}.q-demo__stage{min-height:15rem;padding:var(--space-3);align-items:center;display:flex;position:relative}.q-demo__screen{width:100%}.q-demo__avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;width:2.25rem;height:2.25rem;font-size:var(--text-xs);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.q-demo__avatar--alt{background:linear-gradient(135deg, var(--color-accent), color-mix(in oklab, var(--color-accent) 60%, var(--color-primary)))}.q-demo__avatar--xl{width:3rem;height:3rem;font-size:var(--text-base)}.q-demo__confirm{background:color-mix(in oklab, var(--color-success) 14%, var(--color-bg));width:3.25rem;height:3.25rem;color:var(--color-success);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.q-demo__confirm svg{width:1.75rem;height:1.75rem}.q-demo__confirm-title{margin-top:var(--space-3);color:var(--color-text);font-weight:700}.q-demo__confirm-note{margin-top:var(--space-2-5);font-size:var(--text-xs);color:var(--color-text-muted)}.q-demo__booking{gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;display:flex}.q-demo__booking-item{align-items:center;gap:var(--space-2);padding:var(--space-2-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text-muted);display:inline-flex}@media (prefers-reduced-motion:no-preference){.q-draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:q-draw var(--duration-slow) var(--ease-out) forwards;animation-delay:var(--q-draw-delay,.3s)}}@keyframes q-draw{to{stroke-dashoffset:0}}:root{--font-sans:"Manrope", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-display:"Manrope", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--color-primary-50:oklch(97% .02 55);--color-primary-100:oklch(93% .04 55);--color-primary-200:oklch(87% .08 55);--color-primary-300:oklch(79% .12 50);--color-primary-400:oklch(71% .16 45);--color-primary-500:oklch(58% .17 44);--color-primary-600:oklch(52% .18 40);--color-primary-700:oklch(48% .16 40);--color-primary-800:oklch(40% .13 40);--color-primary-900:oklch(33% .1 40);--color-primary-950:oklch(25% .08 40);--color-neutral-50:oklch(98% .005 70);--color-neutral-100:oklch(96% .008 70);--color-neutral-200:oklch(92% .01 65);--color-neutral-300:oklch(87% .012 60);--color-neutral-400:oklch(72% .015 55);--color-neutral-500:oklch(55% .015 55);--color-neutral-600:oklch(45% .015 50);--color-neutral-700:oklch(37% .015 48);--color-neutral-800:oklch(27% .012 46);--color-neutral-900:oklch(20% .01 45);--color-neutral-950:oklch(14% .008 44);--color-success:light-dark(oklch(54% .15 155),oklch(72% .14 155));--color-success-light:oklch(95% .04 155);--color-success-dark:oklch(45% .14 155);--color-warning:light-dark(oklch(60% .13 75),oklch(75% .15 75));--color-warning-light:oklch(96% .05 75);--color-warning-dark:oklch(55% .14 75);--color-danger:light-dark(oklch(52% .18 25),oklch(68% .18 25));--color-danger-light:oklch(95% .04 25);--color-danger-dark:oklch(45% .18 25);--color-surface-page-dark:oklch(14% .008 44);--color-surface-card-dark:oklch(18% .01 44);--color-surface-interactive-dark:oklch(24% .012 44);--color-surface-overlay-dark:oklch(10% .006 44/.8);--color-surface-raised:light-dark(oklch(99.9% .002 60),oklch(20% .011 44));--color-surface-raised-dark:oklch(20% .011 44);--color-border-default:var(--color-border);--color-border-subtle:light-dark(oklch(72% .015 60),oklch(30% .012 44));--color-border-strong:light-dark(oklch(50% .02 55),oklch(42% .015 44));--color-border-default-dark:oklch(35% .015 44);--color-border-subtle-dark:oklch(30% .012 44);--color-border-strong-dark:oklch(42% .015 44);--color-text-primary:var(--color-text);--color-text-secondary:light-dark(oklch(42% .015 50),oklch(72% .015 60));--color-text-muted:light-dark(oklch(40% .015 55),oklch(70% .015 55));--color-text-inverse:light-dark(oklch(98% .005 70),oklch(18% .01 45));--color-text-primary-dark:oklch(95% .008 70);--color-text-secondary-dark:oklch(72% .015 60);--color-text-muted-dark:oklch(70% .015 55);--color-text-inverse-dark:oklch(18% .01 45);--color-secondary-50:oklch(97% .02 295);--color-secondary-100:oklch(93% .04 295);--color-secondary-200:oklch(87% .07 293);--color-secondary-300:oklch(78% .1 290);--color-secondary-400:oklch(68% .13 287);--color-secondary-500:oklch(57% .14 285);--color-secondary-600:oklch(49% .12 283);--color-secondary-700:oklch(41% .09 281);--color-secondary-800:oklch(34% .07 279);--color-secondary-900:oklch(26% .04 277);--color-danger-50:oklch(97% .02 25);--color-danger-100:oklch(95% .04 25);--color-danger-200:oklch(88% .08 25);--color-danger-300:oklch(78% .14 25);--color-danger-400:oklch(68% .18 25);--color-danger-500:oklch(60% .2 25);--color-danger-600:oklch(52% .18 25);--color-danger-700:oklch(44% .15 25);--color-danger-800:oklch(36% .12 25);--color-danger-900:oklch(28% .09 25);--color-info-50:oklch(97% .02 240);--color-info-100:oklch(93% .04 240);--color-info-200:oklch(87% .07 238);--color-info-300:oklch(78% .1 235);--color-info-400:oklch(68% .12 232);--color-info-500:oklch(58% .12 230);--color-info-600:oklch(50% .1 228);--color-info-700:oklch(42% .08 226);--color-info-800:oklch(34% .06 224);--color-info-900:oklch(26% .04 222);--color-warning-50:oklch(97% .03 75);--color-warning-100:oklch(96% .05 75);--color-warning-200:oklch(90% .08 75);--color-warning-300:oklch(82% .12 75);--color-warning-400:oklch(75% .15 75);--color-warning-500:oklch(68% .15 75);--color-warning-600:oklch(60% .13 75);--color-warning-700:oklch(52% .11 75);--color-warning-800:oklch(44% .09 75);--color-warning-900:oklch(36% .07 75);--color-success-50:oklch(97% .03 155);--color-success-100:oklch(95% .04 155);--color-success-200:oklch(90% .07 155);--color-success-300:oklch(82% .11 155);--color-success-400:oklch(72% .14 155);--color-success-500:oklch(62% .17 155);--color-success-600:oklch(54% .15 155);--color-success-700:oklch(46% .12 155);--color-success-800:oklch(38% .1 155);--color-success-900:oklch(30% .08 155);--color-pro-from:oklch(77% .16 70);--color-pro-to:oklch(65% .19 41);--color-pro-card:oklch(22% .04 65);--color-pro-card-dark:oklch(16% .03 65);--color-pro-text:oklch(75% .12 70);--color-pro-text-dark:oklch(82% .1 70);--color-pro-glow:light-dark(oklch(75% .15 65/.3),oklch(65% .18 65/.25));--color-pro-glow-dark:oklch(65% .18 65/.25);--color-pro-highlight:oklch(85% .06 75);--color-pro-highlight-dark:oklch(78% .08 75);--color-pro-muted:oklch(50% .04 60);--color-pro-muted-dark:oklch(58% .04 60);--color-pro-surface:oklch(26% .03 60);--color-pro-surface-dark:oklch(20% .025 60);--color-pro-surface-hover:oklch(30% .04 60);--color-pro-surface-hover-dark:oklch(24% .035 60);--color-pro-ring:oklch(72% .14 65/.4);--color-pro-ring-dark:oklch(62% .16 65/.35);--color-brand-discord:#5865f2;--color-brand-reddit:#ff4500;--spacing-4xs:.0625rem;--spacing-3xs:.125rem;--spacing-2xs:.25rem;--text-xs:.833rem;--text-sm:.9rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--shadow-xs:0 1px 2px oklch(60% .02 50/.05);--shadow-sm:0 1px 3px oklch(55% .02 50/.08), 0 1px 2px oklch(55% .02 50/.06);--shadow-md:0 4px 6px -1px oklch(55% .02 50/.08), 0 2px 4px -2px oklch(55% .02 50/.06);--shadow-lg:0 4px 8px -2px oklch(55% .02 50/.08), 0 2px 4px -2px oklch(55% .02 50/.04);--shadow-xl:0 8px 16px -4px oklch(55% .02 50/.1), 0 4px 8px -4px oklch(55% .02 50/.06);--shadow-2xl:0 8px 24px -4px oklch(55% .02 50/.12), 0 4px 8px -4px oklch(55% .02 50/.06);--radius-xl:var(--radius-md);--radius-2xl:var(--radius-lg);--radius-full:var(--radius-pill);--z-sticky:40;--z-dropdown:50;--z-mobile-menu:55;--z-modal-backdrop:60;--z-modal:65;--z-image-viewer:70;--z-toast:100;--z-celebration:110;--z-feature-hint:120;--z-command-palette:130;--z-loading:200;--brand-font-body:"Manrope", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--brand-font-display:"Manrope", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--brand-primary:oklch(52% .18 40);--brand-primary-dark:oklch(71% .16 45);--brand-on-primary:oklch(98% .005 70);--brand-on-primary-dark:oklch(14% .008 44);--brand-accent:oklch(57% .14 285);--brand-accent-dark:oklch(68% .13 287);--color-bg:light-dark(#ece9e4,oklch(14% .008 44));--color-surface:light-dark(#fff,oklch(18% .01 44));--color-border:light-dark(oklch(62% .02 60),oklch(35% .015 44));--color-text:light-dark(oklch(18% .01 45),oklch(95% .008 70));--color-success-hover:light-dark(oklch(62% .17 155),oklch(82% .11 155));--color-on-success:light-dark(oklch(98% .005 70),oklch(14% .008 44));--color-warning-hover:light-dark(oklch(68% .15 75),oklch(82% .12 75));--color-on-warning:oklch(18% .01 45);--color-danger-hover:light-dark(oklch(60% .2 25),oklch(78% .14 25));--color-danger-pressed:light-dark(oklch(44% .15 25),oklch(52% .18 25));--color-on-danger:oklch(98% .005 70);--color-info:light-dark(oklch(50% .1 228),oklch(68% .12 232));--color-info-hover:light-dark(oklch(58% .12 230),oklch(78% .1 235));--color-on-info:light-dark(oklch(98% .005 70),oklch(14% .008 44));--color-ring:light-dark(oklch(58% .17 44),oklch(71% .16 45));--color-surface-page:var(--color-bg);--color-surface-card:var(--color-surface);--color-surface-interactive:light-dark(oklch(96% .008 70),oklch(24% .012 44));--color-surface-overlay:light-dark(oklch(20% .01 45/.6),oklch(10% .006 44/.8));--color-on-brand:#fff;--color-emoji-chip:oklch(100% 0 0/.3);--color-banner-action:oklch(14% .008 44/.5);--color-banner-action-hover:oklch(14% .008 44/.7);--container:64rem}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:local(Manrope),url(/fonts/manrope-latin.woff2)format("woff2")}.card--outlined{border-width:2px;border-color:var(--color-border-strong)}.card--glass{background:var(--color-surface)}.card__desc{color:var(--color-text-secondary);margin-top:.25rem;font-size:.875rem;line-height:1.6}.card__footer{align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.card .card:first-child{margin-top:0}.avatar-cosmetic{flex:none;display:inline-flex;position:relative}.avatar-cosmetic__face{color:var(--color-on-primary);background:linear-gradient(to bottom right, var(--color-primary-500), var(--color-primary-600));border-radius:50%;justify-content:center;align-items:center;font-weight:500;display:flex;overflow:hidden}.avatar-cosmetic--xs{width:1.5rem;height:1.5rem;font-size:.75rem}.avatar-cosmetic--sm{width:2rem;height:2rem;font-size:.875rem}.avatar-cosmetic--md{width:2.5rem;min-width:2.75rem;height:2.5rem;min-height:2.75rem;font-size:1rem}.avatar-cosmetic--lg{width:3rem;min-width:2.75rem;height:3rem;min-height:2.75rem;font-size:1.125rem}.avatar-cosmetic--xl{width:4rem;min-width:2.75rem;height:4rem;min-height:2.75rem;font-size:1.25rem}.avatar-cosmetic__face img{object-fit:cover;width:100%;height:100%}.avatar-cosmetic__initials{line-height:1}.avatar-cosmetic__badge{z-index:10;filter:drop-shadow(0 1px 2px oklch(20% .01 40/.4));cursor:help;justify-content:center;align-items:center;display:inline-flex;position:absolute}.avatar-cosmetic__badge--xs,.avatar-cosmetic__badge--sm,.avatar-cosmetic__badge--md{bottom:calc(-1 * var(--space-1));right:calc(-1 * var(--space-1));font-size:.75rem}.avatar-cosmetic__badge--lg{bottom:calc(-1 * var(--space-0-5));right:calc(-1 * var(--space-0-5));font-size:1.125rem}.avatar-cosmetic__badge--xl{font-size:1.25rem;bottom:0;right:0}.avatar-group{align-items:center;display:flex}.avatar-group>*+*{margin-left:calc(-1 * var(--space-2))}.avatar-group__overflow{width:2rem;height:2rem;margin-left:calc(-1 * var(--space-2));background:var(--color-surface-raised);border:2px solid var(--color-surface);color:var(--color-text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.modal__desc{color:var(--color-text-secondary);margin-top:.25rem;font-size:.875rem;line-height:1.6}.modal__header{display:block}.modal{position:relative}.modal>.modal__close{position:absolute;top:.5rem;right:.5rem}.tooltip{display:inline-flex;position:relative}.tooltip__bubble{padding:var(--space-1-5) var(--space-3);white-space:nowrap;color:var(--color-text);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:var(--z-dropdown,900);font-size:.75rem;font-weight:500;line-height:1.4;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%)}.tooltip__bubble:after{content:"";border:6px solid #0000;border-top-color:var(--color-border-strong);position:absolute;top:100%;left:50%;transform:translate(-50%)}.popover{color:var(--color-text);background:var(--color-surface-overlay,var(--color-surface-raised));border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);outline:none;margin-top:.5rem;padding:1rem;position:absolute}.logo{align-items:center;gap:.5rem;display:inline-flex}.logo__mark{flex:none;display:block}.logo__text{letter-spacing:-.02em;color:var(--color-text);font-weight:700}.logo__text--sm{font-size:1rem}.logo__text--md{font-size:1.25rem}.logo__text--lg{font-size:1.5rem}:root{--header-height:4rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;text-rendering:optimizelegibility;scrollbar-width:thin;scrollbar-color:var(--color-neutral-300) transparent}[data-theme=dark]{scrollbar-color:var(--color-neutral-700) transparent}*{border-color:var(--color-border-default)}[data-theme=dark] *{border-color:var(--color-border-default-dark)}html{scroll-behavior:auto}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background-color:var(--color-surface-page);color:var(--color-text-primary);font-family:var(--font-sans);letter-spacing:-.01em;line-height:1.6;overflow-x:clip}[data-theme=dark] body{background-color:var(--color-surface-page-dark);color:var(--color-text-primary-dark)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);text-wrap:balance;letter-spacing:-.025em;font-weight:700;line-height:1.2}h1{font-size:var(--text-5xl);letter-spacing:-.03em;font-weight:800}h2{font-size:var(--text-4xl);letter-spacing:-.025em;font-weight:700}h3{font-size:var(--text-3xl);letter-spacing:-.02em;font-weight:700}h4{font-size:var(--text-2xl);letter-spacing:-.015em;font-weight:600}h5{font-size:var(--text-xl);letter-spacing:-.01em;font-weight:600}h6{font-size:var(--text-lg);letter-spacing:-.005em;font-weight:600}p{color:var(--color-text-secondary)}[data-theme=dark] p{color:var(--color-text-secondary-dark)}a{color:var(--color-primary-600);text-underline-offset:4px;transition:color .2s var(--ease-out), background-color .2s var(--ease-out), border-color .2s var(--ease-out)}a:hover{color:var(--color-primary-700)}::selection{background-color:var(--color-primary-200);color:var(--color-primary-900)}[data-theme=dark] ::selection{background-color:var(--color-primary-800);color:var(--color-primary-50)}.nums-tabular{font-variant-numeric:tabular-nums}.tap-feedback{-webkit-tap-highlight-color:transparent}.tap-feedback:active{opacity:.8}.btn-press{transition:transform var(--duration-base) var(--ease-out)}.btn-press:active{transform:scale(.97)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-neutral-500);border-radius:3px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--color-neutral-500)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}@media print{body{color:#000!important;background:#fff!important}}@media (width<=640px){body{-webkit-text-size-adjust:100%;text-size-adjust:100%}img,video{max-width:100%;height:auto}}.pro-border-animated{box-shadow:0 0 0 3px var(--color-pro-from);position:relative}.pro-border-animated:before{content:"";inset:calc(-1 * var(--space-2));border-radius:inherit;background:var(--color-pro-glow);filter:blur(8px);pointer-events:none;z-index:-1;position:absolute}[data-theme=dark] .fire-glow{text-shadow:0 0 10px oklch(68% .18 44/.6),0 0 30px oklch(68% .18 44/.3),0 0 60px oklch(77% .16 70/.2)}body.time-morning{--color-surface-page:oklch(98% .008 85);--color-primary-500:oklch(58% .16 48)}body.time-afternoon{--color-surface-page:oklch(98% .005 70)}body.time-evening{--color-surface-page:oklch(97% .01 55);--color-primary-500:oklch(56% .17 38)}body.time-night{--color-surface-page:oklch(96% .012 48);--color-primary-500:oklch(54% .18 36)}[data-theme=dark] body.time-morning,[data-theme=dark] body.time-afternoon,[data-theme=dark] body.time-evening,[data-theme=dark] body.time-night{--color-surface-page:oklch(14% .008 44);--color-primary-500:oklch(58% .17 44)}.mobile-nav-item:active{transform:scale(.93)}.btn-primary-gradient{background:var(--color-primary);transition:opacity var(--duration-fast), transform var(--duration-base)}.btn-primary-gradient:hover{opacity:.9}.btn-primary-gradient:active{transform:scale(.97)}.cosmetic-border-default{box-shadow:0 0 0 2px var(--color-border-default)}.cosmetic-border-gold{box-shadow:0 0 0 2px oklch(77% .16 70)}.cosmetic-border-fire{box-shadow:0 0 0 2px oklch(65% .19 41)}.cosmetic-border-diamond{box-shadow:0 0 0 4px oklch(68% .15 237)}.cosmetic-border-apex{box-shadow:0 0 0 3px var(--color-pro-from)}.cosmetic-border-aurora{box-shadow:0 0 0 2px oklch(72% .19 150)}.cosmetic-border-rainbow{box-shadow:0 0 0 2px oklch(68% .2 240),0 0 0 4px oklch(70% .2 150),0 0 0 6px oklch(72% .2 30)}.cosmetic-border-holographic{box-shadow:0 0 0 2px oklch(70% .15 300),0 0 0 4px oklch(72% .12 240),0 0 0 6px oklch(68% .18 330)}.cosmetic-border-animated-fire{box-shadow:0 0 0 2px oklch(65% .19 41),0 0 6px 2px oklch(65% .19 41/.2)}.bg-animate-aurora{background:linear-gradient(-45deg,oklch(60% .13 163),oklch(62% .19 260),oklch(66% .21 354),oklch(72% .19 150)) 0 0/400% 400%}.bg-animate-inferno{background:linear-gradient(-45deg,oklch(65% .19 41),oklch(77% .16 70),oklch(70% .19 48),oklch(65% .19 41)) 0 0/400% 400%}.bg-animate-vortex{background:linear-gradient(-45deg,oklch(70% .12 182),oklch(66% .21 354),oklch(63% .23 304),oklch(68% .15 237)) 0 0/400% 400%}.bg-animate-breathe{background:linear-gradient(135deg,oklch(14% .008 44),oklch(15% .015 286),oklch(14% .02 250)) 0 0/200% 200%}.bg-animate-gradient{background:linear-gradient(-45deg,oklch(58% .17 44),oklch(48% .16 40),oklch(55% .18 40),oklch(58% .17 44)) 0 0/400% 400%}@media (prefers-reduced-motion:no-preference){@keyframes bg-gradient-drift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.bg-animate-aurora,.bg-animate-inferno,.bg-animate-vortex,.bg-animate-breathe,.bg-animate-gradient{animation:bg-gradient-drift 18s var(--ease-in-out,ease-in-out) infinite;will-change:background-position}}body.streak-fire .living-aura{background:radial-gradient(at 50% 0,oklch(77% .16 70/.12) 0%,#0000 60%)}body.streak-hot .living-aura{background:radial-gradient(at 50% 0,oklch(58% .17 44/.08) 0%,#0000 60%)}body.streak-warm .living-aura{background:radial-gradient(at 50% 0,oklch(58% .17 44/.04) 0%,#0000 60%)}body.streak-none .living-aura{background:radial-gradient(at 50% 0,#0000 0% 60%)}body.prestige-mode,[data-theme=dark] body.prestige-mode{--color-primary-400:oklch(75% .18 50);--color-primary-500:oklch(68% .2 48);--color-primary-600:oklch(62% .22 45)}.cat-picker__group{padding:var(--space-2) var(--space-3) 0;font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.selectbox__option:hover{background:color-mix(in oklab, var(--color-primary) 8%, var(--color-surface-raised))}.mode-card{align-items:center;gap:var(--space-1);padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);text-align:center;transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);flex-direction:column;display:flex}.mode-card:hover{border-color:var(--color-border-strong)}.mode-card--selected{border-color:var(--color-primary);background:color-mix(in oklab, var(--color-primary) 10%, var(--color-surface))}.mode-card--selected:hover{border-color:var(--color-primary)}.mode-card__label{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.mode-card--selected .mode-card__label{color:var(--color-primary)}.stack--grow{flex:1;min-width:0}.section-toggle{align-items:center;gap:var(--space-2-5);font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.015em;color:var(--color-text);transition:color var(--duration-fast) var(--ease-out);font-weight:700;display:inline-flex}.section-toggle:hover{color:var(--color-primary)}.section-toggle svg{width:1.25rem;height:1.25rem}.toggle__chevron{width:1.25rem;height:1.25rem;color:var(--color-text-muted);transition:transform var(--duration-base) var(--ease-out);flex:none}[aria-expanded=true]>.toggle__chevron{transform:rotate(180deg)}.challenge-card--attention{box-shadow:0 0 0 2px color-mix(in oklab, var(--color-primary) 40%, transparent)}.alert__body{gap:var(--space-0-5)}.row.row--between .tablist{margin-bottom:0}.archived-section{gap:var(--space-4);margin-top:var(--space-8);flex-direction:column;display:flex}.archived-section__title{align-items:center;gap:var(--space-3);text-align:center;font-size:var(--text-xl);display:flex}.archived-section__title span{background:var(--color-border);flex:1;height:1px}.challenge-item{position:relative}.challenge-item__card{border-radius:var(--radius-lg);transition:box-shadow var(--duration-base) var(--ease-out)}.challenge-item__card[data-selected],.challenge-item__card--checked{box-shadow:0 0 0 2px var(--color-primary)}.challenge-item__card--selectable{cursor:pointer}.challenge-item__overlay{z-index:5;border-radius:var(--radius-lg);cursor:pointer;position:absolute;inset:0}.challenge-item__checkbox{top:var(--space-3);right:var(--space-3);z-index:6;border-radius:var(--radius-full);border:2px solid var(--color-border-strong);background:var(--color-surface);width:1.5rem;height:1.5rem;color:var(--color-on-primary);pointer-events:none;place-items:center;display:grid;position:absolute}.challenge-item__checkbox svg{width:.875rem;height:.875rem}.challenge-item__checkbox--checked{background:var(--color-primary);border-color:var(--color-primary)}.team-tile{border-radius:var(--radius-md);flex:none;place-items:center;width:2.75rem;height:2.75rem;font-size:1.25rem;display:grid}.team-challenge__name{font-family:var(--font-display);color:var(--color-text);font-weight:600}.team-challenge__stat{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-weight:600}.team-challenge__hint{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.team-checkin-status svg{color:var(--color-success)}.team-checkin-status__label{color:var(--color-success);font-weight:600}.bulk-bar{left:50%;bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));z-index:var(--z-dropdown);width:min(36rem,100vw - 2rem);padding:var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);position:fixed;transform:translate(-50%)}.kbd{min-width:2rem;padding:var(--space-1) var(--space-2-5);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);border-bottom-width:2px;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}.admin-search{flex:14rem;min-width:0;position:relative}.admin-search .input{padding-right:calc(var(--space-6) + var(--space-2))}.admin-search__clear{right:var(--space-1-5);width:2rem;height:2rem;position:absolute;top:50%;transform:translateY(-50%)}.admin-copy{cursor:pointer;color:var(--color-primary);font-weight:600}.admin-copy:hover{text-underline-offset:2px;text-decoration:underline}.seg-btn{border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);flex:1;padding:.5rem .75rem;font-weight:500}.seg-btn:hover{color:var(--color-text);background:var(--color-surface-raised)}.seg-btn--active-primary,.seg-btn--active-primary:hover{background:color-mix(in oklab, var(--color-primary) 14%, transparent);color:var(--color-primary);border-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}.seg-btn--active-danger,.seg-btn--active-danger:hover{background:color-mix(in oklab, var(--color-danger) 12%, transparent);color:var(--color-danger);border-color:color-mix(in oklab, var(--color-danger) 30%, transparent)}.seg-btn--auto{font-size:var(--text-xs);flex:none}.btn--liked{color:var(--color-danger)}.btn--liked:hover{color:var(--color-danger-hover)}.btn--watching{background:color-mix(in oklab, var(--color-primary) 12%, transparent);color:var(--color-primary)}.btn--watching:hover{background:color-mix(in oklab, var(--color-primary) 18%, transparent)}.btn--active{background:color-mix(in oklab, var(--color-primary) 14%, transparent);color:var(--color-primary)}.btn--active:hover{background:color-mix(in oklab, var(--color-primary) 20%, transparent)}.btn--archive-active{color:var(--color-primary);border-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}.btn--archive-active:hover{background:color-mix(in oklab, var(--color-primary) 10%, transparent);color:var(--color-primary-hover)}.btn--archive-idle{color:var(--color-text-secondary);border-color:var(--color-border-strong)}.btn--archive-idle:hover{background:var(--color-surface-raised);color:var(--color-text)}.btn--link{color:var(--color-primary);text-underline-offset:2px;background:0 0;border:none;padding:0;font-weight:500;text-decoration:underline;display:inline}.btn--link:hover{color:var(--color-primary-hover);background:0 0}.btn--checkin-personal{background:linear-gradient(135deg, var(--color-secondary-500), var(--color-secondary-600));color:var(--color-on-primary)}.btn--checkin-personal:hover{background:linear-gradient(135deg, var(--color-secondary-600), var(--color-secondary-700))}.btn--checkin-team{background:var(--color-primary-600);color:var(--color-on-primary)}.btn--checkin-team:hover{background:var(--color-primary-700)}.meta-line{font-size:var(--text-xs);color:var(--color-text-muted)}.meta-line svg{width:.875rem;height:.875rem}.watcher-item{border-radius:var(--radius-lg);background:var(--color-surface-raised);transition:background-color var(--duration-base) var(--ease-out);align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.watcher-item:hover{background:var(--color-surface)}.watcher-item--static{pointer-events:none}.watcher-item__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.challenge-tip{transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out)}.challenge-tip>.btn--icon{flex:none;margin-left:auto}.challenge-tip--exit{opacity:0;transform:translateY(.5rem)}.alert__source a{color:var(--color-primary);align-items:center;gap:.25rem;display:inline-flex}.alert__source svg{width:.875rem;height:.875rem}.comment-form__input{flex:12rem;width:auto}.gif-preview{align-items:center;gap:var(--space-3);display:flex}.gif-preview img{border-radius:var(--radius-md)}.gif-preview__ok{color:var(--color-success)}.checkin-note__meta{justify-content:space-between}.filter-btn--icon{width:2.75rem;height:2.75rem;padding:var(--space-1-5);justify-content:center}.mood-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(3.5rem,1fr));display:grid}.mood-chip{border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--color-text-secondary);transition:background-color var(--duration-base) var(--ease-out);flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;display:flex}.mood-chip:hover{background:var(--color-surface-raised)}.mood-chip--selected{background:color-mix(in oklab, var(--color-primary) 14%, transparent);color:var(--color-text);box-shadow:inset 0 0 0 2px var(--color-primary)}.quick-start__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600}.quick-start__option{padding:var(--space-2-5) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);text-align:left;transition:border-color var(--duration-base) var(--ease-out), background-color var(--duration-base) var(--ease-out);align-items:center;gap:.5rem;font-weight:500;display:flex}.quick-start__option:hover{border-color:var(--color-border-strong);background:var(--color-surface-raised)}.quick-start__count{color:var(--color-text-muted);font-size:var(--text-xs);align-items:center;gap:.25rem;margin-left:auto;display:inline-flex}.quick-start__count svg,.detected-category__count svg,.detected-category__stats svg{width:.875rem;height:.875rem}.detected-category{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);display:flex}.detected-category__emoji{border-radius:var(--radius-sm);flex:none;place-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;display:grid}.detected-category__body{flex:1;min-width:0}.detected-category__stats{font-size:var(--text-xs);color:var(--color-primary);align-items:center;gap:.25rem;margin-left:auto;font-weight:600;display:inline-flex}.detected-category__count{font-size:var(--text-sm);color:var(--color-text-secondary);align-items:center;gap:.25rem;margin-top:.25rem;display:flex}.detected-category__dismiss{align-self:flex-start}.custom-challenge{border-radius:var(--radius-pill);background:color-mix(in oklab, var(--color-primary) 10%, transparent);color:var(--color-primary);font-size:var(--text-sm);align-items:center;gap:.5rem;padding:.5rem .75rem;font-weight:600;display:inline-flex}.relaxed-popover{min-width:14rem}.relaxed-popover__list{font-size:var(--text-sm);flex-direction:column;gap:.25rem;margin-top:.5rem;padding-left:1rem;display:flex}.relaxed-desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.switch--bordered{border-radius:var(--radius-full);background:var(--color-surface-raised);border:1px solid var(--color-border-strong);width:2.75rem;height:1.5rem;transition:background-color var(--duration-fast) var(--ease-out);flex:none;display:inline-flex;position:relative}.switch--bordered .switch__thumb{border-radius:var(--radius-full);background:var(--color-surface);width:1rem;height:1rem;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out);position:absolute;top:50%;left:.25rem;transform:translateY(-50%)}.switch--bordered.switch--on{background:var(--color-primary-600);border-color:#0000}.switch--bordered.switch--on .switch__thumb{transform:translate(1.25rem,-50%)}.public-toggle{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);text-align:left;transition:border-color var(--duration-base) var(--ease-out);display:flex}.public-toggle:hover{border-color:var(--color-border-strong)}.public-toggle__text{gap:var(--space-0-5);flex-direction:column;display:flex}.public-toggle__desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.challenge-card{touch-action:pan-y;perspective:800px;transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);position:relative;overflow:hidden}.challenge-card--interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-.125rem)}.challenge-card--archived{opacity:.6}.challenge-card__accent{border-radius:var(--radius-full);height:2px;position:absolute;top:0;left:0;right:0}.challenge-card__accent--grayscale,.challenge-card__emoji--grayscale{filter:grayscale()}.challenge-card__emoji{border-radius:var(--radius-md);width:2.75rem;height:2.75rem;font-size:var(--text-xl);flex:none;place-items:center;display:grid}.challenge-card__name{font-family:var(--font-display);font-weight:600}.challenge-card__name,.section-name,.team-card__row p,.comment-item__body,.prose{overflow-wrap:anywhere}.challenge-card__streak{align-items:baseline;gap:.25rem;display:flex}.challenge-card__streak-num{color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:700}.challenge-card__archived{align-items:center;gap:var(--space-1-5);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:600;display:inline-flex}.challenge-card__archived svg{width:1rem;height:1rem}.checkin-done{border-radius:var(--radius-md);background:var(--color-success-light);min-width:3.5rem;height:2.75rem;color:var(--color-success);border:none;justify-content:center;align-items:center;gap:.5rem;padding:0 1rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.checkin-done svg{width:1.25rem;height:1.25rem}[data-theme=dark] .checkin-done{background:color-mix(in oklab, var(--color-success-dark) 30%, transparent);color:var(--color-success-light)}.checkin-done:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media (prefers-reduced-motion:no-preference){.animate-checkin-success{animation:checkin-success-pop .5s var(--ease-spring)}.animate-checkin-press{animation:checkin-press .45s var(--ease-spring)}.checkin-done>div{border-radius:inherit;border:2px solid color-mix(in oklab, var(--color-success) 45%, transparent);animation:checkin-ripple .6s var(--ease-out) forwards;position:absolute;inset:0}.checkin-done>span{font-size:var(--text-sm);color:var(--color-success);pointer-events:none;animation:checkin-float-up .9s var(--ease-out) forwards;position:absolute;bottom:40%;left:50%}}@keyframes checkin-success-pop{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--color-primary) 30%, transparent);transform:scale(1)}40%{transform:scale(1.015)}to{transform:scale(1);box-shadow:0 0 0 .75rem #0000}}@keyframes checkin-press{0%{transform:scale(1)}35%{transform:scale(.9)}70%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes checkin-ripple{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@keyframes checkin-float-up{0%{opacity:0;transform:translate(-50%,.5rem)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-1.4rem)}}.peek-overlay{position:fixed;inset:0}.peek-popover{border-radius:var(--radius-md);background:var(--color-surface-raised);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-lg);color:var(--color-text);font-size:var(--text-sm);pointer-events:none;flex-direction:column;gap:.25rem;padding:.75rem 1rem;display:flex;position:fixed}.peek-popover__name{font-weight:700}.peek-popover__stats{font-weight:600}.peek-popover__last{font-size:var(--text-xs);color:var(--color-text-muted)}.completion-banner{align-items:center;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-lg);text-align:center;flex-direction:column;display:flex}.completion-banner__emoji{border-radius:var(--radius-full);background:var(--color-emoji-chip);place-items:center;width:3.5rem;height:3.5rem;font-size:1.5rem;display:grid}.completion-banner__stats{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.completion-banner__stat{align-items:center;gap:var(--space-1-5);font-weight:600;display:inline-flex}.completion-banner__stat svg{width:1rem;height:1rem}.photo-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));display:grid}.photo-grid__item{aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden}.photo-grid__item img{object-fit:cover;width:100%;height:100%}.lightbox{gap:var(--space-4)}.lightbox__close{z-index:1;position:absolute;top:1rem;right:1rem}.lightbox__nav,.lightbox__close{color:var(--color-text-inverse)}.lightbox__content{gap:var(--space-3);flex-direction:column;max-width:min(52rem,100%);display:flex}.lightbox__content img{border-radius:var(--radius-lg);width:auto;max-width:100%;height:auto;max-height:75dvh;box-shadow:var(--shadow-lg)}.lightbox__caption{color:var(--color-text);flex-direction:column;gap:.25rem;display:flex}.lightbox__caption p:last-child{font-size:var(--text-sm);color:var(--color-text-muted)}.popover-wrap{position:relative}.filter-btn{align-items:center;gap:var(--space-1-5);min-height:2.75rem;padding:var(--space-2) var(--space-2-5);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-surface-raised);transition:background-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);font-weight:500;display:inline-flex}.filter-btn svg{width:1rem;height:1rem}.filter-btn:hover{color:var(--color-text)}.filter-btn--active,.filter-btn--active:hover{background:color-mix(in oklab, var(--color-primary) 14%, transparent);color:var(--color-primary)}.filter-btn__chevron{transition:transform var(--duration-fast) var(--ease-out)}.filter-btn--open .filter-btn__chevron{transform:rotate(180deg)}.filter-menu{min-width:12rem;padding:var(--space-1-5)}.filter-menu__option{justify-content:space-between;align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);width:100%;font-size:var(--text-sm);color:var(--color-text);transition:background-color var(--duration-base) var(--ease-out);padding:.5rem .75rem;display:flex}.filter-menu__option:hover{background:var(--color-surface-raised)}.filter-menu__option--active{background:color-mix(in oklab, var(--color-primary) 10%, transparent);color:var(--color-primary)}.filter-menu__count{font-size:var(--text-xs);padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text-muted)}.filter-menu__option--active .filter-menu__count{background:color-mix(in oklab, var(--color-primary) 16%, transparent);color:var(--color-primary)}.comment-item{align-items:flex-start;gap:var(--space-3);transition:background-color var(--duration-fast) var(--ease-out);padding:.25rem 0;display:flex}.comment-item--checkin{padding:var(--space-3);margin-inline:calc(var(--space-2) * -1);border-radius:var(--radius-md);background:color-mix(in oklab, var(--color-secondary-500) 8%, var(--color-surface))}[data-theme=dark] .comment-item--checkin{background:color-mix(in oklab, var(--color-secondary-900) 20%, var(--color-surface))}.comment-item--reply{align-items:flex-start;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);background:var(--color-surface-raised)}.comment-item__avatar{flex:none}.comment-item__body{flex:1;min-width:0}.comment-meta{align-items:center;gap:var(--space-1-5);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.comment-meta__author{font-weight:600}.comment-meta__checkin{font-size:var(--text-xs);color:var(--color-success);align-items:center;gap:.25rem;font-weight:600;display:inline-flex}.comment-meta__checkin svg{width:.875rem;height:.875rem}.comment-mood{cursor:help}.comment-media img{border-radius:var(--radius-md)}.comment-actions{align-items:center;gap:var(--space-1-5);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.comment-actions svg{width:1rem;height:1rem}.confirm-row{align-items:center;gap:var(--space-1-5);border-radius:var(--radius-sm);background:color-mix(in oklab, var(--color-danger) 10%, var(--color-surface));font-size:var(--text-sm);padding:.25rem .5rem;font-weight:500;display:flex}.comment-replies{gap:var(--space-2);margin-top:var(--space-3);padding-left:var(--space-5);border-left:2px solid var(--color-border);flex-direction:column;display:flex}.comment-reply-box{align-items:flex-start;gap:var(--space-2);margin-top:var(--space-3);display:flex}.comment-reply-box .input{flex:1}.card__header--collapsed{padding-bottom:var(--space-5)}.card__title--row{cursor:pointer;align-items:center;gap:.5rem;display:inline-flex}.card__title--row svg{flex:none}.card__title__chevron{color:var(--color-text-muted);transition:transform var(--duration-fast) var(--ease-out);flex:none}.card__title__chevron--open{transform:rotate(180deg)}.modal__title--row{align-items:center;gap:.5rem;display:inline-flex}.modal-overlay--hidden{display:none}.checkin-detail{column-gap:var(--space-4);row-gap:var(--space-2);grid-template-columns:max-content minmax(0,1fr);align-items:baseline;display:grid}.checkin-detail__label{color:var(--color-text-secondary);font-weight:600}.checkin-detail__value{color:var(--color-text);overflow-wrap:anywhere}.checkin-detail__icon{border-radius:var(--radius-sm);place-items:center;width:2.5rem;height:2.5rem;display:inline-grid}.checkin-detail__icon svg{width:1.25rem;height:1.25rem}.checkin-detail__photo{border-radius:var(--radius-md);cursor:zoom-in;display:block;overflow:hidden}.checkin-detail__photo img{width:auto;max-width:100%;height:auto;max-height:12rem}.calendar-weekdays{gap:var(--space-2);margin-bottom:var(--space-2);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-weekdays>div{text-align:center;font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);font-weight:700}.calendar-grid{gap:var(--space-2);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-grid .skeleton{aspect-ratio:1;height:auto}.calendar-day{justify-content:center;align-items:center;gap:var(--space-0-5);aspect-ratio:1;border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);flex-direction:column;display:flex;position:relative}.calendar-day--future,.calendar-day--before,.calendar-day--empty{color:var(--color-text-muted)}.calendar-day--today{box-shadow:inset 0 0 0 2px var(--color-primary)}.calendar-day--checked{cursor:pointer;box-shadow:inset 0 0 0 2px #0000}.calendar-day--checked:hover{box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--color-primary) 35%, transparent)}.calendar-day__num{font-weight:500;line-height:1}.calendar-day--checked .calendar-day__num{font-weight:700}.calendar-day__icon{align-items:center;gap:var(--space-0-5);font-size:var(--text-xs);display:inline-flex}.calendar-day svg{width:.875rem;height:.875rem}.calendar-cell{position:relative}.calendar-legend{align-items:center;gap:var(--space-2) var(--space-4);margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.calendar-legend__item{align-items:center;gap:var(--space-1-5);display:inline-flex}.calendar-legend__swatch{border-radius:var(--radius-sm);background:var(--color-surface-raised);border:1px solid var(--color-border);place-items:center;width:1.375rem;height:1.375rem;display:grid}.calendar-legend__swatch--today{box-shadow:inset 0 0 0 2px var(--color-primary)}.calendar-legend__swatch svg{width:.875rem;height:.875rem}.team-popover{min-width:14rem}.team-popover__count{border-radius:var(--radius-pill);font-size:var(--text-xs);padding:.25rem .5rem;font-weight:600}.team-popover__user{width:100%;padding:var(--space-1-5) var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm);transition:background-color var(--duration-base) var(--ease-out);align-items:center;gap:.5rem;display:flex}.team-popover__user:hover{background:var(--color-surface-raised)}.team-popover__user svg{width:1rem;height:1rem}.team-popover__name{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;min-width:0;overflow:hidden}.team-popover__hint{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-muted)}.shop-row{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-raised);transition:border-color var(--duration-base) var(--ease-out);display:flex}.shop-row--active{border-color:color-mix(in oklab, var(--color-primary) 45%, transparent);background:color-mix(in oklab, var(--color-primary) 8%, var(--color-surface))}.shop-meta{align-items:center;gap:var(--space-1-5);font-size:var(--text-sm);color:var(--color-text-muted);display:inline-flex}.shop-meta svg{width:1rem;height:1rem}.shop-cost{align-items:center;gap:var(--space-1-5);color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:700;display:inline-flex}.shop-cost svg{width:1.125rem;height:1.125rem;color:var(--color-primary)}.shop-cost__struck{color:var(--color-text-muted);font-weight:500;text-decoration:line-through}.wrapped{isolation:isolate;border-radius:var(--radius-xl);min-height:min(44rem,100dvh - 12rem);color:var(--color-surface-card);place-items:center;display:grid;position:relative;overflow:hidden}.wrapped__bg{z-index:-1;transition:background-color var(--duration-fast) var(--ease-out);position:absolute;inset:0}.wrapped h1,.wrapped h2,.wrapped h3,.wrapped p,.wrapped span{color:inherit}.wrapped--primary-400{background-color:var(--color-primary-400)}.wrapped--primary-500{background-color:var(--color-primary-500)}.wrapped--primary-600{background-color:var(--color-primary-600)}.wrapped--primary-700{background-color:var(--color-primary-700)}.wrapped--secondary-500{background-color:var(--color-secondary-500)}.wrapped--secondary-600{background-color:var(--color-secondary-600)}.wrapped__content{z-index:1;width:100%;max-width:30rem;padding:var(--space-6);text-align:center;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);margin-inline:auto;position:relative}.wrapped__content--hidden{opacity:0;transform:scale(.95)}.wrapped__copy{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.wrapped__copy>svg{width:2.5rem;height:2.5rem}.wrapped__label{font-size:var(--text-lg);opacity:.9;font-weight:600}.wrapped__stat{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(3.25rem,14vw,6rem);font-weight:800;line-height:1}.wrapped__tail{font-size:var(--text-lg);opacity:.9}.wrapped__sub{font-size:var(--text-base);opacity:.85}.wrapped__title{letter-spacing:-.03em;font-size:clamp(2.5rem,9vw,4.25rem);line-height:1.05}.wrapped__logo{margin-bottom:var(--space-2)}.wrapped__user{align-items:center;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-2) var(--space-3-5) var(--space-2) var(--space-2);border-radius:var(--radius-pill);background:color-mix(in oklab, var(--color-surface-card) 14%, transparent);display:flex}.wrapped__user p{font-size:var(--text-sm);text-align:left;line-height:1.3}.wrapped__user p+p{opacity:.8}.wrapped__rarest{padding:var(--space-1) var(--space-2-5);border-radius:var(--radius-pill);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;border:1px solid color-mix(in oklab, var(--color-surface-card) 30%, transparent);background:color-mix(in oklab, var(--color-surface-card) 16%, transparent);margin-top:.25rem;font-weight:700;display:inline-block}.wrapped__months{gap:var(--space-1-5);width:100%;margin-top:var(--space-2);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.wrapped__month{align-items:center;gap:var(--space-0-5);padding:var(--space-2) var(--space-1);border-radius:var(--radius-md);background:color-mix(in oklab, var(--color-surface-card) 10%, transparent);flex-direction:column;display:flex}.wrapped__month--1{background:color-mix(in oklab, var(--color-surface-card) 40%, transparent)}.wrapped__month--2{background:color-mix(in oklab, var(--color-surface-card) 70%, transparent)}.wrapped__month--3{background:var(--color-surface-card)}.wrapped__month p{font-size:var(--text-xs);font-variant-numeric:tabular-nums;line-height:1.2}.wrapped__milestones{margin-top:var(--space-2);flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.wrapped__milestone{padding:var(--space-2) var(--space-3-5);border-radius:var(--radius-pill);font-size:var(--text-sm);border:1px solid color-mix(in oklab, var(--color-surface-card) 28%, transparent);background:color-mix(in oklab, var(--color-surface-card) 14%, transparent);font-weight:600}.wrapped__actions{justify-content:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.wrapped__back{top:var(--space-4);left:var(--space-4);z-index:2;position:absolute}.wrapped__nav{z-index:2;position:absolute;top:50%;transform:translateY(-50%)}.wrapped__nav--prev{left:var(--space-3)}.wrapped__nav--next{right:var(--space-3)}.wrapped__progress{left:0;right:0;bottom:var(--space-4);z-index:2;align-items:center;gap:var(--space-1-5);flex-direction:column;display:flex;position:absolute}.wrapped__dots{align-items:center;gap:var(--space-1-5);display:flex}.wrapped__dot{border-radius:var(--radius-full);background:color-mix(in oklab, var(--color-surface-card) 35%, transparent);transform-origin:0;width:2rem;height:.5rem;transition:transform var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);padding:0}.wrapped__dot--active{background:var(--color-surface-card);transform:scaleX(1)}.wrapped__dot--idle{transform:scaleX(.25)}.wrapped__dot:hover{background:color-mix(in oklab, var(--color-surface-card) 60%, transparent)}.wrapped__counter{font-size:var(--text-xs);opacity:.85;font-variant-numeric:tabular-nums;font-weight:600}.wrapped__hint{left:0;right:0;bottom:calc(var(--space-4) + 3rem);z-index:2;text-align:center;font-size:var(--text-sm);opacity:.9;position:absolute}.wrapped__back .btn--icon,.wrapped__nav .btn--icon{color:var(--color-surface-card);background:color-mix(in oklab, var(--color-surface-card) 12%, transparent)}.wrapped__back .btn--icon:hover,.wrapped__nav .btn--icon:hover{color:var(--color-surface-card);background:color-mix(in oklab, var(--color-surface-card) 24%, transparent)}.wrapped .btn--outline{color:var(--color-surface-card);border-color:color-mix(in oklab, var(--color-surface-card) 45%, transparent)}.wrapped .btn--outline:hover{color:var(--color-surface-card);border-color:var(--color-surface-card);background:color-mix(in oklab, var(--color-surface-card) 12%, transparent)}.wrapped-loading .spinner{width:2.5rem;height:2.5rem}.apex-billing-toggle{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-raised);gap:.25rem;padding:.25rem;display:inline-flex}.apex-billing-toggle__option{align-items:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--color-text-secondary);transition:background-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);font-weight:600;display:inline-flex}.apex-billing-toggle__option:hover{color:var(--color-text)}.apex-billing-toggle__option>span{font-size:var(--text-xs);color:var(--color-pro-from);font-weight:700}.apex-billing-toggle__option[aria-pressed=true]{background:linear-gradient(90deg, var(--color-pro-from), var(--color-pro-to));color:var(--color-pro-card)}.apex-billing-toggle__option[aria-pressed=true]>span{color:var(--color-pro-card)}.plan-card--apex{border-color:var(--color-pro-from);background:linear-gradient(180deg, var(--color-pro-surface), var(--color-pro-card));box-shadow:0 0 2rem var(--color-pro-glow)}.plan-card--apex .plan-card__name,.plan-card--apex .plan-card__price,.plan-card--apex .plan-card__desc{color:var(--color-pro-text)}.plan-card--apex .plan-card__period{color:var(--color-pro-muted)}.plan-card--apex .plan-card__features svg{color:var(--color-pro-to)}.apex-price{color:var(--color-pro-from);font-weight:700}.apex-cta__title{color:var(--color-pro-from)}.apex-benefits{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr));padding:0;list-style:none;display:grid}.apex-benefits li{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:flex}.apex-benefits li>div{border-radius:var(--radius-sm);width:2.5rem;height:2.5rem;color:var(--color-pro-from);background:color-mix(in oklab, var(--color-pro-from) 12%, transparent);flex:none;place-items:center;display:grid}.apex-benefits li>div svg{width:1.25rem;height:1.25rem}.apex-benefits li span{color:var(--color-text);font-weight:600}.profile-banner{border-radius:var(--radius-md);background:var(--color-surface-raised);height:8rem;position:relative;overflow:hidden}@media (width>=640px){.profile-banner{height:10rem}}.profile-banner--adjusting{cursor:ns-resize}.profile-banner__media,.profile-banner__fallback{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.profile-banner__hint{place-items:center;gap:var(--space-1-5);background:color-mix(in oklab, var(--color-surface-overlay) 60%, transparent);color:var(--color-text-inverse);font-size:var(--text-sm);pointer-events:none;font-weight:500;display:grid;position:absolute;inset:0}.profile-banner__hint svg{width:1.25rem;height:1.25rem;margin-inline:auto}.profile-banner__actions{align-items:center;gap:.5rem;display:flex;position:absolute;top:.75rem;right:.75rem}.banner-action{border-radius:var(--radius-sm);width:2.5rem;height:2.5rem;color:var(--color-text-inverse);background:var(--color-banner-action);transition:background-color var(--duration-fast) var(--ease-out);place-items:center;display:inline-grid}.banner-action:hover{background:var(--color-banner-action-hover)}.banner-action--active{background:var(--color-primary)}.banner-action--active:hover{background:var(--color-primary-hover)}.banner-action svg{width:1.125rem;height:1.125rem}.banner-action:disabled{opacity:.6}.profile-avatar{flex:none;position:relative}.avatar-edit{right:calc(-1 * var(--space-1-5));bottom:calc(-1 * var(--space-1-5));z-index:10;border-radius:var(--radius-full);width:2.25rem;height:2.25rem;color:var(--color-text-inverse);background:var(--color-primary);border:2px solid var(--color-surface-raised);transition:background-color var(--duration-fast) var(--ease-out);place-items:center;display:inline-grid;position:absolute}.avatar-edit:hover{background:var(--color-primary-hover)}.avatar-edit svg{width:1rem;height:1rem}.avatar-edit:disabled{opacity:.6}.profile-name{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:-.02em;color:var(--color-text);font-weight:700}.profile-handle{color:var(--color-text-secondary);font-weight:600}.profile-status{align-items:center;gap:var(--space-1-5);font-size:var(--text-sm);color:var(--color-text-muted);display:inline-flex}.online-dot{background:var(--color-success);width:.5rem;height:.5rem;display:inline-block}.social-links{flex-wrap:wrap;gap:.5rem;display:flex}.social-links a,.social-links span{border-radius:var(--radius-sm);width:2.5rem;height:2.5rem;color:var(--color-text-secondary);background:var(--color-surface-raised);border:1px solid var(--color-border);transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);place-items:center;display:inline-grid}.social-links a:hover{color:var(--color-primary);border-color:var(--color-primary)}.social-links svg{width:1.125rem;height:1.125rem}.desktop-actions{display:none}.mobile-actions{display:flex}@media (width>=720px){.desktop-actions{display:flex}.mobile-actions{display:none}}.accordion__item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.25rem 1.5rem}.accordion__header{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.015em;color:var(--color-text);text-align:left;transition:color var(--duration-fast) var(--ease-out);padding:1rem 0;font-weight:600;line-height:1.2;display:flex}.accordion__header:hover{color:var(--color-primary)}.accordion__label{align-items:center;gap:var(--space-3);display:inline-flex}.accordion__icon{color:var(--color-text-muted);flex:none;place-items:center;display:inline-grid}.accordion__icon svg{width:1.25rem;height:1.25rem}.accordion__chevron{width:1.25rem;height:1.25rem;color:var(--color-text-muted);transition:transform var(--duration-fast) var(--ease-out);flex:none}.accordion__chevron--instant{transition-duration:0s}[aria-expanded=true]>.accordion__chevron{transform:rotate(180deg)}.accordion__panel{transition:grid-template-rows var(--duration-fast) var(--ease-out);grid-template-rows:0fr;display:grid}.accordion__panel--open{grid-template-rows:1fr}.accordion__panel--instant{transition-duration:0s}.accordion__panel-inner{min-height:0;padding:.5rem 0 1.5rem;overflow:hidden}.save-actions{right:1rem;bottom:calc(var(--space-10) + env(safe-area-inset-bottom,0px));z-index:var(--z-dropdown);align-items:flex-end;gap:var(--space-2);transition:transform var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out);flex-direction:column;display:flex;position:fixed}@media (width>=640px){.save-actions{bottom:1.5rem;right:1.5rem}}.save-actions--hidden{opacity:0;pointer-events:none;transform:translateY(4rem)}.stats-filter{min-width:11rem}.stats-grid{--grid-min:13rem}.impact-chip{padding:var(--space-1-5) var(--space-3);border:1px solid var(--color-border);font-size:var(--text-sm);gap:.5rem;font-weight:600}.stat--highlight{border-color:var(--color-primary);background:color-mix(in oklab, var(--color-primary) 8%, var(--color-surface-raised))}.live-indicator{align-items:center;width:.75rem;height:.75rem;display:inline-flex;position:relative}.live-indicator__dot{border-radius:var(--radius-full);background:var(--color-success);width:.5rem;height:.5rem}.live-indicator__pulse{border-radius:var(--radius-full);background:var(--color-success);opacity:.5;position:absolute;inset:0}.impact-tile{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--color-surface-raised);border:1px solid var(--color-border);display:flex}.impact-tile__emoji{border-radius:var(--radius-sm);flex:none;place-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;display:grid}.impact-tile__stat{padding:var(--space-1) var(--space-2-5);border-radius:var(--radius-pill);font-size:var(--text-xs);white-space:nowrap;place-items:center;margin-left:auto;font-weight:700;display:inline-grid}.team-banner{border-radius:var(--radius-md);background:var(--color-surface-interactive);height:8rem}[data-theme=dark] .team-banner{background:var(--color-surface-interactive-dark)}.team-tile--frozen{filter:grayscale();opacity:.6}.color-swatch{border-radius:var(--radius-full);width:2.75rem;height:2.75rem;transition:transform var(--duration-fast) var(--ease-out);flex:none}.color-swatch:hover{transform:scale(1.1)}.color-swatch--selected{box-shadow:0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-primary)}.input--danger,.input--danger:focus-visible{border-color:var(--color-danger)}.input--success,.input--success:focus-visible{border-color:var(--color-success)}.level-badge{font-variant-numeric:tabular-nums;gap:.25rem;font-weight:600}.level-badge--sm{padding:var(--space-0-5) var(--space-1-5);font-size:.6875rem}.level-badge--md{font-size:var(--text-xs);padding:var(--space-0-5) var(--space-2)}.level-badge--1{background:var(--color-neutral-200);color:var(--color-neutral-700)}[data-theme=dark] .level-badge--1{background:var(--color-neutral-700);color:var(--color-neutral-300)}.level-badge--2{background:var(--color-success-200);color:var(--color-success-800)}[data-theme=dark] .level-badge--2{background:var(--color-success-800);color:var(--color-success-200)}.level-badge--3{background:var(--color-info-200);color:var(--color-info-800)}[data-theme=dark] .level-badge--3{background:var(--color-info-800);color:var(--color-info-200)}.level-badge--4{background:var(--color-secondary-200);color:var(--color-secondary-800)}[data-theme=dark] .level-badge--4{background:var(--color-secondary-800);color:var(--color-secondary-200)}.level-badge--5{background:var(--color-warning-200);color:var(--color-warning-800)}[data-theme=dark] .level-badge--5{background:var(--color-warning-800);color:var(--color-warning-200)}.xp-bar{align-items:center;gap:var(--space-2);min-width:0;display:flex}.xp-bar .progress{flex:1;min-width:0}.xp-bar__label{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.btn--danger-outline{border-color:var(--color-danger);color:var(--color-danger);background:0 0}.btn--danger-outline:hover{background:color-mix(in oklab, var(--color-danger) 10%, var(--color-surface));color:var(--color-danger)}.sos-reaction{min-width:3.5rem}.sos-reaction--active{background:color-mix(in oklab, var(--color-danger) 10%, var(--color-surface));border-color:var(--color-danger)}.sos-alert-card{border-color:color-mix(in oklab, var(--color-danger) 40%, var(--color-border))}.member-row{align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);transition:background-color var(--duration-base) var(--ease-out);display:flex}.member-row:not(.member-row--current):hover{background:var(--color-surface-raised)}.member-row--current{background:color-mix(in oklab, var(--color-primary) 8%, var(--color-surface));border:1px solid color-mix(in oklab, var(--color-primary) 30%, var(--color-border))}.member-avatar-wrap{flex:none;position:relative}.member-checkin-dot{bottom:calc(-1 * var(--space-0-5));right:calc(-1 * var(--space-0-5));border-radius:var(--radius-full);border:2px solid var(--color-surface);width:.75rem;height:.75rem;position:absolute}.member-checkin-dot--done{background:var(--color-success)}.member-checkin-dot--pending{background:var(--color-surface-interactive)}[data-theme=dark] .member-checkin-dot--pending{background:var(--color-surface-interactive-dark)}.rank-badge{border-radius:var(--radius-full);width:1.75rem;height:1.75rem;font-size:var(--text-xs);font-variant-numeric:tabular-nums;background:var(--color-surface-raised);color:var(--color-text-muted);flex:none;place-items:center;font-weight:700;display:grid}.rank-badge svg{width:1rem;height:1rem}.rank-badge--top{background:color-mix(in oklab, var(--color-primary) 16%, var(--color-surface));color:var(--color-primary)}.rank-badge--second{background:var(--color-surface-raised);color:var(--color-text)}.rank-card{align-items:center;gap:var(--space-4);border-radius:var(--radius-lg);transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);display:flex}.rank-card--hover:hover{box-shadow:var(--shadow-lg)}.rank-card--1{background:linear-gradient(135deg, color-mix(in oklab, var(--color-primary) 12%, var(--color-surface)), color-mix(in oklab, var(--color-warning) 12%, var(--color-surface)));border-color:color-mix(in oklab, var(--color-primary) 35%, var(--color-border))}.rank-card--2{background:var(--color-surface-raised);border-color:var(--color-border)}.rank-card--3{background:color-mix(in oklab, var(--color-primary) 12%, var(--color-surface));border-color:color-mix(in oklab, var(--color-primary) 35%, var(--color-border))}.rank-card--highlight{box-shadow:0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-primary)}.rank-entry__main{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.entry-stats{align-items:flex-end;gap:var(--space-0-5);flex-direction:column;flex:none;min-width:0;display:flex}.entry-stats__primary{color:var(--color-text);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:.25rem;font-weight:600;display:inline-flex}.entry-stats__primary svg{width:1rem;height:1rem;color:var(--color-primary);flex:none}.entry-stats__secondary{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.current-rank{align-items:center;gap:var(--space-4);display:flex}.current-rank__value{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-primary);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.current-rank__meta{gap:var(--space-0-5);flex-direction:column;display:flex}.current-rank__label{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.team-card__row{align-items:center;gap:var(--space-3);min-width:0;display:flex}.team-card__row>svg{color:var(--color-text-muted);flex:none;margin-left:auto}.team-card__tags{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.team-card__tags span{border:1px solid var(--color-border);font-weight:400}.invite-code{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-primary);font-weight:600}.invite-code__row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.invite-code__meta{gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.request-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.request-row__end{align-items:center;gap:.5rem;margin-left:auto;display:flex}.activity-stats{gap:var(--space-3);flex-wrap:wrap;display:flex}.activity-stat{font-size:var(--text-sm);color:var(--color-text);align-items:center;gap:.375rem;font-weight:600;display:inline-flex}.activity-stat svg{width:1rem;height:1rem;color:var(--color-primary);flex:none}.activity-stat__label{color:var(--color-text-muted);font-weight:400}.activity-row{align-items:center;gap:var(--space-3);font-size:var(--text-xs);display:flex}.activity-row__user{align-items:center;gap:.25rem;min-width:0;display:flex}.activity-row__text{align-items:center;gap:.25rem;min-width:0;display:inline-flex}.activity-row__text svg{width:.875rem;height:.875rem;color:var(--color-primary);flex:none}.activity-chip{border-radius:var(--radius-xs);width:1.375rem;height:1.375rem;font-size:var(--text-sm);flex:none;place-items:center;display:inline-grid}.activity-row__time{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;flex:none;margin-left:auto}.hover-card{display:inline-flex;position:relative}.hover-card__main{align-items:flex-start;gap:var(--space-3);display:flex}.hover-card__info{gap:var(--space-0-5);flex-direction:column;min-width:0;display:flex}.hover-card__name:hover{color:var(--color-primary)}.hover-card__stats{gap:.25rem var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.hover-card__actions{margin-top:var(--space-3);display:flex}.achievement-card{position:relative;overflow:hidden}.achievement-card__accent{pointer-events:none;height:.25rem;position:absolute;top:0;left:0;right:0}.achievement-card__accent--primary{background:var(--color-primary-500)}.achievement-card__accent--secondary{background:var(--color-secondary-500)}.achievement-card__accent--neutral{background:var(--color-surface-raised)}.achievement-card__feature{top:var(--space-3);right:var(--space-3);z-index:10;min-width:2.75rem;min-height:2.75rem;position:absolute}.achievement-card__feature--active{color:var(--color-primary);background:color-mix(in oklab, var(--color-primary) 12%, transparent)}.achievement-card__feature--active:hover{background:color-mix(in oklab, var(--color-primary) 18%, transparent)}.achievement-card__feature--pending{opacity:.5;cursor:not-allowed}.achievement-card__feature-icon{width:1rem;height:1rem}.achievement-card__feature-icon--active{fill:currentColor}.achievement-card__emoji{border-radius:var(--radius-lg);width:3.5rem;height:3.5rem;transition:transform var(--duration-fast) var(--ease-out);flex:none;place-items:center;font-size:1.5rem;display:grid}.achievement-card__emoji--unlocked{background:color-mix(in oklab, var(--color-primary) 14%, transparent);transform:scale(1.1)}.achievement-card__emoji--locked{background:var(--color-surface-raised);filter:saturate(0);opacity:.4}.achievement-card__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.achievement-card__name--muted{color:var(--color-text-muted)}.achievement-card__progress{border-radius:inherit;background:var(--color-primary);height:100%;transition:transform var(--duration-slow) var(--ease-out)}.achievement-card__rate{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-weight:500}.achievement-card__rate--rare{color:var(--color-primary)}.achievement-card__rate--uncommon{color:var(--color-accent)}.achievement-card__rate--locked{opacity:.5}.watching-card{overflow:hidden}.watching-card__accent{width:100%;height:.25rem}.watching-card__emoji{border-radius:var(--radius-lg);flex:none;place-items:center;width:3rem;height:3rem;font-size:1.5rem;display:grid}.watching-card__stat{align-items:center;gap:var(--space-1-5);color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:600;display:inline-flex}.watching-card__stat svg{width:1rem;height:1rem;color:var(--color-primary)}.discord-link__avatar{border-radius:var(--radius-full);background:var(--color-surface-raised);width:5rem;height:5rem;color:var(--color-text);margin-bottom:.25rem;display:inline-flex;position:relative;overflow:hidden}.discord-link__avatar img{object-fit:cover;width:100%;height:100%}.discord-link__avatar>svg{width:100%;height:100%;padding:1rem}.discord-link__check{border-radius:var(--radius-full);background:var(--color-success);width:1.5rem;height:1.5rem;color:var(--color-on-success);place-items:center;display:grid;position:absolute;bottom:0;right:0}.discord-link__check svg{width:.875rem;height:.875rem}.details__summary h3{font-size:var(--text-lg);letter-spacing:-.01em;color:var(--color-text);margin:0;font-weight:600}.details__icon svg{width:1.25rem;height:1.25rem}.prose .card h3,.prose .card h4{margin-top:0}.sos-alert{gap:var(--space-4);align-items:flex-start;display:flex}@media (width<=640px){.sos-alert{flex-direction:column}}.sos-alert__icon{border-radius:var(--radius-sm);width:2.5rem;height:2.5rem;color:var(--color-danger);background:color-mix(in oklab, var(--color-danger) 12%, var(--color-surface));flex:none;place-items:center;display:grid}.sos-alert__icon svg{width:1.25rem;height:1.25rem}.sos-alert__body{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.sos-alert__heading{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.sos-alert__heading p{color:var(--color-text);font-weight:600}.sos-alert__reactions{gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.sos-alert__meta{align-items:center;gap:var(--space-1);flex-direction:column;flex:none;display:flex}.sos-alert__timer{font-size:var(--text-xs);color:var(--color-danger);font-variant-numeric:tabular-nums;font-weight:600}.sos-alert__count{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.member-points{font-variant-numeric:tabular-nums;flex-direction:column;flex:none;align-items:flex-end;gap:0;margin-left:auto;display:flex}.member-points__label{font-size:var(--text-xs);color:var(--color-text-muted)}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-shell__bg{z-index:0;pointer-events:none;position:fixed;inset:0}.app-shell__bg--dim{opacity:.6}.app-shell__main{z-index:1;padding-top:var(--space-5);scroll-margin-top:var(--header-height);position:relative}.app-header{z-index:var(--z-sticky);background:var(--color-surface-page);border-bottom:1px solid var(--color-border);position:sticky;top:0}.app-header__inner{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--header-height);padding-inline:var(--space-4);display:flex}.app-header__brand{flex:none;align-items:center;text-decoration:none;display:inline-flex}.app-header__actions{align-items:center;gap:var(--space-1);display:flex}.app-header__actions--mobile{display:none}.app-nav{align-items:center;gap:var(--space-1);display:flex}.app-nav__link{gap:var(--space-2);min-height:2.75rem;padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm)}.app-nav__link:hover,.app-nav__link[aria-current=page]{color:var(--color-text);background:var(--color-surface-interactive)}.app-nav__link svg{flex:none;width:1.125rem;height:1.125rem}.app-icon-btn{border-radius:var(--radius-md);width:2.75rem;height:2.75rem;color:var(--color-text-secondary);transition:background-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);place-items:center;display:inline-grid;position:relative}.app-icon-btn:hover{background:var(--color-surface-interactive);color:var(--color-text)}.app-icon-btn svg{width:1.375rem;height:1.375rem}.app-icon-btn__badge{top:var(--space-1-5);right:var(--space-1-5);border-radius:var(--radius-full);background:var(--color-primary);width:.5rem;height:.5rem;position:absolute}.app-nav-mobile{inset-inline:0;top:var(--header-height);background:var(--color-surface-card);border-bottom:1px solid var(--color-border);position:fixed}.app-nav-mobile__list{padding:var(--space-2);flex-direction:column;display:flex}.app-nav-mobile__link{gap:var(--space-3);border-radius:var(--radius-md);min-height:2.75rem}.app-nav-mobile__link:hover,.app-nav-mobile__link[aria-current=page]{color:var(--color-text);background:var(--color-surface-interactive)}.app-nav-mobile__link svg{width:1.25rem;height:1.25rem;color:var(--color-text-muted);flex:none}.app-nav-mobile__link--signout{color:var(--color-danger)}.app-nav-mobile__link--signout:hover{color:var(--color-danger);background:color-mix(in oklab, var(--color-danger) 10%, var(--color-surface))}.app-bottom-nav{inset-inline:0;z-index:var(--z-sticky);border-top:1px solid var(--color-border);background:var(--color-surface-card);display:none;position:fixed;bottom:0}.app-bottom-nav__inner{justify-content:space-around;align-items:center;gap:var(--space-1);max-width:var(--container);padding:var(--space-1) var(--space-2);margin-inline:auto;display:flex}.app-bottom-nav__link{justify-content:center;align-items:center;gap:var(--space-0-5);min-width:2.75rem;min-height:3.25rem;padding:var(--space-1) var(--space-1-5);border-radius:var(--radius-md);color:var(--color-text-muted);transition:color var(--duration-base) var(--ease-out);-webkit-tap-highlight-color:transparent;flex-direction:column;font-size:.6875rem;font-weight:600;text-decoration:none;display:inline-flex}.app-bottom-nav__link svg{flex:none;width:1.25rem;height:1.25rem}.app-bottom-nav__link:hover{color:var(--color-text)}.app-bottom-nav__link[aria-current=page]{color:var(--color-primary)}.app-bottom-nav__create{width:3.25rem;height:3.25rem;margin-top:calc(-1 * var(--space-5));border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-md);transition:background-color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);flex:none;place-items:center;display:inline-grid}.app-bottom-nav__create:hover{background:var(--color-primary-hover)}.app-bottom-nav__create:active{transform:scale(.95)}.app-bottom-nav__create svg{width:1.5rem;height:1.5rem}@media (width<=640px){.app-nav,.app-header__actions--desktop{display:none}.app-header__actions--mobile{display:flex}.app-bottom-nav{display:block}}@media (width>=768px){.app-nav-mobile{display:none}}.user-menu{flex-direction:column;gap:.25rem;min-width:12rem;display:flex}.user-menu__link{align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text);transition:background-color var(--duration-base) var(--ease-out);font-weight:500;text-decoration:none;display:inline-flex}.user-menu__link:hover{background:var(--color-surface-interactive)}.user-menu__link svg{width:1.125rem;height:1.125rem;color:var(--color-text-muted);flex:none}.user-menu__link--signout,.user-menu__link--signout svg{color:var(--color-danger)}.user-menu__link--signout:hover{background:color-mix(in oklab, var(--color-danger) 10%, var(--color-surface))}.user-menu__divider{height:1px;margin:var(--space-2) 0;background:var(--color-border)}.notif-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);display:flex}.notif-header h2{font-size:var(--text-xl)}.notif-header__action{font-size:var(--text-sm);color:var(--color-primary);font-weight:600}.notif-header__action:hover{color:var(--color-primary-hover)}.notif-list{flex-direction:column;display:flex}.notif-empty{padding:var(--space-4) 0;color:var(--color-text-secondary);font-size:var(--text-sm)}.notif-item{flex-direction:column;display:flex}.notif-item__link{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-text);transition:background-color var(--duration-base) var(--ease-out);text-decoration:none;display:flex}.notif-item__link:hover{background:var(--color-surface-interactive)}.notif-item--unread .notif-item__link{background:color-mix(in oklab, var(--color-primary) 7%, transparent)}.notif-item__dot{width:.5rem;height:.5rem;margin-top:var(--space-1-5);border-radius:var(--radius-full);background:var(--color-primary);flex:none}.notif-item__dot--read{background:0 0}.notif-item__body{gap:var(--space-0-5);flex-direction:column;flex:1;min-width:0;display:flex}.notif-item__meta{font-size:var(--text-xs);color:var(--color-text-muted)}.notif-item__checkin{align-items:center;gap:var(--space-1-5);margin:0 0 var(--space-2) 2rem;font-size:var(--text-sm);color:var(--color-primary);align-self:flex-start;padding:.25rem 0;font-weight:600;display:inline-flex}.notif-item__checkin svg{width:1rem;height:1rem}.notif-item__checkin:disabled{opacity:.6}.section-heading{margin-bottom:var(--space-4);flex-direction:column;gap:.25rem;display:flex}.section-heading__title{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.015em;color:var(--color-text);font-weight:700;display:flex}.section-heading__title h2{font-size:inherit;margin:0}.section-heading__title svg{width:1.375rem;height:1.375rem;color:var(--color-primary);flex:none}.section-heading__desc{color:var(--color-text-secondary);font-size:var(--text-sm)}.section-name{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.01em;color:var(--color-text);font-weight:600}.settings-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:flex}.settings-row:last-child{border-bottom:0}.settings-row--stack{flex-direction:column;align-items:stretch}.settings-row__text{gap:var(--space-0-5);flex-direction:column;min-width:0;display:flex}.settings-row__desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.settings-toggle{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);text-align:left;transition:border-color var(--duration-base) var(--ease-out);font-weight:600;display:flex}.settings-toggle:hover{border-color:var(--color-border-strong)}.settings-toggle svg{width:1.125rem;height:1.125rem;color:var(--color-text-muted);flex:none}.settings-toggle__label{align-items:center;gap:var(--space-2);display:inline-flex}.settings-toggle__value{color:var(--color-text-secondary);font-weight:500}.icon-chip--muted{color:var(--color-text-secondary);background:var(--color-surface-interactive)}.icon-chip--secondary{color:var(--color-secondary-600);background:var(--color-secondary-100)}.checkbox{flex:none;place-items:center;display:inline-grid;position:relative}.checkbox input{opacity:0;cursor:pointer;position:absolute;inset:0}.checkbox__box{border-radius:var(--radius-xs);border:2px solid var(--color-border-strong);background:var(--color-surface);width:1.25rem;height:1.25rem;color:var(--color-on-primary);transition:background-color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);place-items:center;display:inline-grid}.checkbox__box--checked{background:var(--color-primary);border-color:var(--color-primary)}.checkbox__box svg{width:.875rem;height:.875rem}.rarity-card{--card-padding:var(--space-3);--card-radius:var(--radius-md);--card-border-width:2px;background:var(--color-surface-interactive);transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);position:relative;overflow:hidden}.rarity-card:hover{box-shadow:var(--shadow-lg);transform:scale(1.05)}.rarity-card--common{color:var(--color-text-secondary)}.rarity-card--uncommon{background:var(--color-secondary-50);border-color:var(--color-secondary-300);color:var(--color-secondary-600)}[data-theme=dark] .rarity-card--uncommon{background:color-mix(in oklab, var(--color-secondary-900) 25%, var(--color-surface));border-color:var(--color-secondary-700);color:var(--color-secondary-400)}.rarity-card--rare,.rarity-card--epic,.rarity-card--legendary{background:color-mix(in oklab, var(--color-primary) 10%, transparent);border-color:var(--color-primary-300);color:var(--color-primary-600)}[data-theme=dark] .rarity-card--rare,[data-theme=dark] .rarity-card--epic,[data-theme=dark] .rarity-card--legendary{background:color-mix(in oklab, var(--color-primary-900) 30%, var(--color-surface));border-color:var(--color-primary-700);color:var(--color-primary-400)}.rarity-card--legendary{border-color:var(--color-primary-400)}.rarity-card__aura{background:radial-gradient(ellipse at 50% 0%, var(--color-primary-300) 0%, transparent 60%);opacity:.35;pointer-events:none;position:absolute;inset:0}.rarity-card__emoji{border-radius:var(--radius-sm);background:color-mix(in oklab, var(--color-surface) 70%, transparent);flex:none;place-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;display:grid}.rarity-card__name{font-size:var(--text-sm);color:inherit;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.rarity-card__rate{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-weight:500;display:none}.rarity-card__rate--rare{color:var(--color-primary)}.rarity-card__rate--uncommon{color:var(--color-secondary-600)}@media (width>=640px){.rarity-card{padding:var(--space-4)}.rarity-card__rate{display:block}}.challenge-tile{border-radius:var(--radius-full);height:2px}.challenge-tile__emoji{border-radius:var(--radius-sm);flex:none;place-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;display:grid}.challenge-stat{align-items:center;gap:var(--space-1-5);color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:600;display:inline-flex}.challenge-stat svg{width:1rem;height:1rem;color:var(--color-primary);flex:none}.challenge-stat__label{color:var(--color-text-muted);font-weight:400}[data-theme=dark] .app-header{background:color-mix(in oklab, var(--color-surface-page-dark) 88%, transparent)}[data-theme=dark] .app-nav-mobile,[data-theme=dark] .app-bottom-nav{background:var(--color-surface-card-dark)}[data-theme=dark] .app-nav__link:hover,[data-theme=dark] .app-nav__link[aria-current=page],[data-theme=dark] .app-nav-mobile__link:hover,[data-theme=dark] .app-nav-mobile__link[aria-current=page],[data-theme=dark] .app-icon-btn:hover,[data-theme=dark] .user-menu__link:hover,[data-theme=dark] .notif-item__link:hover{background:var(--color-surface-interactive-dark)}[data-theme=dark] .icon-chip--muted{color:var(--color-text-secondary-dark);background:var(--color-surface-interactive-dark)}[data-theme=dark] .icon-chip--secondary{color:var(--color-secondary-400);background:color-mix(in oklab, var(--color-secondary-900) 50%, transparent)}[data-theme=dark] .rarity-card--common{background:var(--color-surface-interactive-dark);color:var(--color-text-secondary-dark)}.claim-banner{position:relative}.claim-banner__dismiss--mobile{display:none}@media (width<=640px){.claim-banner__dismiss--mobile{display:inline-flex;position:absolute;top:.75rem;right:.75rem}}.loading-overlay{text-align:center}.loading-overlay__mark{width:3rem;height:3rem;margin-inline:auto;margin-bottom:var(--space-3);border-radius:var(--radius-sm);color:var(--color-on-primary);background:var(--color-primary);font-family:var(--font-display);place-items:center;font-weight:700;display:grid}.loading-overlay__title{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:-.02em;color:var(--color-text);font-weight:700}.loading-overlay__text{margin-top:var(--space-2);color:var(--color-text-secondary)}.loading-overlay__actions{justify-content:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.celebration-modal{text-align:center;max-width:28rem}.celebration-backdrop{pointer-events:none;position:absolute;inset:0}.celebration-modal .modal__body{text-align:center}.celebration-number{font-family:var(--font-display);letter-spacing:-.03em;user-select:none;color:var(--color-primary-500);font-size:clamp(5rem,15vw,10rem);font-weight:800;line-height:1}.celebration-title{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:-.02em;color:var(--color-text);font-weight:700}.celebration-stats{justify-content:center;gap:var(--space-3);margin-top:var(--space-4);display:flex}.celebration-stats .stat{flex:1;min-width:0}.celebration-actions{justify-content:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.level-orbit{width:5rem;height:5rem;margin-inline:auto;margin-bottom:var(--space-3);border-radius:var(--radius-full);color:var(--color-on-primary);background:linear-gradient(135deg, var(--grad-from,var(--color-primary-400)), var(--grad-to,var(--color-primary-600)));box-shadow:var(--shadow-lg);place-items:center;display:grid}.level-orbit span{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;line-height:1}.celebration-exit{opacity:0}.celebration-flame{color:var(--color-primary-500);align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.celebration-flame svg{width:1.25rem;height:1.25rem}.celebration-restore{pointer-events:auto;margin-top:var(--space-4);padding:var(--space-2) var(--space-4);border:1px solid color-mix(in oklab, var(--color-primary) 30%, transparent);border-radius:var(--radius-full);background:color-mix(in oklab, var(--color-surface) 80%, transparent);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);transition:color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);font-weight:600}.celebration-restore:hover{color:var(--color-primary);border-color:color-mix(in oklab, var(--color-primary) 60%, transparent)}.nav-progress{height:3px;z-index:var(--z-toast);pointer-events:none;position:fixed;top:0;left:0;right:0}.nav-progress__fill{background:linear-gradient(90deg, var(--color-primary-500), var(--color-primary-600), var(--color-primary-700));transform-origin:0;height:100%;transition:transform var(--duration-fast) var(--ease-out)}.nav-progress__fill--slow{transition-duration:var(--duration-fast)}.nav-progress__glow{background:color-mix(in oklab, var(--color-primary-400) 60%, transparent);filter:blur(4px);width:6rem;height:100%;position:absolute;top:0;left:0}.sync-indicator{right:var(--space-4);bottom:var(--space-9);z-index:var(--z-dropdown);border-radius:var(--radius-pill);font-size:var(--text-xs);box-shadow:var(--shadow-lg);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);align-items:center;gap:.5rem;padding:.5rem .75rem;font-weight:600;display:inline-flex;position:fixed}.sync-indicator svg{width:.75rem;height:.75rem}.sync-indicator--syncing{background:var(--color-primary-500);color:var(--color-text-inverse)}.sync-indicator--pending{background:color-mix(in oklab, var(--color-warning) 14%, var(--color-surface));color:var(--color-warning);border:1px solid color-mix(in oklab, var(--color-warning) 40%, transparent)}.cookie-consent{right:var(--space-4);bottom:var(--space-4);z-index:var(--z-toast);max-width:min(28rem,100vw - 2rem);position:fixed}.cookie-consent__inner{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex}.cookie-consent__icon{color:var(--color-primary);flex:none}.cookie-consent__icon svg{width:1.25rem;height:1.25rem}.auth-loading{justify-content:center;align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;min-height:60vh;display:flex}.cookie-consent__text{min-width:0;font-size:var(--text-sm);color:var(--color-text-secondary);flex:1}.command-palette-overlay{z-index:var(--z-command-palette);padding:var(--space-6) var(--space-4);align-items:flex-start}.command-palette-overlay__backdrop{position:absolute;inset:0}.command-palette{max-width:32rem;padding:0;position:relative;overflow:hidden}.command-palette__search{align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border);transition:border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);display:flex}.command-palette__search:focus-within{border-bottom-color:var(--color-primary);box-shadow:0 1px 0 0 color-mix(in oklab, var(--color-ring) 40%, transparent)}.command-palette__search svg{width:1.25rem;height:1.25rem;color:var(--color-text-muted);flex:none}.command-palette__input{min-width:0;font-size:var(--text-body);color:var(--color-text);background:0 0;border:none;outline:none;flex:1}.command-palette__input::placeholder{color:var(--color-text-muted)}.command-palette__list{max-height:min(24rem,100dvh - 12rem);padding:var(--space-2);overflow-y:auto}.command-palette__item{border-radius:var(--radius-sm)}.command-palette__item--active{background:color-mix(in oklab, var(--color-primary) 12%, var(--color-surface))}.command-palette__button{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-sm);text-align:left;color:var(--color-text);transition:background-color var(--duration-base) var(--ease-out);display:flex}.command-palette__button:hover{background:var(--color-surface-raised)}.command-palette__icon{border-radius:var(--radius-sm);background:var(--color-surface-raised);width:2rem;height:2rem;color:var(--color-text-muted);flex:none;place-items:center;display:grid}.command-palette__icon svg{width:1.125rem;height:1.125rem}.command-palette__text{gap:var(--space-0-5);flex-direction:column;min-width:0;display:flex}.command-palette__group{padding:var(--space-2) var(--space-3) 0;font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);font-weight:700}.command-palette__empty{align-items:center;gap:var(--space-2);padding:var(--space-6);text-align:center;color:var(--color-text-muted);flex-direction:column;display:flex}.command-palette__empty svg{width:1.5rem;height:1.5rem;color:var(--color-text-muted)}.feature-hint-dot{border-radius:var(--radius-full);background:var(--color-primary);border:2px solid var(--color-surface);width:1rem;height:1rem;position:fixed}.feature-hint-dot span{inset:calc(-1 * var(--space-2));border-radius:var(--radius-full);border:2px solid color-mix(in oklab, var(--color-primary) 40%, transparent);position:absolute}@media (prefers-reduced-motion:no-preference){@keyframes feature-hint-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.4;transform:scale(1.25)}}.feature-hint-dot span{animation:feature-hint-pulse 2s var(--ease-in-out) infinite}}.feature-hint-tooltip__card{padding:var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.feature-hint-tooltip__row{align-items:flex-start;gap:var(--space-3);display:flex}.feature-hint-tooltip__icon{border-radius:var(--radius-sm);width:2.5rem;height:2.5rem;color:var(--color-primary);background:color-mix(in oklab, var(--color-primary) 12%, transparent);flex:none;place-items:center;display:grid}.feature-hint-tooltip__icon svg{width:1.25rem;height:1.25rem}.feature-hint-tooltip__body{flex-direction:column;gap:.25rem;min-width:0;display:flex}.feature-hint-tooltip__action{justify-content:flex-end;align-items:center;gap:var(--space-2);margin-top:var(--space-3);display:flex}.emoji-picker{position:relative}.emoji-picker__trigger{border-radius:var(--radius-md);width:2.75rem;height:2.75rem;font-size:var(--text-xl);border:1px solid var(--color-border);transition:border-color var(--duration-base) var(--ease-out);place-items:center;display:grid}.emoji-picker__trigger:hover{border-color:var(--color-border-strong)}.emoji-picker__popover{z-index:var(--z-dropdown);width:18rem;padding:var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);position:absolute;top:calc(100% + .5rem);left:0}.emoji-picker__divider{align-items:center;gap:var(--space-2);margin:var(--space-3) 0;font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);font-weight:700;display:flex}.emoji-picker__divider-line{background:var(--color-border);flex:1;height:1px}.emoji-picker__grid{gap:var(--space-1);display:grid}.emoji-picker__grid--5{grid-template-columns:repeat(5,1fr)}.emoji-picker__grid--6{grid-template-columns:repeat(6,1fr)}.emoji-picker__option{border-radius:var(--radius-sm);width:2.25rem;height:2.25rem;font-size:var(--text-xl);transition:background-color var(--duration-base) var(--ease-out);place-items:center;display:grid}.emoji-picker__option:hover{background:var(--color-surface-raised)}.emoji-picker__option--selected{background:color-mix(in oklab, var(--color-primary) 14%, var(--color-surface));box-shadow:inset 0 0 0 2px var(--color-primary)}.gif-picker{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-xl);overflow:hidden}.gif-picker__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.gif-picker__title{color:var(--color-text);align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.gif-picker__title svg{width:1.125rem;height:1.125rem}.gif-picker__search{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);position:relative}.gif-picker__loading{width:1.125rem;height:1.125rem;color:var(--color-text-muted);position:absolute;top:50%;right:1.5rem;transform:translateY(-50%)}.gif-picker__grid{gap:var(--space-2);padding:var(--space-3) var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));max-height:20rem;display:grid;overflow-y:auto}.gif-picker__grid .skeleton{aspect-ratio:1;height:auto}.gif-picker__item{aspect-ratio:1;border-radius:var(--radius-sm);position:relative;overflow:hidden}.gif-picker__item img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-base) var(--ease-out)}.gif-picker__item:hover img{transform:scale(1.05)}.gif-picker__item-overlay{background:var(--color-overlay);opacity:0;transition:opacity var(--duration-base) var(--ease-out);position:absolute;inset:0}.gif-picker__item:hover .gif-picker__item-overlay{opacity:1}.gif-picker__empty{padding:var(--space-6);text-align:center;color:var(--color-text-muted)}.tag-input{align-items:center;gap:var(--space-1-5);min-height:2.75rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);cursor:text;transition:border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);flex-wrap:wrap;display:flex}.tag-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in oklab, var(--color-ring) 40%, transparent)}.tag-input__tag{border-radius:var(--radius-sm);background:color-mix(in oklab, var(--color-primary) 12%, var(--color-surface));color:var(--color-text);font-size:var(--text-sm);align-items:center;gap:.25rem;padding:.25rem .5rem;font-weight:500;display:inline-flex}.tag-input__tag button{color:var(--color-text-muted);transition:color var(--duration-base) var(--ease-out);place-items:center;display:grid}.tag-input__tag button:hover{color:var(--color-danger)}.tag-input__tag button svg{width:.875rem;height:.875rem}.tag-input input{min-width:4rem;font-size:var(--text-base);color:var(--color-text);background:0 0;border:none;outline:none;flex:1}.reason-option{align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-base) var(--ease-out), background-color var(--duration-base) var(--ease-out);display:flex}.reason-option:hover{border-color:var(--color-border-strong);background:var(--color-surface-raised)}.reason-option--selected{border-color:var(--color-primary);background:color-mix(in oklab, var(--color-primary) 8%, var(--color-surface))}.reason-option input{accent-color:var(--color-primary);flex:none;margin-top:.25rem}.reason-option__body{gap:var(--space-0-5);flex-direction:column;min-width:0;display:flex}.reason-option__desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.loading-ceremony{z-index:var(--z-loading);background:var(--color-surface);transition:opacity var(--duration-fast) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-ceremony--exiting{opacity:0}.loading-ceremony__content{align-items:center;gap:var(--space-5);flex-direction:column;display:flex}.loading-ceremony__content--entering{opacity:0;transform:scale(.5)}.loading-ceremony__content--exiting{opacity:0;transform:scale(.9)}.loading-ceremony__logo{position:relative}.loading-ceremony__ring{inset:calc(-1 * var(--space-4));border-radius:var(--radius-full);border:2px solid color-mix(in oklab, var(--color-primary-500) 30%, transparent);border-top-color:var(--color-primary-500);opacity:0;position:absolute}.loading-ceremony__ring--visible{opacity:1}.loading-ceremony__text{text-align:center}.loading-ceremony__title{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:-.02em;color:var(--color-text);font-weight:700}.pull-to-refresh{position:relative}.pull-to-refresh__indicator{pointer-events:none;align-items:center;gap:var(--space-1-5);transition:opacity var(--duration-fast) var(--ease-out);flex-direction:column;display:flex;position:absolute;left:0;right:0}.pull-to-refresh__indicator--hidden{opacity:0}.pull-to-refresh__knob{border-radius:var(--radius-full);background:var(--color-surface-raised);border:1px solid var(--color-border);width:2.5rem;height:2.5rem;box-shadow:var(--shadow-lg);place-items:center;display:grid}.pull-to-refresh__knob--ready{background:color-mix(in oklab, var(--color-primary) 10%, var(--color-surface))}.pull-to-refresh__logo{transition:transform var(--duration-fast) var(--ease-out)}.pull-to-refresh__logo--ready{transform:scale(1.1)}.pull-to-refresh__spinner{width:1.25rem;height:1.25rem;color:var(--color-primary)}.pull-to-refresh__label{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:500}.pro-badge{border-radius:var(--radius-pill);letter-spacing:.04em;background:linear-gradient(90deg, var(--color-pro-from), var(--color-pro-to));color:var(--color-pro-card);box-shadow:var(--shadow-sm);align-items:center;gap:.25rem;font-weight:700;display:inline-flex}.pro-badge--xs{padding:var(--space-0-5) var(--space-1);font-size:.625rem}.pro-badge--xs svg{width:.75rem;height:.75rem}.pro-badge--sm{font-size:var(--text-xs);padding:var(--space-0-5) var(--space-1-5)}.pro-badge--sm svg{width:1rem;height:1rem}.pro-badge--md{font-size:var(--text-xs);padding:.25rem .5rem}.pro-badge--md svg{width:1rem;height:1rem}.pro-badge--lg{font-size:var(--text-sm);padding:var(--space-1-5) var(--space-3)}.pro-badge--lg svg{width:1.25rem;height:1.25rem}.apex-feature-modal__banner{height:6rem;margin-bottom:var(--space-4);border-radius:var(--radius-md);place-items:center;display:grid;position:relative}.apex-feature-modal__icon{border-radius:var(--radius-full);background:var(--color-surface-raised);width:4rem;height:4rem;color:var(--color-text);box-shadow:var(--shadow-lg);place-items:center;display:grid}.apex-feature-modal__icon svg{width:2rem;height:2rem}.apex-feature-modal__sparkle{color:var(--color-surface-card);position:absolute}.apex-feature-modal__sparkle svg{width:1.25rem;height:1.25rem}.apex-feature-modal__sparkle--1{top:var(--space-4);left:1.5rem}.apex-feature-modal__sparkle--2{right:1.5rem;bottom:var(--space-4)}.apex-benefit-item{align-items:center;gap:var(--space-3);display:flex}.apex-benefit-item>div{border-radius:var(--radius-full);width:1.5rem;height:1.5rem;color:var(--color-success);background:color-mix(in oklab, var(--color-success) 12%, transparent);flex:none;place-items:center;display:grid}.apex-benefit-item svg{width:.875rem;height:.875rem}.apex-benefit-item span{font-size:var(--text-base);color:var(--color-text-secondary)}.apex-pricing{gap:var(--space-3);margin-top:var(--space-4);display:grid}.apex-plan{--card-radius:var(--radius-md);--card-padding:var(--space-4);gap:var(--space-2);background:var(--color-surface);flex-direction:column;display:flex}.apex-plan--featured{border-color:var(--color-pro-from);background:linear-gradient(180deg, var(--color-pro-surface), var(--color-pro-card))}.apex-plan--featured .apex-plan__name,.apex-plan--featured .apex-plan__price{color:var(--color-pro-text)}.apex-plan--featured .apex-plan__desc,.apex-plan--featured .apex-plan__meta{color:var(--color-pro-muted)}.apex-plan__badge{padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);background:var(--color-pro-from);color:var(--color-pro-card);align-self:flex-start;font-weight:700}.apex-plan__price{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:-.02em;color:var(--color-text);font-weight:700}.apex-plan__price span{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.apex-plan--featured .apex-plan__price span{color:var(--color-pro-muted)}.apex-plan__desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.streak-repair__icon{border-radius:var(--radius-full);background:color-mix(in oklab, var(--color-primary) 12%, var(--color-surface));width:3.5rem;height:3.5rem;color:var(--color-primary);place-items:center;margin-inline:auto;display:grid}.streak-repair__icon svg{width:1.5rem;height:1.5rem}.streak-repair__card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.streak-repair__card-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.streak-repair__card-label{color:var(--color-text);align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.streak-repair__card-label svg{width:1.125rem;height:1.125rem;color:var(--color-primary)}.streak-repair__price{font-size:var(--text-lg);color:var(--color-text);font-weight:700}.streak-repair__price--free{color:var(--color-secondary-500)}.streak-repair__perk{align-items:center;gap:var(--space-1-5);font-size:var(--text-xs);color:var(--color-pro-from);font-weight:600;display:inline-flex}.streak-repair__perk svg{width:.875rem;height:.875rem}.streak-repair__list{margin:var(--space-3) 0 0;flex-direction:column;gap:.5rem;padding:0;list-style:none;display:flex}.streak-repair__list li{font-size:var(--text-sm);color:var(--color-text-secondary);align-items:flex-start;gap:.5rem;display:flex}.streak-repair__list svg{width:1rem;height:1rem;margin-top:var(--space-0-5);color:var(--color-success);flex:none}.streak-repair__actions{gap:var(--space-3);display:flex}.streak-repair__actions .btn:last-child{flex:auto}.btn--repair-free{background:var(--color-secondary-500);color:var(--color-on-primary)}.btn--repair-free:hover{background:var(--color-secondary-600)}.post-hints{margin-bottom:var(--space-4)}.post-hints__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.post-hints__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text);margin:0;font-weight:700}.post-hints__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr));display:grid}.post-hints__card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);position:relative}.post-hints__close{top:var(--space-2);right:var(--space-2);color:var(--color-text-muted);position:absolute}.post-hints__icon{width:2.5rem;height:2.5rem;margin-bottom:var(--space-2);border-radius:var(--radius-sm);color:var(--color-primary);background:color-mix(in oklab, var(--color-primary) 12%, transparent);place-items:center;display:grid}.post-hints__icon svg{width:1.25rem;height:1.25rem}.post-hints__card h4{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-text);margin:0 0 .25rem;font-weight:600}.post-hints__card p{font-size:var(--text-sm);color:var(--color-text-secondary)}.post-hints__link{margin-top:var(--space-2);font-size:var(--text-sm);font-weight:600;display:inline-block}.checkin-upload{gap:var(--space-2);flex-direction:column;display:flex}.checkin-upload__add{width:100%;padding:var(--space-3);border:2px dashed var(--color-primary-300);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-primary-500);transition:border-color var(--duration-base) var(--ease-out), background-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);justify-content:center;align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.checkin-upload__add:hover{border-color:var(--color-primary-400);background:color-mix(in oklab, var(--color-primary) 8%, var(--color-surface))}.checkin-upload__add svg{width:1.125rem;height:1.125rem}.checkin-upload__add--disabled{border-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.checkin-upload__add--disabled:hover{border-color:var(--color-border);background:0 0}.checkin-upload__apex-tag{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-pro-from);font-weight:700}.checkin-upload__preview{border-radius:var(--radius-md);position:relative;overflow:hidden}.checkin-upload__preview img{object-fit:cover;width:100%;max-height:16rem;display:block}.checkin-upload__preview-overlay{background:color-mix(in oklab, var(--color-surface-overlay) 60%, transparent);place-items:center;display:grid;position:absolute;inset:0}.checkin-upload__preview-overlay svg{width:1.5rem;height:1.5rem;color:var(--color-text-inverse)}.checkin-upload__remove{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-full);background:var(--color-surface-raised);border:1px solid var(--color-border);width:2rem;height:2rem;color:var(--color-text);place-items:center;display:grid;position:absolute}.checkin-upload__remove svg{width:1rem;height:1rem}.chart{position:relative}.chart--heatmap{gap:var(--space-2);flex-direction:column;display:flex;overflow-x:auto}.chart--line{height:16rem;min-height:16rem}.chart--bars{height:16rem}.chart--donut{height:12rem}.chart__svg{width:100%;height:100%;display:block}.chart__svg line{stroke:var(--color-border-subtle)}.chart__svg text{fill:var(--color-text-muted)}.chart__days{flex-direction:column;display:flex}.chart__day-label{color:var(--color-text-muted);align-items:center;line-height:1;display:flex}.chart__day-label--sm{height:.5rem;font-size:var(--text-xs)}.chart__day-label--md{height:.75rem}.chart-cell{border-radius:var(--radius-xs);cursor:pointer;transition:background-color var(--duration-base) var(--ease-out);justify-content:center;align-items:center;display:flex}.chart-cell--sm{width:.75rem;height:.75rem;font-size:.375rem}.chart-cell--md{width:1rem;height:1rem;font-size:.5rem}.chart-cell--0{background:var(--color-surface-raised)}[data-theme=dark] .chart-cell--0{background:var(--color-surface-interactive-dark)}.chart-cell--1{background:var(--color-secondary-200)}[data-theme=dark] .chart-cell--1{background:color-mix(in oklab, var(--color-secondary-900) 50%, transparent)}.chart-cell--2{background:var(--color-secondary-300)}[data-theme=dark] .chart-cell--2{background:color-mix(in oklab, var(--color-secondary-800) 70%, transparent)}.chart-cell--3{background:var(--color-secondary-400)}[data-theme=dark] .chart-cell--3{background:var(--color-secondary-700)}.chart-cell--4{background:var(--color-secondary-500)}[data-theme=dark] .chart-cell--4{background:var(--color-secondary-600)}.chart__legend{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.chart__swatch{border-radius:var(--radius-xs)}.chart__swatch--sm{width:.75rem;height:.75rem}.chart__swatch--md{width:1rem;height:1rem}.chart__tooltip{padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-raised);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-md);color:var(--color-text);font-size:var(--text-xs);white-space:nowrap;pointer-events:none;font-weight:500;line-height:1.4;position:absolute}.chart__center{justify-content:center;align-items:center;gap:var(--space-0-5);text-align:center;pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.chart__center-value{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:-.02em;color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.chart__center-label{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.insight-cards{--grid-gap:var(--space-3)}.insight-card__emoji{border-radius:var(--radius-sm);background:color-mix(in oklab, var(--color-primary) 12%, var(--color-surface-raised));flex:none;place-items:center;width:2.75rem;height:2.75rem;font-size:1.25rem;display:grid}.trophy-room__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));display:grid}.trophy-room__tile{flex-direction:column;align-items:center;gap:.25rem;min-width:0;display:flex}.trophy-room__medal{border-radius:var(--radius-full);width:3rem;height:3rem;transition:transform var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out), filter var(--duration-fast) var(--ease-out);will-change:transform;justify-content:center;align-items:center;font-size:2.5rem;line-height:1;display:flex}.trophy-room__medal--unlocked{filter:drop-shadow(0 4px 6px oklch(20% .01 45/.15))}[data-theme=dark] .trophy-room__medal--unlocked{filter:drop-shadow(0 4px 6px oklch(20% .01 45/.4))}.trophy-room__medal--locked{opacity:.2;filter:grayscale()}.trophy-room__name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:4.5rem;font-size:.625rem;line-height:1.25;overflow:hidden}.trophy-room__name--unlocked{color:var(--color-text-secondary)}[data-theme=dark] .trophy-room__name--unlocked{color:var(--color-text-secondary-dark)}.trophy-room__name--locked{color:var(--color-text-muted)}[data-theme=dark] .trophy-room__name--locked{color:var(--color-text-muted-dark)}.cosmetics-shop{gap:var(--space-5);flex-direction:column;display:flex}.shop-balance__row,.shop-balance__stats{align-items:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.shop-balance__stat{align-items:center;gap:var(--space-3);display:flex}.shop-balance__value{font-size:var(--text-2xl)}.shop-balance__label{font-weight:600}.cosmetic-tabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.cosmetic-tab{align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);font-size:var(--text-sm);white-space:nowrap;transition:background-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);padding:.5rem 1rem;font-weight:500;display:inline-flex}.cosmetic-tab svg{width:1.125rem;height:1.125rem}.cosmetic-tab--idle{background:var(--color-surface-interactive);color:var(--color-text-secondary)}[data-theme=dark] .cosmetic-tab--idle{background:var(--color-surface-interactive-dark);color:var(--color-text-muted-dark)}.cosmetic-tab--selected{background:var(--color-primary-600);color:var(--color-text-inverse);box-shadow:var(--shadow-lg)}.cosmetic-card{transition:box-shadow var(--duration-fast) var(--ease-out);border-width:2px;position:relative;overflow:hidden}.cosmetic-card:hover{box-shadow:var(--shadow-xl)}.cosmetic-card--equipped{box-shadow:0 0 0 2px var(--color-primary-500), 0 0 0 4px var(--color-surface)}.cosmetic-card--common{background:var(--color-surface-interactive);border-color:var(--color-border-default)}[data-theme=dark] .cosmetic-card--common{background:var(--color-surface-interactive-dark);border-color:var(--color-border-subtle-dark)}.cosmetic-card--uncommon{background:var(--color-secondary-50);border-color:var(--color-secondary-300)}[data-theme=dark] .cosmetic-card--uncommon{background:color-mix(in oklab, var(--color-secondary-900) 20%, var(--color-surface));border-color:var(--color-secondary-700)}.cosmetic-card--rare{background:color-mix(in oklab, var(--color-primary-200) 40%, var(--color-surface));border-color:var(--color-primary-300)}[data-theme=dark] .cosmetic-card--rare{background:color-mix(in oklab, var(--color-primary-800) 30%, var(--color-surface));border-color:var(--color-primary-700)}.cosmetic-card--epic,.cosmetic-card--legendary{background:var(--color-primary-50);border-color:var(--color-primary-300)}[data-theme=dark] .cosmetic-card--epic,[data-theme=dark] .cosmetic-card--legendary{background:color-mix(in oklab, var(--color-primary-900) 20%, var(--color-surface));border-color:var(--color-primary-700)}.cosmetic-card__flag{top:var(--space-3);right:var(--space-3);z-index:1;position:absolute}.cosmetic-swatch{border-radius:var(--radius-xl);width:3.5rem;height:3.5rem;font-size:var(--text-3xl);flex:none;justify-content:center;align-items:center;display:flex}.cosmetic-swatch--card{background:var(--color-primary-100)}[data-theme=dark] .cosmetic-swatch--card{background:color-mix(in oklab, var(--color-primary-900) 50%, transparent)}.cosmetic-swatch--background{border:1px solid var(--color-border);border-radius:var(--radius-md)}.cosmetic-rarity{font-size:var(--text-xs);font-weight:500}.cosmetic-rarity--common{color:var(--color-text-secondary)}[data-theme=dark] .cosmetic-rarity--common{color:var(--color-text-muted-dark)}.cosmetic-rarity--uncommon{color:var(--color-secondary-600)}[data-theme=dark] .cosmetic-rarity--uncommon{color:var(--color-secondary-400)}.cosmetic-rarity--rare,.cosmetic-rarity--epic,.cosmetic-rarity--legendary{color:var(--color-primary-600)}[data-theme=dark] .cosmetic-rarity--rare,[data-theme=dark] .cosmetic-rarity--epic,[data-theme=dark] .cosmetic-rarity--legendary{color:var(--color-primary-400)}.social-row{align-items:center;gap:var(--space-3);min-width:0;display:flex}.social-icon{border-radius:var(--radius-lg);width:2.5rem;height:2.5rem;color:var(--color-text-inverse);flex:none;place-items:center;display:grid}.social-icon--sm{border-radius:var(--radius-md);width:2.25rem;height:2.25rem}.social-icon svg{width:1.125rem;height:1.125rem}.social-icon--sm svg{width:1rem;height:1rem}.social-icon--twitter{background:var(--color-surface-interactive);color:var(--color-text-secondary)}[data-theme=dark] .social-icon--twitter{background:var(--color-surface-interactive-dark);color:var(--color-text-muted-dark)}.social-icon--instagram{background:linear-gradient(135deg, var(--color-primary-600), var(--color-primary-700));color:var(--color-text-inverse)}.social-icon--tiktok{background:var(--color-neutral-950);color:var(--color-text-inverse)}[data-theme=dark] .social-icon--tiktok{background:var(--color-surface-card);color:var(--color-text-primary)}.social-icon--youtube{background:var(--color-danger-600);color:var(--color-text-inverse)}.social-icon--github{background:var(--color-surface-interactive-dark);color:var(--color-text-inverse)}[data-theme=dark] .social-icon--github{background:var(--color-surface-card);color:var(--color-text-primary)}.social-icon--discord{background:var(--color-brand-discord);color:var(--color-text-inverse)}.social-dropdown__chevron{width:1rem;height:1rem;transition:transform var(--duration-fast) var(--ease-out);flex:none}.social-dropdown__chevron--open{transform:rotate(180deg)}.social-dropdown{z-index:var(--z-dropdown);padding:var(--space-1-5);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);position:fixed}.social-dropdown__option{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);width:100%;color:var(--color-text);font-size:var(--text-sm);text-align:left;transition:background-color var(--duration-base) var(--ease-out);padding:.5rem .75rem;display:flex}.social-dropdown__option:hover{background:var(--color-surface)}.social-dropdown__label{font-weight:500}.landing-section{padding-block:clamp(3.5rem,8vw,6rem);position:relative}.landing-header{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;max-width:56ch;margin-inline:auto;display:flex}.landing-header h2{font-size:clamp(var(--text-3xl), 4.5vw, var(--text-4xl));margin:0}.landing-header p{color:var(--color-text-secondary);max-width:52ch;margin:0;font-size:1.0625rem;line-height:1.7}.landing-hero{padding-block:clamp(3rem,7vw,5.5rem);position:relative;overflow:clip}@media (prefers-reduced-motion:no-preference){.landing-hero .q-spotlight{animation:ember-breathe 9s var(--ease-in-out) infinite}}@keyframes ember-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.78;transform:scale(1.08)}}.landing-hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}@media (width<=900px){.landing-hero__grid{grid-template-columns:minmax(0,1fr)}}.landing-hero__content{gap:var(--space-3-5);flex-direction:column;display:flex}.landing-hero h1{margin:0;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.08}.landing-hero h1+*{margin-top:var(--space-4)}.landing-hero__accent{color:var(--color-primary)}.landing-hero__lead{color:var(--color-text-secondary);max-width:46ch;margin:0;font-size:1.125rem;line-height:1.6}.landing-hero__lead strong{color:var(--color-text)}.landing-hero__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.landing-hero__proof{align-items:center;gap:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.landing-hero__avatars{align-items:center;display:flex}.landing-hero__avatar{border-radius:var(--radius-full);border:2px solid var(--color-surface);place-items:center;width:2rem;height:2rem;font-size:.75rem;font-weight:700;display:grid}.landing-hero__avatar+.landing-hero__avatar{margin-left:calc(-1 * var(--space-2))}.landing-hero__avatar:first-child{background:var(--color-primary-500);color:var(--color-text-inverse)}.landing-hero__avatar:nth-child(2){background:var(--color-secondary-500);color:var(--color-text-inverse)}.landing-hero__avatar:nth-child(3){color:var(--color-text-inverse);background:oklch(77% .16 70)}.landing-hero__avatar:nth-child(4){color:var(--color-text-inverse);background:oklch(72% .12 350)}.landing-hero__proof-copy{margin:0}.landing-hero__proof-copy strong{color:var(--color-text);font-variant-numeric:tabular-nums}.landing-hero__tagline{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.mock-app{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-surface-card);box-shadow:var(--shadow-xl);flex-direction:column;display:flex}.mock-app__panel{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-raised);flex-direction:column;display:flex}.mock-app__stats{align-items:center;gap:var(--space-3);grid-template-columns:auto 1fr auto;display:grid}.mock-app__stat{gap:var(--space-0-5);flex-direction:column;min-width:0;display:flex}.mock-app__stat--end{text-align:right}.mock-app__icon svg{width:1.25rem;height:1.25rem}.mock-app__label{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);font-weight:700}.mock-app__value{font-family:var(--font-display);color:var(--color-text);font-weight:700}.mock-app__value--big{font-size:var(--text-xl)}.mock-app__head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.mock-app__title{color:var(--color-text);font-weight:700}.mock-app__meta{margin-top:var(--space-0-5);font-size:var(--text-xs);color:var(--color-text-muted)}.mock-app__live{align-items:center;gap:var(--space-1-5);font-size:var(--text-xs);color:var(--color-success);font-weight:700;display:inline-flex}.mock-app__live:before{content:"";border-radius:var(--radius-full);background:var(--color-success);width:.5rem;height:.5rem}.mock-app__rows{gap:var(--space-2);flex-direction:column;display:flex}.mock-app__row{align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-raised);display:flex}.mock-app__row--me{background:var(--color-primary-800)}.mock-app__rank{border-radius:var(--radius-sm);background:var(--color-surface-card);width:1.25rem;height:1.25rem;color:var(--color-text-secondary);flex:none;place-items:center;font-size:.625rem;font-weight:800;display:grid}.mock-app__row--me .mock-app__rank{background:color-mix(in oklab, var(--color-surface-card) 30%, transparent);color:var(--color-text-inverse)}.mock-app__avatar{border-radius:var(--radius-full);background:var(--color-surface-card);width:1.75rem;height:1.75rem;color:var(--color-text-secondary);flex:none;place-items:center;font-size:.625rem;font-weight:800;display:grid}.mock-app__row--me .mock-app__avatar{background:color-mix(in oklab, var(--color-primary-600) 40%, transparent);color:var(--color-text-inverse)}.mock-app__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-xs);color:var(--color-text);flex:1;font-weight:700;overflow:hidden}.mock-app__row--me .mock-app__name{color:var(--color-text-inverse)}.mock-app__days{font-size:var(--text-xs);color:var(--color-primary);flex:none;font-weight:800}.mock-app__row--me .mock-app__days{color:var(--color-text-inverse)}.mock-app__achievement{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid color-mix(in oklab, var(--color-primary) 25%, transparent);background:color-mix(in oklab, var(--color-primary) 10%, transparent);display:flex}.mock-app__achievement-icon{border-radius:var(--radius-sm);width:2.5rem;height:2.5rem;color:var(--color-warning);background:color-mix(in oklab, var(--color-warning) 14%, transparent);flex:none;place-items:center;display:grid}.mock-app__achievement-icon svg{width:1.25rem;height:1.25rem}.mock-app__achievement-text{gap:var(--space-0-5);flex-direction:column;flex:1;display:flex}.mock-app__achievement-name{color:var(--color-text);font-weight:700}.mock-app__achievement-status{font-size:var(--text-xs);color:var(--color-primary);font-weight:700}.mock-app__checkin{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid color-mix(in oklab, var(--color-border) 70%, transparent);display:flex}.mock-app__checkin-label{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);font-weight:700}.mock-app__checkin .checkin-done{min-width:4.25rem}.feature-card{gap:var(--space-4);background:var(--color-surface-card);height:100%;transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);flex-direction:column;display:flex}.feature-card:hover{border-color:var(--color-border);box-shadow:none}.feature-card__icon svg{stroke-width:1.5px;width:1.25rem;height:1.25rem}.feature-card h3{font-size:var(--text-xl);margin:0}.feature-card__copy{color:var(--color-text-secondary);margin:0;line-height:1.7}.feature-card__copy a{color:var(--color-primary);text-underline-offset:2px;text-decoration:underline}.feature-card__action{align-items:center;gap:var(--space-1-5);color:var(--color-primary);margin-top:auto;font-weight:600;display:inline-flex}.feature-card__action svg{width:1rem;height:1rem}.landing-section .grid>.scroll-reveal{height:100%;display:flex}.landing-section .grid .feature-card{flex:1;min-width:0}.landing-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}@media (width<=900px){.landing-split{grid-template-columns:minmax(0,1fr)}}.landing-split__copy{gap:var(--space-5);flex-direction:column;display:flex}.landing-split__copy h2{max-width:18ch;margin:0}.howto-step{align-items:flex-start;gap:var(--space-3);display:flex}.howto-step__icon{border-radius:var(--radius-sm);width:2.5rem;height:2.5rem;color:var(--color-primary);background:color-mix(in oklab, var(--color-primary) 14%, transparent);flex:none;place-items:center;display:grid}.howto-step__icon svg{width:1.25rem;height:1.25rem}.howto-step__body{flex-direction:column;gap:.25rem;display:flex}.howto-step__body h3{font-size:var(--text-lg);margin:0}.howto-step__body p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0;line-height:1.6}.howto-mock{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-surface-card);box-shadow:var(--shadow-xl);flex-direction:column;display:flex}.howto-mock__profile{align-items:center;gap:var(--space-3);display:flex}.howto-mock__avatar{border-radius:var(--radius-full);width:3rem;height:3rem;font-size:var(--text-sm);color:var(--color-text-inverse);background:linear-gradient(135deg, var(--color-primary-500), var(--color-primary-700));flex:none;place-items:center;font-weight:700;display:grid;position:relative}.howto-mock__avatar-dot{border-radius:var(--radius-full);border:2px solid var(--color-surface-card);background:var(--color-success);width:.75rem;height:.75rem;position:absolute;bottom:0;right:0}.howto-mock__toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-raised);display:flex}.howto-mock__toast-icon{border-radius:var(--radius-full);width:2rem;height:2rem;color:var(--color-success);background:color-mix(in oklab, var(--color-success) 14%, transparent);flex:none;place-items:center;display:grid}.howto-mock__toast-icon svg{width:1.125rem;height:1.125rem}.howto-mock__toast-body{flex-direction:column;gap:.25rem;display:flex}.howto-mock__toast-body strong{color:var(--color-text)}.howto-mock__toast-body p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.howto-mock__card{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;display:flex}.howto-mock__card h3{font-size:var(--text-lg);margin:0}.howto-mock__card p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.howto-mock__card a{color:var(--color-primary);text-underline-offset:2px;align-self:flex-start;font-weight:600;text-decoration:underline}.landing-stat{gap:var(--space-3);background:var(--color-surface-card);flex-direction:column;height:100%;display:flex}.landing-stat__head{align-items:center;gap:var(--space-3);display:flex}.landing-stat__value{font-family:var(--font-display);font-size:clamp(var(--text-3xl), 4vw, var(--text-5xl));letter-spacing:-.02em;color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.landing-stat__label{font-size:var(--text-sm);color:var(--color-text);margin:0;font-weight:700}.landing-stat__desc{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0;line-height:1.6}.landing-stat__progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary-500), var(--color-secondary-500));width:95%;height:100%}.landing-impact__copy{max-width:52ch;color:var(--color-text-secondary);text-align:center;margin:0 auto;font-size:1.125rem;line-height:1.6}.landing-impact__copy strong{color:var(--color-text)}.landing-impact__actions{justify-content:center;display:flex}.impact-grid{align-items:stretch}.impact-card{align-items:center;gap:var(--space-2);background:var(--color-surface-card);text-align:center;flex-direction:column;display:flex}.impact-card__emoji{font-size:1.75rem;line-height:1}.impact-card__value{font-family:var(--font-display);font-size:clamp(var(--text-3xl), 4vw, var(--text-4xl));letter-spacing:-.03em;color:var(--color-text);font-weight:800;line-height:1.1}.impact-card__label{font-size:var(--text-sm);color:var(--color-text-secondary)}.pricing-plan{--card-radius:var(--radius-xl);--card-padding:clamp(1.5rem, 3vw, 2rem);--card-shadow:var(--shadow-sm);gap:var(--space-5);background:var(--color-surface-card);transition:transform var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.pricing-plan--featured{border-color:var(--color-border);background:var(--color-surface-card);box-shadow:var(--shadow-sm)}.pricing-plan--disabled{opacity:.6;filter:grayscale(.5)}.pricing-plan__badge{top:var(--space-4);right:var(--space-4);padding:var(--space-1) var(--space-2-5);border-radius:var(--radius-pill);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-on-primary);background:var(--color-primary);border:1px solid color-mix(in oklab, var(--color-primary) 30%, transparent);font-weight:700;position:absolute}.pricing-plan__name{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);align-items:center;gap:.5rem;margin:0;font-weight:700;display:inline-flex}.pricing-plan--featured .pricing-plan__name{color:var(--color-text)}.pricing-plan__name svg{width:1.25rem;height:1.25rem;color:var(--color-primary)}.pricing-plan__price{align-items:baseline;gap:.5rem;display:flex}.pricing-plan__amount{font-family:var(--font-display);font-size:clamp(var(--text-4xl), 5vw, var(--text-5xl));letter-spacing:-.03em;color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.pricing-plan--featured .pricing-plan__amount{color:var(--color-text)}.pricing-plan__period{color:var(--color-text-muted);font-weight:600}.pricing-plan--featured .pricing-plan__period{color:var(--color-text-muted)}.pricing-plan__desc{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0;line-height:1.6}.pricing-plan--featured .pricing-plan__desc{color:var(--color-text-secondary)}.pricing-plan__features{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pricing-plan__features li{align-items:center;gap:.75rem;display:flex}.pricing-plan__features svg{stroke-width:1.75px;width:1rem;height:1rem;color:var(--color-primary);flex:none}.pricing-plan--featured .pricing-plan__features svg{color:var(--color-primary)}.pricing-plan__features span{font-size:var(--text-sm);color:var(--color-text)}.pricing-plan--featured .pricing-plan__features span{color:var(--color-text)}.pricing-plan__features .pricing-plan__feature--muted svg,.pricing-plan__features .pricing-plan__feature--muted span{color:var(--color-text-muted)}.pricing-plan__features .pricing-plan__feature--muted span,.pricing-plan__features span.pricing-plan__feature--muted{text-decoration:line-through}.pricing-plan__footer{margin-top:auto}.pricing-note{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;max-width:56ch;margin-inline:auto;display:flex}.pricing-note__copy{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0;line-height:1.7}.pricing-note__copy strong{color:var(--color-text)}.pricing-note a{color:var(--color-primary);text-underline-offset:2px;font-weight:600;text-decoration:underline}.landing-cta__panel{padding:clamp(calc(var(--space-6) + var(--space-2)), 6vw, var(--space-8));border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-surface-card);text-align:center;position:relative;overflow:hidden}.landing-cta__inner{z-index:1;align-items:center;gap:var(--space-4);flex-direction:column;max-width:46ch;margin-inline:auto;display:flex;position:relative}.landing-cta__inner h2{margin:0}.landing-cta__inner p{color:var(--color-text-secondary);margin:0;line-height:1.7}.footer__grid{grid-template-columns:2fr 1fr 1fr 1fr}@media (width<=900px){.footer__grid{grid-template-columns:1fr 1fr}}.footer__brand{max-width:28ch}.footer__brand p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.footer__col h3{margin:0 0 var(--space-3);font-size:var(--text-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text);font-weight:700}.footer__col ul{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer__col a{color:var(--color-text-secondary);font-weight:500;text-decoration:none}.footer__col a:hover{color:var(--color-primary)}.app-store-btn{padding:var(--space-2-5) calc(var(--space-4) + var(--space-0-5));border-radius:var(--radius-md);background:var(--color-neutral-950);color:var(--color-text-inverse);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out);user-select:none;align-items:center;gap:.75rem;display:inline-flex;position:relative}.app-store-btn:hover{opacity:.9}.app-store-btn svg{width:1.75rem;height:1.75rem}.app-store-btn__text{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.app-store-btn__text span:first-child{font-size:var(--text-xs);opacity:.85}.app-store-btn__text strong{font-size:var(--text-base);letter-spacing:-.01em;font-weight:700}.app-store-btn__soon{top:calc(-1 * var(--space-2));right:calc(-1 * var(--space-2));border-radius:var(--radius-pill);letter-spacing:.06em;text-transform:uppercase;color:var(--color-on-primary);background:var(--color-primary);padding:.25rem .5rem;font-size:.625rem;font-weight:700;position:absolute}.ios-modal__icon{border-radius:var(--radius-md);background:var(--color-neutral-950);width:3rem;height:3rem;color:var(--color-text-inverse);flex:none;place-items:center;display:grid}.ios-modal__icon svg{width:1.5rem;height:1.5rem}.ios-modal__head{align-items:center;gap:var(--space-3);padding-right:var(--space-5);display:flex}.ios-modal__head h3{font-size:var(--text-xl);margin:0}.ios-modal__section{gap:var(--space-2);flex-direction:column;display:flex}.ios-modal__section p{margin:0}.ios-modal__steps{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ios-modal__steps li{gap:var(--space-3);display:flex}.ios-modal__steps li>span:first-child{color:var(--color-primary);flex:none;font-weight:700}.ios-modal__benefits{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ios-modal__benefits li{align-items:center;gap:var(--space-2-5);display:flex}.ios-modal__benefits li>span:first-child{color:var(--color-success);flex:none;font-weight:700}.ios-modal__note{align-items:flex-start}.ios-modal__note p{margin:0}.ios-modal__footer-note{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.scroll-reveal{transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out)}html.js .scroll-reveal:not(.scroll-reveal--visible){opacity:0;transform:translateY(2rem)}html.js .scroll-reveal--visible{opacity:1;transform:translateY(0)}.landing-hero-wrap{isolation:isolate;position:relative;overflow:clip}.landing-hero__bg{z-index:-1;pointer-events:none;background-image:radial-gradient(80% 60% at 20% 20%,light-dark(oklch(93% .04 55/.08),oklch(50% .1 50/.12)),#0000 60%),radial-gradient(60% 50% at 80% 80%,light-dark(oklch(62% .13 285/.06),oklch(50% .11 285/.1)),#0000 50%),radial-gradient(50% 40%,light-dark(oklch(97% .02 55/.11),oklch(45% .08 45/.14)),#0000 40%);background-size:200% 200%;position:absolute;inset:0}.landing-announce{padding-top:clamp(var(--space-4-5), 3vw, var(--space-6));justify-content:center;display:flex}.landing-announce__inner{align-items:center;gap:var(--space-3);border:1px solid color-mix(in oklab, var(--color-border) 70%, transparent);border-radius:var(--radius-pill);background:color-mix(in oklab, var(--color-surface-card) 92%, transparent);max-width:100%;padding:.4rem .9rem .4rem .45rem;display:inline-flex}.landing-announce__badge{border-radius:var(--radius-full);width:1.625rem;height:1.625rem;color:var(--color-text-muted);background:var(--color-surface-raised);border:1px solid var(--color-border);flex:none;place-items:center;display:grid}.landing-announce__badge svg{width:.875rem;height:.875rem}.landing-announce__text{font-size:var(--text-sm);color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;display:flex}.landing-announce__text a{color:var(--color-primary);align-items:center;gap:.25rem;font-weight:600;display:inline-flex}.landing-announce__text a svg{width:.875rem;height:.875rem}.feature-card__list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.feature-card__list li{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.feature-card__list li svg{width:1.125rem;height:1.125rem;color:var(--color-primary);flex-shrink:0}.landing-community{overflow:clip}.landing-community__bg{z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 25%,light-dark(oklch(70% .2 50/.35),oklch(55% .16 45/.22)) 0%,#0000 50%),radial-gradient(circle at 75%,light-dark(oklch(62% .14 285/.28),oklch(50% .12 285/.2)) 0%,#0000 50%);position:absolute;inset:0}.landing-community__inner{align-items:center;gap:var(--space-3-5);text-align:center;flex-direction:column;max-width:48ch;margin-inline:auto;display:flex}.landing-community__inner h2+*{margin-top:var(--space-4)}.landing-community__inner h2{font-size:clamp(var(--text-3xl), 4.5vw, var(--text-4xl));margin:0;line-height:1.15}.landing-community__inner>p{color:var(--color-text-secondary);margin:0;font-size:1.0625rem;line-height:1.6}.landing-community__icons{gap:var(--space-4);display:flex}.landing-community__icon{border-radius:var(--radius-lg);width:3rem;height:3rem;color:var(--color-on-brand);place-items:center;display:grid}.landing-community__icon svg{width:1.5rem;height:1.5rem}.landing-community__icon--discord{background:var(--color-brand-discord)}.landing-community__icon--reddit{background:var(--color-brand-reddit)}.landing-community__actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.testimonial-card{gap:var(--space-4);background:var(--color-surface-card);flex-direction:column;height:100%;display:flex}.testimonial-card__quote{color:var(--color-text);margin:0;font-size:1.0625rem;line-height:1.6}.store-buttons{gap:var(--space-3);flex-wrap:wrap;display:flex}.store-btn{padding:var(--space-2-5) calc(var(--space-4) + var(--space-0-5));border-radius:var(--radius-md);background:var(--color-neutral-950);color:var(--color-text-inverse);transition:opacity var(--duration-fast) var(--ease-out);align-items:center;gap:.75rem;display:inline-flex}.store-btn:hover{opacity:.9}.store-btn svg{width:1.75rem;height:1.75rem}.store-btn__text{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.store-btn__text>span{font-size:var(--text-xs);opacity:.85}.store-btn__text strong{font-size:var(--text-base);letter-spacing:-.01em;font-weight:700}.mobile-mock{justify-content:center;display:flex;position:relative}.mobile-mock__screen{gap:var(--space-4);width:min(100%,17rem);padding:var(--space-4);border:1px solid var(--color-border);background:var(--color-surface-card);box-shadow:var(--shadow-xl);border-radius:2.25rem;flex-direction:column;display:flex}.mobile-mock__header{align-items:center;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);display:flex}.mobile-mock__header strong{font-size:var(--text-lg);color:var(--color-text)}.mobile-mock__streak{gap:var(--space-0-5);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-raised);flex-direction:column;display:flex}.mobile-mock__streak-value{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--color-primary);font-weight:800;line-height:1}.mobile-mock__streak-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.mobile-mock__row{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-raised);font-size:var(--text-sm);color:var(--color-text-secondary);padding:.75rem;display:flex}.mobile-mock__check{width:1.125rem;height:1.125rem;color:var(--color-success);flex:none}.mobile-mock__row--push{border:1px solid var(--color-border);background:var(--color-surface-card)}.mobile-mock__bell{border-radius:var(--radius-full);background:var(--color-primary);flex:none;width:.625rem;height:.625rem}.container>main+footer{margin-top:var(--space-7);padding-block:var(--space-5);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm)}.apex-cta__title{margin-bottom:var(--space-3)}.card>h3+.stack{margin-top:var(--space-3)}.grid>div>h3+p{margin-top:var(--space-2-5)}.tablist--sub{column-gap:var(--space-1);border-bottom:0;padding-bottom:0}.tablist--sub .tab{font-size:var(--text-sm);padding:var(--space-1-5) var(--space-2-5)}