:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17213a;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,#e9f5ff 0,transparent 34rem),#f5f7fb}.angle-sum-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:20px 0 40px}.angle-sum-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin:22px 0}.eyebrow{margin:0 0 8px;color:#326ca7;font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}h1{max-width:820px;margin:0;font-size:clamp(1.9rem,4vw,3.15rem);line-height:1.05;letter-spacing:-.035em}.subtitle{margin:12px 0 0;color:#52627b;font-size:1.08rem}.local-note{flex:0 0 auto;margin:4px 0;padding:8px 12px;border:1px solid #cbd8ea;border-radius:999px;background:#fff;color:#43607f;font-size:.82rem;font-weight:750}.local-note span{color:#1e9d68}.angle-sum-board,.angle-sum-insight{border:1px solid #cfdaea;border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 18px 50px rgba(39,66,108,.1)}.angle-sum-board{display:grid;gap:15px;padding:clamp(12px,2.8vw,26px)}#quadrilateral-board{display:block;width:100%;max-height:520px;border-radius:20px;background:linear-gradient(180deg,#f9fbff,#f1f6fb)}.board-background{fill:transparent}.quadrilateral-shape{fill:#eef3f8;fill-opacity:.64;stroke:#496784;stroke-width:9;stroke-linejoin:round}.triangle-one{fill:#ddecfb;stroke:none}.triangle-two{fill:#dff5eb;stroke:none}.quadrilateral-diagonal{stroke:#7c4da5;stroke-width:8;stroke-linecap:round;stroke-dasharray:14 11}.vertex-labels text{fill:#344c68;font-size:29px;font-weight:850;text-anchor:middle}.vertex-labels text,.angle-sum-board text{dominant-baseline:middle}.angle-sum-board [data-angle-index]{fill:#813e73;font-size:31px;font-weight:850;text-anchor:middle;paint-order:stroke;stroke:#fff;stroke-width:8px;stroke-linejoin:round}.equation-card{padding:16px;border:1px solid #c6d5e8;border-radius:17px;background:#f7faff;text-align:center;font-size:clamp(1.45rem,4vw,2.25rem);font-weight:750}.triangle-term{padding:4px 9px;border-radius:9px}.first-term{background:#ddecfb}.second-term{background:#dff5eb}.equation-card strong{color:#74439a}.angle-sum-explore{display:grid;grid-template-columns:auto minmax(150px,1fr);gap:10px 18px;align-items:center;padding:16px;border:1px solid #d0dbea;border-radius:17px;background:#f8faff}.angle-sum-explore div{grid-column:1/-1}.angle-sum-explore h2,.angle-sum-explore p{margin:0}.angle-sum-explore h2{font-size:1rem}.angle-sum-explore p{margin-top:4px;color:#5a6c84}.angle-sum-explore label{font-weight:800}.angle-sum-explore input{width:100%;accent-color:#74439a}.angle-sum-explore output{grid-column:1/-1;padding:11px;border-radius:12px;background:#fff;color:#3c5070;font-size:clamp(1rem,2.6vw,1.35rem);font-weight:800;text-align:center}.conclusion-card{padding:17px 20px;border:1px solid #c4abd9;border-radius:17px;background:#f4ecfa;text-align:center}.conclusion-card h2{margin:0 0 5px;color:#72409a;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.conclusion-card p{margin:0;font-size:clamp(1.08rem,2.3vw,1.45rem);font-weight:820}.angle-sum-insight{margin-top:16px;padding:20px 24px}.angle-sum-insight>p{min-height:1.5em;margin:0 0 14px;color:#354964}.angle-sum-controls{display:flex;gap:12px;flex-wrap:wrap}.primary-button,.reset-button{min-height:46px;padding:0 20px;border-radius:13px;font:inherit;font-weight:800;cursor:pointer}.primary-button{border:1px solid #315f97;background:#3974b3;color:#fff}.primary-button:disabled{cursor:not-allowed;opacity:.55}.reset-button{border:1px solid #c4d1e2;background:#fff;color:#344c68}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}[hidden]{display:none!important}@media(max-width:720px){.angle-sum-shell{width:min(100% - 20px,1120px);padding-top:10px}.angle-sum-header{display:block}.local-note{display:inline-block;margin-top:14px}.angle-sum-board{padding:10px}#quadrilateral-board{min-height:285px}.angle-sum-explore{grid-template-columns:1fr}.angle-sum-explore div,.angle-sum-explore output{grid-column:1}.angle-sum-insight{padding:18px}.angle-sum-controls>*{flex:1 1 140px}}@media(min-width:721px) and (max-width:1040px){#quadrilateral-board{max-height:450px}.angle-sum-shell{width:min(100% - 28px,1120px)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}