:root{color-scheme:dark;--bg:#07131f;--panel:#0c1d2b;--line:#1d3445;--muted:#8ca2b3;--text:#eef7fb;--cyan:#23d6e8;--green:#31d89b;--danger:#ff6b76;--soft:#10283a}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--text);background:#07131f url('/static/security-bg.png') center/cover fixed no-repeat}button,input,select{font:inherit}button{letter-spacing:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.shell{min-height:100vh;background:rgba(5,16,26,.82)}.topbar{height:74px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(91,139,163,.24);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);border:0;background:none;padding:0;cursor:pointer;text-align:left}.brand-mark{width:38px;height:38px;border:1px solid #2ea5bd;background:#0a2635;display:grid;place-items:center;color:var(--cyan);font-weight:800;font-size:13px}.brand b,.brand small{display:block}.brand b{font-size:17px}.brand small{font-size:11px;color:var(--muted);margin-top:2px}.top-actions{display:flex;align-items:center;gap:18px}.privacy-state,.status-dot{font-size:12px;color:#b5c8d4;display:flex;align-items:center;gap:7px}.privacy-state i,.status-dot i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.text-button,.link-button{border:0;background:none;color:#bcd0dc;cursor:pointer;padding:8px}.text-button:hover,.link-button:hover{color:var(--cyan)}.main-grid{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:clamp(42px,7vh,80px) 0 34px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:22px}.calculator-panel,.code-panel,.history-panel,.admin-layout{border:1px solid rgba(73,124,151,.32);background:rgba(8,27,41,.87);backdrop-filter:blur(16px)}.calculator-panel{padding:clamp(26px,4vw,48px)}.section-kicker,.panel-title-row span,.dialog-title span{color:var(--cyan);font-size:11px;font-weight:700;letter-spacing:1.5px}.calculator-panel h1,.admin-heading h1{font-size:clamp(28px,4vw,44px);line-height:1.16;margin:12px 0}.lead,.admin-heading p{color:var(--muted);line-height:1.8;margin:0 0 28px;max-width:670px}label{display:block;color:#b8cad5;font-size:13px;margin:16px 0 8px}label span{color:#6f8797;margin-left:4px}input,select{width:100%;height:46px;border:1px solid #294356;border-radius:4px;background:#071a28;color:var(--text);padding:0 13px}input::placeholder{color:#5f788a}.secret-row{display:grid;grid-template-columns:1fr 46px;gap:8px}.icon-button{width:46px;height:46px;border:1px solid #294356;border-radius:4px;background:#0c2434;color:#b9d2de;cursor:pointer}.icon-button:hover{color:var(--cyan);border-color:#32798b}.form-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:1fr 1fr 1fr}.primary-button,.secondary-button{height:46px;border-radius:4px;padding:0 22px;cursor:pointer;font-weight:700}.primary-button{border:1px solid #25d8df;background:linear-gradient(90deg,#20cde3,#38d19b);color:#04202a;box-shadow:0 8px 25px rgba(36,206,211,.14)}form>.primary-button{width:100%;margin-top:20px}.primary-button:hover{filter:brightness(1.08)}.primary-button.compact{width:auto;height:40px;margin:0}.secondary-button{height:40px;border:1px solid #2b4b60;background:#0b2232;color:#c6d7df}.form-error{min-height:20px;color:var(--danger);font-size:13px;margin:8px 0 0}.code-panel{padding:28px;display:flex;flex-direction:column;min-height:460px}.code-head{display:flex;justify-content:space-between;align-items:flex-start}.code-head span{font-size:12px;color:var(--muted)}.code-head strong{display:block;font-size:17px;margin-top:6px;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.code-value{border:0;background:none;color:var(--text);font-size:clamp(46px,7vw,72px);font-weight:800;letter-spacing:8px;margin:auto 0 20px;cursor:pointer;text-align:left;padding:0}.code-value:disabled{cursor:default;color:#4f6573}.countdown-line{height:5px;background:#173143;overflow:hidden}.countdown-line span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green),var(--cyan));transition:width .2s linear}.code-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:10px}.privacy-card{margin-top:32px;padding:18px;border-left:3px solid var(--green);background:#0b2232}.privacy-card b{font-size:13px}.privacy-card p{font-size:12px;line-height:1.7;color:var(--muted);margin:6px 0 0}.history-panel{grid-column:1/-1;padding:22px 26px}.panel-title-row{display:flex;align-items:center;justify-content:space-between}.panel-title-row h2{font-size:18px;margin:5px 0 0}.history-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.history-item{min-height:74px;border:1px solid #1e3a4c;background:#091e2d;padding:14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.history-item:hover{border-color:#2b7183}.history-item b{font-size:14px;display:block}.history-item small{color:var(--muted);display:block;margin-top:5px}.history-item code{color:var(--cyan);font-size:11px}.empty-inline{color:var(--muted);font-size:13px;padding:16px 0}.admin-layout{width:min(1320px,calc(100% - 40px));margin:34px auto;padding:28px;min-height:calc(100vh - 160px)}.admin-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:20px}.admin-heading h1{font-size:30px;margin:7px 0}.admin-heading p{margin:0}.admin-actions{display:flex;align-items:center;gap:8px}.toolbar{display:grid;grid-template-columns:minmax(220px,420px) 46px;gap:8px;margin:22px 0}.entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.entry-card{border:1px solid #203d50;background:#091f2f;padding:18px;min-width:0}.entry-card-head{display:flex;justify-content:space-between;gap:10px}.entry-card h3{font-size:16px;margin:0}.entry-card p{color:var(--muted);font-size:12px;margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-code{display:flex;align-items:center;justify-content:space-between;margin:25px 0}.entry-code button{border:0;background:none;color:#f3fbff;font-size:28px;font-weight:800;letter-spacing:4px;cursor:pointer;padding:0}.mini-ring{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--cyan) var(--progress),#173446 0);font-size:10px;position:relative}.mini-ring:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#091f2f}.mini-ring span{position:relative;z-index:1}.entry-footer{border-top:1px solid #1b3749;padding-top:12px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.entry-footer div{display:flex;gap:6px}.small-action{border:0;background:none;color:#8fb2c3;cursor:pointer;padding:4px}.small-action:hover{color:var(--cyan)}.small-action.danger:hover{color:var(--danger)}.empty-state{text-align:center;padding:70px 20px;color:var(--muted)}.empty-state b{color:var(--text)}dialog{border:1px solid #2a5065;border-radius:5px;padding:0;background:#081c2a;color:var(--text);width:min(460px,calc(100% - 28px));box-shadow:0 28px 80px rgba(0,0,0,.6)}dialog::backdrop{background:rgba(1,8,14,.72);backdrop-filter:blur(5px)}dialog[open]{animation:dialogIn .16s ease-out}.dialog-card{padding:26px}.dialog-card.wide{width:100%}.dialog-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.dialog-title h2{font-size:22px;margin:7px 0}.dialog-close{border:0;background:none;color:#839aaa;font-size:26px;cursor:pointer}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#e7f8fa;color:#06212b;padding:11px 18px;border-radius:4px;font-size:13px;font-weight:700;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}footer{text-align:center;color:#60798a;font-size:12px;padding:18px 20px 28px}@keyframes dialogIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:900px){.main-grid{grid-template-columns:1fr}.history-list,.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-heading{display:block}.admin-actions{margin-top:18px;flex-wrap:wrap}}@media(max-width:640px){.topbar{height:64px;padding:0 16px}.privacy-state{display:none}.main-grid,.admin-layout{width:calc(100% - 24px);padding-top:24px}.calculator-panel,.code-panel,.history-panel,.admin-layout{padding:20px}.form-grid,.form-grid.two,.form-grid.three{grid-template-columns:1fr 1fr}.form-grid>div:first-child{grid-column:1/-1}.code-panel{min-height:370px}.code-value{font-size:44px;letter-spacing:5px}.history-list,.entry-grid{grid-template-columns:1fr}.admin-heading h1{font-size:26px}.admin-actions{display:grid;grid-template-columns:1fr 1fr}.admin-actions .primary-button{grid-column:1/-1}.secondary-button,.primary-button.compact{width:100%}.entry-code button{font-size:25px}.top-actions{gap:4px}}