:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14110e;--bg-elev:#1d1914;--bg-input:#100e0b;--ink:#f4efe6;--muted:#b4a894;--line:#3a3228;--accent:#d4a017;--accent-ink:#1a1408;--danger:#e07060;--ok:#8fbe7a;--focus:#f0d078;--shadow:0 16px 40px #00000059;color:var(--ink);background:var(--bg);font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.45}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f1e7;--bg-elev:#fffdf8;--bg-input:#fff;--ink:#1c1710;--muted:#6b5f4d;--line:#d9cbb3;--accent:#8a6a10;--accent-ink:#fff8e6;--danger:#9d2f22;--ok:#2f6b38;--focus:#8a6a10;--shadow:0 12px 28px #3c280a1f}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(1200px 500px at 10% -10%, #d4a0171f, transparent 50%), var(--bg);margin:0}button,input{font:inherit}a{color:var(--accent)}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.brand{flex-direction:column;gap:2px;display:flex}.brand strong{letter-spacing:.04em;font-size:1.02rem}.brand span{color:var(--muted);font-size:.78rem}.menu-wrap{position:relative}.icon-btn,.btn{border:1px solid var(--line);background:var(--bg-elev);min-height:44px;color:var(--ink);cursor:pointer;border-radius:10px;padding:0 14px}.icon-btn{width:44px;padding:0;font-size:1.2rem}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:600}.btn-ghost{background:0 0}.btn:disabled,.icon-btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible,.icon-btn:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.menu{background:var(--bg-elev);border:1px solid var(--line);min-width:220px;box-shadow:var(--shadow);z-index:10;border-radius:12px;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.menu button{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:44px;padding:0 10px}.menu button:hover{background:#d4a0171f}.main{flex:1;width:min(40rem,100% - 32px);margin:0 auto;padding:28px 0 48px}.card{background:var(--bg-elev);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:22px 20px}.card h1,.card h2{margin:0 0 8px;font-size:1.45rem}.lede,.hint,.error,.ok{color:var(--muted);margin:0 0 16px}.error{color:var(--danger)}.ok{color:var(--ok)}.banner{border:1px dashed var(--line);color:var(--muted);border-radius:12px;margin-bottom:16px;padding:12px 14px;font-size:.92rem}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field span{color:var(--muted);font-size:.88rem}.field input{border:1px solid var(--line);background:var(--bg-input);min-height:44px;color:var(--ink);border-radius:10px;padding:0 12px}.actions{flex-direction:column;gap:10px;margin-top:8px;display:flex}.divider{color:var(--muted);align-items:center;gap:10px;margin:8px 0;font-size:.82rem;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.qr{background:#fff;border-radius:12px;width:min(220px,70vw);height:auto;margin:12px auto;padding:10px;display:block}.secret{word-break:break-all;background:var(--bg-input);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.codes{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;display:grid}.codes code{text-align:center;background:var(--bg-input);border:1px solid var(--line);border-radius:8px;padding:8px 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block}.meta{color:var(--muted);gap:6px;margin:0 0 18px;font-size:.92rem;display:grid}.level{border-top:1px solid var(--line);padding:12px 0}.level:first-child{border-top:0}.level h3{margin:0 0 8px;font-size:1.05rem}.topics{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.topics li{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:.88rem}.stack{flex-direction:column;gap:16px;display:flex}