:root{--bg: #eef1f6;--surface: #ffffff;--surface-2: #f5f7fb;--ink: #14213d;--muted: #5a6781;--line: #dce2ec;--brass: #e3a82b;--brass-ink: #14213d;--brass-soft: #fbf0d5;--brass-text: #7a5200;--ok: #1b7f55;--ok-soft: #ddf3e8;--warn: #8a5a00;--warn-soft: #fbf0d5;--bad: #b8342b;--bad-soft: #fbe3e0;--info: #2b5bb8;--info-soft: #e2eafa;--radius: 18px;--font-display: ui-rounded, "SF Pro Rounded", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0c1322;--surface: #141d32;--surface-2: #1a2540;--ink: #eaf0fb;--muted: #9aa9c7;--line: #26324f;--brass: #ebb54a;--brass-soft: #3a2f14;--brass-text: #f2c96b;--ok: #58c896;--ok-soft: #17382b;--warn: #f2c96b;--warn-soft: #3a2f14;--bad: #ff8d84;--bad-soft: #40201f;--info: #8db1ff;--info-soft: #1b2b52;color-scheme:dark}}:root[data-theme=dark]{--bg: #0c1322;--surface: #141d32;--surface-2: #1a2540;--ink: #eaf0fb;--muted: #9aa9c7;--line: #26324f;--brass: #ebb54a;--brass-soft: #3a2f14;--brass-text: #f2c96b;--ok: #58c896;--ok-soft: #17382b;--warn: #f2c96b;--warn-soft: #3a2f14;--bad: #ff8d84;--bad-soft: #40201f;--info: #8db1ff;--info-soft: #1b2b52;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 var(--font-body);-webkit-tap-highlight-color:transparent}h1,h2,h3{font-family:var(--font-display);line-height:1.2;margin:0;text-wrap:balance}h1{font-size:26px}h2{font-size:19px}h3{font-size:16px}p{margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--info);outline-offset:2px}.screen{max-width:560px;margin:0 auto;padding:20px 16px 120px;display:flex;flex-direction:column;gap:16px}.screen.auth{padding-bottom:40px;min-height:100dvh;justify-content:center}.muted{color:var(--muted)}.small{font-size:14px}.tiny{font-size:12.5px}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:12px}.stack.tight{gap:8px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card.soft{background:var(--surface-2)}.card.brass{background:var(--brass-soft);border-color:transparent;color:var(--brass-text)}.card.bad{background:var(--bad-soft);border-color:transparent;color:var(--bad)}.card.ok{background:var(--ok-soft);border-color:transparent;color:var(--ok)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 18px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:600;cursor:pointer;text-decoration:none;transition:transform .08s}.btn:active{transform:scale(.98)}.btn.primary{background:var(--brass);border-color:var(--brass);color:var(--brass-ink)}.btn.danger{color:var(--bad)}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.small{min-height:38px;padding:6px 14px;font-size:14px;border-radius:12px}.btn.block{width:100%}.btn{white-space:nowrap}.btn[disabled]{opacity:.55;cursor:not-allowed}.link{color:var(--info);font-weight:600;text-decoration:none;background:none;border:0;padding:0;cursor:pointer}.field{display:flex;flex-direction:column;gap:6px}.field>.label{font-size:14px;font-weight:600}.field>.help{font-size:13px;color:var(--muted)}input[type=text],input[type=email],input[type=password],input[type=datetime-local],select,textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-size:16px}textarea{min-height:120px;resize:vertical;line-height:1.5}::placeholder{color:var(--muted);opacity:.8}.error{color:var(--bad);font-size:14px;font-weight:600}.notice{color:var(--ok);font-size:14px;font-weight:600}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:700;white-space:nowrap;background:var(--surface-2);color:var(--muted)}.chip.ok{background:var(--ok-soft);color:var(--ok)}.chip.warn{background:var(--warn-soft);color:var(--warn)}.chip.bad{background:var(--bad-soft);color:var(--bad)}.chip.info{background:var(--info-soft);color:var(--info)}.chip.brass{background:var(--brass);color:var(--brass-ink)}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;background:var(--surface-2);border-radius:14px;border:1px solid var(--line)}.seg button{min-height:40px;border:0;border-radius:10px;background:transparent;font-weight:600;color:var(--muted);cursor:pointer}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #14213d26}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-top:4px}.hero h1{font-size:28px}.env{display:flex;gap:12px;align-items:center;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none}.env+.env{margin-top:10px}.env .ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none;background:var(--surface-2);color:var(--muted)}.env .ico.info{background:var(--info-soft);color:var(--info)}.env .ico.ok{background:var(--ok-soft);color:var(--ok)}.env .ico.warn{background:var(--warn-soft);color:var(--warn)}.env .ico.bad{background:var(--bad-soft);color:var(--bad)}.env .title{font-weight:700}.env .sub{font-size:13.5px;color:var(--muted);overflow-wrap:anywhere}.env .side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}.empty{text-align:center;padding:28px 12px;color:var(--muted)}.empty h3{color:var(--ink);margin-bottom:4px}.code{font-family:var(--font-mono);font-size:26px;font-weight:700;letter-spacing:.18em}.opt{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}.opt>label{display:flex;gap:12px;align-items:center;padding:12px 14px;cursor:pointer}.opt input[type=checkbox]{width:22px;height:22px;accent-color:var(--brass);flex:none}.opt.on{border-color:var(--brass)}.opt .panel{padding:0 14px 14px;display:flex;flex-direction:column;gap:12px}.opt .ico{color:var(--brass-text);flex:none}.cipher{font-family:var(--font-mono);font-size:15px;line-height:1.6;background:var(--surface-2);border:1px dashed var(--line);border-radius:12px;padding:12px;overflow-wrap:anywhere;white-space:pre-wrap}.msg-body{font-size:19px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-display)}.lockcard{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--surface);display:flex;flex-direction:column;gap:10px}.lockcard.done{background:var(--ok-soft);border-color:transparent}.lockcard h3{display:flex;align-items:center;gap:8px}.hint{font-size:14px;background:var(--brass-soft);color:var(--brass-text);border-radius:10px;padding:8px 12px}.countdown{font-family:var(--font-display);font-size:24px;font-weight:700}.shake{animation:shake .35s}@keyframes shake{20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.badge{border:1px solid var(--line);border-radius:16px;padding:12px;background:var(--surface);display:flex;flex-direction:column;gap:4px}.badge.off{opacity:.55;background:var(--surface-2)}.badge .ico{color:var(--brass-text)}.badge.off .ico{color:var(--muted)}.steps{counter-reset:s;display:flex;flex-direction:column;gap:12px;padding:0;margin:0;list-style:none}.steps li{counter-increment:s;display:flex;gap:12px;align-items:flex-start}.steps li:before{content:counter(s);flex:none;width:28px;height:28px;border-radius:50%;background:var(--brass);color:var(--brass-ink);font-weight:800;display:grid;place-items:center;font-size:14px}.inline-ico{display:inline-block;vertical-align:-5px;color:var(--info)}.brand{display:flex;align-items:center;gap:12px;margin-bottom:4px}.brand .mark{width:48px;height:48px;border-radius:14px;background:var(--ink);color:var(--brass);display:grid;place-items:center}.brand .name{font-family:var(--font-display);font-size:26px;font-weight:800}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:10;background:var(--surface);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(4,1fr);max-width:560px;margin:0 auto}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:12px;font-weight:600;color:var(--muted);text-decoration:none;position:relative}.tabbar a[aria-current=page]{color:var(--ink)}.tabbar a[aria-current=page] svg{color:var(--brass-text)}.tabbar .dot{position:absolute;top:2px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--bad);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}