:root{font-family:Arial,Helvetica,sans-serif;background:#f6f8fb;color:#243047;font-synthesis:none;--accent:#7763d9}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid #6945c3;outline-offset:4px}[hidden]{display:none!important}.app{max-width:1110px;margin:auto;padding:22px}.nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.nav a{font-size:14px;color:#60728a;text-decoration:none}.help{width:34px;height:34px;border:1px solid #d6dfeb;border-radius:50%;background:white;color:#60728a;font-weight:700}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid #e5ebf1;border-radius:12px;padding:18px 22px;box-shadow:0 3px 5px #1c2b3d12}.topbar h1{font:700 26px Georgia,serif;margin:0 0 7px}.topbar p{font-size:14px;line-height:1.5;color:#60728a;margin:0}.badge{background:#e9e5ff;color:#5142a1;font-size:14px;font-weight:700;padding:4px 9px;border-radius:7px;margin-left:8px;white-space:nowrap}.round{text-align:right;flex-shrink:0}.round strong{display:block;font-size:20px;color:#53637b}.round>span{display:block;color:#75869b;font-size:14px;margin-top:5px}.round>span span{display:inline}.time-track{height:5px;background:#e1e7f0;border-radius:5px;overflow:hidden;margin:18px 0}.time-fill{height:100%;background:var(--accent);width:100%;transition:width .15s linear}.time-fill.urgent{background:#d74363}.panel{border:1px solid #e1e8ef;border-radius:20px;background:#fff;padding:23px 26px;margin:20px 0}.reference-panel{background:#f8fafc}.panel h2{font:700 16px Georgia,serif;margin:0 0 7px}.panel p{font-size:14px;line-height:1.6;color:#65788f;margin:0}.references{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:740px;gap:20px;margin:12px auto 0}.references.three{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.references svg{display:block;width:100%;height:auto}.target-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:7px}.target-heading h2{margin:0}.confirms{color:#6a7d97;font-size:14px}.target-diagram{max-width:820px;margin:0 auto;position:relative;min-width:0}.target-svg{display:block;width:100%;height:auto;overflow:visible}.target-diagram.drop-ready{background:#f1ecff;outline:2px dashed #8d70e3;border-radius:14px}.placed-shape{cursor:pointer}.placed-shape:hover rect,.placed-shape:focus rect{fill:#e9e2ff;stroke:#8a6ad0;stroke-width:1.5}.palette{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:16px auto}.shape-button{border:2px solid #dce6ef;background:white;border-radius:13px;min-width:126px;min-height:76px;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 15px;color:#53637b;font-size:14px;font-weight:700;touch-action:none;user-select:none}.shape-button:hover{border-color:#9d8dde;background:#f7f4ff}.shape-button svg{width:33px;height:33px}.shape-button kbd{font:700 14px Arial;background:#edf1f6;border-radius:5px;padding:3px 6px;color:#667991}.key-hint{font-size:14px;text-align:center;color:#66778c;line-height:1.6;margin:12px 0}.controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:17px 0}.primary{border:0;border-radius:10px;padding:13px 23px;background:#7660ca;color:white;font-weight:700;min-height:46px}.primary:hover{background:#614bb4}.secondary{border:1px solid #cfdbe8;border-radius:10px;padding:12px 18px;background:white;color:#53637b;min-height:46px}.status{min-height:28px;color:#5d6e84;font-size:16px;line-height:1.5;text-align:center;margin:15px 0 6px}.status.success{color:#087d61}.status.error{color:#b12e52}.between{text-align:center;background:white;border:1px solid #e2e8f1;padding:24px;margin:22px 0;border-radius:17px}.between h2{font:700 23px Georgia,serif;margin:0 0 12px}.between p{font-size:16px;line-height:1.5;color:#62748b;margin:0 0 17px}.start-actions{text-align:center;margin:18px 0}.pause-banner{text-align:center;background:#f1eaff;padding:20px;border-radius:12px;margin-top:20px}.pause-banner p{font-size:16px;margin:0 0 15px;color:#53637b}footer{text-align:center;color:#75859a;font-size:14px;margin:25px 0;line-height:1.5}.eyebrow{font-size:14px;color:#66788f;font-weight:700;letter-spacing:1px}.results{margin-top:22px;padding:28px;background:white;border:1px solid #e2e8f1;border-radius:20px}.results h2{font:700 30px Georgia,serif;margin:10px 0}.results p{font-size:16px;line-height:1.6;color:#62748b}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0}.stat{background:#f4f0fb;padding:20px;border-radius:12px}.stat strong{display:block;font-size:28px;color:#3e2d61}.stat span{font-size:14px;color:#66788f}.table-wrap{overflow-x:auto;margin:25px 0}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}caption{text-align:left;font-weight:700;font-size:18px;margin-bottom:12px}th,td{padding:13px 10px;border-bottom:1px solid #e2e8ef;white-space:nowrap}th{color:#64768d}.review{border:1px solid #e0e7ef;border-radius:13px;margin:12px 0;padding:17px}.review summary{font-size:16px;cursor:pointer;font-weight:700;line-height:1.5}.review ul{color:#53637b;font-size:16px;line-height:1.6;padding-left:22px}.review li{margin:10px 0}.review-scales{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.review-scales figure{margin:0}.review-scales figcaption{font-size:14px;text-align:center;color:#65788f}.review .references{max-width:700px}.weight-list{display:flex;gap:14px;flex-wrap:wrap;margin:14px 0;font-size:14px;color:#53637b}.weight-list span{display:flex;align-items:center;gap:5px}.weight-list svg{width:25px;height:25px}.result-actions{display:flex;gap:20px;align-items:center;margin-top:25px}.result-actions a{color:#62748b;font-size:16px}.practice-note{font-size:14px!important;line-height:1.6;background:#f5f2fc;padding:14px;border-radius:10px}dialog{border:0;border-radius:20px;color:#243047;width:calc(100% - 32px);max-width:590px;padding:32px;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#202b4770}dialog h2{font:700 27px Georgia,serif;margin:15px 0}dialog p,dialog li{font-size:16px;line-height:1.6;color:#5d6e84}dialog ol{padding-left:22px}dialog li{margin:8px 0}.close-help{position:absolute;top:12px;right:14px;background:none;border:0;color:#62748b;font-size:28px}.drag-ghost{position:fixed;pointer-events:none;width:48px;height:48px;border-radius:12px;background:#fff;box-shadow:0 5px 22px #25344830;z-index:100;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%)}.drag-ghost svg{width:36px;height:36px}
@media(max-width:700px){.app{padding:16px}.panel{padding:20px 18px}.topbar{padding:16px}.references.three{grid-template-columns:1fr;max-width:350px;gap:0}.references{gap:10px}.shape-button{min-width:115px}.review-scales{grid-template-columns:1fr}.stats{gap:9px}.stat{padding:14px}.stat strong{font-size:25px}}
@media(max-width:430px){.topbar{align-items:flex-start;gap:12px}.badge{margin-left:0;display:inline-block;margin-top:7px}.topbar p{max-width:210px}.round span{max-width:110px}.references{grid-template-columns:1fr;max-width:320px;gap:0}.stats{grid-template-columns:1fr}.results{padding:20px}.shape-button{flex:1;min-width:calc(50% - 14px);max-width:170px}.palette{gap:10px}.target-panel{padding:18px 10px}.target-heading{padding:0 8px}.target-panel>p{padding:0 8px}.result-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}