@font-face{font-family:Tajarib;src:url(/assets/Tajarib_Typeface_Light-EYRpyvkP.otf)format("opentype");font-weight:300;font-display:swap}@font-face{font-family:Tajarib;src:url(/assets/Tajarib_Typeface_Regular-D7-6b5dk.otf)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Tajarib;src:url(/assets/Tajarib_Typeface_Medium-BhEVd1CH.otf)format("opentype");font-weight:500;font-display:swap}@font-face{font-family:Tajarib;src:url(/assets/Tajarib_Typeface_Bold-FWxDMY8C.otf)format("opentype");font-weight:700;font-display:swap}@font-face{font-family:Tajarib;src:url(/assets/Tajarib_Typeface_Black-CXLj5xJI.otf)format("opentype");font-weight:900;font-display:swap}@font-face{font-family:Shafigh Mob;src:url(/assets/ShafighBakhThinMOB-V2-BuExJLB9.ttf)format("truetype");font-display:swap}@font-face{font-family:Shafigh PC;src:url(/assets/ShafighBakhThinPC-V2-qEvi8E4M.ttf)format("truetype");font-display:swap}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#141a24;--color-surface:#1c2432;--color-surface-raised:#242e3f;--color-surface-sunken:#10151e;--color-line:#2f3a4e;--color-line-strong:#435069;--color-ink:#ece4d2;--color-ink-soft:#c9c3b4;--color-ink-muted:#a3a9b8;--color-ink-faint:#8a92a6;--color-verse:#f3ead6;--color-primary:#d4a65a;--color-on-primary:#1a1408;--color-primary-hover:#e0b56c;--color-accent:#d4a65a;--color-on-accent:#1a1408;--color-accent-soft:#3a3122;--color-accent-line:#6b5630;--color-focus:#e0b56c;--color-ok:#6cc38e;--color-ok-soft:#1d3a2b;--color-bad:#ef8a7a;--color-bad-soft:#44241f;--color-pending:#7fb0e6;--color-pending-soft:#1f3149;--color-pending-line:#2c4568;--color-on-status:#141a24;--color-danger:#ef8a7a;--color-on-danger:#1e0c09;--color-scrim:#080b10b8;--player-1:#e0a06a;--player-2:#e89a8e;--player-3:#e28fb1;--player-4:#c996d8;--player-5:#a79de6;--player-6:#8aa8ea;--player-7:#6fb8d8;--player-8:#5fc2bf;--player-9:#6cc39c;--player-10:#98c472;--player-11:#c6bf5e;--player-12:#e2b35a;--color-on-player:#141a24;--font-ui:"Tajarib", "Geeza Pro", "Segoe UI", Tahoma, sans-serif;--font-verse:"Shafigh Mob", "Amiri", "Traditional Arabic", serif;--feat-title:"ss01" 1;--feat-celebrate:"swsh" 1;--numerals:lining-nums tabular-nums;--text-caption:14px;--lh-caption:1.5;--text-body-sm:16px;--lh-body-sm:1.6;--text-body:18px;--lh-body:1.6;--text-title-sm:20px;--lh-title-sm:1.45;--text-title:24px;--lh-title:1.4;--text-headline:32px;--lh-headline:1.3;--text-display:44px;--lh-display:1.25;--text-hero:60px;--lh-hero:1.15;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-bold:700;--weight-black:900;--verse-hero:22px;--verse-reveal:19px;--verse-list:16px;--lh-verse:2.1;--verse-gap-wide:40px;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:56px;--space-11:72px;--gutter:20px;--content-max:560px;--touch-min:48px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:28px;--radius-pill:999px;--shadow-1:0 1px 2px #00000059;--shadow-2:0 6px 16px #00000059;--shadow-3:0 16px 40px #00000080;--dur-instant:80ms;--dur-fast:.16s;--dur-base:.24s;--dur-slow:.4s;--dur-reveal:.7s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-enter:cubic-bezier(0, 0, 0, 1);--ease-exit:cubic-bezier(.3, 0, 1, 1);--ease-celebrate:cubic-bezier(.34, 1.4, .64, 1);--z-sticky:10;--z-overlay:40;--z-toast:50}@media (width>=600px){:root{--font-verse:"Shafigh PC", "Amiri", "Traditional Arabic", serif;--verse-hero:34px;--verse-reveal:26px;--verse-list:19px}}:root[data-theme=light],[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f2ead8;--color-surface:#fbf7ee;--color-surface-raised:#fff;--color-surface-sunken:#e9dfc8;--color-line:#d6c9aa;--color-line-strong:#b9a882;--color-ink:#18202c;--color-ink-soft:#343a44;--color-ink-muted:#5e5646;--color-ink-faint:#6e6552;--color-verse:#141b26;--color-primary:#18202c;--color-on-primary:#f0dcb0;--color-primary-hover:#263041;--color-accent:#8a6220;--color-on-accent:#fbf7ee;--color-accent-soft:#efe0bd;--color-accent-line:#c9ae7a;--color-focus:#8a6220;--color-ok:#23794a;--color-ok-soft:#dcebdc;--color-bad:#b3372b;--color-bad-soft:#f4dcd4;--color-pending:#2f6aa8;--color-pending-soft:#dfe6ef;--color-pending-line:#a9c0de;--color-on-status:#fbf7ee;--color-danger:#b3372b;--color-on-danger:#fff8f2;--color-scrim:#281e0a73;--shadow-1:0 1px 2px #46320f1a;--shadow-2:0 6px 16px #46320f1f;--shadow-3:0 16px 40px #46320f2e}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-base:0s;--dur-slow:.12s;--dur-reveal:.16s;--ease-celebrate:linear}}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--text-body);line-height:var(--lh-body);font-variant-numeric:var(--numerals);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;transition:background var(--dur-base) var(--ease-standard)}#root{min-height:100%}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ltr{direction:ltr;unicode-bidi:isolate}.screen{min-height:100dvh;max-width:var(--content-max);padding-inline:var(--gutter);padding-bottom:var(--space-7);flex-direction:column;margin-inline:auto;display:flex}.screen-center{justify-content:center;gap:var(--space-5);flex-direction:column;flex:1;display:flex}.screen-bottom{padding-top:var(--space-5);flex-direction:column;gap:10px;display:flex}.top-row{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:48px;padding-top:18px;display:flex}.eyebrow{font-size:var(--text-caption);font-weight:var(--weight-medium);color:var(--color-ink-muted)}.segment-name{font-size:var(--text-caption);font-weight:var(--weight-bold);color:var(--color-accent)}.headline{font-size:var(--text-headline);line-height:var(--lh-headline);font-weight:var(--weight-bold);font-feature-settings:var(--feat-title)}.muted{color:var(--color-ink-muted)}.faint{color:var(--color-ink-faint)}.caption{font-size:var(--text-caption);line-height:var(--lh-caption)}.body-sm{font-size:var(--text-body-sm);line-height:var(--lh-body-sm)}.btn{min-height:var(--touch-min);border-radius:var(--radius-md);font-size:18px;font-weight:var(--weight-bold);justify-content:center;align-items:center;gap:var(--space-3);transition:transform var(--dur-instant) var(--ease-standard), background var(--dur-fast) var(--ease-standard);white-space:nowrap;border:1.5px solid #0000;padding:0 22px;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:disabled{background:var(--color-surface-raised);color:var(--color-ink-faint);cursor:not-allowed}.btn-secondary{border-color:var(--color-line-strong);font-weight:var(--weight-medium);background:0 0}.btn-danger{background:var(--color-danger);color:var(--color-on-danger)}.btn-text{color:var(--color-ink-muted);font-weight:var(--weight-medium);background:0 0}.btn-big{border-radius:14px;min-height:56px;font-size:20px}.btn-block{width:100%}.icon-btn{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-pill);background:var(--color-surface-raised);border:0;flex:none;justify-content:center;align-items:center;font-size:20px;display:inline-flex}.field{background:var(--color-surface-sunken);border:2px solid var(--color-line);border-radius:var(--radius-md);width:100%;min-height:56px;transition:border-color var(--dur-fast) var(--ease-standard);outline:none;padding:0 16px;font-size:20px}.field::placeholder{color:var(--color-ink-faint)}.field:focus{border-color:var(--color-focus)}.field.is-error{border-color:var(--color-bad)}.field:disabled{opacity:.7;color:var(--color-ink-muted)}.field-verse{font-family:var(--font-verse);font-size:var(--verse-reveal);min-height:64px;color:var(--color-verse);resize:none;padding:12px 16px;line-height:1.9;display:block}.field-label{font-size:var(--text-caption);color:var(--color-ink-muted)}.field-msg{font-size:15px}.field-msg.bad{color:var(--color-bad)}.suggest{background:var(--color-surface-raised);border-radius:var(--radius-md);box-shadow:var(--shadow-2);flex-direction:column;padding:4px;display:flex}.suggest button{min-height:var(--touch-min);text-align:start;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;padding:0 12px;font-size:18px;display:flex}.suggest button.is-active,.suggest button:hover{background:var(--color-accent-soft)}.suggest .era{font-size:var(--text-caption);color:var(--color-ink-faint)}.tag{font-size:13px;font-weight:var(--weight-bold);border-radius:var(--radius-pill);white-space:nowrap;border:1px solid #0000;padding:1px 8px}.tag-host{color:var(--color-accent);border-color:var(--color-accent-line)}.tag-fast{color:var(--color-on-accent);background:var(--color-accent)}.tag-soon{color:var(--color-pending);background:var(--color-pending-soft);padding:3px 10px}.verse{font-family:var(--font-verse);line-height:var(--lh-verse);color:var(--color-verse);white-space:nowrap;font-size:var(--verse-size);flex-direction:column;display:flex}.verse .half-ajuz{align-self:flex-end}.verse.is-wrapping{white-space:normal}@media (width>=600px){.verse:not(.is-stacked){justify-content:space-between;column-gap:var(--verse-gap-wide);grid-template-columns:auto auto;display:grid}}.verse-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:22px 18px;overflow:hidden}.verse .blank{border-bottom:2px dashed var(--color-line-strong);align-self:flex-end;width:78%;height:34px}.verse .word{font:inherit;color:inherit;min-height:44px;transition:background var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard);background:0 0;border:0;border-radius:6px;padding:0 4px}.verse .word.is-selected{background:var(--color-accent-soft);box-shadow:inset 0 0 0 1.5px var(--color-accent)}.verse .words{flex-wrap:nowrap;gap:2px;display:flex}.verse .words.half-ajuz{align-self:flex-end}.verse mark{background:var(--color-accent-soft);color:inherit;border-bottom:2px solid var(--color-accent);border-radius:3px}.timer{top:env(safe-area-inset-top,0px);z-index:var(--z-sticky);background:var(--color-surface-sunken);height:4px;margin-inline:calc(var(--gutter) * -1);display:flex;position:sticky}.timer-fill{background:var(--color-accent);height:100%;transition:width 1s linear}.timer.is-late .timer-fill{background:var(--color-bad)}.late-number{font-size:15px;font-weight:var(--weight-bold);color:var(--color-bad)}.progress{background:var(--color-surface-sunken);border-radius:2px;height:4px;display:flex;overflow:hidden}.progress>span{background:var(--color-ink-muted);border-radius:2px;transition:width 1s linear}.avatar{color:var(--color-on-player);font-weight:var(--weight-bold);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.avatar.is-away{opacity:.4}.avatar.is-empty{border:1.5px dashed var(--color-line-strong);color:var(--color-ink-faint);background:0 0!important}.avatar .done{background:var(--color-ink);width:13px;height:13px;color:var(--color-bg);box-shadow:0 0 0 2px var(--color-bg);border-radius:50%;justify-content:center;align-items:center;font-size:9px;display:flex;position:absolute;bottom:-3px;left:-3px}.strip{justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:14px;display:flex}.strip-avatars{flex-wrap:wrap;gap:6px;display:flex}.list{background:var(--color-surface);border-radius:var(--radius-lg);flex-direction:column;padding:6px 0;display:flex}.list-row{align-items:center;gap:10px;min-height:56px;padding:8px 14px;display:flex}.list-row.is-me{background:var(--color-surface-raised)}.list-row .pos{width:18px;font-size:15px;font-weight:var(--weight-bold);color:var(--color-ink-muted);text-align:center}.list-row .name{min-width:0;font-size:17px;font-weight:var(--weight-medium);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.list-row .you{color:var(--color-ink-muted);font-size:13px;font-weight:var(--weight-regular)}.list-row .move,.list-row .gain{font-size:13px;font-weight:var(--weight-bold);text-align:center}.list-row .move{width:28px}.list-row .gain{width:42px}.list-row .total{font-size:18px;font-weight:var(--weight-bold);text-align:left;min-width:40px}.seats{background:var(--color-surface);border-radius:var(--radius-lg);grid-template-columns:repeat(4,1fr);gap:18px 8px;padding:20px;display:grid}.seat{min-width:0;animation:rise var(--dur-base) var(--ease-enter);flex-direction:column;align-items:center;gap:6px;display:flex}.seat .name{font-size:var(--text-caption);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.card{background:var(--color-surface);gap:var(--space-3);border-radius:20px;flex-direction:column;padding:22px;display:flex}.card-raised{background:var(--color-surface-raised);border:1.5px solid var(--color-accent)}.card-soon{border:1.5px dashed var(--color-line)}.card-title{font-size:var(--text-title);line-height:var(--lh-title);font-weight:var(--weight-bold);font-feature-settings:var(--feat-title)}.code-card{align-items:center;gap:var(--space-5)}.room-code{font-size:48px;font-weight:var(--weight-black);letter-spacing:6px;line-height:1}.code-cells{direction:ltr;gap:8px;display:flex}.code-cells input{border-radius:var(--radius-md);background:var(--color-surface-sunken);border:2px solid var(--color-line);text-align:center;min-width:0;height:56px;font-size:26px;font-weight:var(--weight-bold);outline:none;flex:1}.code-cells input:focus{border-color:var(--color-accent)}.code-cells.is-error input{border-color:var(--color-bad)}.done-card{background:var(--color-surface);border-radius:var(--radius-lg);animation:rise var(--dur-base) var(--ease-enter);justify-content:center;align-items:center;gap:10px;padding:14px;display:flex}.check-soft{background:var(--color-ok-soft);width:28px;height:28px;color:var(--color-ok);border-radius:50%;justify-content:center;align-items:center;font-size:15px;display:flex}.clue{border-radius:var(--radius-md);background:var(--color-surface);border:1.5px solid var(--color-surface);min-height:56px;animation:rise var(--dur-slow) var(--ease-enter);align-items:center;gap:12px;padding:12px 14px;display:flex}.clue.is-current{border-color:var(--color-accent)}.clue.is-locked{border-style:dashed;border-color:var(--color-line);color:var(--color-ink-faint);background:0 0;animation:none}.clue .n{background:var(--color-surface-sunken);width:24px;height:24px;font-size:13px;font-weight:var(--weight-bold);color:var(--color-ink-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.clue .t{flex:1;font-size:17px;line-height:1.5}.clue .pts{font-size:var(--text-caption);font-weight:var(--weight-bold);color:var(--color-ink-faint)}.clue.is-current .pts{color:var(--color-accent)}.reveal-head{background:var(--color-surface);border-radius:24px;flex-direction:column;gap:12px;padding:22px 20px;display:flex}.reveal-head>*{animation:rise var(--dur-reveal) var(--ease-enter) both}.reveal-head>:nth-child(2){animation-delay:.12s}.reveal-head>:nth-child(3){animation-delay:.24s}.reveal-head>:nth-child(4){animation-delay:.36s}.reveal-head>:nth-child(5){animation-delay:.48s}.answer-title{font-size:32px;font-weight:var(--weight-bold);line-height:1.3}.note{background:var(--color-surface-raised);font-size:var(--text-body-sm);color:var(--color-ink-soft);border-radius:12px;padding:12px 14px;line-height:1.7}.answer-card{background:var(--color-surface);border:1.5px solid var(--color-surface);animation:rise var(--dur-slow) var(--ease-enter) both;border-radius:14px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.answer-card.is-fast{border-color:var(--color-accent-line)}.answer-card.is-pending{border-color:var(--color-pending-line)}.answer-card .body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.answer-card .who{font-size:var(--text-body-sm);font-weight:var(--weight-medium);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.answer-card .said{flex-wrap:wrap;gap:0 5px;font-size:18px;line-height:1.9;display:flex}.answer-card .said.is-verse{font-family:var(--font-verse);color:var(--color-verse)}.answer-card .state{font-size:var(--text-caption)}.answer-card .side{flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.answer-card .pts{font-size:17px;font-weight:var(--weight-bold)}.diff{border-bottom:2px solid;border-radius:3px;padding:0 2px}.diff-pending{background:var(--color-pending-soft);border-color:var(--color-pending)}.diff-ok{background:var(--color-ok-soft);border-color:var(--color-ok)}.diff-bad{background:var(--color-bad-soft);border-color:var(--color-bad)}.mark{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;display:flex}.mark-fast{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent);border-radius:4px;transform:rotate(45deg)scale(.86)}.mark-fast>*{transform:rotate(-45deg)}.mark-correct{background:var(--color-ok);border-color:var(--color-ok);color:var(--color-on-status)}.mark-wrong{background:var(--color-bad);border-color:var(--color-bad);color:var(--color-on-status)}.mark-pending{border-style:dashed;border-color:var(--color-pending);color:var(--color-pending)}.mark-accepted{background:var(--color-ok-soft);border-color:var(--color-ok);color:var(--color-ok)}.mark-rejected{background:var(--color-bad-soft);border-color:var(--color-bad);color:var(--color-bad)}.mark-none{border-style:dashed;border-color:var(--color-ink-faint)}.vote{background:var(--color-surface);border:1.5px dashed var(--color-pending);border-radius:20px;flex-direction:column;gap:14px;padding:18px;display:flex}.vote-bar{background:var(--color-surface-sunken);border-radius:3px;gap:2px;height:6px;display:flex;overflow:hidden}.vote-bar .yes{background:var(--color-ok)}.vote-bar .no{background:var(--color-bad)}.vote-actions{gap:10px;display:flex}.vote-actions .btn{border-color:var(--color-line-strong);min-height:52px;color:var(--color-ink);background:0 0;flex:1}.vote-actions .btn.is-yes{background:var(--color-ok-soft);color:var(--color-ok);border-color:var(--color-ok)}.vote-actions .btn.is-no{background:var(--color-bad-soft);color:var(--color-bad);border-color:var(--color-bad)}.vote-actions .count{font-weight:var(--weight-regular);opacity:.85;font-size:15px}.reactions{flex-direction:column;gap:10px;display:flex}.reaction-emojis{background:var(--color-surface-raised);border-radius:var(--radius-pill);justify-content:space-between;padding:6px;display:flex}.reaction-emojis button{background:0 0;border:0;border-radius:50%;width:44px;height:44px;font-size:22px}.reaction-emojis button:active{background:var(--color-accent-soft)}.reaction-phrases{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.reaction-phrases button{border:1.5px solid var(--color-line-strong);border-radius:var(--radius-pill);min-height:40px;font-size:var(--text-body-sm);white-space:nowrap;background:0 0;padding:0 14px}.bubbles{pointer-events:none;z-index:var(--z-overlay);position:fixed;inset:0;overflow:hidden}.bubble{background:var(--color-surface-raised);border-radius:var(--radius-pill);height:40px;box-shadow:var(--shadow-2);white-space:nowrap;animation:bubble 2s var(--ease-standard) forwards;align-items:center;gap:8px;padding-block:6px;padding-inline:6px 14px;font-size:15px;display:flex;position:absolute;bottom:140px}@keyframes bubble{0%{opacity:0;transform:translateY(12px)}15%{opacity:1;transform:translateY(0)}75%{opacity:1}to{opacity:0;transform:translateY(-120px)}}.intro{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;display:flex}.intro .count{font-size:15px;font-weight:var(--weight-medium);color:var(--color-accent)}.intro .title,.celebrate{font-size:var(--text-hero);line-height:var(--lh-hero);font-weight:var(--weight-black);font-feature-settings:var(--feat-celebrate);animation:celebrate var(--dur-reveal) var(--ease-celebrate) both}.celebrate{color:var(--color-accent);white-space:nowrap}.diamond{background:var(--color-accent);flex:none;width:8px;height:8px;transform:rotate(45deg)}.intro .desc{color:var(--color-ink-soft);max-width:280px;font-size:18px;line-height:1.7}.segments{gap:8px;width:100%;display:flex}.segments>div{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.segments .bar{background:var(--color-line);border-radius:2px;height:4px}.segments .is-done .bar{background:var(--color-ink-muted)}.segments .is-current .bar{background:var(--color-accent)}.segments span{color:var(--color-ink-faint);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.segments .is-current span{color:var(--color-accent);font-weight:var(--weight-bold)}.winner{text-align:center;flex-direction:column;align-items:center;gap:10px;padding-top:36px;display:flex}.winner .avatar{box-shadow:0 0 0 4px var(--color-bg), 0 0 0 6px var(--color-accent);animation:celebrate var(--dur-reveal) var(--ease-celebrate) .8s both}.winner .celebrate{font-size:48px;line-height:1.2;animation-delay:1.6s}.winner .lead-in{animation:fade .8s var(--ease-standard) both}.titles{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.title-pill{font-size:var(--text-caption);border:1px solid var(--color-accent-line);border-radius:var(--radius-pill);white-space:nowrap;animation:celebrate var(--dur-reveal) var(--ease-celebrate) 2.2s both;gap:6px;padding:4px 12px;display:flex}.title-pill b{color:var(--color-accent);font-weight:var(--weight-black);font-feature-settings:var(--feat-celebrate)}.connection{top:calc(env(safe-area-inset-top,0px) + 10px);width:max-content;max-width:calc(100% - 40px);z-index:var(--z-toast);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-ink-soft);box-shadow:var(--shadow-2);animation:rise var(--dur-base) var(--ease-enter);align-items:center;gap:10px;margin-inline:auto;padding:8px 16px;font-size:15px;display:flex;position:fixed;inset-inline:0}.connection.is-back{background:var(--color-ok-soft);color:var(--color-ok)}.toasts{bottom:calc(env(safe-area-inset-bottom,0px) + 96px);inset-inline:var(--gutter);max-width:var(--content-max);z-index:var(--z-toast);pointer-events:none;flex-direction:column;gap:8px;margin-inline:auto;display:flex;position:fixed}.toast{background:var(--color-surface-raised);min-height:48px;box-shadow:var(--shadow-2);font-size:var(--text-body-sm);animation:rise var(--dur-slow) var(--ease-enter);border-radius:14px;align-items:center;gap:12px;padding:12px 16px;display:flex}.toast .dot{background:var(--color-ink-muted);border-radius:50%;flex:none;width:8px;height:8px}.toast.is-ok .dot{background:var(--color-ok)}.toast.is-bad .dot{background:var(--color-bad)}.loader{gap:10px;display:flex}.loader span{background:var(--color-accent);width:10px;height:10px;animation:pulse 1.2s var(--ease-standard) infinite;transform:rotate(45deg)}.loader span:nth-child(2){animation-delay:.2s}.loader span:nth-child(3){animation-delay:.4s}.loader.small span{width:6px;height:6px}.dots{gap:4px;display:flex}.dots span{background:var(--color-ink-muted);width:5px;height:5px;animation:pulse 1.2s var(--ease-standard) infinite;border-radius:50%}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}.sheet-scrim{background:var(--color-scrim);z-index:var(--z-overlay);animation:fade var(--dur-base) var(--ease-standard);position:fixed;inset:0}.sheet{max-width:var(--content-max);background:var(--color-surface-raised);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:12px 20px calc(24px + env(safe-area-inset-bottom,0px));z-index:var(--z-overlay);box-shadow:var(--shadow-3);animation:sheet var(--dur-base) var(--ease-enter);flex-direction:column;gap:12px;margin-inline:auto;display:flex;position:fixed;inset:auto 0 0}.sheet .handle{background:var(--color-line-strong);border-radius:2px;align-self:center;width:36px;height:4px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}}@keyframes sheet{0%{transform:translateY(100%)}}@keyframes celebrate{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:.16s!important;animation-iteration-count:1!important;animation-delay:0s!important}.timer-fill,.progress>span{transition:none!important}}