.learning-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.learning-tools button,.study-actions button,.topic-save,.save-result,.clear-learning,.dialog-close{font:inherit;cursor:pointer;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:10px 16px;min-height:44px}.learning-tools span{font-size:12px;color:var(--muted);margin-left:10px}.learning-tools .effects-toggle{font-size:13px}.chapter-nav{display:flex;gap:12px;flex-wrap:wrap;padding:20px 0}.chapter-nav a{padding:9px 15px;border:1px solid var(--line);border-radius:22px;font-size:14px;color:var(--teal)}.chapter-nav a:hover,.study-actions button:hover,.topic-save:hover{border-color:var(--teal)}.resume-learning{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:22px 0}.resume-learning p{margin:0}.learning-dialog{background:var(--page);color:var(--ink);border:1px solid var(--line);border-radius:12px;width:min(680px,94vw);max-height:85svh;padding:30px;overflow:auto}.learning-dialog::backdrop{background:#020b16b8}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.dialog-heading h2{font-size:28px;margin:0}.dialog-close{font-size:22px}.library-row{padding:24px 0;border-top:1px solid var(--line)}.library-row h3{font-size:21px}.saved-card{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;border-left:2px solid var(--gold);padding:16px;background:var(--paper)}.practice-box{margin:32px 0;padding:26px;border:1px solid var(--line);border-top:2px solid var(--gold);background:var(--paper)}.practice-box .eyebrow{font-size:12px}.practice-box h4{scroll-margin-top:130px}.practice-form label,.line-draft>label{display:block;margin:16px 0;font-size:16px;color:var(--ink)}.practice-form select,.draft-topic{display:block;width:100%;font:inherit;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink);padding:12px;margin-top:8px;min-height:48px}.practice-form fieldset{margin:0 0 20px;padding:0;border:0}.practice-form legend{font-size:16px;margin-bottom:12px}.practice-form .check-choice{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--surface);border:1px solid var(--line);cursor:pointer}.check-choice input{width:20px;height:20px;flex-shrink:0;margin-top:5px;accent-color:#087f7c}.practice-result:empty{display:none}.practice-result{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.practice-error{color:var(--ink)!important;margin-top:12px!important}.study-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0}.study-actions button{font-size:14px}.topic-save{margin:8px 0 20px}.topic-save[aria-pressed=true],[data-save-topic][aria-pressed=true]{border-color:var(--teal);color:var(--teal)}.line-draft{padding:30px;border:1px solid var(--line);background:var(--paper)}.line-draft h2{font-size:27px}.copy-fallback{width:100%;min-height:140px;background:var(--surface);color:var(--ink);font:inherit}.learning-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);opacity:0;z-index:120;background:var(--surface);border:1px solid var(--teal);color:var(--ink);padding:12px 20px;box-shadow:0 8px 30px #0003;max-width:90vw;width:max-content;border-radius:7px;pointer-events:none;transition:opacity .2s,transform .2s}.learning-toast.visible{opacity:1;transform:translate(-50%,0)}.drag-hint{display:none}.star-trail{position:fixed;inset:0;z-index:80;pointer-events:none;overflow:hidden}.star-trail i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--trail-core,#f5c5bc);box-shadow:0 0 7px 2px var(--trail-glow,#cf8c80),0 0 18px #d4978d88;animation:star-fade .95s ease-out forwards}@keyframes star-fade{from{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,12px) scale(.1)}}.effects-off .star-trail{display:none}.fq-paths>a,.scenario-choices button{position:relative}.fq-paths>a:after,.scenario-choices button:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(160px circle at var(--glow-x,50%) var(--glow-y,50%),#c6973126,transparent 80%)}
@media(hover:hover) and (pointer:fine){html:not(.effects-off) .fq-paths>a:hover:after,html:not(.effects-off) .scenario-choices button:hover:after{opacity:1}.drag-hint{display:block;font-size:12px;color:#d3dfe8;margin-top:12px}.hero .hero-photo{user-select:none}}
@media(max-width:720px){.learning-tools{gap:8px}.learning-tools button{padding:9px 10px}.learning-tools span{display:none}.chapter-nav{gap:8px}.chapter-nav a{font-size:13px;padding:9px 11px}.practice-box{padding:18px}.learning-dialog{padding:22px}.learning-toast{bottom:82px}.resume-learning{display:block}.resume-learning a{margin-top:10px}.line-draft{padding:22px}.study-actions .text-link{font-size:14px}}
@media(prefers-reduced-motion:reduce){.star-trail{display:none}.learning-toast{transition:none}}

html[data-theme=light] .star-trail{--trail-core:#a75f58;--trail-glow:#cb8d80}.star-trail i:nth-child(3n):before,.star-trail i:nth-child(3n):after{content:"";position:absolute;background:inherit;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);width:2px;height:18px}.star-trail i:nth-child(3n):after{width:18px;height:2px}

html[data-theme=light] .star-trail i{background:hsl(var(--rainbow-hue,0) 85% 43%);box-shadow:0 0 7px 2px hsl(var(--rainbow-hue,0) 90% 58% / .8),0 0 18px hsl(var(--rainbow-hue,0) 90% 60% / .45)}