.sh{--acc:#7c3aed;--acc-bright:#8b5cf6;--acc-deep:#6d28d9;--acc-wash:rgba(139,92,246,0.12);--gold:var(--acc);--gold-bright:var(--acc-bright);--gold-deep:var(--acc-deep);--gold-wash:var(--acc-wash);--gradient-gold:linear-gradient(135deg,#a78bfa,#7c3aed);--shadow-gold:0 0 0 1px rgba(139,92,246,0.35),0 8px 28px -10px rgba(139,92,246,0.30)}.dark .sh,:root[data-theme=dark] .sh{--acc:#a78bfa;--acc-bright:#c4b5fd;--acc-deep:#c4b5fd;--acc-wash:rgba(139,92,246,0.18)}.sh-petrol{--warmth:#0e6b6f;--warmth-deep:#0a5559;--warmth-bright:#13868b;--warmth-wash:rgba(14,107,111,0.10)}.sh{background:var(--backdrop-page);min-height:100vh}.sh-bar{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--paper) 84%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-hairline)}.sh-bar-in{max-width:1040px;margin:0 auto;padding:11px 24px;gap:12px}.sh-bar-in,.sh-id{display:flex;align-items:center}.sh-id{gap:9px}.sh-id .g{font-size:22px}.sh-id .nm{font-family:var(--font-display);font-weight:800;font-size:19px;letter-spacing:-.02em;color:var(--ink)}.sh-id .dom{color:var(--ink-mute);font-family:var(--font-mono);font-size:11px}.sh-bar .sp{flex:1}.sh-back{color:var(--ink-dim);font-size:13px;cursor:pointer;display:inline-flex;gap:6px;align-items:center;text-decoration:none}.sh-back:hover{color:var(--ink)}.sh-streak{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:999px;background:var(--gold-wash);border:1px solid rgba(212,160,74,.4);color:var(--gold-deep);font-weight:700;font-size:13px}.sh-wrap{max-width:1040px;margin:0 auto;padding:28px 24px 80px;display:grid;grid-template-columns:1fr 280px;gap:28px;align-items:start}@media (max-width:860px){.sh-wrap{grid-template-columns:1fr}}.sh-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}.sh-head .topic{color:var(--ink);font-size:22px;font-weight:800;letter-spacing:-.02em}.sh-head .sp{flex:1}.lvl{display:inline-flex;background:var(--paper-sunken);border:1px solid var(--border-hairline);border-radius:999px;padding:3px;gap:2px}.lvl button{border:none;background:transparent;font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--ink-dim);padding:6px 14px;border-radius:999px;cursor:pointer;transition:all .12s}.lvl button.on{background:var(--ink);color:var(--paper)}.q-card{background:var(--card);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:28px 30px}.q-meta{display:flex;align-items:center;gap:10px;margin-bottom:14px}.q-num{color:var(--gold-deep);font-family:var(--font-mono);font-size:13px;font-weight:600}.q-tag{color:var(--ink-mute);font-size:12px}.q-text{font-size:19px;line-height:1.7}.q-math,.q-text{color:var(--ink)}.q-math{direction:ltr;text-align:center;font-family:Frank Ruhl Libre,Georgia,serif;font-size:26px;margin:20px 0;letter-spacing:.01em}.q-math .frac{display:inline-flex;flex-direction:column;vertical-align:middle;text-align:center;margin:0 4px}.q-math .frac .den{border-top:2px solid var(--ink)}.ans-row{display:flex;gap:10px;align-items:center;margin-top:22px}.ans-row .lbl{color:var(--ink-dim);font-size:14px;font-weight:600;white-space:nowrap}.ans-input{flex:1;padding:11px 14px;border:1px solid var(--border-soft);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:16px;color:var(--ink);background:var(--card-2);direction:ltr;text-align:left}.ans-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-wash)}.ans-fb{margin-top:12px;font-size:14px;font-weight:600;padding:10px 14px;border-radius:var(--radius-md)}.ans-fb.ok{background:rgba(4,120,87,.1);color:#047857;border:1px solid rgba(4,120,87,.3)}.ans-fb.no{background:rgba(180,83,9,.08);color:#b45309;border:1px solid rgba(180,83,9,.3)}.steps{margin-top:24px;border-top:1px solid var(--border-hairline);padding-top:20px}.steps-head{display:flex;align-items:center;justify-content:space-between}.steps-head .t{color:var(--ink);font-size:14px;font-weight:700}.step{display:flex;gap:14px;padding:14px 0;border-bottom:1px dashed var(--border-hairline);opacity:1;animation:stepin .3s var(--ease-out-soft)}.step:last-child{border-bottom:0}@keyframes stepin{0%{transform:translateY(6px)}to{transform:translateY(0)}}.step .sn{width:26px;height:26px;flex-shrink:0;border-radius:50%;background:var(--gold-wash);color:var(--gold-deep);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:13px;font-weight:700}.step .sb{flex:1}.step .sb .sx{color:var(--ink-2);font-size:15px;line-height:1.6}.step .sb .sm{direction:ltr;text-align:left;font-family:Frank Ruhl Libre,Georgia,serif;font-size:18px;color:var(--ink);margin-top:6px}.q-actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.sh-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:78px}.side-card{background:var(--card);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:18px}.side-card h4{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-dim);font-weight:600;margin-bottom:14px}.prog-row{display:flex;align-items:baseline;gap:8px}.prog-row .big{font-family:var(--font-mono);font-size:34px;font-weight:700;color:var(--ink);letter-spacing:-.02em}.prog-row .unit{color:var(--ink-dim);font-size:13px}.prog-bar{height:8px;border-radius:999px;background:var(--paper-sunken);margin-top:12px;overflow:hidden}.prog-bar i{display:block;height:100%;background:var(--gradient-gold);border-radius:999px}.prog-note{color:var(--ink-mute);font-size:12px;margin-top:8px}.topic-list{display:flex;flex-direction:column;gap:2px}.topic-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;color:var(--ink-2);transition:background .12s}.topic-item:hover{background:color-mix(in srgb,var(--gold) 7%,transparent)}.topic-item.on{background:var(--paper-sunken);color:var(--ink);font-weight:600}.topic-item .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);flex-shrink:0}.topic-item .ct{margin-inline-start:auto;color:var(--ink-mute);font-family:var(--font-mono);font-size:11px}.boundary-mini{border:1px solid rgba(180,83,9,.28);background:rgba(180,83,9,.05);border-radius:var(--radius-md);padding:13px 15px}.boundary-mini .l{color:#b45309;font-size:10px;letter-spacing:.26em;text-transform:uppercase;font-weight:600;margin-bottom:5px}.boundary-mini .x{color:var(--ink-2);font-size:12.5px;line-height:1.55}.sh .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:var(--radius-md);font-weight:600;font-size:14px;cursor:pointer;border:1px solid transparent;font-family:var(--font-body);transition:background .15s,transform 50ms}.sh .btn:active{transform:translateY(1px)}.sh .btn-primary{background:var(--ink);color:var(--paper)}.sh .btn-primary:hover{background:var(--color-primary-hover)}.sh .btn-gold{background:var(--gold);color:#fff}.sh .btn-gold:hover{background:var(--acc-deep)}.sh .btn-ghost{background:transparent;color:var(--ink-2);border-color:var(--border-soft)}.sh .btn-ghost:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}.sh .btn:disabled{opacity:.4;cursor:default}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:12px 22px;border-radius:999px;font-size:14px;font-weight:600;box-shadow:var(--shadow-modal);z-index:70;animation:toast-in .3s var(--ease-out-soft)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:560px){.sh-bar-in{padding:11px 14px;gap:8px}.sh-id .nm{font-size:17px}.sh-wrap{padding:18px 12px 56px;gap:16px}.q-card{padding:18px 15px}.q-text{font-size:16.5px}.q-math{font-size:20px}.q-math,.step .sb .sm{overflow-wrap:anywhere}.step .sb .sm{font-size:16px}.ans-row{flex-wrap:wrap}.ans-input{min-width:0}.side-card{padding:16px}}