@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap";:root{color:#2b2231;font-synthesis:none;--line:#efe6ee;--muted:#8f8096;--accent:#e4559f;--ink:#2b2231;background:#fff;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:#fff;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,#stage:focus-visible{outline:2px solid var(--accent);outline-offset:4px}header{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:28px;height:72px;padding:0 32px;display:flex}.wordmark{letter-spacing:-1px;align-items:center;gap:8px;font-size:22px;font-weight:700;text-decoration:none;display:flex}.wordmark>span:first-child{color:var(--accent);font-size:31px;font-weight:400}.wordmark .point{color:var(--accent);margin-left:-8px}.study{letter-spacing:2px;color:#6f6176;align-items:center;gap:18px;margin:auto;font-size:9px;display:flex}.study i{background:#d9cdd8;width:24px;height:1px}.header-note{color:#a3949f;font:italic 17px Instrument Serif,Georgia,serif}main{grid-template-columns:minmax(0,1fr) 300px;height:calc(100dvh - 72px);min-height:600px;display:grid}.world{background:#fff;position:relative;overflow:hidden}.intro{z-index:2;pointer-events:none;position:absolute;top:30px;left:38px}.eyebrow{letter-spacing:2.1px;color:#b2699a;font-size:8px;font-weight:600}h1{letter-spacing:-1.5px;color:var(--ink);margin:16px 0;font:44px/.95 Instrument Serif,Georgia,serif}h1 em{color:#d667a9;font-weight:400}.intro p{color:var(--muted);font-size:11px;line-height:1.8}#stage{touch-action:pan-y pinch-zoom;cursor:grab;position:absolute;inset:0;outline-offset:-6px!important}#stage:active{cursor:grabbing}#stage canvas{width:100%;height:100%;display:block}#loading{text-align:center;color:#b2a3ae;pointer-events:none;font:italic 20px Instrument Serif;position:absolute;inset:50% 0 auto}#loading[hidden]{display:none}.deck{z-index:3;align-items:center;gap:10px;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffafdf2;border:1px solid #ecdfea;border-radius:999px;gap:2px;padding:4px;display:flex;box-shadow:0 10px 30px #e4559f14}.pill button{letter-spacing:1.5px;color:#7f6f86;border-radius:999px;height:36px;padding:0 15px;font-size:10px;font-weight:600;transition:background .2s,color .2s}.pill button:hover{background:#f7eef5}.pill button[aria-pressed=true]{background:var(--ink);color:#fff}#reset{width:38px;padding:0;font-size:18px}.hint{color:#aa9caa;letter-spacing:.5px;pointer-events:none;margin:0;font-size:9px;position:absolute;bottom:30px;right:30px}.panel{border-left:1px solid var(--line);background:#fdf9fc;flex-direction:column;gap:4px;padding:30px 26px 24px;display:flex;overflow-y:auto}.panel-title h2{letter-spacing:-1px;justify-content:space-between;align-items:center;margin:12px 0;font:40px/.95 Instrument Serif,Georgia,serif;display:flex}.panel-title h2 span{color:#e39bc8;font-size:34px}.panel-title p{color:var(--muted);margin:0 0 18px;font-size:11px;line-height:1.6}.panel section{border-top:1px solid var(--line);padding:18px 0}.row{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;font-weight:600;display:flex}.row output,.row span{color:#b2699a;font-variant-numeric:tabular-nums;font-weight:500}input[type=range]{accent-color:var(--accent);cursor:pointer;width:100%;height:4px;margin:2px 0}.swatches{gap:10px;display:flex}.swatch{background:var(--swatch);border:2px solid #fff;border-radius:50%;width:34px;height:34px;transition:transform .2s;box-shadow:0 0 0 1px #e6d8e3,inset 0 -6px 12px #0000001c}.swatch:hover{transform:translateY(-2px)}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink),inset 0 -6px 12px #0000001c}#title{width:100%;color:var(--ink);background:#fff;border:1px solid #e4d6e2;border-radius:8px;padding:11px 12px;font-size:16px}#title::placeholder{color:#c2b2bf}.actions{margin-top:auto;padding-top:14px}#status{color:#9c8aa0;text-align:center;min-height:30px;font-size:9px;line-height:1.7}#status.error{color:#d64a5a}.primary{background:var(--ink);color:#fff;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:15px 17px;font-size:11px;font-weight:600;transition:background .2s;display:flex}.primary:hover{background:#4a3a52}button:disabled{opacity:.45;cursor:wait}.credit{text-align:center;color:#a393a3;margin:14px 0 0;font-size:8px;line-height:1.9}.credit a{text-underline-offset:3px}@media (width<=1100px){h1{font-size:38px}.intro{top:24px;left:28px}main{grid-template-columns:minmax(0,1fr) 270px}.panel{padding:26px 20px}.header-note{display:none}.study{margin-left:auto;margin-right:0}}@media (width<=760px){header{height:64px;padding:0 20px}.wordmark{font-size:20px}.study{letter-spacing:1px;gap:7px;font-size:7px}.study i{display:none}main{height:auto;min-height:0;display:block}.world{height:640px;min-height:520px;max-height:84dvh}.intro{top:22px;left:22px}h1{margin-top:10px;font-size:34px}.intro p{display:none}.deck{flex-wrap:wrap;justify-content:center;gap:8px;max-width:calc(100% - 24px);bottom:22px}.pill button{height:34px;padding:0 12px}.hint{display:none}.panel{border-left:0;border-top:1px solid var(--line);max-width:540px;margin:auto;padding:24px 22px 30px;overflow:visible}.row{font-size:13px}#status{font-size:11px}.primary{font-size:13px}.swatch{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}