:root{--bg:#0b1020;--fg:#e9ecf1;--muted:#a9b4d0;--border:#2a3147;--border-strong:#39435f;--primary:#4c7cf3}*,:after,:before{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:var(--bg);color:var(--fg)}.container{max-width:900px;margin:0 auto;padding:24px;box-sizing:border-box;height:100vh;height:100dvh;display:grid;grid-template-rows:auto 1fr auto;grid-row-gap:16px;row-gap:16px}.header{display:flex;align-items:center;gap:12px}.brand{font-weight:800;font-size:20px;color:inherit;text-decoration:none}.tagline{opacity:.7;font-size:13px;flex:1 1}.footer,.nav{display:flex;gap:12px}.footer{padding-top:16px;border-top:1px solid var(--border);font-size:12px;opacity:.8;justify-content:space-between;align-items:center}.container>main{min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.main-grid{display:grid;grid-gap:16px;gap:16px}.main-grid>*{min-width:0}.title-xl{margin:0;font-size:28px}.text-muted{opacity:.8}.link-muted{color:var(--muted);text-decoration:none}.error{color:#ffb3b3}.section{display:grid;grid-gap:8px;gap:8px}.h3{margin:12px 0 0;font-size:18px}.ul{margin:0;padding-left:18px;line-height:1.6}.row{gap:12px}.row,.row-8{display:flex;align-items:center}.row-8{gap:8px}.btn{background:var(--primary);border-radius:8px;border:none;display:inline-flex;align-items:center;justify-content:center}.btn,.btn-ghost{color:#fff;padding:10px 14px;text-decoration:none;font-weight:600}.btn-ghost,.btn-outline{background:transparent;border-radius:8px;border:1px solid var(--border-strong)}.btn-outline{color:#fff;padding:10px 14px}.btn-sm{padding:6px 10px;border-radius:6px;border:1px solid var(--border-strong);flex:0 0 auto}.btn-sm,.input{background:transparent;color:#fff}.input{padding:10px;border-radius:8px;border:1px solid var(--border-strong)}.w-200{width:200px}.flex-1{flex:1 1}.pin{font-size:40px;letter-spacing:4px;font-weight:800}.status{font-size:12px;opacity:.8}.card{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);padding:10px;border-radius:8px;gap:8px;width:100%;max-width:100%}.prewrap{white-space:pre-wrap}.truncate{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-sm.copied{border-color:var(--primary);color:var(--primary)}