*{box-sizing:border-box} :root{color-scheme:dark;font-family:system-ui,sans-serif;background:#091d24;color:#e9e5d8;font-synthesis:none}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 18% 40%,#2e696341,transparent 53%),radial-gradient(ellipse at 85% 85%,#c79e4320,transparent 45%),linear-gradient(130deg,#07191f,#102b31 65%,#0c2228)}button,input{font:inherit}button,a,input{touch-action:manipulation}button,a{cursor:pointer}a{color:#efd597}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #f1d79a;outline-offset:4px}.entrance{width:min(1060px,calc(100% - 48px));min-height:calc(100svh - 64px);margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center;padding:60px 0}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:10px;font-weight:700;color:#c8ad74}.story h1{font:normal clamp(46px,7vw,78px)/1.1 Georgia,serif;letter-spacing:-.045em;color:#f5e6c3;margin:24px 0}.lantern{font:100px Georgia,serif;color:#e4c17d;width:115px;height:130px;display:grid;place-items:center;margin:55px 0 16px;border:1px solid #c8ad744f;border-radius:55% 55% 12px 12px;text-shadow:0 0 36px #ffd168;box-shadow:0 0 85px #e8b25413,inset 0 0 45px #d7a34f12}.invitation{font:24px/1.5 Georgia,serif;color:#d3dccb}.quiet{color:#8fa9a4;font-size:12px;margin-top:40px}.card{background:linear-gradient(145deg,#1b3b40ef,#10292eef);border:1px solid #bda4725c;border-radius:8px;padding:40px;box-shadow:0 24px 80px #0004,inset 0 1px #e5d08e13}.card h2{font:normal 30px/1.2 Georgia,serif;color:#f3e2ba;margin:15px 0}.intro,.footnote{color:#a9bdb5;font-size:13px;line-height:1.7}.intro{margin-bottom:27px}label{display:block;font-size:12px;font-weight:600;color:#d6decf;margin:20px 0 9px}input{width:100%;padding:13px 14px;border:1px solid #60807980;border-radius:4px;background:#081e24;color:#f4efdf;min-height:46px}input:focus{border-color:#d1b171}.password-field{position:relative}.password-field input{padding-right:65px}.reveal{position:absolute;right:5px;top:5px;height:36px;border:0;background:transparent;color:#b8c9c1;font-size:11px}.primary{border:1px solid #ddc486;background:linear-gradient(#dbc18a,#b9995d);color:#14282b;padding:14px 18px;border-radius:4px;font-weight:700;width:100%;display:flex;justify-content:space-between;align-items:center}.primary:hover{filter:brightness(1.07)}button:disabled{opacity:.55;cursor:wait}.message{font-size:13px;line-height:1.5;color:#efb7a5;min-height:21px;margin:15px 0}.message.success{color:#b8d6ae}.footnote{font-size:11px;text-align:center;border-top:1px solid #8e986337;padding-top:22px;margin:26px 0 0}footer{text-align:center;color:#6f918c;font-size:10px;letter-spacing:.1em;padding:20px}footer span{margin:0 12px;color:#a88e58}.management{max-width:960px;margin:0 auto;padding:40px 24px}.management header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.management h1{font:36px Georgia,serif;color:#f3e2ba;margin:12px 0}.actions{display:flex;gap:14px;align-items:center}.secondary{border:1px solid #78928c8c;border-radius:4px;background:#173b40;color:#e2dfcd;padding:9px 13px;font-size:12px}.admin-grid{display:grid;grid-template-columns:300px 1fr;gap:24px}.admin-grid .card{padding:25px}.admin-grid h2{font-size:23px}.accounts{display:grid;gap:12px}.account{border:1px solid #75918842;border-radius:5px;padding:16px;background:#0c242a}.account-header{display:flex;justify-content:space-between;gap:10px;margin-bottom:15px}.badge{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#b8d6ae}.badge.disabled{color:#e6b296}.account .actions{flex-wrap:wrap}.account-name{overflow-wrap:anywhere;font-weight:600}dialog{width:min(430px,calc(100% - 32px));background:#15343a;color:#e9e5d8;border:1px solid #bea168;border-radius:8px;padding:28px}dialog::backdrop{background:#031218b8}dialog h2{font:26px Georgia,serif}.dialog-buttons{display:flex;gap:12px;margin-top:24px}.dialog-buttons .primary{width:auto;flex:1} @media(max-width:760px){.entrance{grid-template-columns:1fr;gap:28px;max-width:460px;padding:35px 0}.story{text-align:center}.story .eyebrow{font-size:9px}.story h1{font-size:48px;margin:18px 0}.lantern,.quiet{display:none}.invitation{font-size:18px;margin:10px 0}.card{padding:28px}.card h2{font-size:27px}.admin-grid{grid-template-columns:1fr}.management header{align-items:flex-start}.actions{flex-wrap:wrap}footer{font-size:9px}}
