@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{margin:0}:root{--bg-0:#080d18;--bg-1:#10192d;--bg-2:#162239;--panel:#0c172cdb;--panel-strong:#111f38;--text-main:#f3f7ff;--text-dim:#9faecc;--brand:#49d8f5;--brand-strong:#37b5d6;--good:#56d5a8;--bad:#ff8a96;--line:#b4cbff2e;--line-soft:#b4cbff1a;--shadow:0 18px 48px #00000061}*{box-sizing:border-box}body{min-height:100vh;color:var(--text-main);background:radial-gradient(circle at 12% 10%, #49d8f52e, transparent 33%), radial-gradient(circle at 86% 14%, #56d5a829, transparent 28%), radial-gradient(circle at 60% 90%, #ff8a961f, transparent 24%), linear-gradient(160deg, var(--bg-0) 0%, var(--bg-1) 45%, var(--bg-2) 100%);margin:0;font-family:Sora,Segoe UI,sans-serif}.shell{gap:1.1rem;width:min(1180px,100% - 2rem);margin:1.75rem auto 6rem;animation:.42s ease-out rise;display:grid}.hero{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(135deg,#162239f5,#0d1629e6);border-radius:1.15rem;padding:1.35rem}.brand-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.hero h1{margin:.45rem 0 .35rem;font-size:clamp(1.35rem,2.8vw,2.2rem);line-height:1.2}.hero-copy{max-width:60ch;color:var(--text-dim);margin:0}.kicker{color:var(--brand);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.76rem;font-weight:700}.hero-actions{flex-wrap:wrap;gap:.55rem;margin-top:1rem;display:flex}.button-link,button{cursor:pointer;color:#051123;background:var(--brand);border:0;border-radius:.8rem;padding:.62rem 1rem;font-family:inherit;font-weight:600;text-decoration:none;transition:transform .15s,background-color .18s,border-color .18s}.button-link:hover,button:hover:not(:disabled){background:var(--brand-strong);transform:translateY(-1px)}button.ghost{color:var(--text-main);background:#49d8f51f;border:1px solid #49d8f566}button.ghost:hover:not(:disabled){background:#49d8f538}button.danger{color:#ffdfe3;background:#ff8a9633;border:1px solid #ff8a966b;margin-top:.7rem}button.danger:hover:not(:disabled){background:#ff8a9652}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.setup-card{background:var(--panel);border:1px solid var(--line-soft);border-radius:1rem;padding:.95rem;box-shadow:inset 0 1px #ffffff05}.setup-card.active{border-color:#49d8f573}.setup-card.done{background:#112d30bd;border-color:#56d5a873}.setup-state{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin:0 0 .35rem;font-size:.75rem}.setup-card.done .setup-state{color:var(--good)}.setup-card h2{margin:0 0 .3rem;font-size:1.02rem}.setup-card p{color:var(--text-dim);margin:0;font-size:.94rem}.status-panel{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.status-panel article,.result-wrap,.history-card{background:var(--panel);border:1px solid var(--line-soft);box-shadow:var(--shadow);border-radius:1rem;padding:1rem}.badge{border-radius:999px;align-items:center;padding:.22rem .7rem;font-size:.78rem;font-weight:700;display:inline-flex}.badge.good{color:var(--good);background:#56d5a826;border:1px solid #56d5a85c}.badge.bad{color:var(--bad);background:#ff8a9629;border:1px solid #ff8a965c}select{border:1px solid var(--line);width:100%;color:var(--text-main);font:inherit;background:#0e1a31;border-radius:.8rem;padding:.68rem}.field-label{color:var(--text-dim);margin-bottom:.35rem;font-size:.9rem;display:block}.reader-actions{flex-wrap:wrap;gap:.55rem;margin-top:.7rem;display:flex}.reader-hint{color:var(--text-dim);margin:.65rem 0 0;font-size:.88rem}.muted,.hint{color:var(--text-dim);font-size:.91rem}.error{color:var(--bad);font-weight:700}.result-header,.history-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.data-card{border:1px solid var(--line-soft);background:#0c1628a6;border-radius:.9rem;margin-top:.85rem;padding:.75rem}.data-card h3{margin:0 0 .65rem}.grid-values{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.45rem;display:grid}.value-row{border:1px solid var(--line-soft);background:#131e34a6;border-radius:.7rem;gap:.2rem;padding:.5rem;display:grid}.value-row label{color:var(--text-dim);font-size:.78rem}.value-row span{font-family:JetBrains Mono,monospace;font-size:.84rem}.history-card ul{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.history-card li{border:1px solid var(--line-soft);background:#0f1b2fb8;border-radius:.8rem;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem;display:flex}.history-card li p{color:var(--text-dim);margin:.2rem 0 0;font-size:.84rem}.signature-card{background:#0a101cb8;border:1px dashed #49d8f56b;border-radius:1rem;padding:.9rem 1rem}.signature-card pre{white-space:pre-wrap;word-break:break-word;color:#bfeeff;margin:0;font-family:JetBrains Mono,monospace;font-size:.8rem;line-height:1.55}.floating-widget{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(360px,100vw - 1.2rem);box-shadow:var(--shadow);z-index:100;border-radius:.95rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.7rem;display:grid;position:fixed;bottom:1rem;right:1rem}.floating-widget.online{background:#0e2124d9}.floating-widget.offline{background:#241219db}.floating-dot{background:var(--bad);border-radius:50%;width:.7rem;height:.7rem;box-shadow:0 0 0 8px #ff8a961f}.floating-widget.online .floating-dot{background:var(--good);box-shadow:0 0 0 8px #56d5a824}.floating-copy strong{font-size:.93rem;display:block}.floating-copy p{color:var(--text-dim);margin:.12rem 0 0;font-size:.8rem}.floating-button{white-space:nowrap;padding-inline:.78rem}a{color:var(--brand)}@media (width<=900px){.setup-grid{grid-template-columns:1fr}}@media (width<=760px){.shell{width:calc(100% - .9rem);margin-top:.9rem}.hero-actions .button-link,.hero-actions button,.history-card button,.status-panel button{width:100%}.history-card li{flex-direction:column;align-items:flex-start}.floating-widget{width:auto;left:.6rem;right:.6rem}}@media print{body{color:#000;background:#fff}.hero,.setup-grid,.signature-card,.status-panel,.history-card,.floating-widget,button,select,.button-link{display:none!important}.result-wrap{box-shadow:none;background:#fff;border:0;padding:0}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
