.jxgbox{-ms-touch-action:none;background-color:#fff;border:1px solid #356aa0;-webkit-border-radius:10px;border-radius:10px;margin:0;position:relative;overflow:hidden}.jxgbox svg text{cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.JXGtext{background-color:#0000;margin:0;padding:0;font-family:Courier,monospace}.JXGinfobox{border:0 #000}.jxgbox :focus{outline-width:.5px;outline-style:dotted}.JXG_navigation{z-index:100;cursor:pointer;background-color:#0000;padding:2px;font-size:14px;position:absolute;bottom:5px;right:5px}.JXG_navigation_button{color:#666}.JXG_navigation_button:hover{background:#b8b8b880;border-radius:2px}.JXG_navigation_button svg{padding:0;position:relative;top:.2em}.JXG_wrap_private:fullscreen{background-color:#ccc;width:100%;height:100%;padding:0}.JXG_wrap_private:-moz-full-screen{background-color:#ccc;width:100%;height:100%;padding:0}.JXG_wrap_private:fullscreen{background-color:#ccc;width:100%;height:100%;padding:0}.JXG_wrap_private:fullscreen{background-color:#ccc;width:100%;height:100%;padding:0}.smart-label-solid{color:#fff;text-align:center;vertical-align:middle;border-radius:150px;margin:0;padding:1px 7px}.smart-label-outline{color:#000;text-align:center;vertical-align:middle;background-color:#fff;border:2px solid #000;border-radius:15px;margin:0;padding:1px 7px}.smart-label-pure{color:#000;text-align:center;vertical-align:middle;background-color:#0000;border:none;border-radius:15px;margin:0;padding:20px 7px 1px}.smart-label-line,.smart-label-point{background-color:#0072b2;border-color:#0072b2}.smart-label-point{margin-top:12px}.smart-label-angle{background-color:#e69f00;border-color:#e69f00;padding:1px 7px}.smart-label-polygon,.smart-label-circle{color:#000;background-color:#f0e442;border-color:#f0e442;padding:1px 7px}.unit-circle-explorer{color:#1c1c1c;color-scheme:light;background:#fff;border:1px solid #e4e4e4;border-radius:10px;flex-direction:column;gap:1rem;width:100%;max-width:1400px;margin:0 auto;padding:1rem 1.25rem 1.25rem;display:flex}.unit-circle-explorer .workspace{grid-template-columns:350px 1fr;align-items:start;gap:1.5rem;width:100%;display:grid}.unit-circle-explorer .column{flex-direction:column;gap:.8rem;display:flex}.unit-circle-explorer .column-center{min-width:0}.unit-circle-explorer .column-graphs{width:100%}.unit-circle-explorer .graphs-section{flex-direction:column;gap:.8rem;width:100%;display:flex}.unit-circle-explorer .board{aspect-ratio:1;touch-action:none;background:#fff;border:1px solid #e4e4e4;border-radius:8px;width:100%;max-width:350px}@media (width<=1000px){.unit-circle-explorer{gap:1.2rem;padding:.875rem 1rem 1rem}.unit-circle-explorer .workspace,.unit-circle-explorer .graphs-section{grid-template-columns:1fr;gap:1.5rem}.unit-circle-explorer .board{max-width:100%}}@media (width<=500px){.unit-circle-explorer{gap:1rem;padding:.75rem}.unit-circle-explorer .workspace,.unit-circle-explorer .graphs-section{gap:1rem}.unit-circle-explorer .board{max-width:none}}.observation-table-container{flex-direction:column;gap:.4rem;display:flex}.compact-angle-display{color:#222;font-variant-numeric:tabular-nums;font-size:.8rem;line-height:1.3}.compact-angle-display .angle-deg{color:#000;font-weight:700}.compact-angle-display .angle-equals{color:#666;margin:0 .15rem}.compact-angle-display .angle-exact{color:#333;font-family:monospace;font-size:.75rem;font-weight:600}.compact-angle-display .angle-decimal{color:#555;font-size:.75rem}.table-title{color:#222;text-transform:uppercase;letter-spacing:.5px;margin:.3rem 0 0;font-size:.75rem;font-weight:800}.values-table{border-collapse:collapse;font-variant-numeric:tabular-nums;background:#fff;width:100%;font-size:.85rem}.values-table tbody tr{border-bottom:1px solid #efefef;transition:background .1s}.values-table tbody tr:last-child{border-bottom:none}.values-table td{padding:.35rem .4rem}.values-table .angle-cell{text-align:left;width:40%;font-weight:500}.values-table .value-cell{text-align:right;width:30%;font-size:.8rem}.values-table .value-cell.cos-color{color:#d1495b;font-weight:500}.values-table .value-cell.sin-color{color:#2a9d8f;font-weight:500}.values-table tbody tr.current-row{background:#fffbf0;border-left:3px solid #e0a100;font-weight:600}.values-table tbody tr.reference-row{cursor:pointer;background:#f9f9f9}.values-table tbody tr.reference-row:hover{background:#f0f0f0}.function-graphs{flex-direction:column;gap:1.2rem;width:100%;display:flex}.graphs-title{color:#222;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.75rem;font-weight:800}.graph-frame{flex-direction:column;gap:.4rem;display:flex}.graph-title{color:#333;margin:0;font-size:.9rem;font-weight:600}.graph-svg{background:#fff;border:1px solid #ddd;border-radius:4px;width:100%}.graph-svg .axis-line{stroke:#222;stroke-width:1.8px}.graph-svg .axis-zero{stroke:#e8e8e8;stroke-width:.7px;stroke-dasharray:2 2}.graph-svg .tick{stroke:#444;stroke-width:1.2px}.graph-svg .tick-label{fill:#333;font-size:11px;font-weight:600}.graph-svg .axis-label-y,.graph-svg .axis-label-x{fill:#222;font-size:11px;font-weight:700}.graph-svg .function-curve{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;opacity:.6}.graph-svg .current-point{filter:drop-shadow(0 1px 2px #00000026);transition:opacity .1s}.graph-svg .current-point-ring{pointer-events:none;transition:opacity .1s}.graph-svg .current-guide{pointer-events:none;opacity:.7}.control-panel{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding:.75rem 0;font-size:.95rem;display:flex}.angle-slider-label{flex:200px;align-items:center;gap:.5rem;min-width:0;display:inline-flex}.angle-slider-label .label-text{color:#e0a100;min-width:1.2ch;font-size:1.05em;font-weight:600}.slider-input{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#d1495b,#2a9d8f);border-radius:3px;outline:none;flex:1;min-width:100px;height:5px}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;background:#fff;border:2px solid #333;border-radius:50%;width:18px;height:18px;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 4px #00000026}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 6px #0003}.slider-input::-moz-range-thumb{cursor:pointer;background:#fff;border:2px solid #333;border-radius:50%;width:18px;height:18px;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 4px #00000026}.slider-input::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 3px 6px #0003}.angle-output{font-variant-numeric:tabular-nums;text-align:right;color:#e0a100;min-width:3.5ch;font-weight:500}.reset-button{color:#fff;cursor:pointer;background:#1f5fbf;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.95rem;font-weight:500;transition:background .15s,transform .1s}.reset-button:hover{background:#1a4a9e}.reset-button:active{transform:scale(.98)}