:root{font:16px system-ui,sans-serif;color:#e9eff9;background:#0d1321;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:920px;margin:auto;padding:24px}header{padding-top:56px}header>span{color:#77e3cb;font-size:.8rem;letter-spacing:.18em}h1{font-size:clamp(2rem,6vw,3.6rem);margin:12px 0}h2{font-size:1.3rem;margin:0 0 18px}p{line-height:1.6;color:#bcc9dc}section{background:#182235;padding:25px;margin-bottom:20px;border:1px solid #2b3d58;border-radius:16px}strong#balance{font-size:2rem;color:#77e3cb}input,button{font:inherit;padding:12px;border-radius:8px;border:1px solid #425672}input{background:#0d1728;color:#fff;max-width:100%;margin:6px 0}input:not([type=checkbox]):not([type=number]){width:100%}input[type=number]{width:120px}button{background:#78e6cb;color:#0b2623;font-weight:650;cursor:pointer;margin:6px 0}button:disabled{opacity:.5;cursor:wait}label{display:block;margin:12px 0}.line{display:flex;gap:10px}.line input{flex:1;min-width:0}code{word-break:break-all;color:#fff}.video{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #32415a}.video img{width:110px;border-radius:8px}.video div{flex:1}.video button{flex-shrink:0}#notice{position:sticky;top:8px;background:#25344d;border-radius:8px;padding:14px;z-index:2}#notice:empty{display:none}#qr{background:white;max-width:100%;width:280px;height:auto;border-radius:8px}.history{padding:14px 0;border-bottom:1px solid #32415a}small{display:block;color:#a8bad3;margin:6px 0}[hidden]{display:none!important}a{color:#8cebd6}footer{font-size:.85rem;color:#9baec8}@media(max-width:540px){header,main,footer{padding:16px}header{padding-top:35px}section{padding:18px}.video{flex-wrap:wrap}.video div{min-width:140px}.line{flex-direction:column}}