@layer components{.sheet-scope{--sheet:#2a5e85;--sheet-deep:#1f4a6b;--clay:#9a5238;--clay-lt:#f2b79c;--paper:#f4eee4;--paper-hi:#fbf8f2;--ink:#17140f;--ink2:#4a443b;--ink3:#6e665b;--hair:#17140f24;--hair-s:#eaf1f66b;--on-s2:#eaf1f6d1;--lift:0 1px 0 #fffc inset, 0 18px 36px -20px #17140f73;--mono:var(--font-plex), ui-monospace, "SFMono-Regular", monospace}.sheet-scope .s-display{letter-spacing:-.04em;line-height:1.03;font-family:var(--mono)!important;font-weight:700!important}.sheet-scope .s-mono{font-family:var(--mono)!important}.sheet-scope .s-label{letter-spacing:.06em;text-transform:uppercase;font-size:12px;line-height:1;font-family:var(--mono)!important;font-weight:600!important}.sheet-ground{background-color:var(--sheet);color:#fff;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:24px 24px}.paper-card{background:var(--paper-hi);box-shadow:var(--lift)}.s-frame{position:relative}.s-frame>.s-frame-ph{border:1.5px solid #fff;position:absolute;inset:0;overflow:hidden;box-shadow:0 22px 40px -22px #0000008c}.s-frame.on-paper>.s-frame-ph{border:1px solid var(--ink);box-shadow:none}.s-tick{border:0 solid var(--clay-lt);pointer-events:none;width:16px;height:16px;position:absolute}.s-frame.on-paper .s-tick{border-color:var(--clay);width:12px;height:12px}.s-tick.tl{inset-inline-start:-7px;border-top-width:3px;border-inline-start-width:3px;top:-7px}.s-tick.tr{inset-inline-end:-7px;border-top-width:3px;border-inline-end-width:3px;top:-7px}.s-tick.bl{inset-inline-start:-7px;border-bottom-width:3px;border-inline-start-width:3px;bottom:-7px}.s-tick.br{inset-inline-end:-7px;border-bottom-width:3px;border-inline-end-width:3px;bottom:-7px}.s-frame.on-paper .s-tick.tl,.s-frame.on-paper .s-tick.br{border-width:0}.s-frame.on-paper .s-tick.tl{border-top-width:2px;border-inline-start-width:2px}.s-frame.on-paper .s-tick.br{border-bottom-width:2px;border-inline-end-width:2px}.s-stamp{top:12px;background:var(--clay);color:#fff;font:600 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;z-index:2;padding:7px 9px;position:absolute;inset-inline-start:12px}.s-stamp.existing{background:var(--sheet-deep);inset-inline:auto 12px}.s-btn{--btn-shadow:none;--btn-shadow-press:none;letter-spacing:-.01em;color:#fff;height:48px;box-shadow:var(--btn-shadow);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:16px;font-weight:600;line-height:1;transition:filter .15s,transform .12s,box-shadow .15s,background-color .15s,border-color .15s;display:inline-flex;position:relative}@media (min-width:1024px){.s-btn{height:52px;padding:0 26px;font-size:17px}}.s-btn>svg{flex-shrink:0}.s-btn .s-btn-arrow{margin-inline-end:-4px;transition:translate .15s}.s-btn:hover:not(:disabled){filter:brightness(1.06)}.s-btn:hover:not(:disabled) .s-btn-arrow{translate:3px}[dir=rtl] .s-btn:hover:not(:disabled) .s-btn-arrow{translate:-3px}.s-btn:active:not(:disabled){box-shadow:var(--btn-shadow-press);transform:translateY(1px)}.s-btn:focus-visible{outline:3px solid var(--clay-lt);outline-offset:3px}.s-btn.clay{background:var(--clay) linear-gradient(#ffffff1f, #fff0 55%);--btn-shadow:inset 0 1px 0 #ffffff3d, 0 1px 2px #0b1c2b47, 0 12px 24px -12px #0b1c2b99;--btn-shadow-press:inset 0 1px 0 #ffffff29, 0 1px 1px #0b1c2b4d, 0 4px 10px -6px #0b1c2b8c;border-color:#0000001f}.s-btn.blue{background:var(--sheet) linear-gradient(#ffffff1f, #fff0 55%);--btn-shadow:inset 0 1px 0 #ffffff38, 0 1px 2px #1f4a6b4d, 0 12px 24px -12px #1f4a6ba6;--btn-shadow-press:inset 0 1px 0 #ffffff24, 0 1px 1px #1f4a6b4d, 0 4px 10px -6px #1f4a6b99;border-color:#0000001a}.s-btn.frost{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);--btn-shadow:inset 0 1px 0 #ffffff2e, 0 8px 18px -12px #00000073;--btn-shadow-press:inset 0 1px 0 #ffffff1f;background:#ffffff24;border-color:#fff6}.s-btn.frost:hover:not(:disabled){filter:none;background:#fff3;border-color:#fff9}.s-btn.frost[aria-pressed=true]{border-color:var(--clay-lt);background:#fff3}.s-btn.ghost{color:var(--ink);background:0 0;border-color:#17140f57}.s-btn.ghost:hover:not(:disabled){border-color:var(--ink);filter:none;background:#17140f0d}.s-btn.ghost:focus-visible{outline-color:var(--sheet)}.s-btn:disabled{color:#ffffffb8;box-shadow:none;filter:none;cursor:not-allowed;background:#ffffff1f;border:1px dashed #ffffff5c}.s-btn.on-paper:disabled,.s-btn.blue:disabled,.s-btn.ghost:disabled{color:var(--ink3);background:#17140f12;border-color:#17140f3d}.s-btn.sm{gap:8px;height:40px;padding:0 18px;font-size:15px}.s-btn.sm .s-btn-arrow{margin-inline-end:-2px}.s-hover-lift{transition:transform .18s,box-shadow .18s}.s-hover-lift:hover{transform:translateY(-2px)}.s-hover-lift:focus-visible{outline:2px solid var(--sheet);outline-offset:3px}.s-tblock{border:1px solid var(--hair-s)}.s-tblock.on-paper{border-color:var(--hair)}.s-tblock>.s-row{border-top:1px solid var(--hair-s);display:flex}.s-tblock.on-paper>.s-row{border-top-color:var(--hair)}.s-tblock>.s-row:first-child{border-top:0}.s-tblock>.s-row>.s-cell{border-inline-start:1px solid var(--hair-s);flex:1;min-width:0;padding:10px 12px}.s-tblock.on-paper>.s-row>.s-cell{border-inline-start-color:var(--hair)}.s-tblock>.s-row>.s-cell:first-child{border-inline-start:0}.s-tblock .s-key{font:600 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--on-s2)}.s-tblock.on-paper .s-key{color:var(--ink3)}.s-tblock .s-val{margin-top:6px;font-size:15px}.s-chip{border:1px solid var(--hair);height:36px;font:500 13px/1 var(--mono);color:var(--ink2);white-space:nowrap;border-radius:999px;align-items:center;padding:0 14px;display:inline-flex}.s-chip[aria-pressed=true]{background:var(--sheet);border-color:var(--sheet);color:#fff}@keyframes s-scan{0%{transform:translateY(-2px)}to{transform:translateY(var(--scan-h,400px))}}.s-scanline{inset-inline:0;opacity:.9;background:#fff;height:1.5px;animation:2.4s linear infinite s-scan;position:absolute;top:0}@keyframes s-rise{0%{opacity:0;filter:blur(3px);transform:translateY(14px)}to{opacity:1;filter:none;transform:none}}@keyframes s-fade{0%{opacity:0}to{opacity:1}}.s-rise{animation:.55s cubic-bezier(.22,1,.36,1) both s-rise}.s-rise-late{animation:.55s cubic-bezier(.22,1,.36,1) 90ms both s-rise}.s-step-dot{background:#ffffff40;border-radius:2px;width:14px;height:3px;transition:width .4s,background .4s}.s-step-dot[data-on=true]{background:var(--clay-lt);width:26px}@media (prefers-reduced-motion:reduce){.s-rise,.s-rise-late{animation:.3s both s-fade}.s-step-dot{transition:none}.s-scanline{animation:none;display:none}.s-btn,.s-hover-lift,.s-btn .s-btn-arrow{transition:none}}}
