*{box-sizing:border-box}body{margin:0;background:#09151e;color:#edf1ed;font:17px/1.65 system-ui,sans-serif}a{color:#e0c890}header,main,footer{max-width:1080px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-bottom:1px solid #30404b}nav{display:flex;gap:20px;flex-wrap:wrap}h1{font:clamp(32px,5vw,54px)/1.15 Georgia,serif;max-width:850px}h2{font:30px/1.2 Georgia,serif}.eyebrow{color:#dfc48d;font-size:13px;text-transform:uppercase;letter-spacing:.15em}.lead{color:#b9c9cf;max-width:780px}.panel,.card,details{border:1px solid #354650;background:#10232e;padding:24px;border-radius:16px;margin:20px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.card{margin:0;display:block;text-decoration:none;color:inherit}.card:hover{border-color:#dfc48d}.card small{color:#dfc48d}button,.button{display:inline-block;border:1px solid #bda570;border-radius:9px;background:#dfc48d;color:#10202b;padding:12px 18px;font:inherit;cursor:pointer;text-decoration:none;margin:5px 5px 5px 0}button.secondary{background:transparent;color:#e9e9df}button[aria-pressed=true]{background:#dfc48d;color:#10202b;outline:3px solid #fff}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #7de4db;outline-offset:3px}label{display:block;font-weight:600;margin:18px 0 6px}input,textarea,select{display:block;width:100%;padding:12px;background:#09151e;color:#fff;border:1px solid #647a87;border-radius:8px;font:inherit}textarea{min-height:100px;resize:vertical}input[type=range]{padding:0}input[type=checkbox]{width:auto;display:inline}summary{cursor:pointer;font-weight:650}.muted,small{color:#b6c6cc}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips button{background:#183441;color:#f1f0e8}.result{white-space:pre-wrap;border-left:3px solid #dfc48d;padding:18px;background:#0a1a23}.wheel{width:min(100%,360px);aspect-ratio:1;border-radius:50%;margin:24px auto;position:relative;background:conic-gradient(#ae8830 0deg 60deg,#568b65 60deg 120deg,#4b8f9e 120deg 180deg,#6372a5 180deg 240deg,#a67295 240deg 300deg,#b66b54 300deg)}.wheel button{position:absolute;width:92px;padding:8px;font-size:14px;margin:0;border-color:#fff;background:#0a192deb;color:white;transform:translate(-50%,-50%)}.wheel button:nth-child(1){left:72%;top:19%}.wheel button:nth-child(2){left:84%;top:50%}.wheel button:nth-child(3){left:72%;top:80%}.wheel button:nth-child(4){left:28%;top:80%}.wheel button:nth-child(5){left:16%;top:50%}.wheel button:nth-child(6){left:28%;top:19%}[hidden]{display:none!important}.toolbar{border-top:1px solid #40525e;margin-top:28px;padding-top:20px}#status{min-height:28px;color:#e0c890}@media print{body{background:white;color:black;font-size:12pt}header,nav,footer,.toolbar,button,.wheel{display:none!important}main{max-width:none;padding:0}.panel,details,.result{background:white;color:black;border-color:#999;break-inside:avoid}textarea,input,select{background:white;color:black;border:1px solid #aaa}a{color:black}.grid{display:block}details>*{display:block!important}}
@media(max-width:380px){header,main,footer{padding:16px}.panel{padding:14px}.wheel button{width:76px;font-size:12px}.grid{grid-template-columns:1fr}}@media print{main>h2,main>.grid,main>details{display:none}#workspace>*{display:none}#workspace>#summary{display:block!important}.result{white-space:pre-wrap}#workspace{border:0;padding:0}}