:root{--bg:#f5f8fb;--surface:#ffffff;--surface2:#e9f1f6;--wood:#dbe6ec;--text:#152a39;--muted:#6a8294;--line:#dbe6ed;--navy:#173a5e;--accent:#12a594;--accent-dim:#0c8576;--sky:#4aa9e0;--blue:#2f6fe6;--emerald:#16b89f;--grad:linear-gradient(120deg,#16b89f 0%,#2f8fe0 55%,#2f6fe6 100%);--shadow:rgba(18,42,66,.28);--f-red:#e05a4d;--f-blue:#5b8def;--f-orange:#e08a3c;--f-yellow:#d9b73e;--f-purple:#a679d8;--f-green:#6cb86a;--radius:14px}body.theme-dark{--bg:#0e1620;--surface:#172230;--surface2:#1d2b3a;--wood:#22323f;--text:#e7eef4;--muted:#8aa0b2;--line:#2a3a4a;--navy:#2f5e8f;--accent:#1fc3ad;--accent-dim:#13a08a;--sky:#7fd0ee;--blue:#4f8bf0;--emerald:#27d4b8;--grad:linear-gradient(120deg,#27d4b8 0%,#3f9bf2 55%,#4f8bf0 100%);--shadow:rgba(0,0,0,.5)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,Hiragino Sans,Yu Gothic UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}img{display:block}a{color:var(--accent-dim);text-decoration:none}.app{max-width:480px;margin:0 auto;height:100dvh;display:flex;flex-direction:column;position:relative;background:var(--bg);box-shadow:0 0 40px #0000000a}.screen{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:78px}h1{font-size:24px;font-weight:800;margin:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px}.seg{display:inline-flex;border-radius:999px;padding:3px;font-size:13px;background:color-mix(in srgb,var(--surface) 62%,transparent);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);box-shadow:inset 0 1px #fff5}.seg button{padding:6px 14px;border-radius:999px;color:var(--muted)}.seg button.on{background:var(--grad);color:#fff;font-weight:700;box-shadow:0 2px 10px #2f6fe640,inset 0 1px #fff6}.tabbar{position:fixed;left:0;right:0;bottom:0;max-width:480px;margin:0 auto;display:flex;justify-content:space-around;padding:8px 0 14px;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line)}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:var(--muted);flex:1}.tab.on{color:var(--accent)}.tab svg{width:22px;height:22px}.hero{margin:6px 16px 18px;border-radius:var(--radius);padding:16px;position:relative;overflow:hidden;background:linear-gradient(135deg,#fff,#e7f1f6);border:1px solid var(--line);box-shadow:0 6px 20px #16324f12}.hero .blur{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:blur(30px) brightness(1.1) saturate(1.2);opacity:.28;transform:scale(1.4)}body.theme-dark .hero{background:linear-gradient(135deg,#ffffff1c,#ffffff0a);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid #ffffff26;box-shadow:0 8px 30px #00000059,inset 0 1px #ffffff2e}body.theme-dark .hero .blur{opacity:.5;filter:blur(34px) brightness(.7) saturate(1.3)}body.theme-dark .cover,body.theme-dark .cover.ph,body.theme-dark .dhead img{background:linear-gradient(135deg,#24323f,#19232e)}body.theme-dark .cover.ph{color:#9fb3c2}.hero .row{position:relative;display:flex;gap:14px}.hero img{width:84px;height:122px;border-radius:8px;object-fit:cover;box-shadow:0 8px 20px #0003}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--accent);font-weight:700;text-transform:uppercase}.hero .ttl{font-size:17px;font-weight:800;margin:4px 0 2px;line-height:1.25}.hero .au{font-size:12px;color:var(--muted)}.player{position:relative;margin-top:14px}.bar{height:6px;border-radius:999px;background:#00000014;overflow:hidden;cursor:pointer}.bar i{display:block;height:100%;background:var(--grad);border-radius:999px}.times{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:6px}.controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:10px}.play{width:48px;height:48px;border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #2f6fe655,inset 0 1px #fff6}.play svg{width:20px;height:20px}.icobtn{color:var(--muted)}.icobtn svg{width:20px;height:20px}.icobtn.on{color:var(--accent)}.secttl{font-size:13px;font-weight:800;margin:18px 16px 10px;display:flex;justify-content:space-between}.secttl span{color:var(--muted);font-weight:600;font-size:11px}.hrow{display:flex;gap:12px;overflow-x:auto;padding:0 16px 6px;scrollbar-width:none}.hrow::-webkit-scrollbar{display:none}.card{flex:0 0 auto;width:100px}.cover{width:100px;height:146px;border-radius:8px;object-fit:cover;box-shadow:0 4px 14px #0002;background:linear-gradient(135deg,#dbe8ef,#bcd2de)}.cover.ph{display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;color:#4a6577;padding:10px;font-weight:700;line-height:1.3}.card .cttl{font-size:11px;margin-top:6px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.minibar{height:3px;border-radius:2px;background:#0000000f;margin-top:5px;overflow:hidden}.minibar i{display:block;height:100%;background:var(--accent)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:6px 16px 16px}.grid .card{width:auto}.grid .cover{width:100%;height:auto;aspect-ratio:5/7}.flow{position:relative;height:300px;overflow:hidden;perspective:780px;perspective-origin:50% 45%;touch-action:pan-y;-webkit-user-select:none;user-select:none;isolation:isolate}.ring{position:absolute;left:50%;top:50%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.15,1);will-change:transform}.bk-item{position:absolute;width:96px;height:150px;margin-left:-48px;margin-top:-75px;transform-style:preserve-3d;cursor:pointer;backface-visibility:hidden}.book{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:rotateY(90deg);backface-visibility:hidden}.book .f{position:absolute;top:0;left:0;overflow:hidden;backface-visibility:hidden;box-shadow:inset 0 0 0 1px #0002}.book .front{width:96px;height:150px;transform:translateZ(calc(var(--t,26px)/2));border-radius:1px 3px 3px 1px}.book .front img,.book .front .gen{width:100%;height:100%;object-fit:cover}.book .front .gen{display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;color:#fff;font-weight:800;font-size:11px;line-height:1.25}.book .back{width:96px;height:150px;transform:rotateY(180deg) translateZ(calc(var(--t,26px)/2));border-radius:3px 1px 1px 3px;display:flex;align-items:flex-end;justify-content:center;padding:8px;color:#fff;font-size:9px;text-align:center}.book .spine{width:var(--t,26px);height:150px;left:50%;margin-left:calc(var(--t,26px)/-2);transform:rotateY(-90deg) translateZ(48px);display:flex;flex-direction:column;align-items:center;color:#fff;box-shadow:inset 0 0 0 1px #0003}.book .spine .sthumb{width:16px;height:16px;margin:5px 0 4px;border-radius:2px;object-fit:cover}.book .spine .stt{writing-mode:vertical-rl;text-orientation:mixed;font-size:9px;font-weight:800;line-height:1.05;overflow:hidden;max-height:112px;text-shadow:0 1px 2px #0006}.book .pages{width:var(--t,26px);height:150px;left:50%;margin-left:calc(var(--t,26px)/-2);transform:rotateY(90deg) translateZ(48px);background:repeating-linear-gradient(0deg,#efe9db 0,#efe9db 2px,#d4ccb8 2px,#d4ccb8 3px)}.book .floor{box-shadow:none;border-radius:50%;left:50%;top:50%;width:112px;height:calc(var(--t,26px) + 26px);margin-left:-56px;margin-top:calc((var(--t,26px) + 26px)/-2);transform:translateY(78px) rotateX(90deg);transform-origin:center;background:radial-gradient(ellipse at center,var(--shadow),transparent 66%);filter:blur(5px);pointer-events:none}body.theme-dark .book .floor{background:radial-gradient(ellipse at center,rgba(0,0,0,.62),transparent 68%);filter:blur(7px)}body.theme-dark .book .f:not(.floor){box-shadow:inset 0 0 0 1px #ffffff12,0 0 22px #79c6e833}.flowmeta{text-align:center;margin-top:4px}.flowmeta .ft{font-size:16px;font-weight:800}.flowmeta .fa{font-size:12px;color:var(--muted);margin-top:2px}.flowhint{font-size:11px;color:var(--muted);text-align:center;margin-top:10px}.peek{margin:14px 12px 0;border-radius:18px 18px 0 0;background:var(--surface);border:1px solid var(--line);box-shadow:0 -10px 30px #16324f1f;min-height:88vh;overflow:hidden;animation:peekIn .32s ease}@keyframes peekIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.peekgrip{width:40px;height:4px;border-radius:2px;background:var(--line);margin:9px auto 2px}.peekhint{text-align:center;font-size:11px;color:var(--muted);padding:0 0 2px}.peekbody{padding-bottom:20px}.dhead{display:flex;gap:14px;padding:14px 16px 8px}.dhead img{width:80px;height:118px;border-radius:8px;object-fit:cover;box-shadow:0 8px 20px #0003;background:linear-gradient(135deg,#dbe8ef,#bcd2de)}.dhead h2{font-size:18px;margin:0;line-height:1.25}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip{font-size:10px;background:var(--surface2);color:var(--muted);padding:3px 9px;border-radius:999px}.back-btn{padding:8px 16px;color:var(--muted);font-size:14px}.dates{display:flex;gap:14px;margin-top:8px;font-size:11px;color:var(--muted);flex-wrap:wrap}.dates label{display:flex;align-items:center;gap:5px}.dates input{font:inherit;font-size:11px;color:var(--text);background:var(--surface2);border:1px solid var(--line);border-radius:7px;padding:3px 6px}.segwrap{display:flex;justify-content:center;margin:12px 0 6px}.legend{display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px;font-size:11px;color:var(--muted)}.lg{display:flex;align-items:center;gap:5px}.dot{width:9px;height:9px;border-radius:50%}.flagfilter{display:flex;gap:7px;padding:4px 16px 12px;flex-wrap:wrap}.ff{padding:5px 10px;border-radius:8px;font-size:11px;font-weight:700;color:#fff;opacity:.4}.ff.on{opacity:1}.chapttl{font-size:12px;font-weight:800;color:var(--accent-dim);margin:14px 16px 4px}.keymsg,.synopsis{font-size:12px;color:var(--muted);margin:0 16px 8px;line-height:1.6}.keymsg b{color:var(--text)}.hl{margin:0 16px 10px;padding:11px 12px 11px 14px;background:var(--surface);border:1px solid var(--line);border-radius:10px;border-left:4px solid var(--line)}.hl .q{font-size:13px;line-height:1.55}.hl .lo{font-size:10px;color:var(--muted);margin-top:6px;display:flex;gap:8px;align-items:center}.hl .memo{font-size:11px;color:#6f6655;margin-top:7px;padding-top:7px;border-top:1px dashed var(--line)}.section{padding:8px 16px}.section p{line-height:1.7;font-size:14px}.setrow{display:flex;align-items:center;justify-content:space-between;padding:8px 0 14px}.reqbtn{width:100%;padding:10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent-dim);font-weight:700;font-size:13px}.reqform{display:flex;flex-direction:column;gap:8px;margin-top:10px}.reqform input,.reqform textarea{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--text);font:inherit;font-size:14px;resize:vertical}.reqdone{margin-top:10px;padding:12px;border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent-dim);font-size:13px;line-height:1.6;text-align:center}.reqitem{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}.read{margin:0 16px 16px}.read .body{font-size:14px;line-height:1.95;text-indent:1em}.read .ref{text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:#0000003d;text-underline-offset:3px}.read .toc{font-size:12px;color:var(--muted);margin:0 0 6px}.searchbar{margin:8px 16px;display:flex;gap:8px}.searchbar input{flex:1;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--text);font-size:14px}.claude-btn{flex:0 0 auto;width:44px;border-radius:10px;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #2f6fe640}.claude-btn:disabled{opacity:.4;box-shadow:none}.claude-btn svg{width:20px;height:20px}.claude-deep{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 16px 10px;width:calc(100% - 32px);padding:11px;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent-dim);font-weight:700;font-size:13px}.claude-deep svg{width:18px;height:18px}.hit{margin:0 16px 10px;padding:11px 12px;background:var(--surface);border:1px solid var(--line);border-radius:10px;display:flex;gap:10px;cursor:pointer}.hit .badge{font-size:9px;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:1px 5px;align-self:flex-start}mark{background:color-mix(in srgb,var(--accent) 35%,transparent);color:inherit;border-radius:3px;padding:0 1px}.muted{color:var(--muted)}.center-note{text-align:center;color:var(--muted);font-size:13px;padding:40px 20px;line-height:1.7}.mockbanner{font-size:11px;text-align:center;color:#fff;background:var(--navy);padding:5px}.login{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%)}.login-card{width:100%;max-width:320px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px 22px;box-shadow:0 12px 40px #16324f1a}.login-logo{font-size:40px}.login-card h1{font-size:22px;margin:8px 0 0;color:var(--navy)}.login-card input{width:100%;margin:18px 0 10px;background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:11px 12px;color:var(--text);font-size:15px}.login-btn{width:100%;background:var(--grad);color:#fff;font-weight:700;border-radius:10px;padding:11px;box-shadow:0 4px 14px #2f6fe640}.login-btn:disabled{opacity:.6}.login-card input+input{margin-top:0}.login-link{margin-top:14px;background:none;color:var(--muted);font-size:12px;text-decoration:underline}h1{color:var(--navy)}