@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/bricolage-grotesque-latin-Cre6nC2_.woff2) format("woff2")}:root{color-scheme:light dark;--paper: #f3f0e8;--paper-raised: rgba(255, 255, 255, .72);--paper-sunken: #e9e5da;--paper-overlay: rgba(23, 24, 25, .44);--ink: #171819;--ink-muted: #5d5f61;--ink-subtle: #8d8f92;--ink-on-accent: #171819;--coral: #ff675c;--coral-ink: #c4382e;--coral-soft: #ffe4e1;--violet: #8c80f7;--violet-ink: #5b4ed6;--violet-soft: #e8e5fd;--mint: #51bfa9;--mint-ink: #1e7a68;--mint-soft: #dcf1ec;--amber: #eab85a;--amber-ink: #8a6212;--amber-soft: #fbf0d8;--energy: var(--coral);--energy-ink: var(--coral-ink);--energy-soft: var(--coral-soft);--clear: var(--mint);--clear-ink: var(--mint-ink);--clear-soft: var(--mint-soft);--maybe: var(--amber);--maybe-ink: var(--amber-ink);--maybe-soft: var(--amber-soft);--unclear: var(--violet);--unclear-ink: var(--violet-ink);--unclear-soft: var(--violet-soft);--line: rgba(23, 24, 25, .12);--line-strong: rgba(23, 24, 25, .24);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm: .5rem;--radius-md: .875rem;--radius-lg: 1.5rem;--radius-pill: 999px;--radius-organic: 42% 58% 54% 46% / 52% 44% 56% 48%;--radius-soft-corner: 1.75rem 1.25rem 1.75rem 1.25rem;--shadow-float: 0 2px 6px rgba(23, 24, 25, .04), 0 20px 40px -24px rgba(23, 24, 25, .22);--shadow-node: 0 1px 2px rgba(23, 24, 25, .06), 0 12px 28px -16px rgba(23, 24, 25, .3);--text-xs: .78rem;--text-sm: .9rem;--text-md: 1rem;--text-lg: 1.15rem;--text-xl: clamp(1.35rem, 1.1rem + 1.2vw, 1.8rem);--text-2xl: clamp(1.8rem, 1.2rem + 2.6vw, 2.9rem);--text-word: clamp(1.75rem, 1.1rem + 3.6vw, 3.1rem);--font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--touch: 2.75rem;--motion-fast: .14s;--motion-base: .26s;--motion-slow: .52s;--motion-node: .56s;--motion-breath: 5.2s;--ease-soft: cubic-bezier(.22, .61, .36, 1);--ease-spring: cubic-bezier(.34, 1.42, .64, 1)}@media (prefers-color-scheme: dark){:root{--paper: #131211;--paper-raised: rgba(255, 255, 255, .07);--paper-sunken: #0c0b0a;--paper-overlay: rgba(4, 4, 4, .66);--ink: #f2efe7;--ink-muted: #a8a49b;--ink-subtle: #7c7973;--ink-on-accent: #131211;--coral: #f2635a;--coral-ink: #ff9a92;--coral-soft: #35201e;--violet: #8d82ee;--violet-ink: #b3aaff;--violet-soft: #221f36;--mint: #4fb8a3;--mint-ink: #7fd6c3;--mint-soft: #16302b;--amber: #ddac53;--amber-ink: #e9c67f;--amber-soft: #322612;--line: rgba(242, 239, 231, .14);--line-strong: rgba(242, 239, 231, .28);--shadow-float: 0 2px 6px rgba(0, 0, 0, .5), 0 20px 40px -24px rgba(0, 0, 0, .8);--shadow-node: 0 1px 2px rgba(0, 0, 0, .5), 0 12px 28px -16px rgba(0, 0, 0, .75)}}:root[data-reduce-motion=true]{--motion-fast: 0ms;--motion-base: 0ms;--motion-slow: 0ms;--motion-node: 0ms}:root[data-reduce-motion=true] *,:root[data-reduce-motion=true] *:before,:root[data-reduce-motion=true] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}@media (prefers-reduced-motion: reduce){:root{--motion-fast: 0ms;--motion-base: 0ms;--motion-slow: 0ms;--motion-node: 0ms}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;min-height:100dvh;font-family:var(--font-body);font-size:var(--text-md);line-height:1.55;color:var(--ink);background:radial-gradient(680px 520px at var(--light-x, 30%) var(--light-y, 20%),color-mix(in srgb,var(--energy-soft) 45%,var(--paper)),transparent 68%),radial-gradient(600px 420px at 94% 100%,var(--paper-sunken),transparent 62%),var(--paper);background-attachment:fixed;transition:background-position var(--motion-slow) var(--ease-soft)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}h1,h2,h3{margin:0;line-height:1.15;font-family:var(--font-display);font-weight:700;letter-spacing:-.025em}p{margin:0}button{font:inherit;color:inherit}input,select,textarea,progress{accent-color:var(--energy)}:focus-visible{outline:3px solid var(--energy);outline-offset:2px;border-radius:var(--radius-sm)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.app__main{flex:1;width:100%;max-width:46rem;margin:0 auto;padding:calc(var(--space-5) + env(safe-area-inset-top)) calc(var(--space-4) + env(safe-area-inset-right)) calc(var(--space-7) + env(safe-area-inset-bottom)) calc(var(--space-4) + env(safe-area-inset-left));display:flex;flex-direction:column;gap:var(--space-5)}.app>.topbar.app__main+.app__main{padding-top:var(--space-4)}.topbar{position:sticky;top:0;z-index:10;display:flex;flex-direction:row;align-items:center;gap:var(--space-3);min-height:var(--touch);background:color-mix(in srgb,var(--paper) 82%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar__title{font-size:var(--text-sm);color:var(--ink-muted);letter-spacing:.02em;text-transform:uppercase}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack--tight{gap:var(--space-2)}.stack--loose{gap:var(--space-6)}.row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.row--between{justify-content:space-between}.card{position:relative;background:var(--paper-raised);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.45);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-float)}.card--quiet{background:color-mix(in srgb,var(--paper-raised) 70%,transparent);box-shadow:none;border:1px solid var(--line)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch);min-width:var(--touch);padding:0 var(--space-5);border:1px solid transparent;border-radius:var(--radius-pill);background:var(--paper-raised);box-shadow:var(--shadow-float);cursor:pointer;text-align:center;transition:transform var(--motion-fast) var(--ease-soft),background-color var(--motion-fast) var(--ease-soft),box-shadow var(--motion-fast) var(--ease-soft)}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.button--primary{background:var(--energy);color:var(--ink-on-accent);font-weight:680;border-color:transparent}.button--primary:hover:not(:disabled){box-shadow:var(--shadow-node),0 0 0 5px var(--energy-soft)}.button--large{border-radius:var(--radius-soft-corner);font-family:var(--font-display)}.button--large{min-height:3.5rem;font-size:var(--text-lg);padding:0 var(--space-6);width:100%}.button--quiet{background:transparent;box-shadow:none;border-color:var(--line-strong)}.button--ghost{background:transparent;box-shadow:none;border-color:transparent;color:var(--ink-muted);padding:0 var(--space-3);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}.choice{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);width:100%;padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-raised);box-shadow:var(--shadow-float);cursor:pointer;text-align:left;transition:transform var(--motion-fast) var(--ease-soft),border-color var(--motion-fast) var(--ease-soft)}.choice:hover:not(:disabled){transform:translateY(-2px);border-color:var(--energy)}.choice:disabled{opacity:.6;cursor:not-allowed}.choice__title{font-size:var(--text-lg);font-weight:620}.choice__hint{font-size:var(--text-sm);color:var(--ink-muted)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:var(--text-sm);font-weight:600;color:var(--ink-muted)}.field__hint{font-size:var(--text-xs);color:var(--ink-subtle)}.input,.select,.textarea{width:100%;min-height:var(--touch);padding:var(--space-3) var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--paper-raised);color:var(--ink);font:inherit}.textarea{min-height:5.5rem;resize:vertical}.input--word{font-size:var(--text-xl);font-weight:600;text-align:center;min-height:3.75rem;letter-spacing:.01em}.input[aria-invalid=true]{border-color:var(--unclear-ink)}.switch{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--touch);padding:var(--space-2) 0;cursor:pointer}.switch__text{display:flex;flex-direction:column}.switch__hint{font-size:var(--text-xs);color:var(--ink-subtle)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{min-height:var(--touch);padding:0 var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:transparent;cursor:pointer;font-size:var(--text-sm)}.chip[aria-pressed=true]{background:var(--energy-soft);border-color:var(--energy);color:var(--energy-ink);font-weight:600}.stream{display:flex;flex-direction:column;gap:var(--space-3)}.stream__track{list-style:none;margin:0;padding:var(--space-4) 0 var(--space-2);display:flex;flex-direction:column;gap:0;overflow-x:clip}.stream__earlier{align-self:flex-start;font-size:var(--text-xs);color:var(--ink-subtle);padding-left:var(--space-2)}.stream__item{display:flex;flex-direction:column;align-items:flex-start;padding-left:calc(var(--space-4) * var(--step, 0));transition:opacity var(--motion-node) var(--ease-soft),transform var(--motion-node) var(--ease-soft)}.stream__item[data-depth="0"]{--depth: 0}.stream__item[data-depth="1"]{--depth: 1;opacity:.82}.stream__item[data-depth="2"]{--depth: 2;opacity:.62}.stream__item[data-depth="3"]{--depth: 3;opacity:.45}.stream__item[data-depth="4"]{--depth: 4;opacity:.32}.stream__thread{width:2px;height:var(--space-5);margin-left:var(--space-5);background:var(--line-strong);border-radius:var(--radius-pill);transform-origin:top center;animation:thread-grow var(--motion-node) var(--ease-soft) both}.stream__thread--explained{background:repeating-linear-gradient(to bottom,var(--energy) 0 6px,transparent 6px 10px)}.stream__thread--dashed{background:repeating-linear-gradient(to bottom,var(--line-strong) 0 4px,transparent 4px 9px)}@keyframes thread-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.stream__node{display:inline-flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-5);background:var(--paper-raised);border-radius:var(--radius-soft-corner);box-shadow:var(--shadow-node);border:1px solid rgba(255,255,255,.5);max-width:100%}.stream__word{font-family:var(--font-display);font-size:var(--text-lg);font-weight:650;letter-spacing:-.02em;overflow-wrap:anywhere}.stream__meta{font-size:var(--text-xs);color:var(--ink-subtle)}.stream__node--start{background:transparent;box-shadow:none;border-color:var(--line);border-style:dashed}.stream__node--hidden{color:var(--ink-subtle);font-style:italic}.stream__item[data-latest=true] .stream__node{padding:var(--space-4) var(--space-6);box-shadow:var(--shadow-node),0 0 0 6px var(--energy-soft);animation:node-breathe var(--motion-breath) ease-in-out infinite}.stream__item[data-latest=true] .stream__word{font-size:var(--text-word);font-weight:700;line-height:1.05}@keyframes node-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012)}}.stream__item[data-latest=true],.stream__item[data-pending=true]{animation:node-arrive var(--motion-node) var(--ease-spring) both}@keyframes node-arrive{0%{opacity:0;transform:translateY(var(--space-4)) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.stream__node--pending{border-style:dashed;border-color:var(--line-strong);background:transparent;box-shadow:none}.stream__end{height:1px;list-style:none}.stream__target{display:flex;align-items:baseline;gap:var(--space-3);align-self:flex-start;padding:var(--space-2) var(--space-4);border:1px dashed var(--line-strong);border-radius:var(--radius-pill)}.stream__target-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-subtle)}.stream__target-word{font-family:var(--font-display);font-weight:650}.turn{display:flex;flex-direction:column;gap:var(--space-4)}.turn__prompt{font-size:var(--text-sm);color:var(--ink-muted)}.turn__word{font-size:var(--text-word);font-weight:680;letter-spacing:-.02em;line-height:1.1}.turn__player{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--energy-soft);color:var(--energy-ink);font-size:var(--text-sm);font-weight:600}.thinking{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--ink-muted);font-size:var(--text-sm)}.thinking__dot{width:.4rem;height:.4rem;border-radius:50%;background:var(--energy);animation:dot-pulse 1.2s var(--ease-soft) infinite}.thinking__dot:nth-child(2){animation-delay:.15s}.thinking__dot:nth-child(3){animation-delay:.3s}@keyframes dot-pulse{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.assessment{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid transparent}.assessment--clear{background:var(--clear-soft);color:var(--clear-ink)}.assessment--explanation_required{background:var(--maybe-soft);color:var(--maybe-ink)}.assessment--unclear{background:var(--unclear-soft);color:var(--unclear-ink)}.assessment__label{display:flex;align-items:center;gap:var(--space-2);font-weight:650;font-size:var(--text-sm);letter-spacing:.01em}.assessment__mark{font-size:var(--text-lg);line-height:1}.assessment__reasons{margin:0;padding-left:var(--space-5);font-size:var(--text-sm);display:flex;flex-direction:column;gap:var(--space-1)}.assessment__note{font-size:var(--text-xs);opacity:.85}.vote{display:flex;flex-direction:column;gap:var(--space-4)}.vote__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:var(--space-3)}.vote__option{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-height:4rem;padding:var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--paper-raised);cursor:pointer}.vote__option[aria-pressed=true]{border-color:var(--energy);background:var(--energy-soft);color:var(--energy-ink);font-weight:600}.vote__progress{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--ink-muted)}.vote__tokens{display:flex;gap:var(--space-1)}.vote__token{width:.7rem;height:.7rem;border-radius:50%;border:1px solid var(--line-strong);animation:token-in var(--motion-base) var(--ease-soft)}.vote__token--cast{background:var(--energy);border-color:var(--energy)}@keyframes token-in{0%{transform:scale(.4);opacity:0}}.players{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0}.player{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--paper-raised);border:1px solid var(--line);font-size:var(--text-sm)}.player--active{border-color:var(--energy);background:var(--energy-soft);color:var(--energy-ink);font-weight:620}.player--offline{opacity:.55}.player__score{font-variant-numeric:tabular-nums;font-weight:600}.player__lives{font-size:var(--text-xs);color:var(--ink-subtle)}.timer{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--ink-muted)}.timer__value{font-variant-numeric:tabular-nums;font-weight:650;color:var(--ink)}.timer__bar{flex:1;height:.35rem;min-width:4rem;border-radius:var(--radius-pill);background:var(--paper-sunken);overflow:hidden}.timer__fill{display:block;height:100%;background:var(--energy);border-radius:var(--radius-pill);transition:width var(--motion-fast) linear}.timer--urgent .timer__fill{background:var(--maybe-ink)}.reactions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.reaction{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--touch);padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--paper-raised);cursor:pointer;font-size:var(--text-sm)}.reaction__count{font-variant-numeric:tabular-nums;color:var(--ink-muted)}.notices{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.notice{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--paper-raised);border-left:3px solid var(--line-strong);font-size:var(--text-sm);animation:notice-in var(--motion-base) var(--ease-soft)}.notice--hint{border-left-color:var(--maybe-ink)}.notice--moderation,.notice--error{border-left-color:var(--unclear-ink)}@keyframes notice-in{0%{opacity:0;transform:translateY(-4px)}}.result{display:flex;flex-direction:column;gap:var(--space-4);text-align:center}.result__headline{font-size:var(--text-2xl)}.result__chain{font-size:var(--text-md);color:var(--ink-muted);line-height:1.9}.scoreboard{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0;text-align:left}.scoreboard__row{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--paper-raised)}.scoreboard__row--winner{background:var(--energy-soft);color:var(--energy-ink);font-weight:620}.roomcode{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background:var(--paper-sunken);font-size:var(--text-xl);font-weight:700;letter-spacing:.24em;font-variant-numeric:tabular-nums}.connection{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--ink-muted)}.connection__dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--ink-subtle)}.connection--open .connection__dot{background:var(--energy)}.connection--closed .connection__dot{background:var(--unclear-ink)}.prose{display:flex;flex-direction:column;gap:var(--space-4);max-width:38rem}.prose h2{font-size:var(--text-lg);margin-top:var(--space-3)}.prose ul{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.footer{padding:var(--space-5) calc(var(--space-4) + env(safe-area-inset-right)) calc(var(--space-6) + env(safe-area-inset-bottom)) calc(var(--space-4) + env(safe-area-inset-left));text-align:center;font-size:var(--text-xs);color:var(--ink-subtle)}.footer__links{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.records{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--space-3)}.record{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--paper-raised);border:1px solid var(--line)}.record--highlight{background:var(--energy-soft);border-color:var(--energy);color:var(--energy-ink)}.record__value{font-size:var(--text-2xl);font-weight:680;line-height:1;font-variant-numeric:tabular-nums}.record__label{font-size:var(--text-sm);color:var(--ink-muted)}.record--highlight .record__label{color:inherit}.record__unit{color:var(--ink-subtle)}.history{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.history__item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--paper-raised);border:1px solid var(--line)}.history__chain{font-size:var(--text-sm);line-height:1.7}.history__meta{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--ink-subtle)}.result__record{display:inline-flex;align-items:center;gap:var(--space-2);align-self:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--energy-soft);color:var(--energy-ink);font-weight:620;font-size:var(--text-sm)}.home__record{font-size:var(--text-sm);color:var(--ink-muted)}.home__record strong{color:var(--ink)}.hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);text-align:center;padding:var(--space-5) 0 var(--space-4)}.hero__demo{display:flex;flex-direction:column;align-items:center;gap:0;pointer-events:none}.hero__node{font-family:var(--font-display);font-size:var(--text-lg);font-weight:650;padding:var(--space-2) var(--space-5);background:var(--paper-raised);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-soft-corner);box-shadow:var(--shadow-node);animation:hero-drift 7s ease-in-out infinite}.hero__node:nth-child(3){animation-delay:-2.4s;align-self:flex-end}.hero__node:nth-child(5){animation-delay:-4.8s;align-self:flex-start}.hero__thread{width:2px;height:var(--space-5);background:var(--line-strong);border-radius:var(--radius-pill)}@keyframes hero-drift{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(3px,-3px) rotate(-.5deg)}66%{transform:translate(-3px,2px) rotate(.4deg)}}.hero__question{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.03em;max-width:22ch}.hero__lead{color:var(--ink-muted);max-width:34ch}.hero__actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%}.energies{display:grid;gap:var(--space-4)}@media (min-width: 34rem){.energies{grid-template-columns:repeat(3,1fr)}}.energy-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-5);background:var(--paper-raised);border:1px solid rgba(255,255,255,.45);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);cursor:pointer;text-align:left;transition:transform var(--motion-base) var(--ease-spring),box-shadow var(--motion-base) var(--ease-soft)}.energy-card:hover:not(:disabled),.energy-card:focus-visible{transform:translateY(-3px);box-shadow:var(--shadow-node),0 0 0 5px var(--energy-soft)}.energy-card[aria-pressed=true]{box-shadow:var(--shadow-node),0 0 0 3px var(--energy)}.energy-card:disabled{opacity:.55;cursor:not-allowed}.energy-card[data-energy=calm]{--energy: var(--violet);--energy-ink: var(--violet-ink);--energy-soft: var(--violet-soft)}.energy-card[data-energy=focus]{--energy: var(--coral);--energy-ink: var(--coral-ink);--energy-soft: var(--coral-soft)}.energy-card[data-energy=sprint]{--energy: var(--amber);--energy-ink: var(--amber-ink);--energy-soft: var(--amber-soft)}.energy-card__name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em}.energy-card__hint{font-size:var(--text-sm);color:var(--ink-muted)}.pulse{display:flex;align-items:center;gap:var(--pulse-gap, var(--space-3))}.pulse__dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--energy);opacity:.5}.energy-card:hover .pulse__dot,.energy-card:focus-visible .pulse__dot,.energy-card[aria-pressed=true] .pulse__dot{animation:pulse-live var(--pulse-speed, 2s) ease-in-out infinite}.pulse__dot:nth-child(2){animation-delay:.12s}.pulse__dot:nth-child(3){animation-delay:.24s}.pulse__dot:nth-child(4){animation-delay:.36s}.pulse__dot:nth-child(5){animation-delay:.48s}@keyframes pulse-live{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}.pulse--calm{--pulse-gap: var(--space-5);--pulse-speed: 3.4s}.pulse--focus{--pulse-gap: var(--space-3);--pulse-speed: 2s}.pulse--sprint{--pulse-gap: .35rem;--pulse-speed: .9s}.beads{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.beads__bead{width:.55rem;height:.55rem;border-radius:50%;background:var(--line-strong);transition:transform var(--motion-base) var(--ease-spring)}.beads__bead--done{background:var(--energy)}.beads__bead--fresh{animation:bead-pop var(--motion-base) var(--ease-spring)}@keyframes bead-pop{0%{transform:scale(.4)}60%{transform:scale(1.5)}to{transform:scale(1)}}.beads__count{font-size:var(--text-sm);color:var(--ink-muted);font-variant-numeric:tabular-nums}.journey{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-3);padding:var(--space-5) 0}.journey__word{font-family:var(--font-display);font-size:var(--text-lg);font-weight:650;letter-spacing:-.02em}.journey__word:nth-child(4n+3){transform:translateY(-.35rem)}.journey__word:nth-child(4n+1){transform:translateY(.25rem)}.journey__arrow{color:var(--energy);font-size:var(--text-sm)}.journey__length{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700}.highlights{display:grid;gap:var(--space-3)}.highlight{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--line)}.highlight__label{font-size:var(--text-sm);color:var(--ink-muted)}.highlight__value{font-family:var(--font-display);font-weight:650;text-align:right}