:root{--font-sans:"Hanken Grotesk Variable", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono Variable", ui-monospace, "SF Mono", monospace;--bg:#fbfbf9;--surface:#fff;--surface-2:#f3f2ee;--text:#19191d;--muted:#6d6d75;--border:#e7e6e0;--border-strong:#d8d7cf;--accent:#2347d9;--accent-hover:#1b3bc0;--accent-fg:#fff;--accent-text:#2347d9;--accent-tint:#2347d917;--danger:#c0392b;--danger-hover:#a93226;--radius-sm:9px;--radius:13px;--radius-lg:18px;--shadow-sm:0 1px 2px #1414230f, 0 1px 3px #1414230d;--shadow:0 2px 6px #1414230f, 0 12px 28px -12px #14142329;--shadow-lg:0 16px 50px -16px #14142357;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0d0d10;--surface:#161619;--surface-2:#1d1d21;--text:#f1f1f4;--muted:#9a9aa3;--border:#2a2a30;--border-strong:#34343b;--accent:#4f6bea;--accent-hover:#6480f4;--accent-fg:#fff;--accent-text:#93a8ff;--accent-tint:#4f6bea29;--danger:#ff6f60;--danger-hover:#ff8576;--shadow-sm:0 1px 2px #0006;--shadow:0 2px 6px #0006, 0 14px 32px -14px #0009;--shadow-lg:0 18px 56px -18px #000000b3}}.ui-root{isolation:isolate}.ui-button{font-family:var(--font-sans);letter-spacing:-.01em;border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.45em;padding:.7em 1.15em;font-size:.95rem;font-weight:550;line-height:1;transition:background-color .16s,border-color .16s,box-shadow .16s,transform 60ms,opacity .16s;display:inline-flex}.ui-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-button:active{transform:translateY(1px)}.ui-button[data-disabled]{opacity:.55;cursor:not-allowed}.ui-button--primary{background-color:var(--accent);color:var(--accent-fg);box-shadow:var(--shadow-sm)}.ui-button--primary:not([data-disabled]):hover{background-color:var(--accent-hover);box-shadow:var(--shadow)}.ui-button--secondary{background-color:var(--surface);border-color:var(--border-strong);color:var(--text)}.ui-button--secondary:not([data-disabled]):hover{background-color:var(--surface-2);border-color:var(--muted)}.ui-button--danger{background-color:var(--danger);color:#fff;box-shadow:var(--shadow-sm)}.ui-button--danger:not([data-disabled]):hover{background-color:var(--danger-hover);box-shadow:var(--shadow)}.ui-dialog-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0c0c146b;transition:opacity .22s;position:fixed;inset:0}.ui-dialog-backdrop[data-starting-style],.ui-dialog-backdrop[data-ending-style]{opacity:0}.ui-dialog-popup{background-color:var(--surface);min-width:300px;max-width:min(92vw,440px);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:left;padding:24px 26px;transition:opacity .22s,transform .22s cubic-bezier(.2,.9,.3,1);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.ui-dialog-popup[data-starting-style],.ui-dialog-popup[data-ending-style]{opacity:0;transform:translate(-50%,calc(8px - 50%))scale(.97)}.ui-dialog-title{letter-spacing:-.02em;margin:0 0 6px;font-size:1.2rem;font-weight:600}.ui-dialog-description{color:var(--muted);margin:0 0 16px;line-height:1.5}.ui-dialog-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.ui-dialog-actions--split{justify-content:space-between}@media (prefers-reduced-motion:reduce){.ui-button,.ui-dialog-backdrop,.ui-dialog-popup{transition:none}}.ui-result{text-align:left;flex-direction:column;gap:.7em;animation:.45s both ui-rise;display:flex}@keyframes ui-rise{0%{opacity:0;transform:translateY(.6em)}}.ui-answer{background:var(--surface);border:1px solid var(--border);border-left:.2em solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow);padding:.8em 1em .8em 1.1em}.ui-answer-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text);margin-bottom:.35em;font-size:.66em;font-weight:500;display:block}.ui-answer-text{font-family:var(--font-mono);letter-spacing:-.01em;word-break:break-word;font-size:1.1em;font-weight:500;line-height:1.35}.ui-answer-text :where(p){margin:0}.ui-explanation{text-align:left;word-break:break-word;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:.85em 1em;font-size:.9em;line-height:1.55}.ui-explanation :where(p,ul,ol):first-child{margin-top:0}.ui-explanation :where(p,ul,ol):last-child{margin-bottom:0}.ui-explanation :where(code){background:var(--surface);border:1px solid var(--border);border-radius:.35em;padding:.08em .4em;font-size:.88em}.ui-explanation :where(pre){white-space:pre-wrap;word-break:break-word}.ui-explanation :where(pre code){background:0 0;border:0;padding:0}@media (prefers-reduced-motion:reduce){.ui-result{animation:none}}.ui-phone{min-height:100%;font-family:var(--font-sans);color:var(--text);flex-direction:column;align-items:stretch;gap:1.1em;display:flex}.ui-phone-top{justify-content:space-between;align-items:center;gap:.8em;display:flex}.ui-phone-brand{flex-direction:row;justify-content:flex-start;align-items:center;gap:.4em;display:flex}.ui-phone-logo{width:1.5em;height:1.5em;box-shadow:var(--shadow-sm);border-radius:.34em}.ui-phone-name{letter-spacing:-.03em;margin:0;font-size:1.05em;font-weight:600}.ui-phone-update{color:var(--text);background:color-mix(in srgb, var(--accent) 9%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 32%, transparent);border-radius:.55em;align-items:center;gap:.55em;margin:0 0 .7em;padding:.5em .7em;font-size:.8em;display:flex}.ui-phone-update-msg{flex:1;line-height:1.35}.ui-phone-update-btn{font:inherit;color:var(--accent-fg);background:var(--accent);cursor:pointer;border:none;border-radius:.45em;flex:none;padding:.4em .75em;font-weight:600}.ui-phone-update-btn:hover{background:var(--accent-hover)}.ui-phone-chip{font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:999em;align-items:center;gap:.45em;padding:.32em .7em;font-size:.68em;font-weight:500;display:inline-flex}.ui-phone-chip-dot{background:#34c07c;border-radius:50%;width:.55em;height:.55em;animation:2.4s ease-out infinite ui-chip-pulse;box-shadow:0 0 #34c07c73}@keyframes ui-chip-pulse{0%{box-shadow:0 0 #34c07c73}55%{box-shadow:0 0 0 .45em #34c07c00}to{box-shadow:0 0 #34c07c00}}.ui-phone-empty{text-align:center;background:radial-gradient(80% 70% at 50% 12%, var(--accent-tint), transparent 70%), var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.35em;padding:1.6em 1.2em 1.9em;display:flex}.ui-phone-empty-art{width:7.2em;color:var(--muted);margin-bottom:.9em}.ui-phone-empty-art svg{width:100%;height:auto;display:block}.ui-vf-corners{color:var(--border-strong)}.ui-vf-line{stroke:var(--border)}.ui-vf-scan{stroke:var(--accent);opacity:.85;animation:2.6s ease-in-out infinite alternate ui-vf-scan}@keyframes ui-vf-scan{0%{opacity:.25;transform:translateY(-.5em)}to{opacity:.85;transform:translateY(.35em)}}.ui-phone-empty-title{letter-spacing:-.01em;margin:0;font-size:1.02em;font-weight:600}.ui-phone-empty-sub{max-width:26em;color:var(--muted);margin:0;font-size:.85em;line-height:1.55}.ui-phone-body{flex-direction:column;flex:1;gap:1.1em;min-height:0;display:flex}.ui-phone-result{flex-direction:column;flex:1;gap:.9em;min-height:0;display:flex}.ui-phone-result>.ui-result{flex:1;min-height:0}.ui-phone-result .ui-explanation{flex:1;min-height:3em;overflow:auto}.ui-phone-prompt{text-align:center;max-width:20em;color:var(--muted);margin:auto;font-size:.92em;line-height:1.5}.ui-phone-skeleton{flex-direction:column;flex:1;gap:.7em;min-height:0;display:flex}.ui-sk{background:linear-gradient(100deg, var(--border) 30%, var(--surface) 50%, var(--border) 70%);background-size:220% 100%;border-radius:.5em;animation:1.3s ease-in-out infinite ui-shimmer}.ui-sk-label{width:32%;height:.75em}.ui-sk-answer{width:62%;height:1.5em;margin-bottom:.3em}.ui-sk-fill{flex:1;min-height:3em}@keyframes ui-shimmer{0%{background-position:220% 0}to{background-position:-220% 0}}.ui-phone-bar{background:linear-gradient(to top, var(--bg) 72%, transparent);gap:.6em;padding:.9em 0 .2em;display:flex;position:sticky;bottom:0}.ui-button.ui-phone-action{letter-spacing:-.005em;white-space:nowrap;border-radius:999em;flex:1;padding-top:.95em;padding-bottom:.95em;font-size:1em;font-weight:600}.ui-phone-bar .ui-button--secondary.ui-phone-capture{flex:0 auto}.ui-phone-bar .ui-phone-solve{flex:1}.ui-btn-ic{flex:none;width:1.1em;height:1.1em}.ui-button--primary.ui-phone-action{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 88%, #fff), var(--accent) 55%);box-shadow:0 10px 22px -10px color-mix(in srgb, var(--accent) 70%, transparent), var(--shadow-sm)}.ui-button--primary.ui-phone-action:not([data-disabled]):hover{background:linear-gradient(180deg, color-mix(in srgb, var(--accent-hover) 88%, #fff), var(--accent-hover) 55%);box-shadow:0 12px 26px -10px color-mix(in srgb, var(--accent) 80%, transparent), var(--shadow-sm)}.ui-button.ui-phone-action:active{transform:translateY(1px)scale(.99)}.ui-phone-shotcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin:0;padding:.28em}.ui-shot{border-radius:calc(var(--radius) - .28em);width:100%;max-width:100%;display:block;overflow:hidden}.ui-phone-status{text-align:center;color:var(--muted);margin:0;font-size:.92em;line-height:1.5}.ui-phone-status--error{color:var(--danger)}.ui-spin{border:.16em solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;flex:none;width:1em;height:1em;animation:.8s linear infinite ui-spin;display:inline-block}.ui-spin--on-accent{border-color:#fff #fff6 #fff6}@keyframes ui-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ui-phone-chip-dot,.ui-vf-scan,.ui-spin,.ui-sk{animation:none}}
