@font-face{font-family:Chewy;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/chewy-latin-BFhrjfYU.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-symbols-outlined-BCfbcwUI.woff2)format("woff2")}:root{--ink-0:#000;--ink-1:#08080a;--ink-2:#101014;--line:#ffffff24;--line-2:#ffffff12;--text:#fff;--text-2:#9a99a4;--text-3:#5e5d67;--hi:#4ed7f1;--hi-g:#0c9de2;--song:#f2d65e;--song-g:#c79a1e;--dance:#da8cf2;--dance-g:#a93fd9;--guess:#ff9f4a;--guess-g:#e06a12;--ok:#4ade80;--warn:#fbbf24;--stop:#ff6b6b;--fast:.16s;--base:.26s;--slow:.38s;--breathe:3.4s;--ease:cubic-bezier(.2,.8,.2,1);--ease-io:cubic-bezier(.4,0,.2,1);--sans:system-ui, -apple-system, "Segoe UI", sans-serif;--disp:"Chewy", system-ui, sans-serif;--display-xl:400 46px/1.08 var(--disp);--display-l:400 30px/1.1 var(--disp);--display-m:400 22px/1.15 var(--disp);--body-l:400 17px/1.4 var(--sans);--body:400 15px/1.45 var(--sans);--body-s:400 13px/1.45 var(--sans);--num:500 15px/1 var(--sans);--label:600 12px/1.2 var(--sans);--action:600 14px/1 var(--sans);--micro:600 11px/1.2 var(--sans);--nav:600 10px/1 var(--sans);--count:500 24px/1.2 var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{color:#fff;-webkit-font-smoothing:antialiased;height:100%;font-family:var(--sans);background:#141416;margin:0;padding:0}body{overscroll-behavior:none}#root{height:100%}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:disabled{cursor:default}input,textarea{font:inherit;color:inherit}a{color:var(--hi);text-decoration:none}h1{margin:0;font-weight:400}@keyframes ob-push{0%{transform:translateY(24px)}to{transform:none}}@keyframes ob-pop{0%{transform:translateY(-14px)scale(.985)}to{transform:none}}@keyframes ob-breathe{0%,to{opacity:.78;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes ob-rock{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes ob-sweep{to{transform:rotate(360deg)}}@keyframes ob-tick{0%{opacity:1;transform:scale(1)}45%{opacity:.65;transform:scale(1.14)}to{opacity:1;transform:scale(1)}}@keyframes ob-roll{0%{transform:translateY(55%)}to{transform:translateY(0)}}@keyframes ob-chev{0%{transform:translateY(-50%)scale(.6)}68%{transform:translateY(-50%)scale(1.16)}to{transform:translateY(-50%)scale(1)}}@keyframes ob-lift{0%{transform:scale(.9)}to{transform:scale(1)}}@keyframes ob-fadeup{0%{transform:translateY(10px)}to{transform:none}}@keyframes ob-splash{0%{opacity:0;transform:scale(.6)}to{opacity:.5;transform:scale(1)}}@keyframes ob-sheen{0%{transform:translate(-70%)skew(-12deg)}to{transform:translate(220%)skew(-12deg)}}@keyframes ob-sheet{0%{transform:translateY(100%)}to{transform:none}}@keyframes ob-blink{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion:reduce){*{transition-duration:.12s!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.app{background:var(--ink-0);max-width:480px;height:100dvh;padding-top:env(safe-area-inset-top,0px);transition:filter var(--slow) var(--ease);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.app.quiet{filter:grayscale()brightness(.82)}@media (width>=520px){.app{border-left:1px solid var(--line-2);border-right:1px solid var(--line-2)}}.stage{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.tail{height:max(16px, env(safe-area-inset-bottom,0px));flex:none}.ms{letter-spacing:normal;text-transform:none;white-space:nowrap;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Outlined;font-style:normal;font-weight:400;line-height:1;display:inline-block}.scr{min-height:0;animation:ob-push var(--base) var(--ease);flex-direction:column;flex:1;padding:16px 24px 0;display:flex;overflow:hidden auto}.scr.tall{padding-top:26px}.scroll{flex-direction:column;flex:1 1 0;gap:8px;min-height:160px;margin:0 -4px;padding:0 4px 4px;display:flex;overflow-y:auto}.h1{font:var(--display-l);color:#fff;text-wrap:pretty}.h2{font:var(--display-m);color:#fff;text-wrap:pretty}.lede{font:var(--body-l);color:#fff;text-wrap:pretty}.body{font:var(--body);color:#fff;text-wrap:pretty}.small{font:var(--body-s);color:var(--text-2);text-wrap:pretty}.muted{color:var(--text-2)}.label{font:var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.micro{font:var(--micro);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.tnum{font-variant-numeric:tabular-nums}.back{width:44px;height:44px;color:var(--text-2);flex:none;align-items:center;margin-left:-12px;display:flex}.back:hover,.icon-btn:hover,.ghost:hover{color:#fff}.icon-btn{width:44px;height:44px;color:var(--text-3);flex:none;justify-content:center;align-items:center;display:flex}.cta{--c:#fff;--g:transparent;background:var(--ink-2);border:1.5px solid var(--c);width:100%;height:56px;color:var(--c);font:var(--action);letter-spacing:.08em;text-align:center;box-shadow:0 0 30px -12px var(--g);transition:transform var(--fast) var(--ease), border-color var(--base) var(--ease), color var(--base) var(--ease), opacity var(--base) var(--ease);border-radius:16px;justify-content:center;align-items:center;gap:7px;padding:0 12px;line-height:1.2;display:flex}.cta.plain{border-color:var(--line);color:#fff;box-shadow:none}.cta.plain:hover{border-color:#fff6}.cta:active:not(:disabled){transform:scale(.98)}.cta:focus-visible{outline:2px solid var(--c);outline-offset:3px}.cta:disabled{border-color:var(--line);color:var(--text-3);opacity:.6;box-shadow:none}.ghost{text-align:center;width:100%;height:48px;color:var(--text-2);font:var(--body)}.foot{padding:18px 0 max(30px, env(safe-area-inset-bottom,0px));flex-direction:column;gap:2px;margin-top:auto;display:flex}.field{background:var(--ink-2);border:1px solid var(--line);height:52px;transition:border-color var(--base) var(--ease);border-radius:16px;flex:none;align-items:center;gap:10px;padding:0 16px;display:flex}.field input{font:var(--body);color:#fff;background:0 0;border:0;border-radius:8px;outline:none;flex:1;min-width:0}.field input::placeholder{color:var(--text-3)}.field input:focus-visible{outline:2px solid var(--c,var(--hi));outline-offset:4px}.words{resize:none;background:var(--ink-2);border:1px solid var(--line);width:100%;min-height:96px;font:var(--body);color:#fff;border-radius:16px;outline:none;padding:14px 16px;display:block}.words::placeholder{color:var(--text-3)}.words:focus-visible{border-color:var(--stop)}.card{border:1px solid var(--line);background:var(--ink-2);border-radius:24px;padding:22px}.row{border:1px solid var(--line-2);background:var(--ink-2);transition:border-color var(--base) var(--ease);border-radius:20px;flex-direction:column;gap:10px;padding:14px 10px 14px 16px;display:flex}.pill{border:1px solid var(--line-2);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;max-width:100%;padding:5px 11px 5px 9px;display:inline-flex}.pill .t{font:var(--body-s);color:#fff;text-overflow:ellipsis;overflow:hidden}.pill .a{font:var(--body-s);color:var(--text-2)}.btn-s{--c:var(--line);--f:#fff;border:1.5px solid var(--c);height:44px;color:var(--f);font:var(--label);letter-spacing:.08em;transition:all var(--base) var(--ease);border-radius:14px;flex:none;align-items:center;gap:6px;padding:0 16px;display:flex}.btn-s:active:not(:disabled){transform:scale(.97)}.btn-s:focus-visible{outline:2px solid var(--f);outline-offset:2px}.dot{background:var(--c,var(--hi));width:9px;height:9px;box-shadow:0 0 12px -1px var(--g,var(--hi-g));border-radius:50%;flex:none}.empty{flex-direction:column;gap:4px;padding:18px 2px;display:flex}.splash{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;width:100%;display:flex;position:relative;overflow:hidden}.splash .glow{filter:blur(18px);width:230px;height:230px;animation:ob-splash .9s var(--ease) both;border-radius:50%;position:absolute}.splash .title{font:var(--display-xl);text-align:center;letter-spacing:.01em;position:relative}.splash .tag{font:var(--body);color:var(--text-2);text-align:center;text-wrap:pretty;max-width:250px;position:relative}.splash .tap{bottom:max(52px, env(safe-area-inset-bottom,0px));position:absolute}.promises{flex-direction:column;flex:1;justify-content:center;gap:26px;padding-bottom:24px;display:flex}.promise{align-items:flex-start;gap:14px;display:flex}.promise .pdot{border-radius:50%;flex:none;width:10px;height:10px;margin-top:7px}.show{text-align:left;border:1px solid var(--line-2);background:var(--ink-2);transition:border-color var(--base) var(--ease);border-radius:20px;flex:none;align-items:center;gap:13px;padding:15px 16px;display:flex}.show:hover{border-color:#ffffff38}.show[aria-pressed=true]{border-color:var(--hi)}.show .sdot{background:#ffffff38;border-radius:50%;flex:none;width:8px;height:8px}.show[aria-pressed=true] .sdot{background:var(--hi)}.picked{border:1.5px solid var(--hi);background:var(--ink-2);box-shadow:0 0 44px -20px var(--hi-g);animation:ob-pop var(--base) var(--ease);border-radius:24px;margin-top:18px;padding:22px}.phasebar{background:var(--line);width:100%;height:2px;position:relative}.phasebar i{transition:width var(--slow) var(--ease);background:#fff;position:absolute;top:0;bottom:0;left:0}.phases{text-align:center;grid-template-columns:repeat(5,1fr);padding:10px 0 0;display:grid}.phases span{white-space:nowrap}.nowline{font:600 15px/1.35 var(--sans);color:#fff;text-wrap:balance;padding:18px 24px 0}.where-line{color:var(--text-2);padding:4px 24px 0}.deck{touch-action:pan-y;flex:1;align-items:center;min-height:0;display:flex;overflow:hidden}.track{will-change:transform;gap:16px;display:flex}.slot{width:244px;height:292px;transition:transform var(--base) var(--ease), opacity var(--base) var(--ease);flex:none;position:relative}.intent{--c:#fff;--g:transparent;background:var(--ink-2);border:1.5px solid var(--line);color:#fff;transition:border-color var(--slow) var(--ease), box-shadow var(--slow) var(--ease), color var(--slow) var(--ease);border-radius:28px;flex-direction:column;align-items:center;padding:24px 20px;display:flex;position:absolute;inset:0}.intent:focus-visible{outline:2px solid var(--line);outline-offset:4px}.intent.resting{filter:grayscale();opacity:.5}.intent.armed{border-color:var(--c);color:var(--c);box-shadow:0 0 0 1px color-mix(in srgb, var(--c) 13%, transparent), 0 0 54px -14px var(--g), inset 0 0 70px -40px var(--g)}.intent .glyph{justify-content:center;align-items:center;height:40px;display:flex}.intent .name{font:var(--display-l);text-align:center;margin-top:12px}.intent .lines{width:100%;height:72px;margin-top:10px;display:block;position:relative}.intent .lines>span{transition:opacity var(--fast) var(--ease), visibility var(--fast) var(--ease);flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:absolute;inset:0}.intent .lines span span{font:var(--body);text-align:center;text-wrap:pretty}.intent .idle span{color:var(--text-2)}.intent .arm,.intent.armed .idle{opacity:0;visibility:hidden}.intent.armed .arm{opacity:1;visibility:visible;transition-delay:.12s}.intent .hint{margin-top:auto}.chev{z-index:2;width:48px;height:48px;animation:ob-chev var(--slow) var(--ease);font:var(--display-l);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.chev:focus-visible{outline-offset:2px;border-radius:14px;outline:2px solid}.dots{justify-content:center;gap:4px;padding:0 0 4px;display:flex}.dots button{justify-content:center;align-items:center;width:44px;height:44px;display:flex}.dots i{height:6px;transition:all var(--base) var(--ease);border-radius:999px;display:block}.beacon{animation:ob-push var(--base) var(--ease);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.beacon .blue{transition:opacity var(--slow) var(--ease);background:linear-gradient(168deg,#4ed7f1 0%,#1cb4e8 46%,#0c9de2 100%);position:absolute;inset:0}.beacon .halo{width:420px;height:420px;animation:ob-breathe var(--breathe) var(--ease-io) infinite;background:radial-gradient(circle,#ffffff8c 0%,#fff0 62%);border-radius:50%;margin-top:-210px;margin-left:-210px;position:absolute;top:28%;left:50%}.beacon .head{flex-direction:column;align-items:center;gap:4px;padding:26px 24px 0;display:flex;position:relative}.beacon .hand{flex:1;justify-content:center;align-items:center;min-height:150px;display:flex;position:relative}.beacon .hand .ms{color:#041418;opacity:.9;animation:ob-rock var(--breathe) var(--ease-io) infinite;transform-origin:50% 80%;font-size:132px}.beacon .panel{background:var(--ink-0);border-top:1px solid var(--line);border-radius:28px 28px 0 0;flex-direction:column;gap:16px;padding:22px 24px 26px;display:flex;position:relative}.counter{flex:none;justify-content:center;align-items:center;width:66px;height:66px;display:flex;position:relative}.counter .sweep{background:conic-gradient(#4ed7f100 0deg,#4ed7f138 46deg,#4ed7f100 92deg);border-radius:50%;animation:6s linear infinite ob-sweep;position:absolute;inset:-9px}.counter .ring{border:1.5px solid var(--hi);box-shadow:0 0 22px -8px var(--hi-g);border-radius:50%;position:absolute;inset:0}.counter .n{font:var(--count);font-variant-numeric:tabular-nums;display:block;position:relative;overflow:hidden}.counter .n span{animation:ob-roll .26s var(--ease);display:block}.notice{border:1px solid var(--line);background:var(--ink-1);animation:ob-pop var(--base) var(--ease);border-radius:16px;align-items:flex-start;gap:11px;margin:10px 0 2px;padding:13px 14px;display:flex}.person{align-items:center;gap:11px;display:flex}.person .who{min-width:0;font:var(--body);text-wrap:pretty;flex:1}.person .more{margin:-10px -4px}.acts{align-items:center;gap:10px;padding-left:20px;display:flex}.acts .btn-s{margin-left:auto;padding:0 18px}.notice{border:1.5px solid var(--warn);background:var(--ink-2);border-radius:16px;align-items:center;gap:10px;margin:10px 16px 0;padding:8px 6px 8px 14px;display:flex}.notice .icon-btn{flex:none;width:40px;height:40px}.notice-text{overflow-wrap:anywhere}.away-btn{border:1.5px solid var(--line-2);color:#fff;height:36px;font:var(--label);letter-spacing:.08em;border-radius:999px;padding:0 14px}.where-btn{text-align:left;color:var(--text-2);padding:4px 24px 0;display:block}.where-btn .add{color:var(--hi);text-underline-offset:3px;text-decoration:underline}.yours{border:1.5px solid var(--song);background:var(--ink-2);box-shadow:0 0 34px -18px var(--song-g);border-radius:20px;flex:none;align-items:center;gap:11px;margin-bottom:10px;padding:14px 16px;display:flex}.add-yours{border:1px dashed var(--line);border-radius:20px;flex:none;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:56px;margin-bottom:10px;padding:14px 16px;display:flex}.add-yours:hover{border-color:#ffffff59}.tracks{flex-wrap:wrap;gap:8px;display:flex}.trk{border:1px solid var(--line);background:var(--ink-2);white-space:nowrap;height:44px;transition:all var(--base) var(--ease);border-radius:999px;flex:none;align-items:center;gap:7px;max-width:100%;padding:0 14px;display:inline-flex}.trk:hover{border-color:#ffffff4d}.trk[aria-pressed=true]{border-color:var(--song)}.match{border:1.5px solid var(--c);background:var(--ink-2);box-shadow:0 0 60px -22px var(--g);animation:ob-lift var(--slow) var(--ease);border-radius:28px;padding:26px 22px}.pair{gap:10px;margin-top:18px;display:flex}.pair>div{border:1px solid var(--line-2);border-radius:16px;flex-direction:column;flex:1;gap:5px;min-width:0;padding:13px 12px;display:flex}.caret{animation:.9s step-end infinite ob-blink}.cam{animation:ob-push var(--base) var(--ease);flex:1;position:relative;overflow:hidden}.cam .dark{background:radial-gradient(120% 80% at 50% 12%,#241832 0%,#0b0910 58%,#000 100%);position:absolute;inset:0}.cam video,.cam>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cam video.mirror{transform:scaleX(-1)}.cam .shade{pointer-events:none;background:linear-gradient(#0000,#000000b8);height:55%;position:absolute;bottom:0;left:0;right:0}.cam .top{justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;top:16px;left:24px;right:24px}.cam .top .back{color:#fffc}.cam .now{border:1px solid var(--line);background:#08080ab8;border-radius:999px;align-items:center;gap:7px;min-width:0;padding:7px 13px 7px 10px;display:inline-flex}.cam .bottom{flex-direction:column;align-items:center;gap:16px;padding:0 24px 26px;display:flex;position:absolute;bottom:0;left:0;right:0}.rec{border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:relative}.rec:disabled{opacity:.45}.rec .ring{border-radius:50%;position:absolute;inset:0}.rec .hole{background:#000;border-radius:50%;position:absolute;inset:5px}.rec .core{background:var(--dance);box-shadow:0 0 30px -6px var(--dance-g);transition:all var(--base) var(--ease);position:absolute}.sheen{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sheen i{background:linear-gradient(90deg,#da8cf200,#da8cf229,#da8cf200);width:120px;animation:2.2s linear infinite ob-sheen;position:absolute;top:0;bottom:0}.floor{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:10px;min-height:0;margin:0 -4px;padding:0 4px 4px;display:grid;overflow-y:auto}.tile{aspect-ratio:3/4;border:1px solid var(--line-2);transition:border-color var(--base) var(--ease);background:linear-gradient(150deg,#2a1436,#0a0810);border-radius:20px;flex-direction:column;justify-content:flex-end;padding:12px;display:flex;position:relative;overflow:hidden}.tile:hover{border-color:#ffffff42}.tile.to-you{border:1.5px solid var(--dance);box-shadow:0 0 30px -12px var(--dance-g)}.tile video,.tile img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tile .cap{text-shadow:0 1px 8px #000c;align-items:center;gap:7px;display:flex;position:relative}.mate{border:1px solid var(--line);background:var(--ink-2);border-radius:28px;margin-top:12px;padding:24px}.keep{border:1px solid var(--line-2);background:var(--ink-1);border-radius:20px;align-items:center;gap:14px;margin-top:12px;padding:18px 18px 16px;display:flex}.switch{flex:none;align-items:center;width:58px;height:44px;padding-block:5px;display:flex}.switch:focus-visible{outline:2px solid var(--ok);outline-offset:2px;border-radius:999px}.switch .rail{border:1.5px solid var(--line);background:var(--ink-2);width:58px;height:34px;transition:border-color var(--base) var(--ease);border-radius:999px;display:block;position:relative}.switch .knob{background:var(--text-3);width:24px;height:24px;transition:all var(--base) var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.switch[aria-checked=true] .rail{border-color:var(--ok)}.switch[aria-checked=true] .knob{background:var(--ok);transform:translate(24px)}.reach{border:1px solid var(--ok);border-radius:20px;align-items:center;gap:12px;margin-top:12px;padding:14px 16px;display:flex}.reach .v{min-width:0;font:var(--body-l);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;flex:1}.moment{align-items:stretch;gap:14px;display:flex}.moment .rail{flex-direction:column;flex:none;align-items:center;width:12px;display:flex}.moment .rail i{border-radius:50%;flex:none;width:9px;height:9px;margin-top:4px}.moment .rail b{background:var(--line-2);flex:1;width:1px}.moment .items{flex-direction:column;flex:1;gap:6px;min-width:0;padding-bottom:16px;display:flex}.keeps{border:1.5px solid var(--line);background:var(--ink-1);animation:ob-fadeup var(--base) var(--ease);border-radius:24px;margin-top:6px;padding:20px}.keeprow{border-top:1px solid var(--line-2);align-items:center;gap:11px;width:100%;padding:12px 2px;display:flex}.qrow{border-top:1px solid var(--line-2);width:100%;height:52px;font:var(--body);color:var(--text-2);justify-content:space-between;align-items:center;gap:10px;display:flex}.qrow:hover{color:#fff}.bar{background:var(--ink-1);border-top:1px solid var(--line);padding:12px 16px max(18px, env(safe-area-inset-bottom,0px));flex:none;align-items:center;gap:10px;display:flex}.bar .side{width:62px;height:56px;color:var(--text-2);border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;display:flex}.bar .side:hover{color:#fff}.bar .side span:last-child{font:var(--nav);letter-spacing:.07em}.bar .cta{min-width:0;box-shadow:0 0 28px -14px var(--g);flex:1}.bar .cta.idle{color:#fff;box-shadow:none;border-color:#ffffff57}@media (width<=359px){.bar{gap:6px;padding-left:10px;padding-right:10px}}.sheet-wrap{z-index:40;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.scrim{cursor:default;background:#0000009e;position:absolute;inset:0}.sheet{background:var(--ink-1);border-top:1px solid var(--line);padding:10px 24px max(30px, env(safe-area-inset-bottom,0px));animation:ob-sheet var(--base) var(--ease) both;border-radius:24px 24px 0 0;max-height:88%;position:relative;overflow-y:auto}.sheet .grip{justify-content:center;padding:4px 0 14px;display:flex}.sheet .grip span{background:#ffffff38;border-radius:2px;width:38px;height:4px}.srow{border-top:1px solid var(--line-2);text-align:left;align-items:flex-start;gap:13px;width:100%;padding:14px 2px;display:flex}.srow:hover{background:#ffffff08}.srow:disabled{opacity:.5}.toast{z-index:35;border:1px solid var(--line);font:var(--body);color:#fff;animation:ob-fadeup var(--base) var(--ease);text-wrap:pretty;background:#08080af0;border-radius:16px;padding:13px 16px;position:absolute;bottom:120px;left:24px;right:24px}.toast .act{color:var(--stop);font:700 13px/1.2 var(--sans);letter-spacing:.06em;cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;display:block}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bandface{transition:background var(--slow) var(--ease), filter var(--slow) var(--ease);flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.bandface .code{font:700 calc(var(--u) * 30)/1 ui-monospace, "Cascadia Mono", Consolas, monospace;letter-spacing:.12em;color:#fff;padding-left:.12em}.bandface .words{align-items:center;gap:calc(var(--u) * 6);padding:0 calc(var(--u) * 10);text-align:center;color:#041418;flex-direction:column;display:flex}.bandface .big{font:400 calc(var(--u) * 26)/1.05 var(--disp)}.bandface .small-w{font:600 calc(var(--u) * 10)/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase}.bandface .ready{color:var(--text-2)}.bandface .corner{top:calc(var(--u) * 4);right:calc(var(--u) * 6);font:600 calc(var(--u) * 9)/1 var(--sans);color:var(--text-2);font-variant-numeric:tabular-nums;position:absolute}.bandface .meet .num{font:400 calc(var(--u) * 84)/1 var(--disp);animation:ob-breathe var(--breathe) var(--ease-io) infinite}.bandface .pairing{align-items:center;gap:calc(var(--u) * 16);flex-direction:column;display:flex}.bandface .qr{width:calc(var(--u) * 115);height:calc(var(--u) * 115);display:block}.bandface .pairing .code{font-size:calc(var(--u) * 26)}.bandface .pairing .hint{color:#fff;margin-top:calc(var(--u) * -10);max-width:calc(var(--u) * 115);text-align:center}.bandchip{height:44px;color:var(--text-2);font:var(--label);letter-spacing:.04em;border-radius:14px;align-items:center;gap:5px;padding:0 8px;display:flex}.bandchip:hover{color:#fff}.codebox{cursor:text;gap:10px;display:flex;position:relative}.codebox input{opacity:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.codebox .box{border:1.5px solid var(--line);background:var(--ink-2);height:78px;font:400 36px/1 var(--disp);color:#fff;transition:border-color var(--base) var(--ease);border-radius:16px;flex:1;justify-content:center;align-items:center;display:flex}.codebox:focus-within .box.at{border-color:var(--hi);box-shadow:0 0 24px -12px var(--hi-g)}.standin{background:#141416;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.standin .strap{background:var(--ink-2);border:1px solid var(--line-2);border-radius:12px;width:200px;height:64px}@media (height<=820px){.standin .strap{height:28px}}.bandbody{background:var(--ink-1);border:1px solid var(--line);border-radius:24px;flex-direction:column;align-items:center;gap:14px;padding:12px 12px 16px;display:flex;box-shadow:0 30px 60px -30px #000000e6}.bandbtn{background:var(--ink-2);border:1px solid var(--line);touch-action:none;width:64px;height:22px;transition:transform var(--fast) var(--ease), box-shadow var(--fast) var(--ease);border-radius:11px;box-shadow:0 3px #000000b3}.bandbtn.down{transform:translateY(2px);box-shadow:0 1px #000000b3}.bandbtn:focus-visible{outline:2px solid var(--hi);outline-offset:3px}.bandrow{align-items:center;gap:8px;display:flex}.bandside{writing-mode:vertical-rl;background:var(--ink-2);border:1px solid var(--line);width:22px;height:72px;color:var(--text-3);font:700 9px/1 var(--sans);letter-spacing:.12em;touch-action:none;transition:transform var(--fast) var(--ease), box-shadow var(--fast) var(--ease);border-radius:11px;box-shadow:3px 0 #000000b3}.bandside.down{transform:translate(2px);box-shadow:1px 0 #000000b3}.bandside:focus-visible{outline:2px solid var(--hi);outline-offset:3px}.bandface .bandbar{left:calc(var(--u) * 12);right:calc(var(--u) * 12);bottom:calc(var(--u) * 16);height:calc(var(--u) * 6);border-radius:calc(var(--u) * 3);background:linear-gradient(90deg, currentColor calc(var(--p) * 100%), transparent 0);border:1px solid;position:absolute}.operator{text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:320px;margin-top:22px;display:flex}.pairscan{justify-content:center;height:52px;margin-top:26px}.viewfinder{aspect-ratio:1;background:var(--ink-1);border:1px solid var(--line);border-radius:24px;align-self:center;width:min(100%,46vh);margin-top:22px;position:relative;overflow:hidden}.viewfinder video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.viewfinder .aim{border:2px solid var(--hi);border-radius:18px;position:absolute;inset:17%;box-shadow:0 0 0 100vmax #00000061}.viewfinder .off{flex-direction:column;justify-content:center;gap:6px;padding:24px;display:flex;position:absolute;inset:0}.wavedot{background:var(--hi);width:12px;height:12px;box-shadow:0 0 0 3px var(--ink-2), 0 0 14px var(--hi);pointer-events:none;border-radius:50%;position:absolute;top:14px;right:14px}.bar .cta .wavedot{box-shadow:0 0 0 3px #000, 0 0 12px var(--hi);top:-4px;right:-4px}.bar .cta{position:relative}@media (prefers-reduced-motion:no-preference){.wavedot{animation:1.6s ease-in-out infinite wavedot}}@keyframes wavedot{50%{transform:scale(1.25)}}.guide{gap:12px;padding-bottom:40px}.guide h2{letter-spacing:.08em;color:#fff;margin:24px 0 8px;font-size:14px}.guide section{font:var(--body-s);color:var(--text-2)}.guide ol,.guide ul{gap:6px;padding-left:20px;display:grid}.guide b{color:#fff}.guide-band{flex:none;width:100%;max-width:320px;margin:8px auto;display:block}.guide-essentials{background:var(--ink-2);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:10px;margin:14px 0 6px;padding:12px 14px;display:flex}.guide-essentials h2{letter-spacing:0;margin:0;font-size:15px}.guide-essentials h3{color:var(--text-2);letter-spacing:.06em;text-transform:uppercase;margin:4px 0 6px;font-size:12px;font-weight:600}.guide-essentials .guide-keys{grid-template-columns:70px minmax(0,1fr);gap:8px}.guide-essentials .guide-keys dd .mini-face{width:fit-content;margin-bottom:4px;display:flex}.guide-essentials .guide-keys dt{flex-wrap:wrap;align-content:flex-start;gap:4px;display:flex}.guide .guide-part{border-top:1px solid var(--line);padding:0}.guide-part>summary{color:#fff;cursor:pointer;padding:11px 0;font-size:15px;font-weight:600}.guide-part[open]>summary{padding-bottom:6px}.guide-part:last-of-type{border-bottom:1px solid var(--line)}.guide-usual{background:var(--ink-2);border:1px solid var(--line);color:#fff;border-radius:12px;flex-direction:column;gap:6px;margin-bottom:8px;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.guide-usual p{margin:0}.guide-group summary{color:#fff;cursor:pointer;margin:18px 0 2px;font-size:14px;font-weight:600}.guide-row{border-top:1px solid var(--line-2);flex-direction:column;gap:6px;padding:8px 0;display:flex}.guide-row.quiet{flex-flow:wrap;justify-content:space-between;align-items:center;gap:6px 10px}.guide-none{color:var(--text-3);font-size:12px}.mini-face{border:1px solid var(--line);letter-spacing:.04em;color:#fff;background:#000;border-radius:8px;flex-wrap:wrap;align-self:flex-start;align-items:baseline;gap:2px 6px;padding:4px 9px;font-size:11px;display:inline-flex}.mini-big{font-weight:700}.mini-sep{color:var(--text-3)}.mini-hint{color:var(--text-2);letter-spacing:0;font-style:italic}.guide-keys{grid-template-columns:70px minmax(0,1fr);align-items:start;gap:6px 8px;margin:0;font-size:13px;display:grid}.guide-keys dt{flex-wrap:wrap;gap:4px;display:flex}.key-name{border:1px solid var(--line);letter-spacing:.05em;color:var(--text-2);white-space:nowrap;border-radius:999px;padding:1px 7px;font-size:10.5px}.guide-keys dd{color:#fff;margin:0;line-height:1.4}.band-words{color:#fff;border:1px solid var(--line);letter-spacing:.04em;background:#000;border-radius:6px;margin:1px 2px;padding:1px 6px;font-size:11px;display:inline-block}.guide .guide-rows{gap:8px;padding:0;list-style:none}.guide-rows li{align-items:center;gap:8px;display:flex}.swatch{border-radius:50%;flex:none;width:18px;height:18px}.guide-play{border:1px solid var(--line);color:#fff;background:0 0;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.guide-tick{color:var(--ok);align-items:center;gap:6px;display:flex}.guide-foot{justify-content:space-between;margin-top:16px;display:flex}.guide details{border-top:1px solid var(--line);padding:8px 0}.guide summary{color:#fff}.link{color:inherit;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.opt{text-align:left;border:1.5px solid var(--line);background:var(--ink-2);color:#fff;width:100%;min-height:52px;font:var(--body-l);border-radius:14px;padding:12px 16px}.opt[aria-pressed=true]{border-color:var(--guess);box-shadow:0 0 24px -12px var(--guess-g)}.opt.right{border-color:var(--ok)}.opt.wrong{border-color:var(--stop)}.cam .seg{border:1px solid var(--line);background:#08080ab8;border-radius:999px;padding:3px;display:inline-flex}.cam .seg button{min-height:36px;font:var(--label);letter-spacing:.08em;color:var(--text-2);background:0 0;border:none;border-radius:999px;padding:0 16px}.cam .seg button[aria-pressed=true]{background:var(--dance);color:#000}.cam .pose{text-align:center;color:#fff;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;max-width:320px;padding:4px 12px;display:flex}