.tr{background:var(--tr-bg);min-height:100dvh;color:var(--tr-fg);font-family:var(--font-text);transition:background-color var(--dur-medium) var(--ease-out), color var(--dur-medium) var(--ease-out);padding:0 max(var(--gutter), env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left));touch-action:manipulation}.tr-intro{max-width:720px;min-height:100dvh;padding-top:max(16px, env(safe-area-inset-top));flex-direction:column;gap:20px;margin:0 auto;display:flex}.tr-close{width:44px;height:44px;color:inherit;place-items:center;margin-left:-11px;display:grid}.tr-eyebrow{color:color-mix(in oklch, var(--paper) 70%, transparent);margin-top:8vh}.tr-aside{color:color-mix(in oklch, var(--paper) 70%, transparent)}.tr-start{border:1px solid var(--paper);background:var(--paper);height:52px;color:var(--ink);letter-spacing:-.01em;cursor:pointer;border-radius:999px;max-width:420px;margin-top:auto;font-size:18px;font-weight:600}.tk{max-width:720px;min-height:100dvh;padding-top:max(12px, env(safe-area-inset-top));flex-direction:column;margin:0 auto;display:flex}.tk-top{justify-content:space-between;align-items:center;height:48px;display:flex}.tk-count{font-family:var(--font-text);letter-spacing:.02em;font-size:13px;font-weight:600;font-stretch:112%}.tk-help{border:1.5px solid var(--ink);width:44px;height:44px;font-family:var(--font-text);letter-spacing:.02em;cursor:pointer;background:0 0;border-radius:50%;font-size:15px;font-weight:600;font-stretch:112%}.tk-instruction{font-family:var(--font-display);font-weight:var(--statement-weight);font-stretch:var(--statement-stretch);letter-spacing:-.015em;text-wrap:balance;outline:none;margin:12px 0 8px;font-size:clamp(28px,7vw,44px);line-height:1.08}.tk-helptext{background:color-mix(in oklch, var(--paper) 60%, transparent);border-radius:10px;margin-bottom:8px;padding:10px 14px;font-size:15px}.tk-body{flex:1;padding:12px 0 20px}.tk-bottom{padding:12px 0 max(4px, env(safe-area-inset-bottom));background:var(--tr-bg);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;bottom:0}.tk-undo{text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:12px 0;font-size:15px;text-decoration:underline}.tk-undo:disabled{opacity:0;pointer-events:none}.tk-done{background:var(--ink);min-width:140px;height:52px;color:var(--paper);letter-spacing:-.01em;cursor:pointer;transition:opacity var(--dur-short) var(--ease-out), transform 80ms var(--ease-out);border:0;border-radius:999px;padding:0 28px;font-size:18px;font-weight:600}.tk-done:disabled{opacity:.3;cursor:default}.tk-done:not(:disabled):active{transform:scale(.98)}.tb-hint{font-family:var(--font-text);letter-spacing:.02em;margin:14px 0 10px;font-size:13px;font-weight:600;font-stretch:112%}.tk-weather{font-family:var(--font-text);letter-spacing:.02em;gap:16px;margin-bottom:14px;font-size:13px;font-weight:600;font-stretch:112%;display:flex}.sc-case{border:2px solid var(--ink);background:var(--paper);transition:border-color var(--dur-short) var(--ease-out);border-radius:18px;margin-top:22px;padding:16px 12px 10px;position:relative}.sc-case.is-full{border-color:var(--attachment-deep)}.sc-handle{border:2px solid var(--ink);border-bottom:0;border-radius:10px 10px 0 0;width:72px;height:18px;margin-left:-36px;position:absolute;top:-18px;left:50%}.sc-inside{flex-wrap:wrap;align-content:flex-start;gap:6px;min-height:132px;display:flex}.sc-space{border:1px dashed color-mix(in oklch, var(--ink) 25%, transparent);border-radius:8px;flex:1 0 calc(25% - 6px);height:38px}.sc-meter{font-family:var(--font-text);letter-spacing:.02em;color:var(--ink-2);margin-top:8px;font-size:12px;font-weight:600;font-stretch:112%}.sc-tray{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.sc-item{border:1px solid color-mix(in oklch, var(--ink) 25%, transparent);background:var(--paper);cursor:pointer;min-height:44px;animation:rn-in var(--dur-short) var(--ease-out) both;border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-size:14px;display:inline-flex}.sc-item.is-in{background:var(--strengths-deep);color:var(--paper);border-color:#0000;justify-content:center;height:38px;min-height:38px;font-size:13px}.sc-item.is-packed{color:var(--ink-2);background:0 0;border-style:dashed}.sc-size{letter-spacing:2px;opacity:.6;font-size:7px}.tb-table{grid-template-rows:54px 64px 54px;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:6px;margin:8px 0 4px;display:grid;position:relative}.tb-top{background:color-mix(in oklch, var(--ink) 88%, var(--disc));border-radius:12px;grid-area:2/2/auto/5}.tb-chair{border:1.5px dashed color-mix(in oklch, var(--ink) 45%, transparent);background:color-mix(in oklch, var(--paper) 55%, transparent);cursor:pointer;text-overflow:ellipsis;border-radius:12px;padding:2px;font-size:13px;font-weight:500;overflow:hidden}.tb-chair.is-taken{border-style:solid;border-color:var(--ink);background:var(--paper)}.tb-chair.is-you{background:var(--ink);color:var(--paper)}.tb-chair.c0{grid-area:2/1}.tb-chair.c1{grid-area:1/2}.tb-chair.c2{grid-area:1/3}.tb-chair.c3{grid-area:1/4}.tb-chair.c4{grid-area:2/5}.tb-chair.c5{grid-area:3/2}.tb-chair.c6{grid-area:3/3}.tb-chair.c7{grid-area:3/4}.tb-guests{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.tb-guest{text-align:left;border:1px solid color-mix(in oklch, var(--ink) 18%, transparent);background:var(--paper);cursor:pointer;border-radius:12px;gap:2px;width:100%;padding:10px 12px;display:grid}.tb-guest.is-picked{background:var(--ink);color:var(--paper)}.tb-guest.is-seated{color:color-mix(in oklch, var(--ink) 45%, transparent);cursor:default;background:0 0;border-style:dashed}.tb-guest-name{font-size:15px;font-weight:600}.tb-guest-note{opacity:.8;font-size:13px}.tb-menus{gap:10px;display:grid}.tb-menu{text-align:left;border:1px solid color-mix(in oklch, var(--ink) 18%, transparent);background:var(--paper);cursor:pointer;border-radius:14px;gap:4px;padding:18px;display:grid}.tb-menu.is-on{background:var(--ink);color:var(--paper)}.tb-menu-title{font-family:var(--font-display);font-weight:var(--statement-weight);font-stretch:var(--statement-stretch);font-size:24px}.tb-menu-sub{opacity:.8;font-size:14px}.wl-wall{background:var(--paper);border-radius:14px;padding:22px 12px 0;overflow:hidden}.wl-row{justify-content:center;align-items:flex-start;gap:8px;display:flex}.wl-frame{aspect-ratio:4/5;border:2px solid var(--ink);background:var(--paper);cursor:pointer;width:17%;transition:transform var(--dur-medium) var(--ease-in-out);padding:3px}.wl-frame svg{width:100%;height:100%}.wl-frame.is-tilted{transform:rotate(3deg)}.wl-frame.is-low{transform:translateY(8px)}.wl-empty{aspect-ratio:60/44;border-style:dashed;width:22%;margin-top:6px}.wl-empty.is-filled{border-style:solid}.wl-sofa{background:var(--houses-deep);opacity:.85;border-radius:18px 18px 0 0;height:54px;margin:30px 8% 0}.wl-tray{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.wl-pick{background:var(--paper);cursor:pointer;border:2px solid #0000;border-radius:10px;padding:6px}.wl-pick.is-on{border-color:var(--ink)}.wl-pick svg{width:100%;height:auto;display:block}.cr-car{border:2px solid var(--ink);background:var(--paper);border-radius:28px 28px 14px 14px;max-width:320px;margin:0 auto;padding:12px 14px}.cr-door,.cr-quiet-label{text-align:center;font-family:var(--font-text);letter-spacing:.02em;margin:2px 0 8px;font-size:11px;font-weight:600;font-stretch:112%}.cr-row{grid-template-columns:1fr 1fr 18px 1fr 1fr;gap:6px;margin-bottom:6px;display:grid}.cr-row.is-quiet{background:color-mix(in oklch, var(--career) 60%, transparent);margin-left:-6px;margin-right:-6px;padding:3px 6px}.cr-seat{border:1.5px solid color-mix(in oklch, var(--ink) 40%, transparent);background:var(--paper);cursor:pointer;border-radius:8px 8px 4px 4px;place-items:center;height:44px;display:grid}.cr-seat.is-taken{cursor:default;background:color-mix(in oklch, var(--ink) 8%, var(--paper))}.cr-seat.is-mine{background:var(--ink);border-color:var(--ink)}.cr-person{background:var(--ink-2);border-radius:50%;width:14px;height:14px}.tw-counter{background:var(--paper);border-radius:14px;height:150px;margin-bottom:18px;position:relative;overflow:hidden}.tw-counter:after{content:"";background:color-mix(in oklch, var(--care-deep) 30%, var(--paper));height:36px;position:absolute;bottom:0;left:0;right:0}.tw-jar{border:2px solid var(--ink);width:64px;height:78px;font-family:var(--font-text);letter-spacing:.02em;border-radius:10px 10px 16px 16px;place-items:center;font-size:10px;font-weight:600;font-stretch:112%;display:grid;position:absolute;bottom:36px;left:14%}.tw-bill{background:var(--career);border:1.5px solid var(--career-deep);width:92px;height:44px;font-family:var(--font-display);font-weight:var(--statement-weight);font-stretch:var(--statement-stretch);transition:transform var(--dur-long) var(--ease-in-out), opacity var(--dur-long) var(--ease-in-out);border-radius:4px;place-items:center;font-size:22px;display:grid;position:absolute;bottom:40px;left:52%}.tw-counter.is-jar .tw-bill{opacity:.85;transform:translate(-150px,-30px)rotate(-12deg)scale(.5)}.tw-counter.is-pocket .tw-bill{opacity:0;transform:translate(140px,120px)rotate(18deg)}.tw-notes{background:var(--strengths);border:1px solid var(--strengths-deep);width:40px;height:40px;position:absolute;bottom:40px;right:10%}.tw-counter.is-note .tw-notes{transition:all var(--dur-long) var(--ease-in-out);bottom:70px;left:58%;right:auto;transform:rotate(-6deg)}.tw-choices{gap:8px;display:grid}.kt{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px;max-width:560px;min-height:100dvh;margin:0 auto;padding:24px 0;display:flex}.kt-head{font-family:var(--font-display);font-weight:var(--statement-weight);font-stretch:var(--statement-stretch);font-size:clamp(26px,6vw,36px)}.kt-ring{cursor:default;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}.kt-ring-bg{fill:none;stroke:color-mix(in oklch, var(--ink) 15%, transparent);stroke-width:3px}.kt-ring-fg{fill:none;stroke:var(--ink);stroke-width:3px;stroke-dasharray:1;stroke-linecap:round}.kt-fine{color:var(--ink-2);text-align:left;max-width:34em;font-size:12px;line-height:1.5}.kt-skip{text-underline-offset:3px;opacity:0;transition:opacity var(--dur-medium) var(--ease-out);cursor:pointer;background:0 0;border:0;min-height:44px;padding:12px 16px;font-size:14px;text-decoration:underline}.kt-skip.is-on{opacity:1}.tr-reveal{flex-direction:column;justify-content:center;gap:12px;max-width:720px;min-height:100dvh;margin:0 auto;display:flex}.tr-line{font-family:var(--font-display);font-weight:var(--statement-weight);font-stretch:var(--statement-stretch);letter-spacing:-.02em;opacity:0;transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);font-size:clamp(36px,9vw,64px);line-height:1.05;transform:translateY(10px)}.tr-line.is-on{opacity:1;transform:none}.rt-top{background:var(--ink);color:var(--paper)}.rt-top .rb-lede{color:color-mix(in oklch, var(--paper) 80%, transparent)}.rt-eyebrow{color:color-mix(in oklch, var(--paper) 70%, transparent)}.rt-top :focus-visible{outline-color:var(--paper)}.rt-path-line{stroke-dasharray:1;stroke-dashoffset:1px;animation:rt-draw var(--dur-reveal) var(--ease-in-out) .2s forwards}@keyframes rt-draw{to{stroke-dashoffset:0}}.rt-streak{margin-top:var(--space-7);max-width:34em;font-size:19px;line-height:1.45}.rt-streak strong{font-weight:700}.rt-receipts{margin-top:var(--space-7);border-top:1px dashed var(--ink);border-bottom:1px dashed var(--ink);max-width:520px;font-family:var(--font-mono);padding:20px 0;font-size:14px}.rt-receipts-head{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:12px}.rt-receipts li{animation:rn-in .24s var(--ease-out) both;align-items:baseline;gap:8px;padding:5px 0;display:flex}.rt-leader{border-bottom:1.5px dotted color-mix(in oklch, var(--ink) 45%, transparent);flex:1;min-width:16px;transform:translateY(-4px)}.rt-value{text-align:right;font-weight:500}.rt-axes{gap:var(--space-1);margin-top:var(--space-5);display:grid}.rt-axis{padding-block:var(--space-2)}.rt-axes .rb-axis-dot{background:var(--ink)}.tr-intro :focus-visible{outline-color:var(--paper)}@media (prefers-reduced-motion:reduce){.sc-item,.rt-receipts li{animation:none}.tr,.tr-line,.tw-bill,.wl-frame{transition-duration:1ms}.rt-path-line{stroke-dashoffset:0;animation:none}}@media (width<=520px){.rt-receipts li{border-bottom:1.5px dotted color-mix(in oklch, var(--ink) 30%, transparent);grid-template-columns:1fr;gap:2px;padding:8px 0;display:grid}.rt-receipts li:last-child{border-bottom:0}.rt-leader{display:none}.rt-value{text-align:left}.rt-label{color:var(--ink-2);font-size:13px}}
