:root{--bg: #14101c;--bg2: #1d1526;--panel: #241a30;--line: #3a2b4d;--txt: #f2eaf7;--muted: #b9a8cc;--faint: #7d6c94;--rose: #ff5c8a;--gold: #f5c86b;--violet: #a78bfa;--blue: #7cc7ff;--green: #7dffa8;--serif: "Be Vietnam Pro", sans-serif;--sans: "Be Vietnam Pro", sans-serif}html,body{overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(1200px 600px at 80% -10%,#2c1b3d 0%,var(--bg) 60%) fixed,var(--bg);color:var(--txt);font-family:var(--sans);font-size:14px}.app{display:flex;min-height:100vh}.sidebar{width:264px;flex-shrink:0;background:#140d1ceb;border-right:1px solid var(--line);padding:22px 16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:18px}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--rose),var(--violet));display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:800;font-size:20px}.brand-text h1{font-family:var(--serif);font-size:19px;letter-spacing:.5px}.brand-text span{font-size:11px;color:var(--muted)}#drawer-close{display:none;margin-left:auto;background:none;border:1px solid var(--line);color:var(--muted);width:32px;height:32px;border-radius:10px;cursor:pointer;font-size:14px}#drawer-toggle{display:none;background:var(--panel);border:1px solid var(--line);color:var(--txt);min-width:42px;height:42px;border-radius:12px;cursor:pointer;font-size:18px;flex-shrink:0}#edge-handle,#drawer-backdrop{display:none}#edge-handle{position:fixed;top:0;left:0;bottom:0;width:22px;z-index:999;cursor:pointer;touch-action:pan-y}.edge-bar{position:absolute;top:50%;left:5px;transform:translateY(-50%);width:4px;height:64px;border-radius:4px;background:#a78bfa66}#drawer-backdrop{position:fixed;inset:0;background:#08040e99;backdrop-filter:blur(3px);z-index:998;opacity:0;pointer-events:none;transition:opacity .3s}#drawer-backdrop.active{opacity:1;pointer-events:auto}.side-nav{display:flex;flex-direction:column;gap:6px}.save-tools{display:flex;flex-direction:column;gap:8px;margin-top:4px}.save-tools button{background:var(--panel);color:var(--muted);border:1px solid var(--line);border-radius:12px;padding:10px 13px;cursor:pointer;font-family:var(--sans);font-size:13px;text-align:left}.save-tools button:hover{border-color:var(--violet);color:#fff}.nav-item{background:none;border:1px solid transparent;color:var(--muted);font-family:var(--sans);font-size:14px;text-align:left;padding:11px 13px;border-radius:12px;cursor:pointer;display:flex;gap:10px;align-items:center}.nav-item em{margin-left:auto;font-style:normal;font-size:11px;background:#ffffff14;padding:2px 8px;border-radius:20px}.nav-item:hover{background:#ffffff0d;color:var(--txt)}.nav-item.active{background:linear-gradient(135deg,#ff5c8a38,#a78bfa38);border-color:var(--rose);color:#fff}.side-foot{margin-top:auto;font-size:12px;color:var(--muted)}.meter{display:flex;justify-content:space-between;margin-bottom:6px}.meter b{color:var(--gold)}.meter-bar{height:8px;border-radius:8px;background:#ffffff14;overflow:hidden}.meter-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--rose),var(--gold));transition:width .4s}.gal-progress{max-width:420px}@media(max-width:900px){.gal-progress{max-width:none}}.main{flex:1;min-width:0;padding:20px 26px 60px}.topbar{display:flex;margin-bottom:14px}.search-wrap{flex:1;display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px 14px}.search-wrap input{flex:1;background:none;border:none;outline:none;color:var(--txt);font-size:16px;font-family:var(--sans)}.search-wrap button{background:none;border:none;color:var(--faint);cursor:pointer;font-size:14px}.ep-rail{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 14px}.ep-chip{flex-shrink:0;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:12px;padding:8px 13px;font-size:12px;cursor:pointer;font-family:var(--sans)}.ep-chip small{display:block;font-size:10px;color:var(--faint)}.ep-chip:hover{border-color:var(--violet);color:#fff}.ep-chip.active{border-color:var(--gold);color:#fff;background:#f5c86b1a}.ep-chip.match{border-color:var(--rose)}.ep-chip.dim{opacity:.4}.view-title{font-family:var(--serif);font-size:26px;margin:6px 0 4px}.view-sub{color:var(--muted);font-size:13px;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px}.card h3{font-size:15px;margin-bottom:8px}.card p,.card li{font-size:13px;color:var(--muted);line-height:1.65}.card ul{padding-left:18px}.route-card{border-top:3px solid var(--rose)}.flag-chip{display:inline-block;font-size:11px;font-family:monospace;background:#a78bfa24;color:var(--violet);border:1px solid rgba(167,139,250,.35);border-radius:8px;padding:2px 7px;margin:2px 3px 2px 0}.scene-li{font-size:12.5px;color:var(--txt);padding:3px 0;border-bottom:1px dashed rgba(255,255,255,.07)}.scene-li small{color:var(--faint)}.ep-block{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-bottom:14px;overflow:hidden}.ep-head{padding:14px 18px;background:#ffffff08;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.ep-head h3{font-family:var(--serif);font-size:17px}.ep-head span{font-size:12px;color:var(--gold)}.ep-body{padding:6px 18px 18px;display:none}.ep-block.open .ep-body{display:block}.menu-box{border:1px solid var(--line);border-radius:12px;margin:12px 0;background:#00000040}.menu-q{padding:10px 14px;font-size:12px;color:var(--faint);border-bottom:1px dashed var(--line)}.opt{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.05)}.opt:last-child{border-bottom:none}.opt-vi{font-size:14px;margin-bottom:6px}.opt-vi:before{content:"▸ ";color:var(--rose)}.opt-res{font-size:13px;color:var(--gold);margin:3px 0 3px 16px;line-height:1.6}.opt-en{font-size:11.5px;color:var(--faint);font-style:italic;margin-bottom:6px}.fx{display:flex;flex-wrap:wrap;gap:6px}.fx span{font-size:11px;padding:3px 9px;border-radius:20px;border:1px solid}.fx-corrupt{color:#ff8fa8;border-color:#ff8fa8;background:#ff5c8a1a}.fx-pure{color:var(--blue);border-color:var(--blue);background:#7cc7ff1a}.fx-money{color:var(--green);border-color:var(--green);background:#7dffa814}.fx-flag{color:var(--violet);border-color:var(--violet);background:#a78bfa1a}.fx-jump{color:var(--gold);border-color:var(--gold);background:#f5c86b14}.flow-wrap{display:flex;gap:14px;align-items:stretch}.flow-main{flex:1;min-width:0;background:#0000004d;border:1px solid var(--line);border-radius:16px;overflow:hidden}.flow-tools{display:flex;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}.flow-tools button{background:var(--panel);color:var(--txt);border:1px solid var(--line);border-radius:10px;padding:6px 12px;cursor:pointer;font-family:var(--sans);font-size:12px}.flow-tools button:hover{border-color:var(--violet)}.flow-count{margin-left:auto;font-size:12px;color:var(--gold)}.flow-stats{display:flex;flex-wrap:wrap;gap:6px 18px;padding:8px 12px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.flow-stats .fs-ep{color:var(--violet)}.flow-stats .fs-all{color:var(--gold)}.hidden-note{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.hidden-note span{font-size:12.5px;color:var(--gold);background:#f5c86b14;border:1px solid rgba(245,200,107,.35);border-radius:10px;padding:6px 11px}.flow-path-title{font-size:12px;color:var(--gold);letter-spacing:1px;margin:12px 0 6px;font-weight:700}.flow-scene{font-size:12.5px;padding:5px 0;border-bottom:1px dashed rgba(255,255,255,.08)}#flowsvg,#flowsvg *{user-select:none;-webkit-user-select:none}#flowsvg{display:block;width:100%!important;max-width:100%;touch-action:none;cursor:grab;background:#0a061080}#flowsvg:active{cursor:grabbing}@media(max-width:900px){.flow-wrap{flex-direction:column;align-items:stretch}}.char-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.char-btn{border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:8px 14px;border-radius:20px;cursor:pointer;font-family:var(--sans);font-size:13px}.char-btn.active{border-color:var(--rose);color:#fff}.gal-item{display:flex;gap:10px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:8px;cursor:pointer}.gal-item.done{border-color:var(--green)}.gal-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--faint);flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;font-size:13px}.gal-item.done .gal-check{border-color:var(--green);background:#7dffa826}.gal-item b{font-size:14px;display:block}.gal-item small{color:var(--faint);font-size:12px}.choice-card{border-left:3px solid var(--gold)}.choice-card .ep-tag{font-size:11px;color:var(--gold);letter-spacing:1px}.kv{display:grid;grid-template-columns:130px 1fr;gap:4px 10px;font-size:13px;margin-top:8px}.kv dt{color:var(--faint)}.kv dd{color:var(--txt)}.note{margin-top:8px;font-size:12.5px;color:var(--gold)}.empty{text-align:center;color:var(--faint);padding:40px}@media(max-width:900px)and (orientation:portrait){.app{flex-direction:column}.side-nav{flex-direction:row;flex-wrap:wrap}}@media(max-width:900px){#edge-handle,#drawer-backdrop,#drawer-toggle,#drawer-close{display:block}.route-head{display:none}.topbar{gap:10px}.sidebar{position:fixed;top:0;left:0;bottom:0;width:300px;max-width:84vw;height:100vh;height:100dvh;z-index:1000;border-left:none;border-right:1px solid var(--line);background:#140d1cfa;box-shadow:8px 0 30px #000000b3;transform:translate(-105%);transition:transform .32s cubic-bezier(.16,1,.3,1);will-change:transform}.sidebar.drawer-open{transform:translate(0)}.main{padding:12px 8px 40px}.flow-main{margin:0 -2px;border-radius:12px}.flow-tools{flex-wrap:wrap}}@media(max-height:500px)and (orientation:landscape){.sidebar{width:300px;max-width:84vw;padding:12px 10px;gap:10px}.brand-mark{width:34px;height:34px;font-size:15px;border-radius:10px}.brand-text h1{font-size:15px}.brand-text span{display:none}.nav-item{padding:9px 10px;font-size:13px;-webkit-tap-highlight-color:transparent}.main{padding:8px 6px 24px}.topbar{margin-bottom:8px}#flowsvg{height:80vh!important}.flow-tools{flex-wrap:wrap;gap:6px}.flow-tools button{padding:9px 14px;font-size:13px;-webkit-tap-highlight-color:transparent}.ep-chip{-webkit-tap-highlight-color:transparent}.ep-rail{padding-bottom:8px}.view-title{font-size:20px}.kv{grid-template-columns:96px 1fr}.gal-item{padding:14px}}.modal-backdrop{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px;background:#08040ead;backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .22s ease}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal{position:relative;width:100%;max-width:520px;background:linear-gradient(180deg,#2b1f3d,var(--panel));border:1px solid var(--line);border-radius:18px;padding:22px 22px 18px;box-shadow:0 24px 70px #0009,0 0 0 1px #ff5c8a14 inset;transform:translateY(14px) scale(.97);opacity:0;transition:transform .28s cubic-bezier(.2,.9,.3,1.2),opacity .25s}.modal-backdrop.open .modal{transform:none;opacity:1}.modal h3{font-family:var(--serif);font-size:19px;margin-bottom:6px}.modal-sub{color:var(--muted);font-size:13px;line-height:1.6;margin-bottom:14px}.modal-x{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:10px;border:1px solid var(--line);background:none;color:var(--muted);cursor:pointer;font-size:13px}.modal-x:hover{border-color:var(--rose);color:#fff}.share-row{display:flex;gap:8px}.share-row input{flex:1;min-width:0;background:#00000059;border:1px solid var(--line);border-radius:12px;padding:11px 13px;color:var(--txt);font-size:12.5px;font-family:monospace;outline:none}.share-row input:focus{border-color:var(--violet)}.share-copy{flex-shrink:0;background:linear-gradient(135deg,var(--rose),var(--violet));border:none;color:#fff;font-family:var(--sans);font-weight:700;font-size:13px;padding:0 20px;border-radius:12px;cursor:pointer;transition:filter .2s}.share-row .share-copy:hover{filter:brightness(1.1)}.share-row .share-copy.ok{background:linear-gradient(135deg,#3ddc84,var(--green));color:#10221a}.modal-note{margin-top:10px;font-size:12px;color:var(--faint)}