:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#eee7f4;background:#171321}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 10%,#46324e80,transparent 65%)}header,main,footer{max-width:1350px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #ffffff18}a{color:#e8cba6;text-decoration:none}header span,small,.note{color:#b7a9c6}h1{font-family:Georgia,serif;font-size:clamp(36px,6vw,64px);font-weight:400;margin:12px 0}h2{font-weight:500;font-size:23px}.intro p{color:#c2b6ce}.layout{display:grid;grid-template-columns:310px 1fr;gap:24px;margin-top:32px}form,.workspace{background:#251e32cc;border:1px solid #ffffff18;border-radius:24px;padding:24px}label{display:block;font-size:13px;line-height:1.5;margin-bottom:16px}input,select,button{font:inherit;border:1px solid #ffffff22;border-radius:12px;padding:12px;color:inherit;background:#171321;width:100%;margin-top:6px;min-width:0}input[type=checkbox]{width:auto}button{cursor:pointer;background:#dec2a0;color:#2c2137;font-weight:600;transition:transform .2s}button:hover{transform:translateY(-2px)}button:disabled{opacity:.5;cursor:default}.note{font-size:12px;line-height:1.7}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.toolbar label{margin:0}.toolbar button{width:auto;font-size:12px}#wheel{max-width:740px;margin:auto}svg{width:100%;height:auto;overflow:visible}svg text{font-family:system-ui,sans-serif;fill:#e8dfee;text-anchor:middle;dominant-baseline:middle}.empty{text-align:center;padding:90px 0;font-size:68px;color:#e5c899}.empty p{font-size:24px;font-family:Georgia,serif}#status{color:#dec2a0;line-height:1.5}#selection{color:#b7a9c6;font-size:13px}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:10px 6px;border-bottom:1px solid #ffffff10}td button{background:none;border:0;color:#e8cba6;text-align:left;padding:0;margin:0;font-size:13px}details{margin-top:20px}summary{cursor:pointer;margin-bottom:12px}footer{color:#b7a9c6;font-size:13px}.appear{animation:appear .5s ease-out}@keyframes appear{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media(max-width:800px){.layout{grid-template-columns:1fr}header,main,footer{padding:16px}header{font-size:12px}.workspace,form{padding:16px}td,th{padding:8px 3px;font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media print{body{background:white;color:black}header,form,.toolbar,footer,.intro,#status{display:none}.layout{display:block}.workspace{background:white;border:0}svg text{fill:black}.note,#selection{color:black}td button{color:black}details{display:none}}