:root{--bg-0:#0b0d10;--bg-1:#0f1216;--bg-2:#14181c;--ink-0:#e8e6e1;--ink-1:#b9bec4;--ink-2:#8a919a;--amber:#e8b06c;--amber-dim:hsla(33,73%,67%,.45);--accent:#dca85c;--line:hsla(0,0%,100%,.07);--line-strong:hsla(0,0%,100%,.16);--serif:Georgia,"Times New Roman",serif;--sans:"Segoe UI",system-ui,-apple-system,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{background:var(--bg-0);color:var(--ink-0);font-family:var(--sans);font-size:14px;overflow:hidden;-webkit-font-smoothing:antialiased}button,input,textarea{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.08);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.16)}.app-shell{display:grid;grid-template-columns:minmax(0,1fr) clamp(360px,38vw,460px);height:100vh;background:var(--bg-0)}@media (max-width:1100px){.app-shell{grid-template-columns:minmax(0,1fr) clamp(320px,42vw,420px)}}@media (max-width:820px){.app-shell{grid-template-columns:1fr;grid-template-rows:1fr 45vh}}.stage{position:relative;background:var(--bg-1);overflow:hidden;cursor:pointer}.stage__plate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.stage__scrim{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,7,9,.96) 0,rgba(6,7,9,.65) 22%,rgba(6,7,9,.15) 50%,rgba(6,7,9,.25));pointer-events:none}.stage__pending{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:6vh 8vw;background:var(--bg-1);color:var(--ink-1)}.stage__pending-mono{font-family:var(--serif);font-size:clamp(1.4rem,3vw,2.2rem);color:var(--amber);margin-bottom:1rem}.stage__pending-sub{font-style:italic;color:var(--ink-2);max-width:56ch;margin:0 auto 1.2rem}.stage__pending-prompt{margin-top:2rem;font-size:.78rem;color:var(--ink-2);max-width:60ch;padding:1rem 1.2rem;border:1px solid var(--amber-dim);border-radius:8px;background:hsla(33,73%,67%,.06);text-align:left;line-height:1.55}.stage__pending-chip{margin-top:1.5rem;display:inline-block;border:1px solid var(--amber-dim);color:var(--amber);padding:.3rem .9rem;border-radius:999px;font-size:.78rem;letter-spacing:.12em}.stage__caption{position:absolute;left:5vw;right:5vw;bottom:6vh;max-width:64ch;z-index:5}.stage__meta{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--amber);margin-bottom:.5rem;display:flex;gap:.6rem;align-items:center}.stage__meta .pin{border:1px solid var(--amber-dim);border-radius:999px;padding:.1rem .55rem;margin-left:auto}.stage__title{font-family:var(--serif);font-size:clamp(1.5rem,3.2vw,2.4rem);margin-bottom:.4rem;letter-spacing:.01em}.stage__dialogue{background:rgba(8,10,12,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.4rem 1.3rem;margin-top:1.2rem;cursor:pointer;transition:border-color .2s,background .2s}.stage__dialogue:hover{border-color:var(--amber-dim);background:rgba(8,10,12,.86)}.stage__dialogue.is-pinned{border-color:var(--amber);background:hsla(33,73%,67%,.1)}.stage__speaker{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--amber);margin-bottom:.45rem}.stage__line{font-family:var(--serif);font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.6;color:var(--ink-0);font-style:italic}.stage__nav{display:flex;align-items:center;gap:.6rem;margin-top:1rem;flex-wrap:wrap}.stage__nav button{border:1px solid var(--line-strong);background:rgba(0,0,0,.5);color:var(--ink-1);padding:.5rem 1rem;border-radius:8px;transition:.15s;font-size:.82rem}.stage__nav button:hover{border-color:var(--amber);color:var(--amber)}.stage__nav button:disabled{opacity:.35;cursor:not-allowed}.stage__nav button.primary{background:var(--amber);color:#0b0d10;border-color:var(--amber);font-weight:600}.stage__progress{position:absolute;bottom:1rem;left:5vw;font-size:.68rem;color:var(--ink-2);letter-spacing:.2em;text-transform:uppercase;z-index:4}.stage__progress-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:hsla(0,0%,100%,.04);z-index:4}.stage__progress-fill{height:100%;background:var(--amber);transition:width .4s ease}.stage__placeholder-caption{position:absolute;left:5vw;right:5vw;bottom:6vh;z-index:3;display:flex;flex-direction:column;gap:.7rem}.stage__choice{border:1px solid var(--line-strong);border-radius:8px;padding:.7rem .9rem;background:rgba(0,0,0,.5);text-align:left;font-size:.85rem;color:var(--ink-1);margin-top:.3rem;transition:.15s}.stage__choice:hover{border-color:var(--amber);color:var(--amber)}.hub{background:var(--bg-2);border-left:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;min-width:0}.hub__head{padding:1rem 1.2rem;border-bottom:1px solid var(--line);background:var(--bg-1);flex-shrink:0}.hub__brand{font-weight:700;font-size:.78rem;letter-spacing:.18em;color:var(--amber);display:flex;justify-content:space-between;align-items:center}.hub__sub{font-size:.7rem;color:var(--ink-2);margin-top:.3rem;letter-spacing:.04em}.hub__progress{margin-top:.8rem;height:4px;background:hsla(0,0%,100%,.06);border-radius:999px;overflow:hidden}.hub__progress-fill{height:100%;background:var(--amber);transition:width .4s ease}.hub__scroll{overflow-y:auto;flex:1 1;padding:0 0 2rem}.hub__scroll>section{padding:1.2rem 1.2rem .8rem;border-bottom:1px solid var(--line)}.hub__scroll>section h3{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}.hub__scroll>section h3 .count{font-family:var(--sans);font-size:.6rem;background:hsla(33,73%,67%,.1);color:var(--amber);border-radius:999px;padding:.1rem .45rem;letter-spacing:.05em}.hub__empty{font-size:.78rem;color:var(--ink-2);font-style:italic;background:hsla(0,0%,100%,.02);border:1px dashed var(--line-strong);padding:.8rem .9rem;border-radius:8px;line-height:1.5}.chapter-strip__chips{display:flex;flex-wrap:wrap;gap:.4rem}.chapter-strip__chip{border:1px solid var(--line-strong);border-radius:999px;padding:.3rem .7rem;font-size:.72rem;color:var(--ink-1);cursor:pointer;transition:.15s}.chapter-strip__chip:hover{border-color:var(--amber);color:var(--amber)}.chapter-strip__chip.on{background:var(--amber);color:#0b0d10;border-color:var(--amber);font-weight:600}.comment{background:hsla(0,0%,100%,.03);border:1px solid var(--line);border-radius:10px;padding:.7rem .9rem;margin-bottom:.55rem}.comment__head{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:var(--amber);margin-bottom:.3rem}.comment__body{font-size:.85rem;line-height:1.55;color:var(--ink-0);margin-bottom:.4rem}.comment__time{font-size:.66rem;color:var(--ink-2)}.comment__delete{background:none;border:none;color:var(--ink-2);cursor:pointer;font-size:.7rem;padding:0}.comment__delete:hover{color:#e36a6a}.comment-form{margin-top:.6rem}.comment-form__handle{padding:.45rem .6rem;font-size:.78rem;margin-bottom:.4rem}.comment-form textarea,.comment-form__handle{width:100%;border:1px solid var(--line-strong);background:rgba(0,0,0,.4);color:var(--ink-0);border-radius:8px}.comment-form textarea{padding:.5rem .6rem;font-size:.82rem;resize:vertical;min-height:70px}.comment-form__row{display:flex;justify-content:space-between;align-items:center;margin-top:.4rem}.comment-form__anchor-label{font-size:.7rem;color:var(--ink-2)}.comment-form__anchor-label strong{color:var(--amber)}.comment-form__submit{background:var(--amber);color:#0b0d10;border:none;padding:.4rem .9rem;border-radius:8px;font-weight:600;font-size:.78rem;cursor:pointer}.comment-form__submit:hover{filter:brightness(1.08)}.comment-form__submit:disabled{opacity:.4;cursor:not-allowed}.study-card{background:hsla(0,0%,100%,.03);border:1px solid var(--line);border-radius:10px;padding:.7rem .9rem;margin-bottom:.55rem}.study-card__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.4rem}.study-card__title{font-size:.86rem;font-weight:600;color:var(--ink-0)}.study-card__icon{font-size:.7rem;color:var(--amber)}.study-card__body{font-size:.78rem;color:var(--ink-1);line-height:1.5}.study-card__pmid{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;color:var(--amber);text-decoration:none;margin-top:.4rem}.study-card__pmid:hover{text-decoration:underline}.notebook-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem 0;border-bottom:1px dashed var(--line);font-size:.82rem}.notebook-item:last-child{border-bottom:none}.notebook-item__body{color:var(--ink-1);line-height:1.4}.notebook-item__scene{color:var(--amber);font-family:var(--sans);font-size:.7rem;margin-top:.2rem}.notebook-item__stars{color:var(--ink-2);font-size:.7rem;margin-left:.6rem;white-space:nowrap}