:root{--ink-900: #0f2f3d;--ink-700: #295365;--ink-500: #476f7f;--paper: #f4f7f9;--card: #ffffff;--line: #d0dde4;--accent: #137177;--accent-soft: #dff1f1;--warning: #8b3b2f;--warning-soft: #ffece8;--shadow: 0 10px 30px rgba(14, 36, 49, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px;font-family:Roboto,Arial,Helvetica,sans-serif;color:var(--ink-900);background:radial-gradient(circle at 12% 12%,#d9edf4,transparent 45%),radial-gradient(circle at 88% 85%,#dff3eb,transparent 40%),var(--paper)}a{color:#0d5d7a}#app{width:100%}.page-shell{max-width:1660px;margin:0 auto;padding:24px}.hero{display:flex;align-items:center;justify-content:flex-start;gap:18px;margin-bottom:16px;padding:20px 24px;border-radius:16px;color:#eff8fb;background:linear-gradient(115deg,#002f5f,#003e7d 55%,#0a5aa7);box-shadow:var(--shadow)}.hero-content{flex:1 1 auto;display:flex;justify-content:center}.hero h1{margin:0;text-align:center;font-size:clamp(1.68rem,2.64vw,2.4rem);line-height:1.2}.hero-logo{width:clamp(180px,22vw,300px);max-height:84px;object-fit:contain;object-position:left center}.hero p{margin:0;color:#d2ebf4}.card{border-radius:14px;border:1px solid var(--line);background:var(--card);box-shadow:0 2px 10px #08222f0f}.programme-meta{display:grid;gap:8px;margin-bottom:12px;padding:12px 14px}.programme-meta label{font-weight:700;color:var(--ink-700)}.programme-meta input{width:100%;max-width:760px;border:1px solid #b7ccd8;border-radius:10px;padding:10px 12px;font-size:.95rem;color:#173a4a;background:#fff}.programme-meta input:focus{outline:2px solid #7ba8c5;outline-offset:1px}.controls{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px;padding:14px}.category-picker{display:flex;flex-direction:column;gap:6px;flex:1 1 720px}.category-picker label{font-weight:700;color:var(--ink-700)}.actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}.controls .actions,.wheel-head .actions{flex:0 0 auto}.controls .actions button,.wheel-head .actions button{border:1px solid #0f6c83;border-radius:11px;padding:10px 14px;font-weight:700;letter-spacing:.1px;color:#0d4255;background:linear-gradient(180deg,#f8fdff,#dff2fb);box-shadow:0 1px #9abfce,0 4px 12px #07384c24}.controls .actions button:hover,.wheel-head .actions button:hover{transform:translateY(-1px);box-shadow:0 1px #8cb4c5,0 6px 14px #07384c2e}.controls .actions button:active,.wheel-head .actions button:active{transform:translateY(1px);box-shadow:0 1px #9abfce,0 2px 8px #07384c2e}.controls .actions button.warning{border-color:#b75445;color:#7d271c;background:linear-gradient(180deg,#fff8f6,#ffe4dc);box-shadow:0 1px #ddb2a9,0 4px 12px #6a281f29}button{border:1px solid #2b778f;border-radius:10px;padding:9px 14px;font-size:.9rem;color:#0f4255;background:#e8f7fc;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}button:hover{transform:translateY(-1px);box-shadow:0 3px 12px #07384c26}button.warning{border-color:#ab4b3f;color:#7d271c;background:var(--warning-soft)}.status{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;margin-bottom:12px;padding:12px 14px}.status span{color:var(--ink-500);font-size:.92rem}.notice{margin-bottom:12px;padding:10px 12px;color:#224250;background:var(--accent-soft)}.layout{display:grid;grid-template-columns:1.1fr 1fr;gap:14px}.questionnaire,.wheel{padding:14px}h2{margin:0 0 12px;color:var(--ink-900)}.section-tabs{display:flex;flex-wrap:wrap;gap:8px}.overall-progress{margin-top:10px;padding:8px 10px;border:1px solid #cfe0e8;border-radius:10px;background:#f8fcfe}.overall-progress-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:6px;color:#234b5c}.overall-progress-meta strong{font-size:.9rem}.overall-progress-meta span{font-size:.82rem;color:#466677}.overall-progress-track{width:100%;height:12px;border-radius:999px;overflow:hidden;background:#e2edf2;border:1px solid #c0d3dc}.overall-progress-fill{height:100%;background:linear-gradient(90deg,#1e88e5,#00acc1);transition:width .2s ease}.section-tab{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:170px;border-color:#9ab4c1;color:#214d5f;background:#eff7fb;transition:background-color .18s ease,color .18s ease,border-color .18s ease}.section-tab-name{font-weight:700;line-height:1.2}.section-tab-progress{font-size:.76rem;color:#4d6774;opacity:.96}.section-tab:hover{border-color:var(--pillar-color);color:#173947;background:var(--pillar-color-light)}.section-tab:hover .section-tab-progress{color:#2c4c59}.section-tab.active,.section-tab.active:hover{border-color:var(--pillar-color);color:var(--pillar-active-text);background:var(--pillar-color)}.section-tab.active .section-tab-progress,.section-tab.active:hover .section-tab-progress{color:var(--pillar-active-text);opacity:.9}.section-panel{margin-bottom:12px;padding:10px;border-radius:10px;border:1px solid #d5e3ea;background:#fbfeff}.section-panel p{margin:0 0 8px;color:#294959}.external-link-icon{margin-left:4px;font-size:.92em;font-weight:700}.question-list{display:grid;gap:12px}.question-card{border:1px solid #d5e3ea;border-radius:12px;background:#fafcfd;overflow:hidden}.question-card h3{margin:0;padding:10px 12px;font-size:.99rem;line-height:1.4;color:#123646;background:#e6f0f5}.question-card ul{margin:0;padding:8px;list-style:none;display:grid;gap:6px}.answer-option{width:100%;border:1px solid #c6d7e0;border-radius:9px;text-align:left;color:#173a4a;background:#fff;display:grid;grid-template-columns:56px 1fr;gap:6px;align-items:center}.answer-option .score{font-weight:700;color:#2f6074}.answer-option.selected{border-color:#1d887f;color:#083d3d;background:#def7f2}.wheel-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.wheel-instruction{margin:0 0 12px;padding:12px 14px;border:1px solid #c4d7e1;border-radius:10px;background:#f5fafc;color:#2e5363;font-size:.8rem;font-weight:600;line-height:1.4;text-align:center}#wheel-svg{width:100%;min-height:420px;border:1px solid #d8e4ea;border-radius:10px;background:#fff}.wheel-legend{margin-top:10px;padding:10px;border:1px solid #d8e4ea;border-radius:10px;background:#f8fcfe}.wheel-legend-meta{display:grid;gap:2px;color:#1f4b5e}.wheel-legend-meta strong{font-size:.98rem}.wheel-legend-meta span{font-size:.85rem;color:#3a6170}.wheel-legend-items{margin-top:9px;display:flex;flex-wrap:wrap;gap:7px}.wheel-legend-item{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #c8d9e2;border-radius:999px;background:#fff;font-size:.82rem;color:#294d5c}.wheel-legend-swatch{width:12px;height:12px;border-radius:50%;border:1px solid rgba(15,47,61,.2)}.loading,.error{margin:22px;padding:18px;border-radius:12px;background:#fff;border:1px solid var(--line)}@media(min-width:1241px){.wheel{position:sticky;top:12px;align-self:start;max-height:calc(100vh - 24px);overflow:auto}}@media(max-width:1240px){.layout{grid-template-columns:1fr}#wheel-svg{min-height:320px}}@media(max-width:700px){.page-shell{padding:14px}.hero{flex-direction:column;align-items:flex-start}.hero-logo{width:min(70vw,280px);max-height:74px;align-self:flex-start}.controls{padding:10px}.category-picker{min-width:100%}button,.actions{width:100%}.answer-option{grid-template-columns:48px 1fr}}