:root{--bg:#080c18;--fg:#f3eee8;--accent:#efb665;--muted:#9095ac;--panel:#101625d9;--border:#ffffff20}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,sans-serif;overflow:hidden}canvas{display:block;position:fixed;inset:0;width:100%;height:100%;touch-action:none}header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:30px 4.5%;pointer-events:none}header>*{pointer-events:auto}.brand{font-size:22px;letter-spacing:-1px;text-decoration:none;color:inherit;font-weight:600}.brand small{font-size:8px;letter-spacing:2px;font-weight:400;margin-left:18px;color:var(--muted)}button{font:inherit;border:1px solid var(--border);background:var(--panel);color:inherit;padding:11px 17px;border-radius:30px;font-size:11px;cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}button:hover{border-color:var(--accent);color:var(--accent)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}main{position:fixed;left:6%;top:23%;pointer-events:none;max-width:430px}.eyebrow{font-size:8px;letter-spacing:3px;color:var(--accent)}h1{font:400 clamp(55px,6.5vw,100px)/.97 Georgia,serif;letter-spacing:-4px;margin:25px 0}h1 em{color:var(--accent);font-weight:400}p{font-size:12px;line-height:1.9;color:var(--muted)}.dock{position:fixed;bottom:66px;left:50%;transform:translate(-50%);display:flex;gap:18px;align-items:center;padding:16px 23px;background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:22px;max-width:94%;white-space:nowrap;box-shadow:0 12px 45px #0002}.dock label{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted)}input[type=range]{width:85px;accent-color:var(--accent)}select{background:transparent;color:inherit;border:0;font:inherit;padding:4px;cursor:pointer}select option{color:#171821;background:#f0ece3}.dock button{border:0;background:none;padding:8px 0}.hint{position:fixed;bottom:146px;left:50%;transform:translate(-50%);font-size:8px;letter-spacing:2px;color:var(--muted);pointer-events:none;white-space:nowrap}footer{position:fixed;bottom:25px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:var(--muted);pointer-events:none}.badge{position:fixed;right:5%;top:24%;text-align:right;pointer-events:none}.badge strong{font:40px Georgia,serif;display:block}.badge small{font-size:7px;letter-spacing:2px;color:var(--muted)}#toast{position:fixed;right:5%;top:85px;font-size:11px;background:var(--panel);border-radius:20px;padding:12px 18px;opacity:0;transition:opacity .2s;pointer-events:none}#toast.visible{opacity:1}.unsupported{position:fixed;inset:30%;font-size:18px;line-height:1.6}@media(max-width:680px){header{padding:24px 6%}.brand small{display:none}main{top:17%;left:7%;max-width:80%}h1{font-size:62px;letter-spacing:-3px;margin:20px 0}p{font-size:11px}.badge{top:20%;right:7%}.badge strong{font-size:27px}.dock{gap:13px;flex-wrap:wrap;justify-content:center;width:90%;padding:18px;bottom:61px}.dock label{font-size:9px}.dock input{width:62px}.hint{bottom:184px;font-size:7px;letter-spacing:1px}footer{font-size:7px}footer span:nth-child(2){display:none}}