:root{color-scheme:dark;--ink:#edf9f6;--muted:#9bb7b5;--lime:#c6f6bd;--border:#294543}*{box-sizing:border-box}body{margin:0;background:#071514;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 85% 0%,#31564b88,transparent 43%),linear-gradient(135deg,#102624,#071514 70%)}.shell{position:relative;max-width:740px;margin:auto;padding:24px 22px 28px}header,footer,.panel-head{display:flex;align-items:center;justify-content:space-between}header{border-bottom:1px solid #35504b;padding-bottom:20px}.brand{display:flex;gap:11px;align-items:center;font-size:13px;font-weight:650;letter-spacing:.08em}.brand small{display:block;margin-top:3px;color:#8daea5;font-size:9px;letter-spacing:.18em}.mark{font-size:30px;color:var(--lime)}.demo{font-size:10px;color:#b5dcc5;padding:7px 10px;border:1px solid #50705d;border-radius:99px}.intro{padding:39px 0 25px}.eyebrow,.panel-head,.footnote,footer{font-size:10px;letter-spacing:.18em;color:#8fb4a8;font-weight:700}.intro h1{font-size:clamp(35px,8vw,58px);letter-spacing:.04em;line-height:1.12;margin:15px 0 10px}.intro h1 span{color:var(--lime)}.intro p{margin:0;color:#a3bcb5;font-size:14px}nav{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;border:1px solid var(--border);border-radius:16px;background:#0d211e}button{font:inherit;cursor:pointer}nav button{border:0;border-radius:12px;background:transparent;color:#8eaaa1;padding:13px 3px;font-size:13px;font-weight:600}nav button.selected{background:#c6f6bd;color:#0a2519}.panel{margin-top:16px;min-height:350px;padding:24px;border:1px solid #385650;border-radius:22px;background:linear-gradient(145deg,#19332ddd,#0b1c19ee);box-shadow:0 18px 55px #0004}.panel-head{gap:10px;border-bottom:1px solid #3a554d;padding-bottom:17px}.live{color:#b9d6c1;white-space:nowrap;letter-spacing:.05em}.live i{display:inline-block;width:6px;height:6px;background:#b7efaa;border-radius:50%;margin-right:5px}.content{padding-top:26px;text-align:center}.content h2{font-size:25px;line-height:1.35;margin:10px 0}.content p{font-size:14px;color:var(--muted);line-height:1.7;margin:10px auto;max-width:450px}.symbol{font-size:37px;color:var(--lime)}.qr{padding:14px;display:inline-block;border-radius:16px;background:white;margin:20px auto 8px;min-width:180px;min-height:180px}.qr img,.qr canvas{display:block;width:152px;height:152px}.pill{display:inline-block;padding:7px 11px;background:#c6f6bd1a;border:1px solid #a3d9ac55;border-radius:99px;color:#c6f6bd;font-size:11px}.action{width:100%;max-width:390px;margin:20px auto 0;display:block;border:0;border-radius:13px;background:var(--lime);color:#0a2519;font-weight:700;padding:15px}.secondary{background:transparent;color:#d5eadc;border:1px solid #648878;margin-top:10px}.field{width:100%;max-width:390px;margin:14px auto 0;display:block;text-align:left;color:#c0d4cc;font-size:12px}.field input,.field select{display:block;width:100%;margin-top:8px;background:#091b18;color:white;border:1px solid #48665c;border-radius:11px;padding:13px;font:inherit;font-size:16px}.video{height:190px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#324f44,#0a1b19);border:1px solid #49695d;border-radius:16px;margin-top:18px;color:#b9d0c1}.score{display:flex;gap:10px;margin:20px auto}.score>div{flex:1;padding:20px 10px;border:1px solid #47655a;border-radius:14px}.score strong{display:block;font-size:30px;color:var(--lime)}.notice{padding:12px 15px;color:#f9dcaa;background:#73512855;border:1px solid #8f7147;border-radius:12px;margin-top:14px;font-size:13px;line-height:1.5}.footnote{text-align:center;line-height:1.8;margin:24px 0}footer{border-top:1px solid #35504b;padding-top:18px;display:flex;justify-content:space-between}@media(max-width:390px){.shell{padding:18px 15px}.panel{padding:19px}.qr img,.qr canvas{width:144px;height:144px}}

.header-actions{display:flex;align-items:center;gap:12px}.admin-link{border:0;background:transparent;color:#b5d2c2;padding:8px 2px;font-size:12px}.admin-panel{margin-top:14px;padding:19px;border:1px solid #527062;border-radius:16px;background:#142b25}.admin-head{display:flex;align-items:center;justify-content:space-between;color:#e9f8ed}.admin-panel p{color:#aac2b8;font-size:13px;line-height:1.6}.admin-panel .field{max-width:none}.admin-panel .action{max-width:none}.admin-note{margin-bottom:0}
