:root{color-scheme:dark;--bg: #0e1116;--surface: #171c24;--text: #e7ecf3;--muted: #8b95a5;--accent: #5eead4}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}.shell{display:flex;flex-direction:column;min-height:100dvh}.content{flex:1;padding:1.25rem 1rem calc(4.5rem + env(safe-area-inset-bottom));max-width:42rem;margin:0 auto;width:100%}h1{font-size:1.4rem;margin:0 0 .5rem}.hint{color:var(--muted);font-size:.9rem}form{display:flex;gap:.5rem;margin:1rem 0}input,textarea{flex:1;padding:.6rem .8rem;border-radius:.6rem;border:1px solid #2a3342;background:var(--surface);color:var(--text);font-size:1rem}button{padding:.6rem 1rem;border-radius:.6rem;border:none;background:var(--accent);color:#06281f;font-weight:600;font-size:1rem}.stream{min-height:1.5rem;line-height:1.6}.cursor{color:var(--accent);animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.bottom-nav{position:fixed;inset:auto 0 0;display:flex;background:var(--surface);border-top:1px solid #2a3342;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{flex:1;text-align:center;padding:.9rem 0;color:var(--muted);text-decoration:none;font-size:.95rem}.bottom-nav a.active{color:var(--accent);font-weight:600}textarea{resize:none;max-height:120px;font-family:inherit;line-height:1.4}.chat{padding-bottom:4.5rem}.chat-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:.25rem;margin:-1.25rem -1rem 0;padding:.5rem;background:var(--bg);border-bottom:1px solid #2a3342}.chat-bar-btn{background:none;border:none;color:var(--muted);font-size:1.25rem;line-height:1;padding:.45rem .7rem}.chat-title{flex:1;text-align:center;font-weight:600;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history{position:fixed;top:3.1rem;left:0;right:0;z-index:10;max-width:42rem;margin:0 auto;max-height:60dvh;overflow-y:auto;background:var(--surface);border-bottom:1px solid #2a3342;box-shadow:0 12px 24px #00000073;padding:.4rem}.history .hint{padding:.6rem .8rem}.history-item{display:flex;align-items:baseline;gap:.75rem;width:100%;text-align:left;background:none;border:none;color:var(--text);padding:.75rem .8rem;border-radius:.5rem;font-size:.95rem;font-weight:400}.history-item.current,.history-item:active{background:#202836}.history-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-when{color:var(--muted);font-size:.8rem;flex-shrink:0}.chat-empty{margin-top:22dvh;text-align:center;padding:0 1rem}.chat-empty-lead{font-size:1.35rem;font-weight:600;margin:0 0 .5rem}.chat-messages{display:flex;flex-direction:column;gap:.6rem;padding-top:1rem}.bubble{max-width:85%;padding:.6rem .85rem;border-radius:1rem;line-height:1.5;font-size:.97rem;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.user{align-self:flex-end;background:#16443c;border-bottom-right-radius:.3rem}.bubble.mentor{align-self:flex-start;background:var(--surface);border-bottom-left-radius:.3rem}.bubble-error{display:block;margin-top:.35rem;color:#f0a3a3;font-size:.78rem}.chat-notice{color:#f0a3a3;font-size:.85rem;text-align:center}.bubble-video{display:block;margin-top:.5rem;padding:.5rem .7rem;border-radius:.6rem;background:#10312b;color:var(--accent);font-size:.88rem;text-decoration:none}.video-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.video-card{background:var(--surface);border:1px solid #2a3342;border-radius:.8rem;padding:.85rem .95rem}.video-head{display:flex;align-items:baseline;gap:.75rem}.video-card.ready .video-head{cursor:pointer}.video-title{flex:1;font-weight:600;line-height:1.35}.video-when{color:var(--muted);font-size:.82rem;flex-shrink:0}.video-card.generating .video-when,.video-card.pending .video-when{color:var(--accent)}.video-why{color:var(--muted);font-size:.9rem;line-height:1.45;margin:.5rem 0 0;font-style:italic}.video-progress .hint{margin:.6rem 0 0;font-size:.8rem}.stage-list{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-direction:column;gap:.3rem}.stage{font-size:.88rem;color:var(--muted)}.stage.started{color:var(--text)}.stage-mark{display:inline-block;width:1.3rem;color:var(--accent)}.stage.failed .stage-mark{color:#f0a3a3}.player{width:100%;margin-top:.75rem;border-radius:.6rem;background:#000}.composer{position:fixed;left:0;right:0;bottom:calc(3.1rem + env(safe-area-inset-bottom));z-index:5;display:flex;align-items:flex-end;gap:.5rem;margin:0;background:var(--bg);border-top:1px solid #2a3342;padding:.55rem max(.75rem,calc((100vw - 42rem)/2))}.composer .mic{background:var(--surface);color:var(--text);border:1px solid #2a3342;padding:.6rem .8rem;touch-action:none;user-select:none;-webkit-user-select:none}.composer .mic.holding,.composer .mic.locked{background:#4a1f1f;border-color:#a34d4d}.composer .mic:disabled{opacity:.6}.recording{flex:1;display:flex;align-items:center;gap:.55rem;padding:.6rem .8rem;border-radius:.6rem;border:1px solid #a34d4d;background:var(--surface);font-variant-numeric:tabular-nums}.rec-dot{width:.6rem;height:.6rem;border-radius:50%;background:#e05656;animation:blink 1.2s steps(2) infinite}.rec-hint{color:var(--muted);font-size:.82rem}.bubble-speak{display:inline-block;margin-left:.5rem;padding:0 .3rem;background:none;border:none;font-size:.9rem;line-height:1;vertical-align:baseline;cursor:pointer}.bubble-speak.active{color:var(--accent)}.tree-canvas{position:fixed;inset:0 0 calc(3.1rem + env(safe-area-inset-bottom));touch-action:none;overflow:hidden}.tree-canvas svg{width:100%;height:100%;display:block}.tree-node{cursor:pointer}.tree-node.dormant{opacity:.55}.tree-node .node-ring{animation:ring-breathe 3.2s ease-in-out infinite}.tree-node.dormant .node-ring{animation:none}@keyframes ring-breathe{50%{stroke-opacity:.55}}.tree-head{position:fixed;top:0;left:0;right:0;padding:1.25rem 1rem 1.75rem;pointer-events:none;background:linear-gradient(var(--bg) 30%,transparent)}.tree-head h1{margin:0}.tree-center{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:min(85%,24rem);text-align:center}.tree-scrim{position:fixed;inset:0;z-index:15;background:#0006}.tree-sheet{position:fixed;left:0;right:0;bottom:0;z-index:20;max-width:42rem;margin:0 auto;max-height:72dvh;overflow-y:auto;background:var(--surface);border:1px solid #2a3342;border-bottom:none;border-radius:1rem 1rem 0 0;padding:.9rem 1rem calc(1rem + env(safe-area-inset-bottom));box-shadow:0 -12px 32px #00000080;animation:sheet-up .18s ease-out}@keyframes sheet-up{0%{transform:translateY(12%);opacity:.6}}.sheet-head{display:flex;align-items:center;gap:.6rem}.sheet-level{flex-shrink:0;background:var(--accent);color:#06281f;font-weight:700;font-size:.9rem;padding:.2rem .5rem;border-radius:.5rem}.sheet-title{flex:1;font-size:1.1rem;margin:0;line-height:1.3}.xp-bar{height:.45rem;border-radius:.3rem;background:#0e1116;margin-top:.7rem;overflow:hidden}.xp-fill{height:100%;border-radius:.3rem;background:var(--accent);transition:width .4s ease}.xp-line{margin:.35rem 0 0}.sheet-desc{color:var(--muted);font-size:.9rem;line-height:1.45;margin:.6rem 0 0}.evt-list{list-style:none;margin:.9rem 0 0;padding:0;display:flex;flex-direction:column;gap:.7rem}.evt{border:1px solid #2a3342;border-radius:.7rem;padding:.6rem .75rem;background:#131820}.evt-main{display:flex;align-items:center;gap:.6rem}.evt-xp{color:var(--accent);font-weight:600;font-size:.9rem}.evt-when{flex:1;color:var(--muted);font-size:.82rem}.evt-delete{background:none;border:1px solid #2a3342;color:var(--muted);font-size:.8rem;padding:.25rem .55rem;border-radius:.5rem}.evt-delete.armed{border-color:#a34d4d;background:#4a1f1f;color:#f0a3a3;font-weight:600}.evt-evidence{margin:.45rem 0 0;font-size:.9rem;line-height:1.45}.evt-source{display:inline-block;margin-top:.45rem;color:var(--accent);font-size:.85rem;text-decoration:none}.tree-head-row{display:flex;align-items:center;justify-content:space-between}.tree-head-btns{display:flex;gap:.4rem;pointer-events:auto}.sheet-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.7rem}.sheet-act{background:#131820;border:1px solid #2a3342;color:var(--text);font-size:.82rem;padding:.32rem .6rem;border-radius:.5rem}.sheet-act:disabled{opacity:.5}.sheet-act.active{border-color:var(--accent);color:var(--accent)}.sheet-act.danger{border-color:#a34d4d;background:#4a1f1f;color:#f0a3a3;font-weight:600}.sheet-rename{flex:1;min-width:0;background:#0e1116;border:1px solid var(--accent);border-radius:.5rem;color:var(--text);font-size:1rem;padding:.35rem .55rem}.merge-pick{margin-top:.7rem;border:1px solid #2a3342;border-radius:.7rem;padding:.6rem .75rem;background:#131820}.merge-pick .hint{margin:0 0 .5rem}.merge-targets{display:flex;flex-wrap:wrap;gap:.45rem}.dial-slider{width:100%;margin-top:1rem;accent-color:var(--accent)}.dial-label{margin:.5rem 0 .9rem}.dial-label strong{color:var(--accent)}.add-row{display:flex;gap:.5rem;margin-top:.9rem;margin-bottom:.6rem}.video-card.waiting{border-color:#2e4a45}.video-card.waiting.ambient{background:linear-gradient(180deg,#17251f 0%,var(--surface) 55%);border-color:#33564d}.waiting-tag{margin:.45rem 0 0;color:var(--accent);font-size:.78rem;letter-spacing:.02em}.node-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.55rem 0 0}.node-chip{display:inline-block;padding:.22rem .6rem;border:1px solid #2e4a45;border-radius:1rem;background:#10312b;color:var(--accent);font-size:.8rem;text-decoration:none}.home-sub{font-size:1.05rem;margin:1.4rem 0 .4rem}.home-empty{margin-top:20dvh;text-align:center;padding:0 1rem}.home-links{display:flex;flex-direction:column;align-items:center;gap:.8rem;margin-top:1.4rem}.home-cta{display:inline-block;padding:.6rem 1.2rem;border-radius:.6rem;background:var(--accent);color:#06281f;font-weight:600;text-decoration:none}.home-link{color:var(--muted);font-size:.9rem}.home-empty.with-explore{margin-top:1.5rem}.teaser{display:block;width:100%;aspect-ratio:16 / 9;margin-top:.6rem;border-radius:.55rem;background:#000;pointer-events:none}.video-card.discover{border-color:#2f3a52}.wait-rotate{display:flex;flex-direction:column;gap:.15rem;margin-top:.7rem;padding:.55rem .7rem;border:1px solid #2a3342;border-radius:.55rem;background:#5eead40a}.wait-label{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.wait-suggestion{color:var(--text);font-size:.88rem;line-height:1.4;text-decoration:none;animation:wait-fade .5s ease}.wait-arrow{color:var(--accent)}@keyframes wait-fade{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.wait-dots{display:flex;gap:.3rem;margin-top:.35rem}.wait-dot{width:.28rem;height:.28rem;border-radius:50%;background:#2a3342}.wait-dot.on{background:var(--accent)}.inline-link{color:var(--accent);text-decoration:none}.videos-empty{margin-top:3rem}.account-corner{margin:0 0 .25rem;text-align:right}.account-corner a{color:var(--muted);font-size:.85rem;text-decoration:none;border:1px solid #2a3342;border-radius:1rem;padding:.2rem .7rem}.account-form{flex-direction:column;align-items:stretch}.account-switch{background:none;border:none;color:var(--accent);font-weight:500;padding:.4rem 0;text-align:left}.account-notice{color:var(--accent);font-size:.95rem}