:root{--tt-dark-grey:#22312c;--tt-cream:#f7f8f3;--tt-light-grey:#f0f0ed;--tt-green:#5fd8a3;--tt-blue:#4a6bfa;--tt-pink:#fd7d6a;--tt-yellow:#fbb116;--fg-1:var(--tt-dark-grey);--fg-2:color-mix(in oklab, var(--tt-dark-grey) 72%, transparent);--fg-3:color-mix(in oklab, var(--tt-dark-grey) 52%, transparent);--fg-on-dark:var(--tt-cream);--fg-on-green:var(--tt-dark-grey);--fg-on-blue:var(--tt-cream);--fg-link:var(--tt-blue);--bg-page:var(--tt-cream);--bg-surface:var(--tt-light-grey);--bg-inverse:var(--tt-dark-grey);--bg-accent:var(--tt-green);--bg-accent-alt:var(--tt-blue);--border-subtle:color-mix(in oklab, var(--tt-dark-grey) 12%, transparent);--border-strong:color-mix(in oklab, var(--tt-dark-grey) 28%, transparent);--border-dark:var(--tt-dark-grey);--font-sans:"Space Grotesk", ui-sans-serif, Arial, sans-serif;--font-mono:"Space Grotesk", ui-monospace, Menlo, monospace;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-bold:700;--fs-xs:12px;--fs-sm:14px;--fs-base:16px;--fs-md:18px;--fs-lg:22px;--fs-xl:28px;--fs-2xl:36px;--fs-3xl:48px;--fs-4xl:64px;--fs-display:88px;--lh-tight:1.05;--lh-snug:1.2;--lh-normal:1.45;--lh-loose:1.6;--tracking-display:-.03em;--tracking-heading:-.015em;--tracking-body:0;--tracking-caps:.08em;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--radius-pill:999px;--shadow-xs:0 1px 2px #22312c0f;--shadow-sm:0 2px 6px #22312c14;--shadow-md:0 8px 20px #22312c17;--shadow-lg:0 18px 40px #22312c1f;--ease-standard:cubic-bezier(.2, .7, .2, 1);--ease-emphasised:cubic-bezier(.16, 1, .3, 1);--dur-fast:.14s;--dur-base:.22s;--dur-slow:.42s}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg-page);color:var(--fg-1);font-family:var(--font-sans);font-weight:var(--fw-regular);font-size:var(--fs-base);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;min-height:100dvh;margin:0;padding:0;overflow:hidden}#root{grid-template-rows:auto 1fr auto;gap:clamp(14px,2vw,28px);min-height:100dvh;padding:clamp(20px,3.5vw,44px) clamp(20px,4vw,56px);display:grid}#root:before,#root:after{content:"";pointer-events:none;opacity:.55;z-index:0;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20600%20400'%20role='img'%20aria-label='Halftone%20dot%20pattern'%3e%3cdefs%3e%3cradialGradient%20id='fade'%20cx='50%25'%20cy='50%25'%20r='55%25'%3e%3cstop%20offset='0%25'%20stop-color='%2322312C'%20stop-opacity='0.22'%3e%3c/stop%3e%3cstop%20offset='70%25'%20stop-color='%2322312C'%20stop-opacity='0.06'%3e%3c/stop%3e%3cstop%20offset='100%25'%20stop-color='%2322312C'%20stop-opacity='0'%3e%3c/stop%3e%3c/radialGradient%3e%3cpattern%20id='dots'%20width='16'%20height='16'%20patternUnits='userSpaceOnUse'%3e%3ccircle%20cx='8'%20cy='8'%20r='2.2'%20fill='%2322312C'%3e%3c/circle%3e%3c/pattern%3e%3cmask%20id='fademask'%3e%3crect%20width='600'%20height='400'%20fill='url(%23fade)'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3crect%20width='600'%20height='400'%20fill='url(%23dots)'%20mask='url(%23fademask)'%3e%3c/rect%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;width:clamp(260px,36vw,520px);height:clamp(260px,36vw,520px);position:fixed}#root:before{top:-18%;left:-14%}#root:after{bottom:-22%;right:-18%;transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.topbar{z-index:2;justify-content:space-between;align-items:center;gap:var(--space-4);display:flex;position:relative}.brand{color:var(--fg-1);align-items:center;gap:10px;text-decoration:none;display:flex}.brand-word{font-weight:var(--fw-bold);font-size:var(--fs-md);letter-spacing:var(--tracking-heading);line-height:1}.brand-word .dot{background:var(--tt-pink);border-radius:50%;width:7px;height:7px;margin-left:2px;display:inline-block;transform:translateY(-1px)}.brand-tag{font-size:var(--fs-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-3);border-left:1px solid var(--border-subtle);padding-left:10px;line-height:1}.counter{font-variant-numeric:tabular-nums;font-size:var(--fs-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-3);align-items:center;gap:10px;display:flex}.counter .pulse{background:var(--tt-green);width:6px;height:6px;box-shadow:0 0 0 0 color-mix(in oklab, var(--tt-green) 50%, transparent);animation:pulse 2.6s var(--ease-standard) infinite;border-radius:50%}@keyframes pulse{0%,to{box-shadow:0 0 0 0 color-mix(in oklab, var(--tt-green) 50%, transparent)}50%{box-shadow:0 0 0 8px #0000}}.stage{z-index:1;touch-action:pan-y;-webkit-user-select:none;user-select:none;place-items:center;display:grid;position:relative;overflow:hidden}.card{opacity:1;filter:none;grid-template-rows:auto auto auto;row-gap:clamp(24px,3.2vw,48px);width:100%;max-width:1400px;padding:0 clamp(8px,2vw,32px);display:grid;position:relative;transform:none}.card[data-anim=enter-right]{animation:enterRight var(--dur-slow) var(--ease-emphasised) both}.card[data-anim=enter-left]{animation:enterLeft var(--dur-slow) var(--ease-emphasised) both}.card[data-anim=exit-left]{animation:exitLeft var(--dur-base) var(--ease-standard) forwards}.card[data-anim=exit-right]{animation:exitRight var(--dur-base) var(--ease-standard) forwards}@keyframes enterRight{0%{opacity:0;filter:blur(6px);transform:translate(8%)}to{opacity:1;filter:blur();transform:translate(0)}}@keyframes enterLeft{0%{opacity:0;filter:blur(6px);transform:translate(-8%)}to{opacity:1;filter:blur();transform:translate(0)}}@keyframes exitLeft{0%{opacity:1;filter:blur();transform:translate(0)}to{opacity:0;filter:blur(6px);transform:translate(-6%)}}@keyframes exitRight{0%{opacity:1;filter:blur();transform:translate(0)}to{opacity:0;filter:blur(6px);transform:translate(6%)}}.card.dragging{transition:none}.card .meta{font-size:var(--fs-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-3);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:14px;display:flex}.card .meta .rule{background:var(--border-subtle);width:clamp(36px,6vw,72px);height:1px}.card .meta .num{color:var(--fg-2);font-weight:var(--fw-bold)}.word{text-align:center;font-weight:var(--fw-bold);letter-spacing:-.035em;color:var(--fg-1);text-wrap:balance;word-break:break-word;-webkit-hyphens:manual;hyphens:manual;margin:0;font-size:clamp(40px,8vw,120px);line-height:.96;position:relative}.word:after{content:"";background:var(--tt-pink);vertical-align:baseline;border-radius:50%;width:.14em;height:.14em;margin-bottom:.08em;margin-left:.04em;display:inline-block;transform:translateY(-.05em)}.definition{text-align:center;max-width:64ch;font-weight:var(--fw-light);color:var(--fg-2);text-wrap:pretty;margin:0 auto;font-size:clamp(16px,1.55vw,22px);line-height:1.55}.controls{z-index:2;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(12px,2vw,24px);display:grid;position:relative}.hint{font-size:var(--fs-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-3);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kbd{min-width:22px;font-family:var(--font-mono);font-size:11px;font-weight:var(--fw-medium);letter-spacing:0;text-transform:none;color:var(--fg-2);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:3px 7px;line-height:1;display:inline-flex}.nav{justify-self:center;align-items:center;gap:10px;display:flex}.icon-btn{appearance:none;border:1px solid var(--border-subtle);color:var(--fg-1);border-radius:var(--radius-pill);cursor:pointer;width:56px;height:56px;transition:background var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:0 0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg-surface);border-color:var(--border-strong)}.icon-btn:active{transform:scale(.97)}.icon-btn:focus-visible{border-color:var(--tt-blue);outline:none;box-shadow:0 0 0 3px #4a6bfa2e}.icon-btn svg{stroke:currentColor;stroke-width:1.75px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.icon-btn.primary{background:var(--tt-dark-grey);color:var(--fg-on-dark);border-color:var(--tt-dark-grey)}.icon-btn.primary:hover{background:color-mix(in oklab, var(--tt-dark-grey) 88%, black)}.icon-btn.random{background:var(--tt-green);color:var(--fg-on-green);border-color:var(--tt-green)}.icon-btn.random:hover{background:color-mix(in oklab, var(--tt-green) 92%, black)}.search-wrap{justify-self:end;width:100%;max-width:320px;position:relative}.search-wrap svg.search-icon{width:16px;height:16px;stroke:var(--fg-3);stroke-width:1.75px;fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-input{background:var(--bg-surface);border-radius:var(--radius-pill);width:100%;height:44px;color:var(--fg-1);font-family:var(--font-sans);font-size:var(--fs-sm);letter-spacing:0;transition:background var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard);border:1px solid #0000;outline:none;padding:0 16px 0 42px}.search-input::placeholder{color:var(--fg-3)}.search-input:focus-visible{background:var(--tt-cream);border-color:var(--tt-blue);box-shadow:0 0 0 3px #4a6bfa2e}.search-popover{background:var(--tt-cream);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:10;max-height:360px;padding:6px;display:none;position:absolute;bottom:calc(100% + 10px);left:0;right:0;overflow-y:auto}.search-popover.open{display:block}.search-item{border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard);justify-content:space-between;align-items:baseline;gap:12px;padding:10px 14px;display:flex}.search-item:hover,.search-item.active{background:var(--bg-surface)}.search-item .si-term{font-weight:var(--fw-bold);font-size:var(--fs-sm);color:var(--fg-1);letter-spacing:var(--tracking-heading)}.search-item .si-num{font-family:var(--font-mono);color:var(--fg-3);font-variant-numeric:tabular-nums;font-size:11px}.search-empty{font-size:var(--fs-sm);color:var(--fg-3);text-align:center;padding:18px 14px}.edge-hint{border-radius:var(--radius-pill);width:52px;height:52px;color:var(--fg-3);pointer-events:none;opacity:.5;transition:opacity var(--dur-base) var(--ease-standard);place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.edge-hint.left{left:clamp(8px,2vw,28px)}.edge-hint.right{right:clamp(8px,2vw,28px)}.edge-hint svg{stroke:currentColor;stroke-width:1.75px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}@media (width<=720px){#root{gap:14px;padding:18px 18px 22px}.brand-tag{display:none}.controls{grid-template-rows:auto auto auto;grid-template-columns:1fr;gap:12px}.hint{order:3;justify-content:center}.nav{order:1}.search-wrap{order:2;justify-self:stretch;max-width:100%}.icon-btn{width:52px;height:52px}.edge-hint{display:none}#root:before,#root:after{opacity:.35}}@media (width<=480px){.word{font-size:clamp(32px,10vw,72px)}.definition{font-size:15px}}