:root{color:#172522;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2f0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.page-shell{width:min(1240px,100% - 40px);margin:0 auto;padding:48px 0 80px}.task-card,.debug-card{background:#fff;border:1px solid #d9e1de;border-radius:24px;box-shadow:0 18px 60px #1e342e12}.task-card{padding:34px}.task-header,.section-heading,.interaction-bar{justify-content:space-between;align-items:center;gap:30px;display:flex}.title-group{max-width:710px}.eyebrow{color:#497369;letter-spacing:.15em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700}h1,h2{letter-spacing:-.025em;font-family:Georgia,Times New Roman,serif}h1{margin:0;font-size:clamp(36px,5vw,62px);font-weight:600;line-height:.98}.instructions{color:#5c6966;margin:20px 0 0;font-size:16px;line-height:1.6}.task-state{border-left:1px solid #dfe6e3;flex:0 0 178px;padding:18px 20px}.task-state span,.hint-label{color:#74817e;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700;display:block}.task-state strong{font-variant-numeric:tabular-nums;margin:5px 0;font-size:34px;display:block}.task-state i{color:#7d8986;font-size:12px;font-style:normal}.task-state i:before{content:"";background:#aeb8b5;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.task-state i.active-dot{color:#246b59}.task-state i.active-dot:before{background:#2e9177;box-shadow:0 0 0 4px #dff1ec}.figure-frame{background:#f7faf9;border:1px solid #e1e8e5;border-radius:24px;max-width:900px;margin:30px auto 20px;position:relative;overflow:hidden}.triangle-figure{touch-action:manipulation;width:100%;max-height:590px;display:block}.source-lines line{stroke:#1d302b;stroke-width:6px;stroke-linecap:round}.found-overlay{fill:#348f7721;stroke:#257962;stroke-width:7px;stroke-linejoin:round;stroke-dasharray:13 8}.found-overlay-1{fill:#c692451c;stroke:#9a6b29}.found-overlay-2{fill:#4d69971a;stroke:#526c93}.selection-line{fill:none;stroke:#d27638;stroke-width:7px;stroke-linecap:round;stroke-dasharray:11 9}.vertex{outline:none}.vertex-hit{fill:#0000;stroke:#0000;cursor:pointer}.vertex-dot{fill:#fff;stroke:#263b35;stroke-width:5px;transition:r .15s,fill .15s,stroke .15s}.vertex-label{fill:#3d4c48;pointer-events:none;paint-order:stroke;stroke:#f7faf9;stroke-width:5px;font-size:17px;font-weight:700}.vertices-active .vertex:hover .vertex-dot,.vertices-active .vertex:focus .vertex-dot{fill:#dff1ec;stroke:#28745f;stroke-width:7px}.vertices-active .vertex:focus-visible .vertex-hit{stroke:#2f806b;stroke-width:3px;stroke-dasharray:4 4}.vertex-selected .vertex-dot{stroke-width:7px;fill:#f2a763!important;stroke:#7d431a!important}.vertices-inactive{opacity:.55}.vertices-inactive .vertex-hit{cursor:default}.figure-lock{pointer-events:none;background:#f7faf966;place-items:center;display:grid;position:absolute;inset:0}.figure-lock span{color:#596864;background:#fffffff0;border:1px solid #d6dfdc;border-radius:100px;padding:10px 16px;font-size:13px;font-weight:600;box-shadow:0 6px 22px #1c302b1a}.interaction-bar{border-top:1px solid #e5ebe9;padding:18px 2px 0}.hint-wrap strong{margin-top:7px;font-size:16px;display:block}.controls{gap:10px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:12px;min-height:48px;padding:0 20px;font-weight:700;transition:transform .15s,background .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #2b7b654d}.button:disabled{opacity:.42;cursor:not-allowed}.button-primary{color:#fff;background:#234e43;box-shadow:0 6px 16px #234e432e}.button-primary:hover{background:#183b32}.button-secondary{color:#334d46;background:#fff;border-color:#cbd7d3}.feedback{justify-content:center;align-items:center;gap:9px;min-height:45px;margin:13px 0 -18px;font-size:14px;font-weight:700;display:flex}.feedback>span:first-child{border:2px solid;border-radius:50%;place-items:center;width:23px;height:23px;display:inline-grid}.feedback-success{color:#24715d}.feedback-duplicate{color:#895b1a}.feedback-invalid{color:#a4463e}.debug-card{margin-top:24px;padding:30px 34px 34px}.section-heading h2{margin:0;font-size:30px}.status-pill{color:#6d7976;background:#f8faf9;border:1px solid #d9e1de;border-radius:100px;padding:8px 13px;font-size:12px;font-weight:700}.status-pill.is-running{color:#22614f;background:#e8f5f1;border-color:#b8d9d0}.metrics-grid{border:1px solid #dfe6e3;border-radius:16px;grid-template-columns:repeat(5,minmax(90px,1fr)) minmax(200px,2.2fr);margin:25px 0 30px;display:grid;overflow:hidden}.metrics-grid>div{background:#f9fbfa;border-right:1px solid #e2e8e6;min-width:0;padding:16px 17px}.metrics-grid>div:last-child{border:0}.metrics-grid span{color:#788581;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.metrics-grid strong{text-overflow:ellipsis;font-size:18px;line-height:1.4;display:block;overflow:hidden}.metric-selection strong{white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.debug-grid{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:24px;display:grid}.data-section{min-width:0}.data-section h3{margin:0 0 12px;font-size:14px}.table-scroll,.event-log{border:1px solid #e0e6e4;border-radius:12px;overflow:auto}.table-scroll{max-height:300px}table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}th{color:#687571;text-transform:uppercase;letter-spacing:.05em;background:#f3f6f5;position:sticky;top:0}th,td{white-space:nowrap;border-bottom:1px solid #e5eae8;padding:11px 12px}tbody tr:last-child td{border:0}.empty-cell{color:#87928f;text-align:center}.event-log{color:#dce7e3;background:#172522;height:300px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.event-log ol{margin:0;padding:10px 10px 10px 42px}.event-log li{border-bottom:1px solid #ffffff14;padding:7px 5px}.event-log time{color:#91aaa3;width:48px;display:inline-block}.event-log code{color:#78d0b8;margin-right:9px}.event-log span{color:#c5d1cd;overflow-wrap:anywhere}.event-log .empty-cell{color:#95a6a1;margin:0;padding:28px}.raw-json{border-top:1px solid #e1e7e5;margin-top:25px}.raw-json summary{color:#315f53;cursor:pointer;width:fit-content;margin-top:20px;font-size:13px;font-weight:700}.raw-json pre{color:#dce7e3;background:#172522;border-radius:12px;max-height:420px;padding:18px;font-size:11px;line-height:1.6;overflow:auto}@media (width<=900px){.metrics-grid{grid-template-columns:repeat(3,1fr)}.metrics-grid>div{border-bottom:1px solid #e2e8e6}.debug-grid{grid-template-columns:1fr}}@media (width<=650px){.page-shell{width:min(100% - 20px,1240px);padding:10px 0 30px}.task-card,.debug-card{border-radius:18px;padding:20px 16px}.task-header{align-items:flex-start}.task-state{flex-basis:112px;padding:8px 0 8px 14px}.task-state strong{font-size:26px}.task-state i{font-size:10px}h1{font-size:37px}.instructions{font-size:14px}.figure-frame{border-radius:16px;margin-top:22px}.interaction-bar{flex-direction:column;align-items:stretch;gap:16px}.controls{width:100%}.button{flex:1;padding:0 12px;font-size:13px}.feedback{margin-bottom:-10px}.section-heading{align-items:flex-start}.section-heading h2{font-size:25px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metrics-grid>div:nth-child(2n){border-right:0}.metric-selection{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}