feat(trigcircle): Фаза 1 — работа с углами + обзор (тренажёр тригонометрии)

План тренажёра в plans/trig-circle/PLAN.md (всё по теме на окружности, кроме графиков функций).
Фаза 1 (аддитивно к рабочему режиму):
- Ввод угла в градусах (поле + Enter/кнопка) → goToAngle (нормализует, показывает
  котерминальность). Подсказка «+360°·k» в бейдже угла.
- Тумблер «График/функции» — скрыть график (тема «функции») → круг на всю ширину
  (переиспользует существующий слой graph + _layout).
- Полная сетка табличных углов (16: 0…330°) вместо 8.
- Опорный (острый) угол к оси Ox в выводе (основа формул приведения) + знаки sin/cos/tg
  по текущей четверти. stats() расширен полями refAngle/refDeg.

Verified: node --check; headless-смоук (vm + canvas-Proxy) 9/9 — опорный угол 30/150/210→30°,
300→60°, 90→90°, 0→0; знаки по четвертям (II: sin+ cos− tg−; IV: sin− cos+); новые
глобальные glue-функции определены. Эмодзи нет (стрелка — inline SVG .ic, tg-неопр. — em-dash).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

frontend/labs-bodies.html

@@ -506,6 +506,16 @@
           <!-- left panel -->
           <div class="proj-panel" style="width:240px;gap:0">
 
+            <!-- Angle input -->
+            <div class="gp-section-title" style="margin-bottom:8px">Угол, °</div>
+            <div style="display:flex;gap:6px;margin-bottom:14px">
+              <input id="trig-angle-input" type="number" step="1" placeholder="напр. 150"
+                onkeydown="trigAngleKey(event,this)"
+                style="flex:1;min-width:0;padding:7px 10px;border:1.5px solid var(--border-h);border-radius:8px;background:#fff;color:var(--text);font-family:'Manrope',sans-serif;font-size:0.82rem;outline:none" />
+              <button class="preset-btn" style="flex-shrink:0;padding:7px 12px" title="Перейти к углу"
+                onclick="trigSetAngleDeg(document.getElementById('trig-angle-input'))"><svg class="ic" viewBox="0 0 24 24" style="width:14px;height:14px"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></button>
+            </div>
+
             <!-- Function toggles -->
             <div class="gp-section-title" style="margin-bottom:10px">Отрезки</div>
             <div style="display:flex;flex-direction:column;gap:5px;margin-bottom:14px">
@@ -535,9 +545,14 @@
               </label>
             </div>
 
-            <!-- Graph function selector -->
-            <div class="gp-section-title" style="margin-bottom:8px">График</div>
-            <div style="display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px">
+            <!-- Graph (functions) — optional, can be hidden to focus on the circle -->
+            <label class="tri-layer-row active" style="margin-bottom:8px" onclick="trigToggleGraph(this)">
+              <span class="tri-dot" style="background:var(--violet);box-shadow:0 0 5px var(--violet)"></span>
+              <span class="tri-layer-name">График</span>
+              <span class="tri-layer-hint" style="color:var(--text-3)">функции</span>
+              <span class="tri-toggle"></span>
+            </label>
+            <div id="trig-graph-fns" style="display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px">
               <button class="trig-fn-btn active" onclick="trigSetGraphFn('sin',this)" style="--fc:#EF476F">sin</button>
               <button class="trig-fn-btn" onclick="trigSetGraphFn('cos',this)" style="--fc:#06D6E0">cos</button>
               <button class="trig-fn-btn" onclick="trigSetGraphFn('tan',this)" style="--fc:#FFD166">tg</button>
@@ -553,6 +568,16 @@
               <span class="tri-stat-k" style="color:#7BF5A4">ctg</span><span class="tri-stat-v" id="trig-v-cot">—</span>
             </div>
 
+            <!-- Reference (acute) angle + signs by quadrant -->
+            <div class="gp-section-title" style="margin-bottom:8px">Опорный угол · знаки</div>
+            <div style="display:flex;flex-direction:column;gap:6px;margin-bottom:14px">
+              <div style="display:flex;justify-content:space-between;align-items:center;font-size:0.78rem">
+                <span style="color:var(--text-3)">острый угол к оси</span>
+                <span id="trig-ref" style="font-weight:800;color:var(--violet)">—</span>
+              </div>
+              <div id="trig-signs" style="text-align:center;font-size:0.72rem;color:var(--text-2)">—</div>
+            </div>
+
             <!-- Notable angles -->
             <div class="gp-section-title" style="margin-bottom:8px">Табличные углы</div>
             <div style="display:flex;flex-wrap:wrap;gap:4px;margin-bottom:14px">
@@ -562,8 +587,16 @@
               <button class="preset-btn" onclick="trigGoTo(Math.PI/3)">60°</button>
               <button class="preset-btn" onclick="trigGoTo(Math.PI/2)">90°</button>
               <button class="preset-btn" onclick="trigGoTo(2*Math.PI/3)">120°</button>
+              <button class="preset-btn" onclick="trigGoTo(3*Math.PI/4)">135°</button>
+              <button class="preset-btn" onclick="trigGoTo(5*Math.PI/6)">150°</button>
               <button class="preset-btn" onclick="trigGoTo(Math.PI)">180°</button>
+              <button class="preset-btn" onclick="trigGoTo(7*Math.PI/6)">210°</button>
+              <button class="preset-btn" onclick="trigGoTo(5*Math.PI/4)">225°</button>
+              <button class="preset-btn" onclick="trigGoTo(4*Math.PI/3)">240°</button>
               <button class="preset-btn" onclick="trigGoTo(3*Math.PI/2)">270°</button>
+              <button class="preset-btn" onclick="trigGoTo(5*Math.PI/3)">300°</button>
+              <button class="preset-btn" onclick="trigGoTo(7*Math.PI/4)">315°</button>
+              <button class="preset-btn" onclick="trigGoTo(11*Math.PI/6)">330°</button>
             </div>
 
             <!-- Angle info -->