*{box-sizing:border-box;margin:0;padding:0}:root{--ink:#26323f;--muted:#6b7a89;--paper:#f7f5f0;--card:#ffffff;--line:#e3ded4;--accent:#2f7d5b;--accent-soft:#e3f0e9;--warn:#b4552d;--bp-mobile:768px}body,html{height:100%;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}img{max-width:100%}a{color:var(--accent);text-decoration:none}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--card);border-bottom:1px solid var(--line)}.topbar .brand{font-weight:700;font-size:1.1rem;color:var(--ink)}.container{max-width:720px;margin:0 auto;padding:1rem}h1{font-size:1.4rem;margin:.5rem 0 1rem}h2{font-size:1.05rem;margin:1.5rem 0 .5rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem;margin-bottom:.75rem}.card.clickable{cursor:pointer;display:block;color:inherit}.card.clickable.row{display:flex}.card.clickable:hover{border-color:var(--accent)}.row{display:flex;align-items:center;gap:.75rem}.grow{flex:1 1;min-width:0}.portrait{font-size:2rem;line-height:1}.muted{color:var(--muted);font-size:.9rem}.btn{display:inline-block;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:.55rem 1rem;font-size:.95rem;cursor:pointer}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn:disabled{opacity:.5;cursor:default}.btn.small{padding:.3rem .7rem;font-size:.85rem}.stack,form.stack{display:flex;flex-direction:column;gap:.75rem}input,select,textarea{font:inherit;padding:.6rem .75rem;border:1px solid var(--line);border-radius:10px;background:var(--card);width:100%}label{color:var(--muted)}.error,label{font-size:.9rem}.error{color:var(--warn)}.chip{display:inline-flex;gap:.4rem;background:var(--accent-soft);border-radius:999px;padding:.25rem .75rem;font-size:.9rem}.chip,.tree-node{align-items:center;cursor:pointer}.tree-node{display:flex;gap:.5rem;padding:.6rem .75rem;border-radius:10px;color:inherit}.tree-node.highlight,.tree-node:hover{background:var(--accent-soft)}.tree-node.highlight{outline:2px solid var(--accent)}.state-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:var(--line)}.state-dot.partial{background:#d9a441}.state-dot.studied{background:var(--accent)}.su-toggle{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;flex:0 0 auto;font-size:.72rem;padding:.15rem .4rem;border-radius:.6rem;white-space:nowrap;color:var(--muted);opacity:.65}.su-toggle.on{color:var(--accent);opacity:1}@media (max-width:767.98px){.su-toggle .su-label{display:none}.su-toggle{font-size:1.05rem;padding:.15rem .35rem}}.loading-center{display:flex;flex:1 1;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;min-height:70dvh;text-align:center}.spinner{width:30px;height:30px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.chat{flex-direction:column}.chat,.study-split{display:flex;height:calc(100dvh - 3.2rem)}.study-split{position:relative;align-items:stretch}.study-reading-wrap{overflow-y:auto}.study-chat-primary,.study-reading-wrap,.study-side{min-width:0;display:flex;flex-direction:column}.study-view{flex:1 1;min-height:0;display:flex;flex-direction:column}.study-view-scroll{overflow-y:auto;padding:.85rem}.study-chat-primary .chat,.study-view .chat{flex:1 1;height:100%}.study-reading{padding:1rem;overflow-wrap:anywhere}.study-reading img{max-width:100%}.sel-menu{position:fixed;z-index:65;transform:translate(-50%,calc(-100% - 8px));display:flex;background:var(--card);border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.22);overflow:hidden}.sel-menu.below{transform:translate(-50%,8px)}.sel-menu button{all:unset;cursor:pointer;padding:.4rem .7rem;font-size:.8rem;color:var(--ink);white-space:nowrap}.sel-menu button:hover{background:var(--accent-soft)}.sel-menu button+button{border-left:1px solid var(--line)}.study-dragger{flex:0 0 6px;cursor:col-resize;background:var(--line);transition:background .15s}.study-dragger:active,.study-dragger:hover{background:var(--accent)}.study-back{position:fixed;top:3.6rem;left:.6rem;z-index:60;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.18);opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .2s,transform .2s}.study-back.show{opacity:1;transform:none;pointer-events:auto}.study-dock{position:fixed;top:3.6rem;right:1rem;z-index:55;display:flex;flex-direction:column;align-items:center;gap:.5rem}.dock-grip{cursor:-webkit-grab;cursor:grab;color:var(--muted);font-size:1rem;line-height:1;padding:.15rem .4rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.dock-grip:active{cursor:-webkit-grabbing;cursor:grabbing}.fab{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--card);font-size:1.15rem;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;padding:0}.fab.active{background:var(--accent-soft);border-color:var(--accent)}.goals-donut,.goals-fab{position:relative}.goals-donut{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center}.goals-donut svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.gd-track{fill:none;stroke:var(--line);stroke-width:3.4}.gd-fill{fill:none;stroke:var(--accent);stroke-width:3.4;stroke-linecap:round;transition:stroke-dasharray .35s ease}.goals-donut-label{position:relative;font-size:.58rem;font-weight:700;color:var(--ink)}.study-float{position:fixed;top:7.4rem;right:1rem;width:min(380px,calc(100vw - 2rem));max-height:65dvh;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,.2);z-index:49;overflow:hidden}.study-float-head{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--line)}.study-float-body{padding:.75rem;overflow-y:auto}.iconbtn{all:unset;cursor:pointer;color:var(--muted);font-size:1rem;line-height:1;padding:.15rem .35rem}@media (max-width:767.98px){body.study-immersive .topbar{display:none}.topbar{flex-wrap:wrap;padding:.5rem .75rem;gap:.25rem .75rem}.topbar .brand{font-size:1rem}.topbar>nav.row{flex-basis:100%;flex-wrap:wrap;gap:.4rem .9rem;font-size:.9rem}}.study-mobile{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.mobile-topbar{flex:0 0 auto;display:flex;align-items:center;gap:.5rem;padding:max(.4rem,env(safe-area-inset-top)) .6rem .4rem;border-bottom:1px solid var(--line);background:var(--card);overflow:hidden;max-height:4.5rem;transition:max-height .25s ease,opacity .2s ease,padding .25s ease}.mobile-topbar.hidden{max-height:0;padding-top:0;padding-bottom:0;opacity:0;border-bottom-color:transparent}.mobile-back{font-size:1.4rem;min-width:44px;min-height:44px}.mobile-title{flex:1 1;min-width:0;font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;padding-right:44px}.mobile-fabs{position:fixed;right:.7rem;top:calc(env(safe-area-inset-top) + .5rem);z-index:45;display:flex;flex-direction:column;gap:.5rem}.mobile-fabs .fab{width:40px;height:40px;font-size:1.05rem}.fab-grip{align-self:center;font-size:1rem;line-height:1;padding:.25rem .55rem;touch-action:none;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.12)}.mobile-fabs.collapsed .fab{display:none}.mobile-surfaces{flex:1 1;min-height:0;display:flex;flex-direction:column}.mobile-surface{display:none;flex:1 1;min-height:0}.mobile-surface[data-state=active]{display:flex;flex-direction:column}.mobile-surface-scroll{overflow-y:auto}.mobile-surface .chat{height:auto;flex:1 1;min-height:0}.mobile-tabbar{flex:0 0 auto;display:flex;border-top:1px solid var(--line);background:var(--card);padding-bottom:env(safe-area-inset-bottom)}.tabbtn{all:unset;flex:1 1;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.4rem .2rem;font-size:.62rem;color:var(--muted);min-height:44px}.tabbtn span{font-size:1.15rem}.tabbtn[data-state=active]{color:var(--accent)}.sheet-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:80}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:81;max-height:70dvh;overflow-y:auto;background:var(--card);border-top-left-radius:16px;border-top-right-radius:16px;padding:1rem 1.1rem 1.4rem;box-shadow:0 -6px 24px rgba(0,0,0,.22)}.sheet-title{font-size:.95rem;margin-bottom:.6rem}.sheet-list{margin:0;padding-left:1.2rem;font-size:.9rem}.sheet-list-plain{list-style:none;padding-left:0}.sheet-list li{margin-bottom:.3rem}.sel-sheet{position:fixed;left:0;right:0;bottom:0;z-index:82;display:flex;background:var(--card);border-top:1px solid var(--line);box-shadow:0 -4px 16px rgba(0,0,0,.22);padding-bottom:env(safe-area-inset-bottom)}.sel-sheet button{all:unset;flex:1 1;text-align:center;cursor:pointer;padding:.9rem .5rem;font-size:.85rem;color:var(--ink);min-height:44px}.sel-sheet button+button{border-left:1px solid var(--line)}@media (max-width:767.98px){.study-split{flex-direction:column}.study-back,.study-dock,.study-dragger,.study-side{display:none!important}.study-split .study-chat-primary,.study-split .study-reading-wrap{flex-basis:auto!important;flex:1 1 auto!important;max-height:none!important}}.chat-log{flex:1 1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.6rem}.bubble{max-width:85%;padding:.6rem .9rem;border-radius:14px;white-space:pre-wrap;word-wrap:break-word}.bubble.teacher{background:var(--card);border:1px solid var(--line);align-self:flex-start}.bubble.learner{background:var(--accent);color:#fff;align-self:flex-end}.bubble .md{white-space:normal}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p{margin:.5rem 0}.md h1,.md h2,.md h3,.md h4,.md h5,.md h6{margin:.6rem 0 .3rem;font-size:1.05rem;line-height:1.3}.md ol,.md ul{margin:.4rem 0;padding-left:1.4rem}.md li{margin:.15rem 0}.md code{padding:.05rem .3rem;border-radius:5px;font-size:.9em}.md code,.md pre{background:var(--accent-soft)}.md pre{padding:.6rem .8rem;border-radius:8px;overflow-x:auto;margin:.5rem 0}.md pre code{background:none;padding:0;font-size:.85em;white-space:pre}.md blockquote{margin:.5rem 0;padding-left:.8rem;border-left:3px solid var(--line);color:var(--muted)}.md a{color:var(--accent);text-decoration:underline}.md hr{border:none;border-top:1px solid var(--line);margin:.7rem 0}.md table{display:block;width:max-content;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:.5rem 0;font-size:.9em}.md td,.md th{border:1px solid var(--line);padding:.3rem .55rem;text-align:left}.md th{background:var(--accent-soft);font-weight:600}.md-cursor{opacity:.6}.chat-controls{display:flex;gap:.5rem;padding:.75rem 1rem;background:var(--card);border-top:1px solid var(--line)}@media (min-width:700px){h1{font-size:1.7rem}.bubble{max-width:70%}}@media (max-width:767.98px){.container{padding:.75rem}.topbar{padding:.6rem .75rem}.row{flex-wrap:wrap}.material-card{flex-direction:column;align-items:stretch}.material-card>.row{justify-content:flex-end}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:1.5rem 1rem;border:2px dashed var(--line);border-radius:12px;background:var(--paper);color:var(--muted);cursor:pointer;text-align:center;transition:border-color .15s,background .15s}.dropzone.over,.dropzone:hover{border-color:var(--accent)}.dropzone.over{background:var(--accent-soft)}.dropzone-icon{font-size:1.6rem}.dropzone-file{color:var(--ink);font-weight:600;word-break:break-all}