:root{color-scheme:dark;--gold:#baa071;--muted:#8e8c80}*{box-sizing:border-box}body{margin:0;background:#101b19;color:#e7e1cf;font-family:Inter,Arial,sans-serif;background-image:radial-gradient(ellipse at 50% 48%,#34423855,transparent 64%),repeating-linear-gradient(93deg,#ffffff02 0 1px,transparent 1px 5px);min-height:100vh}header{height:97px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bba37325}.brand{display:flex;gap:15px;align-items:center;color:var(--gold);font-size:28px;text-decoration:none}.brand span{font-family:'Cormorant Garamond',Georgia,serif;font-size:17px;letter-spacing:3px}.brand small{display:block;font:8px Inter,Arial;letter-spacing:2.7px;color:var(--muted);margin-top:8px}nav{display:flex;gap:26px}button{font:12px Inter,Arial;cursor:pointer;color:#ccc8b6;background:none;border:0}button:hover{color:#efd6a0}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}nav button{display:flex;gap:9px;align-items:center}main{text-align:center;padding:36px 12px 0}.eyebrow{color:var(--gold);font-size:9px;letter-spacing:3px}h1{font:400 clamp(26px,3vw,42px) 'Cormorant Garamond',Georgia,serif;margin:15px 0 8px}.intro{font-size:11px;color:var(--muted);letter-spacing:.4px}.desk{position:relative;max-width:1100px;margin:5px auto 0;height:min(57vw,570px)}canvas{width:100%;height:100%;position:relative;z-index:1;touch-action:none;cursor:grab}.controls{display:flex;gap:28px;justify-content:center;align-items:center;margin:0 auto}.controls button{border:1px solid #baa07150;border-radius:50%;width:38px;height:38px;font-size:19px}.controls button:disabled{opacity:.25;cursor:default}.controls div{min-width:210px;font:20px 'Cormorant Garamond',Georgia}.controls small{display:block;font:9px Inter;color:var(--muted);margin-top:7px;letter-spacing:2px}.hint{font-size:8px;letter-spacing:1.8px;color:#8b9185;margin-top:24px}.hint span{margin:0 16px}footer{display:flex;align-items:center;justify-content:space-between;margin:28px 4.5% 0;padding:22px 0;border-top:1px solid #bba37325;font-size:8px;letter-spacing:1.6px;color:#848c7f}footer button{font-size:10px;color:#a5aa99}footer i{margin:0 10px}dialog{width:min(520px,92vw);max-height:80vh;background:#182620;color:#e7e1cf;border:1px solid #baa07165;padding:35px;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#030b09bb;backdrop-filter:blur(6px)}dialog h2{font:32px 'Cormorant Garamond',Georgia;color:#dfc38e}dialog p{line-height:1.8;color:#b8bcae;font-size:13px}.close{float:right;font-size:26px}input,textarea{width:100%;padding:13px;background:#0d1914;border:1px solid #baa07150;color:#ede4cf;font:14px Georgia;margin:8px 0}textarea{height:220px;resize:vertical}.entry{display:block;width:100%;text-align:left;border-bottom:1px solid #baa07125;padding:16px 0;font:20px Georgia}.entry small{float:right;font:10px Inter;color:var(--gold)}.primary{background:#bba071;color:#15221c;padding:12px 20px;margin-top:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#dac8a1;color:#17251d;padding:13px 24px;font-size:12px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:5}@media(max-width:650px){header{height:80px}.brand span{font-size:12px;letter-spacing:1px}.brand small{font-size:6px;letter-spacing:1px}nav{gap:16px}nav button{font-size:20px}nav span{display:none}main{padding-top:30px}.desk{height:76vw;margin:15px -10px}footer>span:last-child{display:none}.hint{font-size:6px;letter-spacing:.8px}.controls{margin-top:15px}footer{margin-top:25px}h1{font-size:30px}}