:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--panel:#12181b;--panel-border:#2a3539;--text:#f2f6f7;--muted:#93a4aa;--accent:#14bebc;--accent-strong:#0e9c9a;--danger:#ff7a7a;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);cursor:none;margin:0;overflow:hidden}body.has-cursor,#overlay,#info{cursor:auto}[hidden]{display:none!important}#stage{background:var(--bg);position:fixed;top:0;bottom:0;left:0;right:0}#stage .layer{opacity:0;background:var(--bg);width:100%;height:100%;transition:opacity .6s;position:absolute;top:0;bottom:0;left:0;right:0}#stage .layer.visible{opacity:1}#stage img,#stage video{object-fit:contain;display:block}#idle{text-align:center;background:radial-gradient(120% 90% at 50% 0,#0f3c40 0%,#061214 70%);flex-direction:column;justify-content:center;align-items:center;gap:1.5vh;padding:0 6vw;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.idle-name{letter-spacing:.02em;text-wrap:balance;font-size:max(28px,min(5vw,96px));font-weight:700}.idle-clock{font-variant-numeric:tabular-nums;font-size:max(48px,min(10vw,180px));font-weight:300;line-height:1}.idle-date{color:var(--muted);font-size:max(16px,min(2vw,36px))}#overlay,#info{background:rgba(0,0,0,.82);justify-content:center;align-items:center;padding:4vh 4vw;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}#info{z-index:20}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:20px;flex-direction:column;gap:16px;width:min(720px,100%);padding:max(20px,min(3vw,40px));display:flex}.panel h1{margin:0;font-size:max(24px,min(2.6vw,40px))}.panel h2{margin:0;font-size:max(20px,min(2vw,32px))}.muted{color:var(--muted);margin:0;font-size:max(15px,min(1.4vw,22px));line-height:1.5}.small{font-size:max(12px,min(1vw,16px))}.activate label{color:var(--muted);flex-direction:column;gap:8px;font-size:max(15px,min(1.4vw,22px));display:flex}.activate input{font:inherit;color:var(--text);border:2px solid var(--panel-border);letter-spacing:.04em;background:#0a0f11;border-radius:12px;padding:12px 16px;font-size:max(18px,min(1.8vw,30px))}input:focus,button:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px rgba(20,190,188,.35)}button{font:inherit;color:#fff;background:var(--accent-strong);cursor:pointer;border:2px solid transparent;border-radius:12px;padding:14px 24px;font-size:max(17px,min(1.6vw,26px));font-weight:600}button.secondary{border-color:var(--panel-border);color:var(--text);background:0 0}button:disabled{opacity:.6}.error{color:var(--danger);min-height:1.4em;margin:0;font-size:max(15px,min(1.4vw,22px))}.info-panel dl{grid-template-columns:max-content 1fr;gap:8px 20px;margin:0;font-size:max(14px,min(1.2vw,20px));display:grid}.info-panel dt{color:var(--muted)}.info-panel dd{word-break:break-all;margin:0}.actions{flex-wrap:wrap;gap:12px;display:flex}#toast{z-index:30;border:1px solid var(--panel-border);background:rgba(18,24,27,.92);border-radius:999px;padding:10px 22px;font-size:max(14px,min(1.3vw,20px));position:fixed;bottom:5vh;left:50%;transform:translate(-50%)}
