:root{color-scheme:dark;--bg:#0e1015;--panel:#191d26;--panel2:#10141b;--line:#303746;--text:#f3f6fb;--muted:#aab3c4;--accent:#ff7d4d;--accent2:#ff9b75;--ok:#9fe3bd;--danger:#ffaaa1;--shadow:0 24px 70px #0007}*{box-sizing:border-box}[hidden]{display:none!important}html,body{min-height:100%}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 20% 0,#28212d 0,#11141a 40%,#0e1015 100%);color:var(--text);font:15px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{width:min(900px,100%);min-height:100dvh;margin:0 auto;padding:18px;display:grid;grid-template-rows:auto 1fr auto;gap:12px}.topbar{display:flex;justify-content:space-between;align-items:center;min-height:48px}.brand{font-weight:850;letter-spacing:.04em;font-size:22px}.tag{color:var(--muted);font-size:12px;margin-top:1px}.privacy-pill,.protection-badge{display:inline-flex;align-items:center;width:max-content;border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--muted);background:#11151c;font-size:12px}.card{align-self:center;background:linear-gradient(180deg,#1c212b,#181c25);border:1px solid var(--line);border-radius:20px;padding:20px 22px;box-shadow:var(--shadow)}.create-card{max-height:calc(100dvh - 112px);overflow:auto;overscroll-behavior:contain}.intro{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(320px,1.3fr);gap:18px;align-items:end;margin-bottom:12px}h1{font-size:clamp(25px,4vw,36px);line-height:1.05;margin:0}.intro p{margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent2);font-size:11px;font-weight:800;margin:0 0 6px}.muted,footer{color:var(--muted)}label{display:block;font-weight:650}textarea,input,select{width:100%;margin-top:6px;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px 11px;font:inherit;outline:none}textarea:focus,input:focus,select:focus{border-color:#7c8392;box-shadow:0 0 0 3px #ffffff0c}textarea{height:160px;min-height:120px;max-height:260px;resize:vertical}.secret-label{margin-top:4px}.primary-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.advanced{margin-top:12px;border:1px solid var(--line);border-radius:12px;background:#12161e}.advanced summary,.tokens summary{cursor:pointer;padding:10px 12px;font-weight:750}.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 12px 10px}.advanced .check{padding:0 12px 12px}.check{display:flex;gap:8px;align-items:center;font-weight:600}.check input{width:auto;margin:0}.create-actions{display:flex;align-items:center;gap:14px;margin-top:12px}.inline-feedback{min-width:0;flex:1}.status,.error{margin:2px 0;min-height:1.35em;font-size:13px}.status{color:#b9d9ff}.error{color:var(--danger)}button{border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:#232a36;color:var(--text);font-weight:800;cursor:pointer;transition:transform .12s ease,filter .12s ease}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}button.primary{background:linear-gradient(180deg,var(--accent2),var(--accent));color:#220c05;border-color:#ff956e}button:disabled{opacity:.6;cursor:wait}.result-card{display:grid;grid-template-columns:auto 1fr;gap:12px 18px;align-items:start}.result-icon{grid-row:1/3;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#173426;color:var(--ok);font-size:24px;font-weight:900;border:1px solid #28553d}.result-heading h1{margin-bottom:6px}.result-heading p:last-child{margin:0}.protection-badge{grid-column:2}.link-label{grid-column:1/-1;margin-top:2px}.link-label input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.actions{display:flex;gap:8px;flex-wrap:wrap}.result-actions{grid-column:1/-1}.result-actions .primary{flex:1}.result-card>.status,.result-card>.error{grid-column:1/-1}.result-lower{grid-column:1/-1;display:flex;gap:12px;align-items:flex-start}.tokens{flex:1;border:1px solid var(--line);border-radius:12px;background:#12161e}.tokens p{padding:0 12px;margin:8px 0 12px}.small{font-size:12px}.bearer-warning{grid-column:1/-1;padding:10px 12px;border:1px solid #59493a;border-radius:10px;background:#211b17;color:#e8d0bd;font-size:12px}#qr-canvas{width:160px;height:160px;background:#fff;border-radius:10px;padding:6px}.read-shell{max-width:760px}.read-card{align-self:center}.warning-text{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#141923}.passphrase-box{padding:12px;border:1px solid #514337;border-radius:12px;background:#211b17;margin:12px 0}.passphrase-hint{margin:0 0 8px;color:#e8d0bd}.secret{white-space:pre-wrap;word-break:break-word;background:#0e1117;padding:18px;border-radius:12px;border:1px solid var(--line);max-height:65dvh;overflow:auto}.download{display:inline-block;margin-top:10px;color:#b7d7ff}code{word-break:break-all}footer{font-size:11px;text-align:center;align-self:end;padding-bottom:2px}@media(max-height:760px) and (min-width:701px){.shell{padding:10px 18px;gap:8px}.topbar{min-height:40px}.card{padding:15px 18px}.intro{margin-bottom:8px}textarea{height:125px}.primary-options,.advanced,.create-actions{margin-top:8px}.advanced summary{padding:8px 10px}.result-card{gap:9px 14px}.bearer-warning{padding:8px 10px}}@media(max-width:700px){body{min-height:100dvh}.shell{display:block;padding:14px}.topbar{margin-bottom:12px}.tag{display:none}.card{max-height:none;overflow:visible;padding:18px}.intro{display:block}.intro p{margin-top:8px}.primary-options,.advanced-grid{grid-template-columns:1fr}.create-actions{display:block}.create-actions button{width:100%;margin-bottom:8px}.result-card{display:block}.result-icon{margin-bottom:12px}.protection-badge{margin:10px 0}.result-actions button{flex:1 1 45%}.result-lower{display:block}#qr-canvas{display:block;margin:10px auto}.tokens{margin-top:10px}footer{margin-top:14px;padding-bottom:8px}}
.token-actions{display:flex;gap:7px;flex-wrap:wrap;padding:0 12px 10px}.token-actions button{padding:7px 9px;font-size:11px}.token-actions #delete-now{color:#ffd3d3;border-color:#6b3b3b}.tokens #sender-control-status{padding:0 12px}

.inline-button{margin-top:.45rem;padding:.45rem .65rem;font-size:.82rem;width:auto;align-self:flex-start}
