:root{--bg: #FFFFFF;--surface: #F1F3F5;--surface-2: #F6F7F8;--surface-3: #FAFBFC;--text: #111418;--text-2: #22272E;--text-3: #3D4450;--muted: #5B6470;--muted-2: #6B7380;--reading: #1A1E24;--border: #E6E8EB;--border-2: #E1E4E8;--line: #EEF0F2;--field-border: #D9DDE2;--dash: #C9CED5;--tree-line: #D3D8DE;--track: #EEF1F4;--skel: #E9EDF1;--accent: #1E6FD9;--accent-disabled: #BFD3EE;--accent-soft: #EAF2FD;--accent-ink: #1858B0;--accent-tint: #F5F9FE;--branch-bg: #F7FAFE;--branch-border: #D5E4F7;--new-bg: #EEF4FD;--like: #D6336C;--violet-bg: #EEEAF8;--violet-ink: #5B3FA8;--amber-bg: #FDF1DC;--amber-ink: #8A5A0B;--green-bg: #E3F4E8;--green-ink: #23753F;--star: #F2A93B;--inverse: #111418;--on-inverse: #FFFFFF;--on-inverse-2: #D5D9DE;--overlay: rgba(17, 20, 24, .45);--shadow: 0 1px 2px rgba(17, 20, 24, .1);--font-ui: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-read: Literata, Georgia, "Times New Roman", serif;color-scheme:light}:root[data-theme=dark]{--bg: #17191C;--surface: #25282C;--surface-2: #202326;--surface-3: #1D2023;--text: #ECEEF1;--text-2: #DADDE2;--text-3: #C3C8CF;--muted: #98A1AC;--muted-2: #8A929C;--reading: #E4E7EB;--border: #2F3338;--border-2: #33373D;--line: #2A2D31;--field-border: #3A3F45;--dash: #464C53;--tree-line: #3A3F45;--track: #2A2E33;--skel: #2A2E33;--accent: #2F7FE6;--accent-disabled: #2B3F5E;--accent-soft: #1D2C42;--accent-ink: #8DB8F2;--accent-tint: #1A2433;--branch-bg: #1A2433;--branch-border: #2A3F5C;--new-bg: #1C2A3D;--violet-bg: #2A2340;--violet-ink: #B9A6F0;--amber-bg: #3A2E17;--amber-ink: #F0C27A;--green-bg: #183324;--green-ink: #7FD39A;--inverse: #ECEEF1;--on-inverse: #111418;--on-inverse-2: #3D4450;--overlay: rgba(0, 0, 0, .6);--shadow: 0 1px 2px rgba(0, 0, 0, .4);color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:15px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}a{color:var(--accent-ink)}button{font:inherit;color:inherit;cursor:pointer}input,textarea{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,p{margin:0}.app{height:var(--tg-viewport-stable-height, 100dvh);max-width:560px;margin:0 auto;position:relative;overflow:hidden;display:flex;flex-direction:column;background:var(--bg)}.screen{flex:1;display:flex;flex-direction:column;min-height:0}.scroll{flex:1;overflow-y:auto;min-height:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.scroll::-webkit-scrollbar,.hscroll::-webkit-scrollbar{display:none}.hscroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;flex-shrink:0}.col{display:flex;flex-direction:column}.row{display:flex;align-items:center}.grow{flex:1;min-width:0}.wrap{display:flex;flex-wrap:wrap;gap:8px}.bar{padding:12px 16px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.top{display:flex;align-items:center;gap:4px;padding:8px 8px 0}.h1{font-size:26px;font-weight:700}.serif{font-family:var(--font-read)}.title-serif{font-family:var(--font-read);font-size:26px;font-weight:600;line-height:1.2}.muted{color:var(--muted)}.small{font-size:13px}.xs{font-size:12px}.lead{color:var(--text-3);line-height:1.5}.btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 18px;border-radius:14px;border:none;background:var(--accent);color:#fff;font-weight:600;font-size:16px;width:100%}.btn:disabled{background:var(--accent-disabled);cursor:default}.btn2{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 18px;border-radius:14px;border:none;background:var(--surface);color:var(--text);font-weight:600;font-size:16px;width:100%}.btn-sm{min-height:44px;font-size:14px}.link{background:none;border:none;color:var(--accent-ink);font-weight:600;font-size:14px;min-height:44px;padding:0 4px;text-align:left}.link:disabled{color:var(--muted-2);cursor:default}.icon-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:12px;flex-shrink:0;color:var(--text)}.icon-btn:active{background:var(--surface)}.send-btn{background:var(--accent);color:#fff;border-radius:50%}.send-btn:disabled{background:var(--accent-disabled)}.chip{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--border-2);background:var(--bg);font-size:14px;white-space:nowrap;color:var(--text);flex-shrink:0}.chip.on{background:var(--inverse);color:var(--on-inverse);border-color:var(--inverse)}.chip.lock{color:var(--muted-2)}.seg{display:flex;background:var(--surface);border-radius:12px;padding:4px;gap:4px}.seg button{flex:1;min-height:40px;border:none;background:transparent;border-radius:9px;font-size:14px;font-weight:500;color:var(--text-3)}.seg button.on{background:var(--bg);color:var(--text);box-shadow:var(--shadow)}.opt{display:flex;gap:14px;align-items:flex-start;text-align:left;width:100%;padding:16px;border:1px solid var(--border-2);border-radius:16px;background:var(--bg)}.opt.on{border-color:var(--accent);background:var(--accent-tint)}.dot{width:20px;height:20px;border-radius:50%;border:2px solid #B3BAC3;flex-shrink:0;margin-top:2px}.opt.on .dot{border:6px solid var(--accent)}.field{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--field-border);border-radius:12px;background:var(--bg);font-size:16px;color:var(--text)}.field::placeholder{color:var(--muted-2)}textarea.field{resize:none;line-height:1.5}.field-round{border-radius:999px;background:var(--surface-2);border-color:var(--surface-2)}.label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500}.card{border:1px solid var(--border);border-radius:16px;background:var(--bg);padding:16px}.card-branch{background:var(--branch-bg);border-color:var(--branch-border)}.sec{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px}.pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;background:var(--surface);font-size:12px;font-weight:600;color:var(--text-3);white-space:nowrap}.pill.acc{background:var(--accent-soft);color:var(--accent-ink)}.nav{display:flex;border-top:1px solid var(--line);background:var(--bg);padding:4px 8px calc(10px + env(safe-area-inset-bottom))}.navb{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:54px;justify-content:center;border:none;background:none;color:var(--muted);font-size:11px;font-weight:500}.navb.on{color:var(--accent)}.actb{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;border:none;border-radius:14px;background:var(--surface);color:var(--text);font-size:13px;font-weight:600}.actb.primary{background:var(--accent);color:#fff}.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.spin{width:38px;height:38px;border-radius:50%;border:3px solid var(--accent-soft);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.dotty span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--muted-2);margin:0 2px;animation:pulse 1.2s infinite}.dotty span:nth-child(2){animation-delay:.2s}.dotty span:nth-child(3){animation-delay:.4s}.skel{height:12px;border-radius:6px;background:var(--skel);animation:pulse 1.4s infinite}input[type=range]{width:100%;accent-color:var(--accent)}.story-btn{display:flex;gap:14px;text-align:left;padding:12px;border:1px solid var(--border);border-radius:16px;background:var(--bg);width:100%}.locked-btn{display:flex;gap:14px;align-items:center;text-align:left;padding:16px;border:1px dashed var(--dash);border-radius:16px;background:var(--surface-3);width:100%}.hero-btn{display:flex;gap:12px;align-items:center;text-align:left;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:var(--bg);width:100%}.para{margin:0 0 16px;font-family:var(--font-read);line-height:1.65;color:var(--reading);white-space:pre-wrap}.insert{background:var(--new-bg);border-radius:14px;padding:12px 14px;margin:0 -6px 16px}.insert .para:last-child{margin-bottom:0}.insert-label{font-size:12px;font-weight:600;color:var(--accent-ink);letter-spacing:.02em;display:block;margin-bottom:4px}.bubble-me{max-width:80%;background:var(--accent);color:#fff;padding:10px 14px;border-radius:18px 18px 4px;font-size:15px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.bubble-hero{max-width:82%;background:var(--surface);color:var(--text);padding:10px 14px;border-radius:18px 18px 18px 4px;font-family:var(--font-read);font-size:15px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.sheet-wrap{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;flex-direction:column;z-index:20}.sheet{background:var(--bg);border-radius:20px 20px 0 0;padding:8px 16px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.grab{width:40px;height:4px;border-radius:2px;background:var(--tree-line);margin:4px auto 8px}.toast{position:absolute;left:16px;right:16px;bottom:96px;z-index:30;display:flex;justify-content:center;pointer-events:none}.toast span{background:var(--inverse);color:var(--on-inverse);padding:12px 16px;border-radius:14px;font-size:14px;line-height:1.4;text-align:center;box-shadow:0 6px 20px #1114182e}.gen{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:15;display:flex;flex-direction:column;padding:60px 24px 24px;gap:28px}.paytable{border:1px solid var(--border);border-radius:14px;overflow:hidden;font-size:13px}.paytable div{display:grid;grid-template-columns:1.3fr 1fr 1fr;padding:10px 12px;gap:8px;border-top:1px solid var(--line)}.paytable div:first-child{background:var(--surface-2);font-weight:600;border-top:none}.switch{position:relative;width:52px;height:32px;border-radius:16px;border:none;flex-shrink:0;background:var(--dash)}.switch.on{background:var(--accent)}.switch span{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .15s}.switch.on span{left:23px}.sec-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.sec-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sec-title{font-size:17px;font-weight:700;flex:1}.count{min-width:26px;height:22px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.item{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:12px;border:1px solid var(--border);border-radius:16px;background:var(--surface-3)}.item:active{background:var(--surface)}.thumb{width:44px;height:58px;border-radius:9px;flex-shrink:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;font-family:var(--font-read);font-weight:600;font-size:18px}.tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.tag.blue{background:var(--accent-soft);color:var(--accent-ink)}.tag.green{background:var(--green-bg);color:var(--green-ink)}.tag.amber{background:var(--amber-bg);color:var(--amber-ink)}.tag.grey{background:var(--surface);color:var(--muted)}.empty{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:20px 16px;border:1.5px dashed var(--dash);border-radius:16px;color:var(--muted);font-size:14px;line-height:1.5}.progress{height:4px;border-radius:2px;background:var(--track);overflow:hidden;margin-top:6px}.progress div{height:100%;border-radius:2px;background:var(--accent)}.errbox{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:40px 16px;color:var(--muted)}