.trig-course{--ink:hsl(var(--foreground));--muted:hsl(var(--text-muted));--panel:hsl(var(--secondary));--line:hsl(var(--foreground)/.14);--arc:hsl(var(--primary));--hit:hsl(var(--success));--sel:hsl(var(--warning));--bad:hsl(var(--destructive));color:hsl(var(--foreground));flex-direction:column;gap:24px;min-width:0;display:flex}.tc-angle-label{pointer-events:none;transition:transform .15s}.tc-angle-label.is-hovered{transform:scale(1.22)}.tc-label-leader{stroke-width:1px;opacity:0;transition:opacity .15s}.tc-label-leader.is-hovered{opacity:.5}@media (prefers-reduced-motion:reduce){.tc-angle-label{transition:none}}.trig-course h2{font-size:23px;font-weight:750;line-height:1.4}.trig-course h3{font-size:18px;font-weight:750;line-height:1.5}.trig-course p{line-height:1.7}.tc-muted{color:hsl(var(--text-muted));font-size:16px}.tc-card,.tc-all{background:hsl(var(--secondary));border-radius:var(--r-2xl);align-self:start;min-width:0;padding:24px}.tc-all{width:100%}.tc-guide-invite{text-align:left;border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:var(--r-xl);color:hsl(var(--primary));align-items:center;gap:16px;padding:22px;display:flex;position:relative;overflow:hidden}.tc-guide-invite>span{z-index:1;flex:1}.tc-guide-invite strong{color:hsl(var(--foreground));font-size:17px;display:block}.tc-guide-invite small{color:hsl(var(--text-muted));margin-top:6px;font-size:16px;display:block}.tc-guide-invite:not(.is-read):before{content:"";background:0 0/250% 100%;animation:8s ease-in-out infinite tc-sheen;position:absolute;inset:0}.tc-guide-invite.is-read{background:hsl(var(--secondary));border-color:transparent}@keyframes tc-sheen{0%,15%{background-position:150% 0}65%,to{background-position:-150% 0}}.tc-all{border:1px solid hsl(var(--border));justify-content:space-between;align-items:center;gap:24px;display:flex}.tc-all p{color:hsl(var(--text-muted));max-width:700px;margin-top:8px;font-size:16px}.tc-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.tc-topic{flex-direction:column;align-self:stretch;gap:16px;display:flex}.tc-topic p{color:hsl(var(--text-muted));font-size:16px}.tc-topic-example{flex-wrap:wrap;align-items:center;gap:18px;margin-top:auto;display:flex}.tc-topic-example>span:first-child{color:hsl(var(--text-muted));font-size:14px}.tc-topic-example>.vector-inline-math{font-size:19px}.tc-topic>button{align-self:flex-end}.tc-work-heading{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.tc-work-heading h2{flex:1}.tc-back,.tc-link{color:hsl(var(--primary));border-radius:var(--r-sm);align-items:center;gap:7px;font-size:16px;font-weight:600;display:inline-flex}.tc-link:hover,.tc-back:hover{text-underline-offset:4px;text-decoration:underline}.tc-workspace{grid-template:"scene condition"min-content"scene solution"1fr/minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.tc-condition{grid-area:condition}.tc-scene{grid-area:scene;min-height:400px;padding:20px;position:sticky;top:88px}.tc-solution{flex-direction:column;grid-area:solution;align-items:flex-start;gap:18px;display:flex}.tc-solution>*{max-width:100%}.tc-solution>p{font-size:16px}.tc-condition>.tc-muted{margin-top:14px}.tc-series{margin:16px 0;font-size:21px}.tc-interval{background:hsl(var(--well));border-radius:var(--r-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.tc-interval>span:first-child{color:hsl(var(--text-muted));font-size:14px}.tc-interval>.vector-inline-math{font-size:22px}.tc-condition-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.tc-rule{border-left:3px solid hsl(var(--primary) / .2);flex-direction:column;gap:12px;margin-top:18px;padding-left:15px;font-size:16px;display:flex}.tc-confirm{flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;display:flex}.tc-confirm p{width:100%;font-size:16px}.tc-circle{aspect-ratio:1;width:100%;max-width:510px;margin:auto;display:block;overflow:visible}.tc-circle [data-u]{cursor:pointer;outline:none}.tc-circle [data-u]:focus-visible{stroke:hsl(var(--primary));stroke-width:2px;fill:hsl(var(--primary) / .1)}.tc-circle [data-u]:hover{stroke:hsl(var(--primary) / .6);stroke-width:1.5px;fill:hsl(var(--primary) / .08)}.tc-math-label{overflow:visible}.tc-math-label .katex{font-size:1em;line-height:1}.tc-math-label .katex-html{display:block}.tc-scene-controls{border-top:1px solid hsl(var(--foreground) / .08);flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:14px;padding-top:16px;display:flex}.tc-check{border-radius:var(--r-sm)}.tc-check label{min-height:32px}.tc-check label>div{flex-shrink:0}.tc-animation-control{flex-direction:column;align-items:flex-start;gap:8px;margin-top:18px;display:flex}.tc-animation-control p{color:hsl(var(--text-muted));font-size:14px}.tc-unroll-panel{border-top:1px solid hsl(var(--foreground) / .08);margin-top:18px;padding-top:12px}.tc-unroll{width:100%;display:block}.tc-point-list{color:hsl(var(--text-muted));margin-top:16px;font-size:14px}.tc-point-list summary{cursor:pointer}.tc-point-list>div{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:12px;display:grid}.tc-point-list button{border-radius:var(--r-sm);background:hsl(var(--well));height:42px;color:hsl(var(--foreground))}.tc-point-list button:hover{background:hsl(var(--well))}.tc-steps{flex-direction:column;gap:8px;width:100%;margin-bottom:2px;display:flex}.tc-steps li{color:hsl(var(--text-muted));align-items:center;gap:9px;font-size:14px;display:flex}.tc-steps li>span{border-radius:var(--r-sm);background:hsl(var(--foreground) / .04);flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.tc-steps .is-current{color:hsl(var(--foreground));font-weight:700}.tc-steps .is-current>span{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.tc-steps .is-complete>span{background:hsl(var(--success) / .1);color:hsl(var(--success))}.tc-kept{color:hsl(var(--text-muted));font-size:14px;line-height:1.7}.tc-feedback{border-radius:var(--r-lg);border:1px solid;width:100%;padding:14px 16px;font-size:16px;line-height:1.7}.tc-feedback.is-ok{background:hsl(var(--success) / .07);border-color:hsl(var(--success) / .25)}.tc-feedback.is-bad{background:hsl(var(--destructive) / .05);border-color:hsl(var(--destructive) / .25)}.tc-feedback.is-info,.tc-notice{background:hsl(var(--well));border-color:hsl(var(--border))}.tc-selected-start{color:hsl(var(--primary));font-size:16px;line-height:1.7}.tc-input-modes{background:hsl(var(--well));border:1px solid hsl(var(--foreground) / .08);border-radius:var(--r-xl);gap:4px;padding:4px;display:inline-flex}.tc-input-modes button{border-radius:var(--r-lg);padding:9px 14px;font-size:16px}.tc-input-modes button>*{pointer-events:none}.tc-guide-card .tc-input-modes{width:fit-content;margin-top:12px;display:flex}.tc-input-modes button[aria-pressed=true]{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.tc-root-rows{flex-direction:column;gap:12px;width:100%;display:flex}.tc-root-row{border:1px solid hsl(var(--foreground) / .12);border-radius:var(--r-lg);flex-wrap:wrap;align-items:center;gap:12px;min-width:0;padding:14px;transition:border-color .15s,background-color .15s;display:flex}.tc-root-row.is-active{border-color:hsl(var(--primary));background:hsl(var(--well))}.tc-root-row.is-ok{border-color:hsl(var(--success) / .5)}.tc-root-row.is-bad,.tc-root-row.is-turn,.tc-root-row.is-empty{border-color:hsl(var(--destructive) / .4)}.tc-root-index{background:hsl(var(--success));color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;font-size:14px;display:grid}.tc-ref-input{flex-wrap:wrap;flex:1;align-items:flex-end;gap:12px;min-width:0;display:flex}.tc-field-label{color:hsl(var(--text-muted));margin-bottom:6px;font-size:14px;display:block}.tc-stepper{border:1px solid hsl(var(--foreground) / .15);border-radius:var(--r-sm);background:hsl(var(--card));align-items:center;gap:5px;height:42px;display:flex}.tc-stepper>.vector-inline-math{text-align:center;min-width:38px;font-size:15px}.tc-stepper button{border-radius:var(--r-sm);place-items:center;width:28px;height:40px;display:grid}.tc-sign{background:hsl(var(--card));border:1px solid hsl(var(--foreground) / .15);border-radius:var(--r-sm);width:36px;height:42px}.tc-ref-input>.vector-inline-math{white-space:nowrap;align-self:center;font-size:17px}.tc-ref-input button:hover:not(:disabled){background:hsl(var(--well))}.tc-ref-input button:disabled{opacity:.4}.tc-row-status{color:hsl(var(--text-muted));margin-left:auto;font-size:14px}.is-ok .tc-row-status{color:hsl(var(--success))}.is-bad .tc-row-status,.is-turn .tc-row-status,.is-empty .tc-row-status{color:hsl(var(--destructive))}.tc-fraction{min-width:108px;color:hsl(var(--foreground));flex-direction:column;align-items:center;display:flex}.tc-numerator{border-bottom:2px solid;align-items:center;gap:5px;width:100%;padding:0 4px 5px;display:flex}.tc-numerator input{border:1px solid hsl(var(--foreground) / .18);border-radius:var(--r-sm);background:hsl(var(--card));width:72px;height:40px;color:hsl(var(--foreground));text-align:center;font-size:18px}.tc-numerator>.vector-inline-math{font-size:20px}.tc-denominator{flex-direction:column;align-items:center;width:100%;margin-top:5px;display:flex}.tc-den-button{border:1px solid hsl(var(--foreground) / .18);border-radius:var(--r-sm);background:hsl(var(--card));min-width:72px;height:40px;font-size:18px}.trig-course button .vector-inline-math{pointer-events:none}.tc-den-options{flex-wrap:wrap;justify-content:center;gap:4px;max-width:260px;margin-top:8px;display:flex}.tc-den-options button{border-radius:var(--r-sm);background:hsl(var(--well));min-width:30px;height:34px}.tc-den-options button[aria-pressed=true]{background:hsl(var(--primary));color:#fff}.tc-done{border-top:1px solid hsl(var(--foreground) / .08);flex-direction:column;align-items:flex-start;gap:16px;width:100%;padding-top:18px;display:flex}.tc-done>.vector-markup{font-size:20px}.trig-course button:focus-visible,.tc-check:focus-visible,.trig-course input:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:3px}.vector-markup{overflow-wrap:break-word;min-width:0;line-height:1.7}.vector-math{vertical-align:baseline;white-space:nowrap;max-width:100%;display:inline-block}.vector-math-inner{white-space:nowrap;display:inline-block}.vector-math .katex-html{white-space:nowrap}.vector-math[data-scroll]{scrollbar-width:thin;vertical-align:middle;overflow-x:auto}.vector-markup .katex,.vector-inline-math .katex{font-size:1.1em}.tc-guide{z-index:100;pointer-events:none;position:fixed;inset:0}.tc-shade{pointer-events:auto;background:rgba(15,23,42,.6);position:absolute}.tc-spot{border:2px solid hsl(var(--primary));border-radius:var(--r-lg);position:absolute;box-shadow:0 0 0 3px #fff}.tc-spot.is-point{border-radius:50%}.tc-guide-card{pointer-events:auto;background:hsl(var(--secondary));color:hsl(var(--foreground));border:1px solid hsl(var(--border));border-radius:var(--r-xl);padding:18px;position:absolute;box-shadow:0 12px 36px rgba(0,0,0,.2)}.tc-guide-card h3{margin:6px 0 9px;font-size:17px;font-weight:750}.tc-guide-card .vector-markup{font-size:16px}.tc-guide-card>button{margin-top:14px}@media (max-width:1200px){.tc-workspace{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.tc-card{padding:20px}.tc-ref-input{gap:8px}.tc-root-row{gap:9px;padding:12px}}@media (max-width:950px){.tc-workspace{grid-template:"condition""scene""solution"/minmax(0,1fr)}.tc-scene{min-height:0;position:static}.tc-circle{max-width:420px}.tc-topics{grid-template-columns:1fr}}@media (max-width:600px){.trig-course{gap:18px}.tc-card,.tc-all{padding:18px}.tc-all{flex-direction:column;align-items:flex-start;gap:16px}.tc-work-heading{gap:12px}.tc-work-heading h2{flex:auto;order:2;width:100%;font-size:20px}.tc-work-heading .tc-link{margin-left:auto}.tc-series{font-size:18px}.tc-guide-invite{gap:12px;padding:18px}.tc-guide-invite strong{font-size:16px}.tc-interval{gap:10px;padding:14px}.tc-scene-controls{gap:10px}.tc-circle{width:100%}.tc-ref-input{flex-basis:100%}.tc-root-row{align-items:flex-start}.tc-point-list>div{grid-template-columns:repeat(4,minmax(0,1fr))}.tc-root-row>.tc-row-status{align-self:center}.tc-guide-card{padding:14px}.tc-guide-card .vector-markup{font-size:14px}}@media (prefers-reduced-motion:reduce){.trig-course *{transition:none!important;animation:none!important}}
