:root{color-scheme:dark;--bg:#0c0f0d;--panel:#151916;--line:#303832;--ink:#f4f2ea;--muted:#9fa49f;--green:#b7f36b;--red:#ef9b83}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#1c2c20,transparent 32%),var(--bg);color:var(--ink);font:15px/1.5 Inter,system-ui,sans-serif}main{width:min(1080px,calc(100% - 36px));margin:auto;padding:55px 0}header{display:flex;gap:22px;align-items:flex-start;margin-bottom:38px}.brand{width:48px;height:48px;border:1px solid #49534b;border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:28px;flex:none}.eyebrow{margin:0 0 7px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}h1{font:clamp(42px,7vw,70px)/1 Georgia,serif;letter-spacing:-.04em;margin:0}h2{font:34px/1 Georgia,serif;margin:0}.intro{color:var(--muted);max-width:670px;margin:15px 0 0}.vault-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.vault{min-height:130px;padding:17px;text-align:left;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#181d19,#111412);color:var(--ink);cursor:pointer;transition:.2s transform,.2s border-color}.vault:hover{transform:translateY(-2px);border-color:#596459}.vault-no{display:block;color:#747d75;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.vault-name{display:block;font:25px Georgia,serif;margin:8px 0 13px}.status{display:flex;align-items:center;gap:7px;color:var(--green);font-size:12px;font-weight:700}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.occupied .status{color:var(--red)}.panel{margin-top:24px;padding:clamp(22px,4vw,36px);border:1px solid var(--line);border-radius:18px;background:#141815}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.close{border:0;background:transparent;color:var(--muted);font-size:30px;cursor:pointer}form{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}label{font-size:12px;font-weight:750;margin:14px 0 7px}label span,#count{float:right;color:#777f78;font-weight:500}.field-wrap{position:relative}.field-wrap input{padding-right:65px}.show{position:absolute;right:7px;top:7px;height:36px;border:0;background:transparent;color:var(--muted);font-weight:700;cursor:pointer}input,textarea{width:100%;border:1px solid #374038;border-radius:11px;background:#0d100e;color:var(--ink);font:inherit;outline:0}input{height:50px;padding:0 14px}textarea{padding:13px;resize:vertical;grid-column:1/-1}textarea:focus,input:focus{border-color:#78a34a;box-shadow:0 0 0 3px #b7f36b18}form label:nth-of-type(3){grid-column:1/-1}.action{grid-column:1/-1;height:50px;margin-top:18px;border:0;border-radius:11px;background:var(--green);color:#14200d;font:inherit;font-weight:850;cursor:pointer}.action:disabled{opacity:.5}.result{margin-top:16px;padding:14px;border:1px solid #3e4b3b;border-radius:10px;background:#101510;color:#dfe8d9;white-space:pre-wrap}.result.error{color:#ffad9d;border-color:#65433c}footer{text-align:center;color:#697069;font-size:11px;margin-top:26px}@media(max-width:780px){.vault-grid{grid-template-columns:repeat(2,1fr)}form{grid-template-columns:1fr}form>*{grid-column:1!important}}@media(max-width:420px){.vault-grid{grid-template-columns:1fr 1fr}.vault{min-height:110px;padding:14px}header{display:block}.brand{margin-bottom:20px}}