:root{--bg-1: #f6f3e8;--bg-2: #d8e7df;--panel: rgba(255, 255, 255, .92);--panel-strong: #ffffff;--text: #1c2922;--muted: #55655c;--accent: #1e7b63;--accent-strong: #124a3b;--accent-soft: rgba(30, 123, 99, .12);--good: #197a48;--bad: #c14141;--border: rgba(28, 41, 34, .12);--shadow: 0 20px 44px rgba(30, 123, 99, .14)}*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:20px;display:flex;flex-direction:column;align-items:center;font-family:Segoe UI,Malgun Gothic,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(255,255,255,.8),transparent 34%),linear-gradient(135deg,var(--bg-1),var(--bg-2))}.container{width:min(1200px,100%);display:flex;flex-direction:column;gap:24px}.ad-slot{width:100%;min-height:100px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--border);border-radius:12px;background:#00000008;color:var(--muted);font-size:.9rem;text-align:center}.ad-slot.sidebar{min-height:280px}.app{width:100%;background:var(--panel);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);overflow:hidden;backdrop-filter:blur(8px)}.hero{padding:30px 30px 22px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,#1e7b6321,#124a3b0a)}.hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.hero h1{margin:0 0 8px;font-size:clamp(1.9rem,3.8vw,2.9rem);line-height:1.1}.hero p{margin:0;color:var(--muted);line-height:1.6;max-width:900px}.lang-switch{display:inline-flex;padding:4px;background:#ffffffbf;border:1px solid var(--border);border-radius:999px;gap:4px}.lang-btn{border:0;border-radius:999px;padding:10px 14px;background:transparent;color:var(--accent-strong);font-weight:700;cursor:pointer}.lang-btn.active{background:var(--accent);color:#fff}.content{display:grid;grid-template-columns:minmax(340px,420px) minmax(420px,1fr);gap:22px;padding:24px}.card{background:#ffffffdb;border:1px solid var(--border);border-radius:22px;padding:22px}.label{display:inline-block;margin-bottom:12px;color:var(--accent-strong);font-weight:700;font-size:.92rem;letter-spacing:.03em}.controls{display:grid;gap:14px}.hint{margin:18px 0 8px;color:var(--muted);line-height:1.6}.question{margin:0 0 18px;font-size:clamp(2rem,5vw,3.1rem);font-weight:800;line-height:1.05}.answer-row{display:flex;gap:12px;flex-wrap:wrap}input,select,button{font:inherit}input[type=text],select{width:100%;padding:14px 16px;border:1px solid rgba(30,123,99,.22);border-radius:14px;background:#fff;color:var(--text)}.answer-row input{flex:1 1 240px}button{border:0;border-radius:14px;padding:14px 18px;font-weight:700;cursor:pointer;transition:transform .12s ease,opacity .12s ease}button:hover{transform:translateY(-1px)}.primary{background:var(--accent);color:#fff}.secondary{background:var(--accent-soft);color:var(--accent-strong)}.result{margin-top:16px;min-height:56px;padding:14px 16px;border-radius:16px;line-height:1.6;background:#1c29220f}.result.good{color:var(--good);background:#197a481c}.result.bad{color:var(--bad);background:#c141411a}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.stat{padding:14px;border-radius:16px;background:#1e7b6314}.stat strong{display:block;margin-top:4px;font-size:1.35rem}.diagram-card{display:grid;gap:16px;background:linear-gradient(180deg,#fffffff5,#f4faf7f2)}.diagram-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.diagram-head h2{margin:0;font-size:1.2rem}.angle-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-weight:700}.diagram-wrap{position:relative;border-radius:22px;padding:18px;background:radial-gradient(circle at center,#1e7b630f,#fffffff2 66%);border:1px solid rgba(30,123,99,.14)}svg{display:block;width:100%;height:auto}.legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.legend-item{padding:14px;border-radius:16px;background:var(--panel-strong);border:1px solid var(--border)}.legend-item small{display:block;margin-bottom:6px;color:var(--muted)}.legend-item strong{font-size:1.08rem}.table-wrap{overflow:auto;max-height:250px;border-radius:16px;border:1px solid var(--border);background:var(--panel-strong)}table{width:100%;border-collapse:collapse}th,td{padding:11px 13px;text-align:left;border-bottom:1px solid rgba(28,41,34,.08);font-size:.95rem}th{position:sticky;top:0;background:#eef6f2;z-index:1}.pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.85rem;font-weight:700}.footer-note{margin:0;color:var(--muted);line-height:1.55;font-size:.93rem}.tick-label{font-size:13px;fill:#587064}.axis-label{font-size:16px;font-weight:700;fill:#375548}.angle-label{font-size:18px;font-weight:700;fill:var(--accent-strong)}.minor-label{font-size:15px;fill:#567065}.info-section{background:var(--panel-strong);border:1px solid var(--border);border-radius:24px;padding:40px;box-shadow:0 10px 30px #0000000d;line-height:1.8}.info-section h1{margin-top:0;font-size:clamp(1.6rem,3vw,2.2rem);color:var(--accent-strong)}.info-section h2{margin-top:30px;padding-left:15px;border-left:5px solid var(--accent);color:var(--accent-strong);font-size:1.2rem}.info-section p,.info-section li{color:var(--muted)}.info-section code{padding:2px 6px;border-radius:8px;background:var(--accent-soft);color:var(--accent-strong);font-family:Consolas,Monaco,monospace}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:20px}.site-footer{text-align:center;padding:24px 12px 36px;color:var(--muted);font-size:.85rem}.site-footer a{color:var(--accent-strong);text-decoration:none;font-weight:700}@media(max-width:980px){.content,.info-grid{grid-template-columns:1fr}}@media(max-width:720px){body{padding:14px}.hero,.content,.card{padding-left:18px;padding-right:18px}.answer-row{flex-direction:column}.answer-row button{width:100%}.stats,.legend{grid-template-columns:1fr}}