@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;600;700;800;900&family=Noto+Serif+TC:wght@400&family=Nunito:wght@400;600;700;800;900&display=swap";
@font-face{font-family:TW-Kai;src:url(https://cdn.jsdelivr.net/gh/XiaoPanPanKevinPan/fontCollection@main/TW-Kai-98_1_regen.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:jf-openhuninn;src:url(https://cdn.jsdelivr.net/gh/marsnow/open-huninn-font@1.1/font/jf-openhuninn.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(https://cdn.jsdelivr.net/gh/antijingoist/opendyslexic@master/compiled/OpenDyslexic-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--blue:#0a96e6;--blue-dark:#0875b8;--blue-light:#e8f4fd;--purple:#6c3fa0;--purple-dark:#4a2170;--purple-light:#f3eeff;--pink:#e9559b;--pink-light:#fde8f2;--yellow:#fbd868;--yellow-dark:#e6b800;--green:#2ecc71;--green-dark:#02613b;--teal:#00b2c4;--orange:#f79147;--bg:#fff;--bg-warm:#faf9f7;--bg-card:#fff;--bg-input:#f4f5f7;--text:#2d3748;--text-muted:#718096;--text-light:#a0aec0;--border:#e2e8f0;--border-light:#edf2f7;--accent:var(--blue);--radius:16px;--radius-sm:10px;--radius-lg:24px;--radius-pill:100px;--shadow-sm:0 2px 8px #00000014;--shadow:0 4px 20px #0000001f;--shadow-lg:0 12px 40px #00000029;--shadow-color:0 8px 24px #0a96e640;--transition:.25s ease;--nav-pill-bg:#fff;--nav-pill-border:#dbdbd3;--nav-pill-shadow:0 1px 2px #2523220a,0 8px 24px #2523220f;--nav-ink:#252322;--nav-ink-muted:#6b6661;--nav-link-hover-bg:#f0ece8;--nav-cta-bg:#252322;--nav-cta-text:#f0ece8}:root[data-preset=default][data-theme=dark],:root[data-theme=dark]:not([data-preset]),:root:not([data-preset])[data-theme=dark]{--bg:#15131a;--bg-warm:#1e1e34;--bg-card:#252540;--bg-input:#2a2a48;--text:#e2e8f0;--text-muted:#a0aec0;--text-light:#718096;--border:#3a3a5c;--border-light:#2e2e4e;--accent:#3ba8ed;--blue:#3ba8ed;--blue-dark:#2b8fd4;--blue-light:#1a2a3e;--purple:#9f7aea;--purple-dark:#7c5cbf;--purple-light:#2d2248;--pink:#f687b3;--pink-light:#2e1a28;--yellow:#fbd868;--yellow-dark:#e6b800;--green:#68d391;--green-dark:#38a169;--teal:#4fd1c5;--orange:#f6ad55;--shadow-sm:0 2px 8px #0000004d;--shadow:0 4px 16px #0006;--shadow-lg:0 12px 40px #00000080;--shadow-color:0 8px 24px #3ba8ed40;--nav-pill-bg:#22202b;--nav-pill-border:#ffffff14;--nav-pill-shadow:0 1px 2px #0006,0 8px 24px #00000059;--nav-ink:#ece8e3;--nav-ink-muted:#a29b91;--nav-link-hover-bg:#ffffff0f;--nav-cta-bg:#ece8e3;--nav-cta-text:#22202b}:root[data-preset=sandshore][data-theme=light],:root[data-preset=sandshore]:not([data-theme]){--accent:#2d545e;--blue:#2d545e;--blue-dark:#12343b;--blue-light:#e8f0ed;--bg:#faf5ef;--bg-warm:#f5ece0;--bg-card:#fff;--bg-input:#f0e8dc;--text:#12343b;--text-muted:#5a7a7e;--text-light:#8a9e9e;--border:#c89666;--border-light:#e1d5c5;--shadow-color:0 8px 24px #2d545e2e;--nav-pill-bg:var(--bg-input);--nav-pill-border:#00000014;--nav-pill-shadow:0 1px 2px #0000000a,0 8px 24px #0000000f;--nav-ink:var(--text);--nav-ink-muted:var(--text-muted);--nav-link-hover-bg:var(--bg);--nav-cta-bg:var(--accent);--nav-cta-text:#fff}:root[data-preset=sandshore][data-theme=dark]{--accent:#e1b382;--blue:#e1b382;--blue-dark:#c89666;--blue-light:#1a2c30;--bg:#12343b;--bg-warm:#163a42;--bg-card:#1e4248;--bg-input:#244a50;--text:#e8ddd0;--text-muted:#b0a898;--text-light:#7a8080;--border:#2d545e;--border-light:#224048;--shadow-sm:0 2px 8px #00000059;--shadow:0 4px 16px #00000073;--shadow-lg:0 12px 40px #0000008c;--shadow-color:0 8px 24px #e1b38238;--nav-pill-bg:var(--bg-input);--nav-pill-border:#ffffff14;--nav-pill-shadow:0 1px 2px #0006,0 8px 24px #00000059;--nav-ink:var(--text);--nav-ink-muted:var(--text-muted);--nav-link-hover-bg:var(--bg);--nav-cta-bg:var(--accent);--nav-cta-text:#1e1c1a}:root[data-preset=metals][data-theme=light],:root[data-preset=metals]:not([data-theme]){--accent:#bd8c7d;--blue:#bd8c7d;--blue-dark:#a07060;--blue-light:#f5eeea;--bg:#f8f5f2;--bg-warm:#f0ebe6;--bg-card:#fff;--bg-input:#ede6e0;--text:#49494b;--text-muted:#7a7578;--text-light:#a09a9c;--border:#d1bfa7;--border-light:#e4dcd4;--shadow-color:0 8px 24px #bd8c7d2e;--nav-pill-bg:var(--bg-input);--nav-pill-border:#00000014;--nav-pill-shadow:0 1px 2px #0000000a,0 8px 24px #0000000f;--nav-ink:var(--text);--nav-ink-muted:var(--text-muted);--nav-link-hover-bg:var(--bg);--nav-cta-bg:var(--accent);--nav-cta-text:#1e1c1a}:root[data-preset=metals][data-theme=dark]{--accent:#d1bfa7;--blue:#d1bfa7;--blue-dark:#bd8c7d;--blue-light:#2a2420;--bg:#1e1c1a;--bg-warm:#242220;--bg-card:#2c2a28;--bg-input:#343230;--text:#d8d4d0;--text-muted:#a8a4a0;--text-light:#787470;--border:#3e3c3a;--border-light:#323030;--shadow-sm:0 2px 8px #00000059;--shadow:0 4px 16px #00000073;--shadow-lg:0 12px 40px #0000008c;--shadow-color:0 8px 24px #d1bfa733;--nav-pill-bg:var(--bg-input);--nav-pill-border:#ffffff14;--nav-pill-shadow:0 1px 2px #0006,0 8px 24px #00000059;--nav-ink:var(--text);--nav-ink-muted:var(--text-muted);--nav-link-hover-bg:var(--bg);--nav-cta-bg:var(--accent);--nav-cta-text:#1e1c1a}:root[data-preset=darkhorse][data-theme=light],:root[data-preset=darkhorse]:not([data-theme]){--accent:#393f4d;--blue:#393f4d;--blue-dark:#1d1e22;--blue-light:#e8e8ea;--bg:#f8f7f5;--bg-warm:#f0efed;--bg-card:#fff;--bg-input:#eaeaea;--text:#1d1e22;--text-muted:#5a5e66;--text-light:#8a8e96;--border:#d4d4dc;--border-light:#e4e4e8;--shadow-color:0 8px 24px #393f4d29;--nav-pill-bg:var(--bg-input);--nav-pill-border:#00000014;--nav-pill-shadow:0 1px 2px #0000000a,0 8px 24px #0000000f;--nav-ink:var(--text);--nav-ink-muted:var(--text-muted);--nav-link-hover-bg:var(--bg);--nav-cta-bg:var(--accent);--nav-cta-text:#fff}:root[data-preset=darkhorse][data-theme=dark]{--accent:#feda6a;--blue:#feda6a;--blue-dark:#e6c050;--blue-light:#2a2820;--bg:#1d1e22;--bg-warm:#222428;--bg-card:#2a2c30;--bg-input:#32343a;--text:#d4d4dc;--text-muted:#a0a4ac;--text-light:#70747c;--border:#3a3c42;--border-light:#2e3036;--shadow-sm:0 2px 8px #00000059;--shadow:0 4px 16px #00000073;--shadow-lg:0 12px 40px #0000008c;--shadow-color:0 8px 24px #feda6a33;--nav-pill-bg:var(--bg-input);--nav-pill-border:#ffffff14;--nav-pill-shadow:0 1px 2px #0006,0 8px 24px #00000059;--nav-ink:var(--text);--nav-ink-muted:var(--text-muted);--nav-link-hover-bg:var(--bg);--nav-cta-bg:var(--accent);--nav-cta-text:#1d1e22}:root[data-preset=mint][data-theme=light],:root[data-preset=mint]:not([data-theme]){--accent:#4cb69f;--blue:#4cb69f;--blue-dark:#3a9a85;--blue-light:#e2f5f0;--bg:#f5f9f8;--bg-warm:#ecf5f2;--bg-card:#fff;--bg-input:#e4f0ec;--text:#201d3a;--text-muted:#506068;--text-light:#808e92;--border:#b8d8d0;--border-light:#d0e8e2;--shadow-color:0 8px 24px #4cb69f2e;--nav-pill-bg:var(--bg-input);--nav-pill-border:#00000014;--nav-pill-shadow:0 1px 2px #0000000a,0 8px 24px #0000000f;--nav-ink:var(--text);--nav-ink-muted:var(--text-muted);--nav-link-hover-bg:var(--bg);--nav-cta-bg:var(--accent);--nav-cta-text:#0f2e27}:root[data-preset=mint][data-theme=dark]{--accent:#6dd4bd;--blue:#6dd4bd;--blue-dark:#4cb69f;--blue-light:#142a26;--bg:#201d3a;--bg-warm:#262342;--bg-card:#2c2948;--bg-input:#34304e;--text:#e0e8e5;--text-muted:#a0b0a8;--text-light:#6a7a78;--border:#3a3660;--border-light:#302c50;--shadow-sm:0 2px 8px #00000059;--shadow:0 4px 16px #00000073;--shadow-lg:0 12px 40px #0000008c;--shadow-color:0 8px 24px #6dd4bd33;--nav-pill-bg:var(--bg-input);--nav-pill-border:#ffffff14;--nav-pill-shadow:0 1px 2px #0006,0 8px 24px #00000059;--nav-ink:var(--text);--nav-ink-muted:var(--text-muted);--nav-link-hover-bg:var(--bg);--nav-cta-bg:var(--accent);--nav-cta-text:#0f2e27}:root[data-preset=rust][data-theme=light],:root[data-preset=rust]:not([data-theme]){--accent:#c1432e;--blue:#c1432e;--blue-dark:#a03525;--blue-light:#fde8e4;--bg:#faf6f2;--bg-warm:#f2ece4;--bg-card:#fff;--bg-input:#ede4da;--text:#2c2c2c;--text-muted:#6a5a52;--text-light:#9a8a80;--border:#dac8b8;--border-light:#e8dcd0;--shadow-color:0 8px 24px #c1432e2e;--nav-pill-bg:var(--bg-input);--nav-pill-border:#00000014;--nav-pill-shadow:0 1px 2px #0000000a,0 8px 24px #0000000f;--nav-ink:var(--text);--nav-ink-muted:var(--text-muted);--nav-link-hover-bg:var(--bg);--nav-cta-bg:var(--accent);--nav-cta-text:#fff}:root[data-preset=rust][data-theme=dark]{--accent:#e07560;--blue:#e07560;--blue-dark:#c1432e;--blue-light:#2e1a18;--bg:#2c2c2c;--bg-warm:#323030;--bg-card:#3a3636;--bg-input:#423e3e;--text:#d6cfc8;--text-muted:#a89e96;--text-light:#7a726c;--border:#4a4444;--border-light:#3e3838;--shadow-sm:0 2px 8px #00000059;--shadow:0 4px 16px #00000073;--shadow-lg:0 12px 40px #0000008c;--shadow-color:0 8px 24px #e0756038;--nav-pill-bg:var(--bg-input);--nav-pill-border:#ffffff14;--nav-pill-shadow:0 1px 2px #0006,0 8px 24px #00000059;--nav-ink:var(--text);--nav-ink-muted:var(--text-muted);--nav-link-hover-bg:var(--bg);--nav-cta-bg:var(--accent);--nav-cta-text:#321611}:root[data-preset=warm][data-theme=light],:root[data-preset=warm]:not([data-theme]){--accent:#00303f;--blue:#00303f;--blue-dark:#001f2a;--blue-light:#dceee8;--bg:#f2f8f6;--bg-warm:#e8f0ec;--bg-card:#fff;--bg-input:#dfe8e4;--text:#00303f;--text-muted:#4a6a6e;--text-light:#7a9d96;--border:#b0cec4;--border-light:#cae4db;--shadow-color:0 8px 24px #00303f26;--nav-pill-bg:var(--bg-input);--nav-pill-border:#00000014;--nav-pill-shadow:0 1px 2px #0000000a,0 8px 24px #0000000f;--nav-ink:var(--text);--nav-ink-muted:var(--text-muted);--nav-link-hover-bg:var(--bg);--nav-cta-bg:var(--accent);--nav-cta-text:#fff}:root[data-preset=warm][data-theme=dark]{--accent:#7a9d96;--blue:#7a9d96;--blue-dark:#5a8078;--blue-light:#0e2028;--bg:#0a1f28;--bg-warm:#102830;--bg-card:#183038;--bg-input:#203840;--text:#cae4db;--text-muted:#8aada2;--text-light:#5a7a72;--border:#284048;--border-light:#1e3238;--shadow-sm:0 2px 8px #00000059;--shadow:0 4px 16px #00000073;--shadow-lg:0 12px 40px #0000008c;--shadow-color:0 8px 24px #7a9d9633;--nav-pill-bg:var(--bg-input);--nav-pill-border:#ffffff14;--nav-pill-shadow:0 1px 2px #0006,0 8px 24px #00000059;--nav-ink:var(--text);--nav-ink-muted:var(--text-muted);--nav-link-hover-bg:var(--bg);--nav-cta-bg:var(--accent);--nav-cta-text:#0a1f28}:root[data-preset=playful][data-theme=light],:root[data-preset=playful]:not([data-theme]){--accent:#4abdac;--blue:#4abdac;--blue-dark:#38a090;--blue-light:#e0f5f0;--bg:#f7f6f4;--bg-warm:#f0efeb;--bg-card:#fff;--bg-input:#e8e7e3;--text:#2c3e50;--text-muted:#5a6a78;--text-light:#8a949e;--border:#d0cec8;--border-light:#dfdce3;--shadow-color:0 8px 24px #4abdac2e;--nav-pill-bg:var(--bg-input);--nav-pill-border:#00000014;--nav-pill-shadow:0 1px 2px #0000000a,0 8px 24px #0000000f;--nav-ink:var(--text);--nav-ink-muted:var(--text-muted);--nav-link-hover-bg:var(--bg);--nav-cta-bg:var(--accent);--nav-cta-text:#0f2b28}:root[data-preset=playful][data-theme=dark]{--accent:#5cd4c2;--blue:#5cd4c2;--blue-dark:#4abdac;--blue-light:#142a28;--bg:#1e2a2e;--bg-warm:#243034;--bg-card:#2a363a;--bg-input:#323e42;--text:#dfdce3;--text-muted:#a0a8b0;--text-light:#6a7a80;--border:#384248;--border-light:#2e383e;--shadow-sm:0 2px 8px #00000059;--shadow:0 4px 16px #00000073;--shadow-lg:0 12px 40px #0000008c;--shadow-color:0 8px 24px #5cd4c233;--nav-pill-bg:var(--bg-input);--nav-pill-border:#ffffff14;--nav-pill-shadow:0 1px 2px #0006,0 8px 24px #00000059;--nav-ink:var(--text);--nav-ink-muted:var(--text-muted);--nav-link-hover-bg:var(--bg);--nav-cta-bg:var(--accent);--nav-cta-text:#1e2a2e}:root[data-preset=sage][data-theme=light],:root[data-preset=sage]:not([data-theme]){--accent:#7dce94;--blue:#7dce94;--blue-dark:#5ab872;--blue-light:#e4f6e8;--bg:#f9f8fd;--bg-warm:#f6f5f3;--bg-card:#fff;--bg-input:#eef0ec;--text:#3d3d3f;--text-muted:#5e6660;--text-light:#8a928c;--border:#c8d0ca;--border-light:#dce2dc;--shadow-color:0 8px 24px #7dce942e;--nav-pill-bg:var(--bg-input);--nav-pill-border:#00000014;--nav-pill-shadow:0 1px 2px #0000000a,0 8px 24px #0000000f;--nav-ink:var(--text);--nav-ink-muted:var(--text-muted);--nav-link-hover-bg:var(--bg);--nav-cta-bg:var(--accent);--nav-cta-text:#3d3d3f}:root[data-preset=sage][data-theme=dark]{--accent:#8ed8a0;--blue:#8ed8a0;--blue-dark:#7dce94;--blue-light:#162418;--bg:#2a2d2a;--bg-warm:#303430;--bg-card:#363a36;--bg-input:#3e423e;--text:#e5e8e5;--text-muted:#a8b0a8;--text-light:#6e786e;--border:#444a44;--border-light:#383e38;--shadow-sm:0 2px 8px #00000059;--shadow:0 4px 16px #00000073;--shadow-lg:0 12px 40px #0000008c;--shadow-color:0 8px 24px #8ed8a033;--nav-pill-bg:var(--bg-input);--nav-pill-border:#ffffff14;--nav-pill-shadow:0 1px 2px #0006,0 8px 24px #00000059;--nav-ink:var(--text);--nav-ink-muted:var(--text-muted);--nav-link-hover-bg:var(--bg);--nav-cta-bg:var(--accent);--nav-cta-text:#2a2d2a}:root[data-preset=wisteria][data-theme=light],:root[data-preset=wisteria]:not([data-theme]){--accent:#9b8ec4;--blue:#9b8ec4;--blue-dark:#7e6fb2;--blue-light:#ece8f4;--bg:#f8f7fc;--bg-warm:#ece8f4;--bg-card:#fff;--bg-input:#eeeaf4;--text:#3a3450;--text-muted:#5e5674;--text-light:#8a829e;--border:#ccc6d8;--border-light:#ddd8e8;--shadow-color:0 8px 24px #9b8ec42e;--nav-pill-bg:var(--bg-input);--nav-pill-border:#00000014;--nav-pill-shadow:0 1px 2px #0000000a,0 8px 24px #0000000f;--nav-ink:var(--text);--nav-ink-muted:var(--text-muted);--nav-link-hover-bg:var(--bg);--nav-cta-bg:var(--accent);--nav-cta-text:#2e2a3d}:root[data-preset=wisteria][data-theme=dark]{--accent:#b0a4d4;--blue:#b0a4d4;--blue-dark:#9b8ec4;--blue-light:#1e1a28;--bg:#2a282e;--bg-warm:#302e36;--bg-card:#36343c;--bg-input:#3e3c44;--text:#e5e3ea;--text-muted:#a8a4b4;--text-light:#6e6a7e;--border:#444250;--border-light:#383644;--shadow-sm:0 2px 8px #00000059;--shadow:0 4px 16px #00000073;--shadow-lg:0 12px 40px #0000008c;--shadow-color:0 8px 24px #b0a4d433;--nav-pill-bg:var(--bg-input);--nav-pill-border:#ffffff14;--nav-pill-shadow:0 1px 2px #0006,0 8px 24px #00000059;--nav-ink:var(--text);--nav-ink-muted:var(--text-muted);--nav-link-hover-bg:var(--bg);--nav-cta-bg:var(--accent);--nav-cta-text:#2a282e}html[data-transitioning] body{transition:background-color .3s,color .3s}html[data-transitioning] .navbar-inner,html[data-transitioning] .nav-login-btn,html[data-transitioning] .nav-avatar-link,html[data-transitioning] .book-card{transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-family:Nunito,Noto Sans TC,system-ui,sans-serif;font-size:16px;line-height:1.6;display:flex}main{flex:1}a{color:inherit;text-decoration:none}button{font-family:inherit}.navbar{z-index:100;background:0 0;border-bottom:none;padding:16px 24px 0;position:sticky;top:0}.navbar.navbar-static{position:static}.navbar-inner{background:linear-gradient(135deg,var(--blue-dark)0%,var(--purple-dark)100%);max-width:1152px;height:64px;box-shadow:var(--nav-pill-shadow);color:#ffffffd9;--nav-ink:#fff;--nav-ink-muted:#ffffffb3;--nav-link-hover-bg:#ffffff14;--nav-pill-border:#ffffff2e;--nav-cta-bg:#fff;--nav-cta-text:#252322;border:1px solid #ffffff1f;border-radius:18px;justify-content:flex-start;align-items:center;gap:12px;margin:0 auto;padding:6px 8px 6px 20px;display:flex;position:relative}.navbar-left{align-items:center;gap:10px;min-width:0;display:flex}.navbar-brand{color:var(--nav-ink);letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.05rem;font-weight:800;text-decoration:none;display:flex}.navbar-logo-svg{flex-shrink:0}.navbar-links{align-items:center;gap:2px;margin-left:8px;display:flex}.nav-link{color:var(--nav-ink);transition:background var(--transition),color var(--transition);background:0 0;border-radius:10px;padding:8px 14px;font-size:.92rem;font-weight:600;text-decoration:none}.nav-link:hover{background:var(--nav-link-hover-bg);color:var(--nav-ink)}.nav-link-admin{color:var(--accent)}.hamburger-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4.5px;min-width:44px;min-height:44px;padding:10px;display:none}.hamburger-btn span{background:var(--nav-ink);width:20px;height:2.5px;transition:all var(--transition);border-radius:2px;display:block}.hamburger-btn:hover span{background:var(--accent)}.navbar-right{align-items:center;gap:6px;margin-left:auto;display:flex}.nav-theme-toggle{width:40px;height:40px;color:var(--nav-ink-muted);cursor:pointer;transition:background var(--transition),color var(--transition);background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;padding:0;font-size:1.05rem;display:inline-flex}.nav-theme-toggle:hover{background:var(--nav-link-hover-bg);color:var(--nav-ink)}.nav-signup-link{color:var(--nav-ink);transition:background var(--transition);background:0 0;border-radius:12px;padding:9px 14px;font-size:.92rem;font-weight:700;text-decoration:none}.nav-signup-link:hover{background:var(--nav-link-hover-bg)}.nav-login-btn{background:var(--nav-cta-bg);color:var(--nav-cta-text);transition:filter var(--transition);border-radius:12px;align-items:center;padding:10px 18px;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex}.nav-login-btn:hover{filter:brightness(1.12)}.nav-avatar-link{color:var(--nav-ink);border:1px solid var(--nav-pill-border);transition:background var(--transition);border-radius:999px;align-items:center;gap:8px;padding:4px 14px 4px 4px;text-decoration:none;display:inline-flex}.nav-avatar-link:hover{background:var(--nav-link-hover-bg)}.nav-avatar{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:800;display:flex}.drawer-overlay{z-index:200;opacity:0;visibility:hidden;background:#0006;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.drawer-overlay.open{opacity:1;visibility:visible}.drawer{background:var(--bg-card);z-index:201;width:280px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:4px 0 24px #0000001f}.drawer.open{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.drawer-brand{color:var(--text);align-items:center;gap:8px;font-size:1rem;font-weight:800;text-decoration:none;display:flex}.drawer-close-btn{cursor:pointer;color:var(--text-muted);transition:color var(--transition);background:0 0;border:none;padding:4px;font-size:1.3rem;line-height:1}.drawer-close-btn:hover{color:var(--text)}.drawer-nav{padding:8px 0}.drawer-link{color:var(--text);transition:background var(--transition);align-items:center;gap:12px;padding:12px 20px;font-size:.95rem;font-weight:600;text-decoration:none;display:flex}.drawer-link:hover{background:var(--bg-input)}.drawer-link-secondary{color:var(--text-muted)}.drawer-divider{background:var(--border-light);height:1px;margin:4px 0}.mobile-search-bar{background:var(--bg-card);border-bottom:1px solid var(--border-light);padding:8px 16px 12px;display:none}.mobile-search-bar.open{display:block}.mobile-search-bar .navbar-search-inner{max-width:100%}.mobile-search-btn{background:var(--bg-input);cursor:pointer;width:36px;height:36px;color:var(--text-muted);transition:all var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;display:none}.mobile-search-btn:hover{background:var(--border-light);color:var(--text)}@media (max-width:768px){.navbar{padding:12px 12px 0}.navbar-inner{border-radius:16px;height:56px;padding:6px 8px 6px 12px}.navbar-brand-text,.navbar-links{display:none}.nav-signup-link{padding:8px 10px;font-size:.85rem}.nav-login-btn{padding:8px 14px;font-size:.85rem}.hamburger-btn{display:flex}}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.loading-icon{animation:1.8s ease-in-out infinite loadingBreathe}@keyframes loadingBreathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.92)}}.loading-screen p{color:var(--text-secondary);letter-spacing:.02em;font-size:.95rem}@media (prefers-reduced-motion:reduce){.loading-icon{animation:none}}.logo-animated{overflow:visible}@keyframes logoPageFlip{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes logoDotFloat{0%,to{transform:translateY(2px)}50%{transform:translateY(-5px)}}.logo-page{transform-box:fill-box}.logo-page-left{transform-origin:100%;animation:.5s both logoPageFlip}.logo-page-right{transform-origin:0%;animation:.5s 80ms both logoPageFlip}.logo-dot{transform-box:fill-box;transform-origin:50%}.logo-dot-1{animation:1.8s cubic-bezier(.45,0,.55,1) infinite logoDotFloat}.logo-dot-2{animation:1.8s cubic-bezier(.45,0,.55,1) .2s infinite logoDotFloat}.logo-dot-3{animation:1.8s cubic-bezier(.45,0,.55,1) .4s infinite logoDotFloat}@media (prefers-reduced-motion:reduce){.logo-page-left,.logo-page-right,.logo-dot-1,.logo-dot-2,.logo-dot-3{animation:none;transform:none}}.page-container{max-width:1100px;margin:0 auto;padding:40px 24px 0}.page-title{margin-bottom:8px;font-size:2.4rem;font-weight:900}.page-subtitle{color:var(--text-muted);margin-bottom:36px;font-size:1.05rem;line-height:1.7}.btn{border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition);letter-spacing:.01em;border:3px solid #0000;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:.95rem;font-weight:800;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-primary:hover:not(:disabled){background:var(--blue-dark);border-color:var(--blue-dark);box-shadow:var(--shadow-color);transform:translateY(-2px)}.btn-yellow{background:var(--yellow);color:var(--text);border-color:var(--yellow)}.btn-yellow:hover:not(:disabled){background:var(--yellow-dark);border-color:var(--yellow-dark);transform:translateY(-2px);box-shadow:0 8px 24px #fbd86866}.btn-pink{background:var(--pink);color:#fff;border-color:var(--pink)}.btn-pink:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #e9559b4d}.btn-outline{background:var(--bg-card);color:var(--blue);border-color:var(--border)}.btn-outline:hover:not(:disabled){border-color:var(--blue);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-success{background:var(--green);color:#fff;border-color:var(--green)}.btn-lg{padding:16px 40px;font-size:1.05rem}.icon-btn{background:var(--bg-card);border:2px solid var(--border);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;width:46px;height:46px;transition:all var(--transition);justify-content:center;align-items:center;font-size:1.15rem;display:flex}.icon-btn:hover{border-color:var(--blue);box-shadow:var(--shadow-sm)}.icon-btn.active{border-color:var(--blue);background:var(--blue-light)}.icon-btn-success{border-color:var(--green)!important;background:#ecfdf5!important}.toggle-btn{border-radius:var(--radius-pill);color:#e53e3e;cursor:pointer;transition:all var(--transition);background:#e53e3e1a;border:2px solid #e53e3e;padding:8px 20px;font-size:.85rem;font-weight:700}.toggle-btn.active{background:var(--green);border-color:var(--green);color:#fff}.stats-bar{justify-content:center;gap:64px;margin-bottom:0;padding:16px 0 12px;display:flex}.stat{text-align:center}.stat-value{background:linear-gradient(135deg,var(--blue),var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.9rem;font-weight:900;display:block}.stat-label{color:var(--text-muted);font-size:.9rem;font-weight:600}.section{margin-bottom:56px;scroll-margin-top:24px}.section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.section-title{font-size:1.6rem;font-weight:900}.section-link{color:var(--blue);font-size:.95rem;font-weight:700}.section-link:hover{text-decoration:underline}.private-stories-section{border-bottom:2px dashed var(--border);margin-bottom:32px;padding-bottom:24px}.private-stories-title{color:var(--text-primary);margin-bottom:16px;font-size:1.1rem;font-weight:700}.book-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.book-grid-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-template-columns:none;gap:20px;margin:-8px 0;padding:8px 0;overflow-x:auto;display:flex!important}.book-grid-scroll::-webkit-scrollbar{display:none}.book-grid-scroll>*{scroll-snap-align:start;flex:0 0 300px}@media (max-width:600px){.book-grid{grid-template-columns:repeat(2,1fr);gap:12px}.book-grid-scroll{gap:12px;margin:0 -16px;padding:0 16px 4px}.book-grid-scroll>*{flex:0 0 200px}}.book-card{background:var(--bg-card);border-radius:var(--radius);transition:all var(--transition);flex-direction:column;display:flex;overflow:hidden}.creator-story-card{flex-direction:column;height:100%;display:flex;position:relative}.creator-story-card>.book-card{flex:1}.book-card:hover{transform:translateY(-4px)}.book-card-inner{border:2px solid var(--border-light);border-radius:var(--radius);cursor:pointer;color:inherit;box-shadow:var(--shadow);transition:all var(--transition);flex-direction:column;flex:1;text-decoration:none;display:flex;overflow:hidden}.book-card:hover .book-card-inner{border-color:var(--blue);box-shadow:var(--shadow-lg)}.book-card-cover{justify-content:center;align-items:center;height:130px;display:flex;position:relative}.book-card-emoji{font-size:3.4rem}.book-card-body{flex-direction:column;flex:1;padding:14px 16px 16px;display:flex}.book-card-title{margin-bottom:4px;font-size:1rem;font-weight:800}.book-card-preview{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:12px;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.book-card-meta{color:var(--text-muted);border-top:1px solid var(--border-light);justify-content:flex-end;padding-top:10px;font-size:.78rem;display:flex}.book-card-stats{color:var(--text-muted);border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:10px 16px 12px;font-size:.76rem;display:flex}.book-card-author{color:var(--blue);font-weight:700}.book-card-stats-right{align-items:center;gap:12px;display:flex}.book-card-rating{align-items:center;gap:2px;display:flex}.book-card-star{color:#f5a623}.book-card-views{align-items:center;gap:3px;display:flex}.book-card-eye{font-size:.7rem}.book-card-new{background:var(--blue);color:#fff;border-radius:8px;padding:1px 8px;font-size:.68rem;font-weight:700}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-state-icon{margin-bottom:16px;font-size:3rem;display:block}.search-filter-bar{margin-bottom:24px}.search-filter-title{color:var(--text);margin-bottom:12px;font-size:1.4rem;font-weight:800}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:18px}.search-filter-input{background:var(--bg-card);width:100%;color:var(--text);border:3px solid var(--border);border-radius:var(--radius-pill);transition:border-color var(--transition),box-shadow var(--transition);box-shadow:var(--shadow-sm);outline:none;padding:16px 100px 16px 50px;font-family:inherit;font-size:1.05rem;font-weight:600}.search-filter-input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #0a96e626}.search-filter-input::placeholder{color:var(--text-light);font-weight:500}.search-clear-btn{background:var(--bg-input);color:var(--text-muted);cursor:pointer;width:28px;height:28px;transition:background var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;display:flex;position:absolute;right:56px}.search-clear-btn:hover{background:var(--border)}.filter-toggle{color:var(--text-muted);cursor:pointer;width:44px;height:44px;transition:color var(--transition),background var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;right:8px}.filter-toggle:hover{background:var(--bg-input);color:var(--blue)}.filter-toggle.active{color:var(--blue)}.filter-panel{opacity:0;background:var(--bg-card);border:2px solid var(--border);border-radius:0 0 var(--radius-lg)var(--radius-lg);max-height:0;box-shadow:var(--shadow-sm);border-top:none;margin:-8px 16px 0;padding:0 20px;transition:max-height .3s,padding .3s,opacity .3s;overflow:hidden}.filter-panel.open{opacity:1;max-height:300px;margin-top:0;padding:20px}.filter-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.filter-field label{color:var(--text-muted);margin-bottom:6px;font-size:.85rem;font-weight:700;display:block}.filter-field select{background:var(--bg-input);width:100%;color:var(--text);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition);appearance:auto;outline:none;padding:10px 14px;font-family:inherit;font-size:.9rem;font-weight:600}.filter-field select:focus{border-color:var(--blue)}.filter-actions{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;display:flex}.filter-result-count{color:var(--text-muted);font-size:.85rem;font-weight:600}.filter-reset{color:var(--blue);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition);background:0 0;border:none;padding:4px 8px;font-family:inherit;font-size:.85rem;font-weight:700}.filter-reset:hover{background:var(--blue-light)}@media (max-width:500px){.filter-grid{grid-template-columns:1fr}}.libby-reader{background:linear-gradient(180deg,var(--bg)0%,var(--bg-warm)100%);color:var(--text);z-index:150;flex-direction:column;display:flex;position:fixed;inset:0}.libby-toolbar{background:linear-gradient(135deg,var(--purple)0%,var(--blue)100%);color:#fff;height:52px;box-shadow:var(--shadow);flex-shrink:0;align-items:center;gap:12px;padding:0 20px;display:flex}.libby-back-row{background:var(--bg);flex-shrink:0;padding:12px 20px 0}.libby-back{background:var(--bg-card);border:1px solid color-mix(in srgb,var(--purple)30%,var(--border-light));border-radius:var(--radius-pill);color:var(--purple);align-items:center;gap:8px;padding:8px 18px;font-size:.88rem;font-weight:600;transition:color .2s,border-color .2s,box-shadow .2s,transform .15s;display:inline-flex;box-shadow:0 2px 6px #0000000a}.libby-back:hover{color:var(--blue);border-color:color-mix(in srgb,var(--blue)50%,var(--border-light));box-shadow:0 3px 10px color-mix(in srgb,var(--purple)15%,transparent);transform:translateY(-1px)}.libby-brand{color:#fff;align-items:center;gap:8px;text-decoration:none;display:flex}.libby-brand-logo{flex-shrink:0;display:block}.libby-brand-text{letter-spacing:.01em;white-space:nowrap;font-size:.9rem;font-weight:700}.libby-book-title{text-align:center;color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:1rem;font-weight:700;overflow:hidden}.libby-toolbar-actions{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:1;gap:2px;display:flex;overflow-x:auto}.libby-toolbar-actions::-webkit-scrollbar{display:none}.libby-tool-btn{cursor:pointer;color:#ffffffd9;background:#ffffff14;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:44px;min-height:44px;padding:7px 10px;transition:background .2s,color .2s,transform .1s;display:flex;position:relative}.libby-tool-btn svg{flex-shrink:0}.tool-icon-text{font-size:1.1rem;font-weight:700;line-height:1}.tool-label{letter-spacing:.02em;opacity:.9;white-space:nowrap;font-size:.6rem;font-weight:600;line-height:1}.libby-tool-btn:hover{color:#fff;background:#ffffff2e}.libby-tool-btn:active{transform:scale(.93)}.libby-tool-btn.active{color:#fff;background:#ffffff38}.libby-tool-btn.active .tool-label{opacity:1}.libby-tool-active{box-shadow:inset 0 0 0 2px #2ecc7180;background:#2ecc7140!important}.libby-tool-btn .spin-icon{animation:1s linear infinite spin}.libby-tool-btn:disabled{opacity:.6;cursor:wait}.libby-reader:fullscreen{background:var(--bg)}.settings-dot{background:#2ecc71;border:1.5px solid #fffc;border-radius:50%;width:7px;height:7px;position:absolute;top:2px;right:2px}.side-nav{background:var(--bg-card);border:1.5px solid var(--border);cursor:pointer;z-index:20;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:72px;height:180px;padding:0;font-family:inherit;transition:all .2s;display:flex;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}.side-nav-left{border-radius:0 var(--radius)var(--radius)0;border-left:none;left:0}.side-nav-right{border-radius:var(--radius)0 0 var(--radius);border-right:none;right:0}.side-nav:hover{background:var(--blue-light);border-color:var(--blue)}.side-nav:disabled{opacity:.2;cursor:default;pointer-events:none}.side-nav-arrow{color:var(--text-light);z-index:1;font-size:2.2rem;font-weight:700;line-height:1;position:relative}.side-nav-label{color:var(--text-light);z-index:1;writing-mode:horizontal-tb;font-size:.8rem;font-weight:700;position:relative}.side-nav:hover .side-nav-arrow,.side-nav:hover .side-nav-label{color:var(--blue)}.side-nav-dwell{background:#0a96e626;transition:height .1s linear;position:absolute;bottom:0;left:0;right:0}.side-nav-dwelling{border-color:var(--blue);background:var(--blue-light)}.libby-content{text-align:center;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:32px;padding:32px 48px;display:flex;position:relative;overflow:hidden auto}.libby-page-image{filter:drop-shadow(0 6px 16px #0000001a);font-size:7rem;line-height:1}.libby-page-text{color:var(--text);max-width:700px;font-family:Noto Sans TC,serif;font-size:2.6rem;font-weight:600;line-height:1.7}[data-font=noto-sans] .libby-page-text{font-family:Noto Sans TC,sans-serif}[data-font=noto-serif] .libby-page-text{font-family:Noto Serif TC,serif}[data-font=cwtex-kai] .libby-page-text{font-family:cwTeXKai,serif}[data-font=tw-kai] .libby-page-text{font-family:TW-Kai,serif}[data-font=jf-openhuninn] .libby-page-text{font-family:jf-openhuninn,sans-serif}[data-font=opendyslexic] .libby-page-text{font-family:OpenDyslexic,sans-serif}.libby-page-text.zhuyin-enabled{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:.1em;line-height:1;display:flex}.zhuyin-char{flex-direction:row;align-items:center;display:inline-flex;overflow:visible}.zhuyin-annotation{color:var(--text-muted,#fff9);pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:row;align-items:flex-end;padding:0 0 0 .05em;font-size:.35em;font-weight:500;display:inline-flex;position:relative;overflow:visible}.zhuyin-body{writing-mode:vertical-rl;white-space:nowrap;line-height:1}.zhuyin-tone{writing-mode:horizontal-tb;align-self:flex-end;margin-left:-.1em;font-size:1.2em;line-height:1}.zhuyin-tone-neutral{writing-mode:horizontal-tb;text-align:center;font-size:1.3em;line-height:1;position:absolute;inset:-.7em 0 auto}.libby-page-text.pinyin-enabled{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.1em;line-height:1.15;display:flex}.pinyin-char,.phonetic-char{flex-direction:column;align-items:center;display:inline-flex;overflow:visible}.pinyin-annotation{color:var(--text-muted,#fff9);letter-spacing:.02em;-webkit-user-select:none;user-select:none;pointer-events:none;margin-top:.15em;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.32em;font-weight:500;line-height:1}.libby-content-endpage{overflow:visible!important}.libby-endpage{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.endpage-emoji{font-size:2.5rem;line-height:1}.libby-endpage h2{margin:0;font-size:1.6rem;font-weight:900}.story-rate-prompt{color:var(--text-light);margin:0;font-size:.95rem}.star-rating{gap:4px;display:flex}.star-btn{cursor:pointer;color:#ccc;background:0 0;border:none;padding:0 4px;font-size:2.5rem;line-height:1;transition:transform .15s,color .15s}.star-btn:hover{transform:scale(1.2)}.star-btn.star-active{color:#f5a623}[data-theme=dark] .star-btn{color:#555}[data-theme=dark] .star-btn.star-active{color:#f5a623}.star-btn.star-btn-focused{color:#f5a623;text-shadow:0 0 18px #fbd868b3;z-index:2;position:relative;transform:scale(1.25)}.star-btn.star-btn-dwelling{z-index:3;position:relative}.star-btn.star-btn-dwelling:before{content:"";background:conic-gradient(var(--yellow)calc(var(--dwell-pct,0)*1%),transparent calc(var(--dwell-pct,0)*1%));z-index:-1;pointer-events:none;border-radius:50%;position:absolute;inset:-6px}.endpage-suggestions{flex-direction:column;align-items:center;gap:6px;width:100%;max-width:700px;margin-top:4px;display:flex}.endpage-suggestions-label{color:var(--text-light);margin:0;font-size:1.1rem;font-weight:800}.endpage-suggestions-row{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;padding:8px;display:flex;overflow:visible}.endpage-suggestion-card{border:2px solid var(--border-light);border-radius:var(--radius);background:var(--bg-card);cursor:pointer;scroll-snap-align:start;min-width:80px;max-width:90px;color:var(--text);flex-direction:column;flex-shrink:0;align-items:center;gap:6px;padding:10px 8px 8px;text-decoration:none;transition:all .2s;display:flex}.endpage-suggestion-card:hover{border-color:var(--blue);box-shadow:var(--shadow);transform:translateY(-2px)}.endpage-suggestion-cover{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:52px;height:52px;font-size:2rem;display:flex}.endpage-suggestion-title{text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.endpage-suggestion-card.endpage-card-focused{box-shadow:0 0 0 4px var(--yellow),0 0 24px #fbd86866;border-color:var(--yellow);z-index:2;transform:translateY(-2px)scale(1.06)}.endpage-suggestion-card.endpage-card-dwelling{z-index:3;position:relative}.endpage-suggestion-card.endpage-card-dwelling:before{content:"";border-radius:calc(var(--radius) + 3px);background:conic-gradient(var(--yellow)calc(var(--dwell-pct,0)*1%),transparent calc(var(--dwell-pct,0)*1%));z-index:-1;pointer-events:none;position:absolute;inset:-5px}.endpage-confirm-hint{color:var(--text-muted);text-align:center;opacity:.7;margin-top:8px;font-size:.85rem;font-weight:600}.endpage-browse-link{color:var(--blue);font-size:.95rem;font-weight:700;text-decoration:none;transition:opacity .15s}.endpage-browse-link:hover{opacity:.8}@media (max-width:600px){.endpage-suggestion-card{flex:0 0 calc(33% - 8px);min-width:68px;max-width:76px;padding:8px 6px 6px}.endpage-suggestion-cover{width:44px;height:44px;font-size:1.6rem}.endpage-suggestion-title{font-size:.7rem}.endpage-suggestions-label{font-size:.95rem}.endpage-suggestions-row{gap:8px}}.libby-cover-page{perspective:1200px;flex-direction:row;justify-content:center;align-items:center;gap:40px;min-height:60vh;padding:32px;display:flex}.libby-book-cover{width:340px;height:470px;transform-style:preserve-3d;cursor:default;flex-shrink:0;transition:transform .6s;position:relative;transform:rotateY(-8deg)}.libby-book-cover:hover{transform:rotateY(-2deg)}@keyframes page-turn-open{0%{opacity:1;transform:rotateY(0)}to{opacity:0;transform:rotateY(-90deg)}}.libby-cover-page.cover-turning{pointer-events:none}.libby-cover-page.cover-turning .libby-book-cover{transform-origin:0;animation:.7s cubic-bezier(.4,0,.2,1) forwards page-turn-open}.libby-cover-page.cover-turning .libby-cover-page-info{animation:.3s forwards fadeOut}@keyframes fadeOut{to{opacity:0}}.book-cover-spine{background:linear-gradient(90deg,color-mix(in srgb,var(--book-color)80%,#000)0%,color-mix(in srgb,var(--book-color)90%,#000)60%,var(--book-color)100%);border-radius:4px 0 0 4px;width:20px;height:100%;position:absolute;top:0;left:0;transform:translateZ(-2px);box-shadow:-3px 0 8px #0003}.book-cover-front{background:linear-gradient(160deg,color-mix(in srgb,var(--book-color)85%,#fff)0%,var(--book-color)50%,color-mix(in srgb,var(--book-color)85%,#000)100%);border-radius:0 8px 8px 0;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px 16px;display:flex;position:absolute;inset:0 0 0 20px;overflow:hidden;box-shadow:4px 4px 16px #00000026,inset 1px 0 #ffffff1a}.book-cover-front:after{content:"";opacity:.7;background:repeating-linear-gradient(#f5f0e8 0 1px,#e8e0d4 1px 2px);border-radius:0 2px 2px 0;width:6px;position:absolute;top:6px;bottom:6px;right:-3px}.book-cover-illustration{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;margin-bottom:4px;display:flex}.book-cover-illustration .cover-emoji{filter:drop-shadow(0 2px 4px #00000026);font-size:90px;line-height:1}.book-cover-illustration .cover-image-resize{aspect-ratio:1;max-width:160px;max-height:160px;position:relative}.book-cover-illustration .cover-image{object-fit:cover;border-radius:50%;width:100%;height:100%}.book-cover-title{color:#fff;text-align:center;text-shadow:0 1px 3px #00000040;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;margin:0;font-size:1.6rem;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.book-cover-author{color:#ffffffd9;text-shadow:0 1px 2px #00000026;margin:0;font-size:.85rem}.book-cover-badge{color:#ffffffbf;border-radius:var(--radius-pill);background:#ffffff26;padding:2px 10px;font-size:.75rem}.libby-cover-page-info{flex-direction:column;align-items:flex-start;gap:14px;max-width:240px;display:flex}.libby-cover-page-info .cover-info-title{color:var(--text);margin:0;font-size:1.6rem;font-weight:800;line-height:1.3}.libby-cover-page-info .cover-rating{align-items:center;gap:6px;font-size:1.3rem;display:flex}.libby-cover-page-info .cover-rating .cover-stars{color:var(--yellow-dark)}.libby-cover-page-info .cover-rating .cover-rating-count{color:var(--text-light);font-size:.9rem}.libby-cover-page-info .cover-rating .cover-new-badge{color:var(--green);font-size:1.1rem;font-weight:700}.libby-cover-page-info .cover-meta{color:var(--text-muted);flex-direction:column;gap:10px;font-size:.95rem;display:flex}.libby-cover-page-info .cover-meta strong{color:var(--text)}.libby-cover-page-info .cover-private-badge{background:var(--orange);color:#fff;border-radius:var(--radius-pill);align-items:center;gap:4px;padding:2px 8px;font-size:.78rem;font-weight:600;display:inline-flex}@media (max-width:600px){.libby-cover-page{flex-direction:column;gap:20px}.libby-cover-page-info{align-items:center;max-width:none}.libby-cover-page-info .cover-info-title{text-align:center}.libby-cover-page-info .cover-meta{align-items:center}.libby-book-cover{width:240px;height:330px}.book-cover-illustration{width:120px;height:120px}.book-cover-illustration .cover-emoji{font-size:60px}}.libby-bottombar{background:var(--bg-card);border-top:1px solid var(--border);flex-shrink:0;padding:10px 20px 14px}.libby-nav-row{gap:8px;margin-bottom:10px;display:flex}.libby-nav-btn{border:2px solid var(--border);background:var(--bg-card);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;flex:1;padding:28px 20px;font-family:inherit;font-size:1.4rem;font-weight:700;transition:all .2s}.libby-nav-btn:hover{border-color:var(--blue);color:var(--blue)}.libby-nav-btn:disabled{opacity:.3;cursor:default}.libby-nav-primary{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important}.libby-nav-primary:hover{background:var(--blue-dark)!important}.libby-nav-active{background:var(--green)!important;border-color:var(--green)!important;color:#fff!important}.libby-progress-row{align-items:center;gap:12px;display:flex}.libby-page-info{color:var(--text-muted);white-space:nowrap;min-width:80px;font-size:.75rem;font-weight:600}.libby-progress-bar{background:var(--border-light);border-radius:3px;flex:1;height:6px;overflow:hidden}.libby-progress-fill{background:linear-gradient(90deg,var(--blue),var(--purple),var(--pink));border-radius:3px;height:100%;transition:width .4s}.libby-author-info{color:var(--text-light);white-space:nowrap;text-align:right;min-width:60px;font-size:.75rem}.libby-status-row{justify-content:center;gap:8px;margin-top:8px;display:flex}.libby-status-chip{border-radius:var(--radius-pill);color:var(--green-dark);background:#2ecc711f;border:1px solid #2ecc7140;padding:3px 10px;font-size:.72rem;font-weight:600}.nextup-inline-content{flex-direction:column;align-items:center;gap:20px;display:flex}@media (max-width:768px){.libby-content{gap:24px;padding:24px 20px}.libby-page-image{font-size:5rem!important}.libby-page-text{font-size:1.8rem!important}}@media (max-width:600px){.libby-content{padding:16px 50px}.libby-page-image{font-size:4rem!important}.libby-page-text{font-size:1.4rem!important}.libby-nav-row{flex-wrap:wrap}.libby-toolbar{gap:6px;height:44px;padding:0 8px}.libby-brand-logo{width:24px;height:24px}.libby-brand-text{display:none}.libby-book-title{font-size:.8rem}.libby-back-row{padding:6px 12px 0}.libby-toolbar-actions{gap:1px}.libby-tool-btn{border-radius:8px;min-width:36px;min-height:36px;padding:4px 6px}.libby-tool-btn svg{width:16px;height:16px}.tool-icon-text{font-size:.95rem}.tool-label{display:none}.libby-back{font-size:.78rem}}.libby-toolbar-wrap{z-index:50;flex-shrink:0;position:relative}.settings-dropdown{background:var(--bg-card);border-radius:var(--radius-lg);z-index:1000;border:none;flex-direction:column;gap:14px;width:360px;max-width:calc(100vw - 32px);max-height:calc(100vh - 80px);padding:36px 24px 20px;display:flex;position:fixed;top:56px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 16px 48px #00000040}.settings-close-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;line-height:1;display:flex;position:absolute;top:8px;right:10px}.settings-close-btn:hover{background:var(--bg-hover,#00000014);color:var(--text)}.settings-backdrop{z-index:999;position:fixed;inset:0}.settings-panel{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;margin-bottom:24px;padding:20px 24px;display:flex}.settings-panel-accent{border-color:var(--blue);background:linear-gradient(135deg,var(--bg-card)0%,var(--blue-light)100%)}.settings-panel-title{font-size:1.05rem;font-weight:800}.settings-section-title{color:var(--purple);letter-spacing:.5px;font-size:.85rem;font-weight:800}.settings-divider{background:linear-gradient(90deg,var(--blue),var(--purple),var(--pink));opacity:.3;border-radius:1px;height:2px;margin:4px 0}.settings-desc{color:var(--text-muted);font-size:.85rem;line-height:1.6}.settings-mode-row{gap:6px;display:flex}.settings-mode-btn{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-muted);cursor:pointer;transition:all var(--transition);text-align:center;white-space:nowrap;padding:10px;font-size:.82rem;font-weight:700}.settings-mode-btn:hover{border-color:var(--purple);color:var(--text);background:var(--purple-light)}.settings-mode-btn.active{background:var(--green);border-color:var(--green);color:#fff;font-weight:800}.settings-row{color:var(--text);justify-content:space-between;align-items:center;font-size:.95rem;font-weight:700;display:flex}.settings-row>span:first-child{flex-shrink:0;min-width:5em}.settings-controls{color:var(--text);flex:1;align-items:center;gap:12px;font-size:.85rem;display:flex}.settings-status{background:var(--green);border-radius:var(--radius-sm);color:#fff;text-align:center;padding:10px 14px;font-size:.85rem;font-weight:700}.settings-activate-btn{border-radius:var(--radius-sm);background:var(--green);color:#fff;cursor:pointer;border:none;width:100%;padding:12px 14px;font-size:.95rem;font-weight:700;transition:background .2s}.settings-activate-btn:hover{opacity:.85}.settings-activate-btn.active{background:#e74c3c}.settings-privacy{color:var(--text-light);text-align:center;margin-top:4px;font-size:.75rem}.settings-badge{background:var(--bg-input);border-radius:var(--radius-pill);padding:4px 12px;font-size:.8rem;font-weight:700}.range-input{-webkit-appearance:none;background:var(--border);border-radius:3px;outline:none;width:100px;height:6px}.range-input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--blue);cursor:pointer;border:3px solid var(--bg-card);width:20px;height:20px;box-shadow:var(--shadow-sm);border-radius:50%}.story-end{text-align:center;background:linear-gradient(135deg,var(--blue-light),var(--purple-light));border-radius:var(--radius);border:2px solid var(--border);margin-top:32px;padding:36px}.story-end h3{margin-top:12px;margin-bottom:20px;font-size:1.3rem;font-weight:800}.story-end-next{margin-bottom:16px}.story-end-next-label{color:var(--text-muted);margin-bottom:8px;font-size:.8rem;font-weight:600;display:block}.story-end-next-card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);transition:all var(--transition);cursor:pointer;align-items:center;gap:12px;padding:12px 24px;display:inline-flex}.story-end-next-card:hover{border-color:var(--blue);box-shadow:var(--shadow-color);transform:translateY(-2px)}.story-end-next-emoji{font-size:2rem}.story-end-next-title{color:var(--text);font-size:1rem;font-weight:700}.story-end-hint{color:var(--text-light);border-radius:var(--radius-pill);background:#0000000a;margin-bottom:16px;padding:6px 14px;font-size:.8rem;display:inline-block}.story-end-actions{justify-content:center;gap:12px;display:flex}.nextup-inline-content{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:640px;display:flex}.nextup-inline-label{color:var(--text);letter-spacing:-.01em;font-size:1.2rem;font-weight:900}.nextup-inline-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.nextup-inline-card{border:2px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-card);cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:8px;padding:14px 10px 12px;transition:all .25s;display:flex}.nextup-inline-card:hover{border-color:var(--blue);box-shadow:var(--shadow);transform:translateY(-3px)}.nextup-inline-active{background:var(--blue-light);box-shadow:0 0 0 4px #0a96e626,var(--shadow);transform:scale(1.04);border-color:var(--blue)!important}.nextup-inline-emoji{border-radius:var(--radius);justify-content:center;align-items:center;width:64px;height:64px;font-size:2.4rem;display:flex}.nextup-inline-title{color:var(--text);text-align:center;font-size:.95rem;font-weight:800}.nextup-inline-hint{color:var(--text-light);justify-content:center;align-items:center;gap:10px;font-size:.85rem;display:flex}.nextup-inline-key{background:var(--bg-card);border:1.5px solid var(--border);color:var(--blue);box-shadow:0 2px 0 var(--border);border-radius:6px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-block}@media (min-width:800px){.nextup-inline-content{max-width:720px}.nextup-inline-grid{gap:16px}.nextup-inline-card{padding:18px 14px 14px}.nextup-inline-emoji{width:76px;height:76px;font-size:3rem}.nextup-inline-title{font-size:1.05rem}.nextup-inline-label{font-size:1.3rem}}@media (max-width:600px){.nextup-inline-grid{grid-template-columns:repeat(3,1fr);gap:8px}.nextup-inline-emoji{width:52px;height:52px;font-size:2rem}.nextup-inline-title{font-size:.85rem}.nextup-inline-card{gap:6px;padding:10px 8px 8px}}.nextup-overlay{z-index:200;background:linear-gradient(#0a1628 0%,#1a1040 100%);justify-content:center;align-items:center;padding:24px;animation:.4s nextup-fade;display:flex;position:fixed;inset:0}@keyframes nextup-fade{0%{opacity:0}to{opacity:1}}.nextup-content{text-align:center;width:100%;max-width:640px}.nextup-label{color:#fff;margin-bottom:8px;font-size:1.4rem;font-weight:900}.nextup-keys{color:#fff6;justify-content:center;align-items:center;gap:8px;margin-bottom:28px;font-size:.85rem;display:flex}.nextup-key{color:#ffffffb3;background:#ffffff1a;border:1px solid #fff3;border-radius:5px;padding:2px 10px;font-size:.75rem;font-weight:700;display:inline-block;box-shadow:0 2px #0000004d}.nextup-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px;display:grid}.nextup-card{border-radius:var(--radius);text-align:left;cursor:pointer;background:#ffffff0f;border:2px solid #ffffff14;align-items:center;gap:14px;padding:16px;transition:all .25s;display:flex}.nextup-card:hover{background:#ffffff1a;border-color:#fff3}.nextup-card-selected{background:#ffffff1f;transform:scale(1.03);box-shadow:0 0 0 3px #fbd86833,0 8px 24px #0000004d;border-color:var(--yellow)!important}.nextup-card-emoji{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.2rem;display:flex}.nextup-card-info{flex:1;min-width:0}.nextup-card-title{color:#fff;margin-bottom:2px;font-size:1rem;font-weight:800}.nextup-card-meta{color:#ffffff73;font-size:.8rem}.nextup-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.nextup-actions .btn-outline{color:#fff9;background:0 0;border-color:#fff3}.nextup-actions .btn-outline:hover{color:#fff;background:#ffffff14;border-color:#ffffff80}.nextup-actions .btn-primary{min-width:160px}@media (max-width:600px){.nextup-grid{grid-template-columns:1fr}.nextup-card-emoji{width:48px;height:48px;font-size:1.8rem}.nextup-actions{flex-direction:column;align-items:center}}.gaze-dot-real{border:3px solid var(--blue);pointer-events:none;z-index:998;background:radial-gradient(circle,#0a96e680 0%,#0000 70%);border-radius:50%;width:32px;height:32px;transition:left 80ms linear,top 80ms linear;position:fixed;box-shadow:0 0 20px #0a96e64d}.gaze-zone-indicator{pointer-events:none;z-index:997;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:25%;display:flex;position:fixed;top:0;bottom:0}.gaze-zone-indicator.left{background:linear-gradient(90deg,#0a96e61f 0%,#0000 100%);left:0}.gaze-zone-indicator.right{background:linear-gradient(-90deg,#e9559b1f 0%,#0000 100%);right:0}.gaze-dwell-ring{width:80px;height:80px;position:relative}.gaze-dwell-svg{width:80px;height:80px;transform:rotate(-90deg)}.gaze-dwell-bg{fill:none;stroke:#00000014;stroke-width:5px}.gaze-dwell-fill{fill:none;stroke:var(--blue);stroke-width:5px;stroke-dasharray:220;stroke-dashoffset:220px;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.gaze-zone-indicator.right .gaze-dwell-fill{stroke:var(--pink)}.gaze-dwell-label{color:var(--text);opacity:.5;justify-content:center;align-items:center;font-size:2rem;font-weight:900;display:flex;position:absolute;inset:0}.gaze-dwell-text{color:var(--text);opacity:.5;font-size:.9rem;font-weight:800}.gaze-hint{text-align:center;color:var(--blue);margin-top:16px;font-size:.9rem;font-weight:700;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.side-page-btn{cursor:pointer;z-index:990;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:72px;height:220px;padding:0;font-family:inherit;transition:opacity .2s,box-shadow .3s,transform .2s;display:flex;position:fixed;top:50%;overflow:hidden;transform:translateY(-50%)}.side-page-left{background:var(--teal);opacity:.85;border-radius:0 12px 12px 0;left:0}.side-page-right{background:var(--orange);opacity:.85;border-radius:12px 0 0 12px;right:0}.side-page-btn:hover{opacity:1;transform:translateY(-50%)scale(1.05)}.side-page-btn:disabled{opacity:.2;cursor:default;transform:translateY(-50%)}.side-page-btn:disabled:hover{opacity:.2;transform:translateY(-50%)}.side-page-arrow{color:#fff;z-index:1;font-size:2.4rem;font-weight:900;line-height:1}.side-page-label{color:#fff;z-index:1;font-size:.75rem;font-weight:800}.side-page-dwell{pointer-events:none;background:#ffffff59;height:0%;position:absolute;bottom:0;left:0;right:0}.side-page-dwell.dwell-filling{animation:dwell-fill-up var(--dwell-ms,1s)linear forwards}@keyframes dwell-fill-up{0%{height:0%}to{height:100%}}.side-page-dwelling{transform:translateY(-50%)scale(1.08);box-shadow:0 0 24px #fff6;opacity:1!important}.side-page-btn.switch-highlight{box-shadow:0 0 0 4px var(--yellow),0 0 24px #fbd86866;z-index:991;transform:translateY(-50%)scale(1.1);opacity:1!important}@media (max-width:600px){.side-page-btn{width:44px;height:140px}.side-page-arrow{font-size:1.8rem}.side-page-label{font-size:.65rem}}.face-hint-edge{pointer-events:none;z-index:990;opacity:.35;border-radius:0;justify-content:center;align-items:center;gap:6px;padding:0 18px;animation:2.5s ease-in-out infinite face-hint-pulse;display:flex;position:fixed;top:48px;bottom:120px;overflow:hidden}.face-hint-edge.face-hint-active{opacity:.9;animation:none}.face-hint-progress{pointer-events:none;border-radius:0;transition:height .3s ease-out;position:absolute;bottom:0;left:0;right:0}.face-hint-left .face-hint-progress{background:linear-gradient(#0a96e626,#0a96e666)}.face-hint-right .face-hint-progress{background:linear-gradient(#e9559b26,#e9559b66)}.face-hint-left{background:linear-gradient(90deg,#0a96e626,#0000);left:8px}.face-hint-right{background:linear-gradient(-90deg,#e9559b26,#0000);right:8px}.face-hint-down{background:var(--green,#4caf50);opacity:.85;border-radius:16px;flex-direction:column;width:min(80%,480px);padding:14px 32px;animation:2s ease-in-out infinite face-hint-bounce;top:auto;bottom:80px;left:50%;transform:translate(-50%)}.face-hint-down .face-hint-progress-h{background:#ffffff4d;border-radius:16px;width:0%;height:100%;transition:width .25s ease-out;position:absolute;bottom:0;left:0}.face-hint-down .face-hint-arrow{color:#fff;font-size:2.4rem}.face-hint-down .face-hint-label-h{color:#fff;font-size:1rem;font-weight:800}@keyframes face-hint-bounce{0%,to{opacity:.85;transform:translate(-50%)translateY(0)}50%{opacity:1;transform:translate(-50%)translateY(6px)}}.face-hint-arrow{z-index:1;font-size:2rem;font-weight:900;line-height:1;position:relative}.face-hint-left .face-hint-arrow{color:var(--blue)}.face-hint-right .face-hint-arrow{color:var(--pink)}.face-hint-label{color:var(--text-muted);writing-mode:vertical-rl;text-orientation:mixed;z-index:1;font-size:.75rem;font-weight:700;position:relative}.face-hint-label-h{color:var(--text-muted);z-index:1;font-size:.75rem;font-weight:700;position:relative}@keyframes face-hint-pulse{0%,to{opacity:.35}50%{opacity:.15}}.head-edge-glow{z-index:996;pointer-events:none;width:6px;position:fixed;top:0;bottom:0}.head-edge-glow.left{background:linear-gradient(90deg,var(--blue),transparent);box-shadow:0 0 30px var(--blue);left:0}.head-edge-glow.right{background:linear-gradient(-90deg,var(--pink),transparent);box-shadow:0 0 30px var(--pink);right:0}.switch-scan-bar{justify-content:center;gap:10px;padding:8px 16px;display:flex}.switch-nav-btn{border-radius:var(--radius-pill);border:2px solid var(--border);background:var(--bg-card);color:var(--text-muted);cursor:default;text-align:center;flex:1;max-width:180px;padding:14px 20px;font-size:1.05rem;font-weight:700;transition:all .2s;position:relative}.switch-nav-btn.switch-highlight{box-shadow:0 0 0 4px var(--yellow),0 0 24px #fbd86866;z-index:2;color:var(--text);border-color:var(--yellow);background:color-mix(in srgb,var(--yellow)12%,var(--bg-card));transform:scale(1.06)}.switch-nav-btn.switch-highlight:after{content:"▼";color:var(--yellow-dark);font-size:.8rem;animation:.8s ease-in-out infinite bounce-down;position:absolute;top:-22px;left:50%;transform:translate(-50%)}@keyframes bounce-down{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(4px)}}.key-picker{border-radius:var(--radius-pill);border:2px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;text-align:center;min-width:80px;transition:all var(--transition);padding:8px 18px;font-family:monospace;font-size:.85rem;font-weight:800}.key-picker.listening{border-color:var(--blue);background:var(--blue-light);color:var(--blue-dark);animation:1s ease-in-out infinite pulse}.accessibility-status-bar{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.status-chip{border-radius:var(--radius-pill);align-items:center;gap:4px;padding:6px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.gaze-chip{background:var(--blue-light);color:var(--blue-dark)}.head-chip{background:var(--purple-light);color:var(--purple-dark)}.direction-chip{background:var(--pink-light);color:var(--pink);animation:1.5s ease-in-out infinite pulse}#webgazerVideoFeed{object-fit:cover;box-shadow:var(--shadow-lg);border-radius:var(--radius)!important;border:3px solid var(--blue)!important;z-index:999!important;width:160px!important;height:120px!important;position:fixed!important;top:84px!important;right:16px!important}#webgazerVideoCanvas,#webgazerFaceOverlay,#webgazerFaceFeedbackBox,#webgazerGazeDot{display:none!important}.welcome-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.welcome-card{background:var(--bg-card);border-radius:var(--radius-lg);text-align:center;width:90%;max-width:380px;box-shadow:var(--shadow-lg);border:2px solid var(--border);padding:36px 32px 28px}.welcome-title{color:var(--text);margin-bottom:24px;font-size:1.3rem;font-weight:900}.welcome-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.welcome-grid>:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;max-width:50%}.welcome-option{border:2px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer;transition:all var(--transition);flex-direction:column;align-items:center;gap:6px;padding:16px 8px;display:flex}.welcome-option:hover{border-color:var(--blue);background:var(--blue-light);transform:scale(1.04)}.welcome-emoji{font-size:2rem}.welcome-label{color:var(--text);font-size:.85rem;font-weight:700}.welcome-hint{color:var(--text-light);font-size:.75rem}.steps-indicator{justify-content:center;gap:48px;margin-bottom:40px;display:flex}.step-dot{flex-direction:column;align-items:center;gap:8px;display:flex}.step-number{background:var(--bg-card);border:3px solid var(--border);width:44px;height:44px;color:var(--text-muted);transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:800;display:flex}.step-dot.active .step-number{border-color:var(--blue);color:var(--blue)}.step-dot.current .step-number{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 0 0 5px var(--blue-light)}.step-label{color:var(--text-muted);font-size:.8rem;font-weight:700}.step-dot.current .step-label{color:var(--blue-dark)}.write-form{max-width:640px;margin:0 auto}.form-group{margin-bottom:24px}.form-label{margin-bottom:8px;font-size:.95rem;font-weight:700;display:block}.form-input{background:var(--bg-card);width:100%;color:var(--text);border:3px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--transition),box-shadow var(--transition);outline:none;padding:14px 18px;font-family:inherit;font-size:1rem;font-weight:600}.form-input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #0a96e61f}.form-actions{justify-content:flex-end;gap:12px;margin-top:32px;display:flex}.page-editor{background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:18px}.page-editor-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.page-editor-label{color:var(--blue);font-size:.9rem;font-weight:800}.page-editor-remove{color:var(--text-light);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.85rem}.page-editor-remove:hover{color:var(--pink)}.emoji-picker{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.emoji-btn{border:2px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;width:40px;height:40px;transition:all var(--transition);justify-content:center;align-items:center;font-size:1.15rem;display:flex}.emoji-btn:hover{border-color:var(--blue);transform:scale(1.1)}.emoji-btn.active{border-color:var(--pink);background:var(--pink-light);transform:scale(1.15)}.add-page-btn{width:100%}.visibility-toggle{margin-top:24px}.visibility-options{gap:12px;margin-top:8px;display:flex}.visibility-option{border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-card);cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:4px;padding:16px 12px;transition:all .2s;display:flex}.visibility-option:hover{border-color:var(--blue)}.visibility-option.active{border-color:var(--blue);background:#0a96e60f}.visibility-icon{font-size:1.5rem}.visibility-label{font-size:.95rem;font-weight:700}.visibility-desc{color:var(--text-muted);font-size:.75rem}.book-card-private-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;border-radius:99px;padding:2px 8px;font-size:.7rem;font-weight:600;position:absolute;top:8px;left:8px}.confirm-summary{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);padding:24px}.confirm-title{margin-bottom:8px;font-size:1.3rem;font-weight:800}.confirm-meta{color:var(--text-muted);border-bottom:1px solid var(--border-light);margin-bottom:20px;padding-bottom:16px;font-size:.85rem}.confirm-pages{flex-direction:column;gap:8px;display:flex}.confirm-page{align-items:center;gap:12px;padding:8px 0;display:flex}.confirm-page-num{background:var(--blue-light);width:30px;height:30px;color:var(--blue-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;display:flex}.confirm-page-emoji{flex-shrink:0;font-size:1.3rem}.confirm-page-text{font-size:.95rem}.preview-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.preview-badge{background:var(--pink-light);color:var(--pink);border-radius:var(--radius-pill);padding:6px 16px;font-size:.8rem;font-weight:800}.a11y-hero{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:8px 48px 16px;display:flex;position:relative}.a11y-text{min-width:0}.a11y-hero-label{text-transform:uppercase;letter-spacing:3px;color:var(--text-light);margin-bottom:12px;font-size:.8rem;font-weight:600;display:inline-block}.a11y-hero-title{color:var(--text);letter-spacing:-.5px;margin-bottom:6px;font-size:1.85rem;font-weight:900;line-height:1.3}.a11y-hero-subtitle{color:var(--text-muted);margin:0;font-size:1rem;font-weight:400;line-height:1.6}.a11y-grid{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;min-width:0;display:grid}.a11y-card{background:var(--bg-card);border:1.5px solid var(--border-light);border-radius:var(--radius);text-align:center;transition:all var(--transition);padding:18px 14px 16px}.a11y-card:hover{border-color:var(--border);transform:translateY(-3px);box-shadow:0 8px 24px #0000000f}.a11y-icon{background:var(--bg-input);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin:0 auto 10px;display:flex}.a11y-icon svg{width:24px;height:24px;stroke:var(--text);stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round}.a11y-card h3{color:var(--text);margin-bottom:6px;font-size:.95rem;font-weight:800}.a11y-card p{color:var(--text-light);font-size:.8rem;line-height:1.5}@media (max-width:640px){.a11y-hero{gap:24px;padding:20px 0 24px}.a11y-grid{grid-template-columns:repeat(2,1fr)}.a11y-hero-title{font-size:1.6rem}.a11y-hero-subtitle{font-size:.9rem}}.a11y-modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.3s both a11yOverlayIn;display:flex;position:fixed;inset:0}@keyframes a11yOverlayIn{0%{opacity:0}to{opacity:1}}.a11y-modal{background:var(--bg-card);border-radius:var(--radius-lg);text-align:center;width:min(90vw,480px);max-height:90vh;padding:32px 28px 28px;animation:.3s both a11yModalIn;position:relative;overflow-y:auto}@keyframes a11yModalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.a11y-modal-close{background:var(--bg-input);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.a11y-modal-close:hover{background:var(--border-light);color:var(--text)}.a11y-modal-icon{background:var(--bg-input);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.a11y-modal-icon-svg{width:30px;height:30px;stroke:var(--text);stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round}.a11y-modal-title{color:var(--text);margin-bottom:8px;font-size:1.2rem;font-weight:800}.a11y-modal-desc{color:var(--text-muted);margin-bottom:20px;font-size:.85rem;line-height:1.6}.a11y-modal-anim{background:var(--bg-input);border-radius:var(--radius);justify-content:center;align-items:center;height:200px;display:flex;overflow:hidden}.anim-svg{width:100%;height:100%}@media (max-width:640px){.a11y-modal{padding:24px 18px 20px}.a11y-modal-anim{height:160px}}.gaze-pupil{animation:5s ease-in-out infinite gazeLook}@keyframes gazeLook{0%,10%{transform:translate(0)}20%,40%{transform:translate(-10px)}50%,60%{transform:translate(0)}70%,90%{transform:translate(10px)}to{transform:translate(0)}}.gaze-arrow-left,.gaze-arrow-right{opacity:.4;transition:opacity .3s}.a11y-anim-gaze .gaze-arrow-left{animation:5s ease-in-out infinite gazeHighlightLeft}.a11y-anim-gaze .gaze-arrow-right{animation:5s ease-in-out infinite gazeHighlightRight}@keyframes gazeHighlightLeft{0%,15%{opacity:.3}20%,40%{opacity:1}45%,to{opacity:.3}}@keyframes gazeHighlightRight{0%,65%{opacity:.3}70%,90%{opacity:1}95%,to{opacity:.3}}.a11y-anim-gaze .gaze-arrow-left polygon,.a11y-anim-gaze .gaze-arrow-right polygon{transition:fill .3s}.a11y-anim-gaze .gaze-arrow-left polygon{animation:5s ease-in-out infinite gazeArrowFillLeft}@keyframes gazeArrowFillLeft{0%,15%{fill:var(--text-muted)}20%,40%{fill:var(--blue)}45%,to{fill:var(--text-muted)}}.a11y-anim-gaze .gaze-arrow-right polygon{animation:5s ease-in-out infinite gazeArrowFillRight}@keyframes gazeArrowFillRight{0%,65%{fill:var(--text-muted)}70%,90%{fill:var(--blue)}95%,to{fill:var(--text-muted)}}.head-face{animation:5s ease-in-out infinite headFaceShift}@keyframes headFaceShift{0%,10%{transform:translate(0)}20%,40%{transform:translate(-3.5px)}45%,55%{transform:translate(0)}60%,80%{transform:translate(3.5px)}90%,to{transform:translate(0)}}.head-figure{animation:5s ease-in-out infinite headNudge}@keyframes headNudge{0%,10%{transform:translate(0)}15%{transform:translate(-1px,1.5px)}20%,40%{transform:translate(-2px)}45%{transform:translate(-1px,1.5px)}45%,55%{transform:translate(0)}55%{transform:translate(1px,1.5px)}60%,80%{transform:translate(2px)}85%{transform:translate(1px,1.5px)}90%,to{transform:translate(0)}}.a11y-anim-head .head-indicator-left{animation:5s ease-in-out infinite headHighlightLeft}.a11y-anim-head .head-indicator-right{animation:5s ease-in-out infinite headHighlightRight}@keyframes headHighlightLeft{0%,15%{opacity:.3}20%,40%{opacity:1}45%,to{opacity:.3}}@keyframes headHighlightRight{0%,55%{opacity:.3}60%,80%{opacity:1}85%,to{opacity:.3}}.a11y-anim-head .head-indicator-left path{animation:5s ease-in-out infinite headArrowFillLeft}@keyframes headArrowFillLeft{0%,15%{fill:var(--text-muted)}20%,40%{fill:var(--blue)}45%,to{fill:var(--text-muted)}}.a11y-anim-head .head-indicator-right path{animation:5s ease-in-out infinite headArrowFillRight}@keyframes headArrowFillRight{0%,55%{fill:var(--text-muted)}60%,80%{fill:var(--blue)}85%,to{fill:var(--text-muted)}}.a11y-anim-switch .switch-btn-left rect{animation:4s ease-in-out infinite switchPressLeft}@keyframes switchPressLeft{0%,10%{filter:none;transform:translateY(0)}15%,35%{filter:brightness(.92);transform:translateY(4px)}40%,to{filter:none;transform:translateY(0)}}.a11y-anim-switch .switch-btn-right rect{animation:4s ease-in-out infinite switchPressRight}@keyframes switchPressRight{0%,50%{filter:none;transform:translateY(0)}55%,75%{filter:brightness(.92);transform:translateY(4px)}80%,to{filter:none;transform:translateY(0)}}.a11y-anim-switch .switch-label-left{animation:4s ease-in-out infinite switchLabelLeft}@keyframes switchLabelLeft{0%,10%{opacity:0}15%,35%{opacity:1}40%,to{opacity:0}}.a11y-anim-switch .switch-label-right{animation:4s ease-in-out infinite switchLabelRight}@keyframes switchLabelRight{0%,50%{opacity:0}55%,75%{opacity:1}80%,to{opacity:0}}.speech-wave1{animation:1.5s ease-in-out infinite speechWave1}.speech-wave2{animation:1.5s ease-in-out .2s infinite speechWave2}@keyframes speechWave1{0%,to{opacity:.3}50%{opacity:1}}@keyframes speechWave2{0%,to{opacity:.2}50%{opacity:.8}}.speech-highlight{animation:6s linear infinite speechRead1}@keyframes speechRead1{0%,5%{width:0}10%,30%{width:150px}35%,to{opacity:.25;width:150px}}.speech-highlight-2{animation:6s linear infinite speechRead2}@keyframes speechRead2{0%,30%{width:0}35%,60%{width:130px}65%,to{opacity:.25;width:130px}}.speech-highlight-3{animation:6s linear infinite speechRead3}@keyframes speechRead3{0%,60%{width:0}65%,90%{width:145px}95%,to{opacity:.15;width:145px}}.cta-banner{background:linear-gradient(135deg,var(--blue)0%,var(--purple)100%);border-radius:var(--radius-lg);color:#fff;justify-content:space-between;align-items:center;gap:32px;margin-bottom:0;padding:48px 56px;display:flex;position:relative;overflow:hidden}.cta-banner:before{content:"";pointer-events:none;background:radial-gradient(circle at 90%,#fbd86833 0%,#0000 50%);position:absolute;inset:0}.cta-banner-left h3{margin-bottom:8px;font-size:1.6rem;font-weight:900;position:relative}.cta-banner-left p{opacity:.85;font-size:1rem;position:relative}.cta-banner-right{flex-shrink:0;gap:12px;display:flex;position:relative}.cta-banner .btn-outline{color:#fff;background:0 0;border-color:#fff6}.cta-banner .btn-outline:hover{color:#fff;background:#ffffff1a;border-color:#fff}@media (max-width:768px){.cta-banner{text-align:center;flex-direction:column;padding:36px 24px}.cta-banner-right{flex-direction:column;width:100%}.cta-banner-right .btn{width:100%}}.about-section{margin-bottom:40px}.about-heading{border-bottom:3px solid var(--blue-light);color:var(--blue-dark);margin-bottom:12px;padding-bottom:8px;font-size:1.3rem;font-weight:800}.about-text{color:var(--text-muted);text-wrap:pretty;margin-bottom:12px;font-size:.95rem;line-height:1.8}.about-text:last-child{margin-bottom:0}.about-quote{color:var(--blue-dark);border-left:4px solid var(--blue);background:var(--blue-light);border-radius:var(--radius);text-wrap:pretty;margin:0 0 20px;padding:16px 20px;font-size:1.1rem;font-weight:600;line-height:1.8}.feature-list{flex-direction:column;gap:12px;display:flex}.feature-item{background:var(--bg-card);border-radius:var(--radius);border:2px solid var(--border-light);transition:all var(--transition);gap:16px;padding:18px;display:flex}.feature-item:hover{border-color:var(--blue);box-shadow:var(--shadow-color);transform:translateY(-2px)}.feature-item-icon{text-align:center;flex-shrink:0;width:40px;font-size:1.8rem}.feature-item h3{margin-bottom:4px;font-size:1rem;font-weight:800}.feature-item p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.site-footer{background:linear-gradient(135deg,var(--blue-dark)0%,var(--purple-dark)100%);color:#ffffffd9;width:100%;margin-top:48px;padding:48px 48px 0}.footer-top{border-bottom:1px solid #ffffff1f;justify-content:space-between;gap:48px;max-width:1100px;margin:0 auto;padding-bottom:32px;display:flex}.footer-brand{flex-direction:column;gap:16px;max-width:340px;display:flex}.footer-brand-row{align-items:center;gap:14px;display:flex}.footer-brand>span,.footer-brand-row>span{flex-shrink:0;font-size:2.2rem}.footer-brand strong{color:#fff;margin-bottom:6px;font-size:1.05rem;display:block}.footer-brand p{opacity:.6;font-size:.85rem;line-height:1.6}.footer-links-group{gap:56px;display:flex}.footer-col{flex-direction:column;gap:8px;display:flex}.footer-col h4{letter-spacing:.08em;color:var(--yellow);text-transform:uppercase;margin-bottom:4px;font-size:.85rem;font-weight:800}.footer-col a{color:#ffffff8c;transition:color var(--transition);font-size:.9rem}.footer-col a:hover{color:#fff}.footer-bottom{opacity:.4;justify-content:space-between;max-width:1100px;margin:0 auto;padding:20px 0;font-size:.8rem;display:flex}.footer-social{gap:12px;display:flex}.footer-social-icon{color:#ffffffb3;width:32px;height:32px;transition:background var(--transition),color var(--transition),transform var(--transition);background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.footer-social-icon:hover{color:#fff;background:#ffffff2e;transform:translateY(-2px)}@media (max-width:768px){.site-footer{padding:32px 24px 0}.footer-top{flex-direction:column;gap:32px}.footer-links-group{gap:32px}.footer-bottom{text-align:center;flex-direction:column;gap:4px}}.support-page{max-width:740px;margin:0 auto;padding:20px 0 60px}.support-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border-light);padding:48px 40px}.support-title{text-align:center;color:var(--green-dark);margin-bottom:12px;font-size:1.6rem;font-weight:800;line-height:1.4}.support-title-icon{vertical-align:middle;margin-right:8px;font-size:1.8rem}.support-intro{text-align:center;color:var(--text-muted);margin-bottom:8px;font-size:.95rem;font-style:italic}.support-divider{border:none;border-top:1px solid var(--border);margin:32px 0}.support-section{margin-bottom:32px}.support-section:last-child{margin-bottom:0}.support-heading{border-bottom:3px solid var(--green-light,#d4ede0);color:var(--green-dark);margin-bottom:12px;padding-bottom:8px;font-size:1.3rem;font-weight:800}.support-body p{color:var(--text);text-wrap:pretty;margin-bottom:20px;font-size:.95rem;line-height:1.9}.support-intro,.support-thankyou p{text-wrap:pretty}.support-costs{margin:28px 0;padding-left:16px}.support-cost-item{color:var(--blue-dark);align-items:center;gap:12px;margin-bottom:16px;font-size:1.05rem;font-weight:700;display:flex}.support-cost-icon{font-size:1.2rem}.support-note{padding-left:16px;color:var(--text-muted)!important;font-size:.9rem!important}.support-highlight{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:3px;-webkit-text-decoration-color:var(--yellow);text-decoration-color:var(--yellow)}.support-thankyou{border-left:4px solid var(--orange);border-radius:var(--radius-sm);background:linear-gradient(135deg,#fff5f5,#fff0e5);margin:8px 0 32px;padding:28px 24px}.support-thankyou h3{color:var(--text);margin-bottom:16px;font-size:1.1rem;font-weight:800}.support-thankyou p{color:var(--text);margin-bottom:16px;font-size:.95rem;line-height:1.9}.support-thankyou p:last-child{margin-bottom:0}.support-cta-text{text-align:center;color:var(--text-muted);margin-bottom:20px;font-size:.95rem}.support-buttons{justify-content:center;gap:16px;margin-bottom:28px;display:flex}.support-donate-cta{justify-content:center;margin:28px 0 12px;display:flex}.support-donate-cta+.usage-updated{border-top:none;margin-top:24px;padding-top:0}.btn-donate{--donate-from:color-mix(in oklab,var(--accent),white 28%);--donate-mid:var(--accent);--donate-to:color-mix(in oklab,var(--accent),black 18%);--donate-glow:var(--accent);--donate-shadow:color-mix(in srgb,var(--donate-glow)38%,transparent);--donate-shadow-strong:color-mix(in srgb,var(--donate-glow)55%,transparent);border-radius:var(--radius-pill);letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,var(--donate-from)0%,var(--donate-mid)55%,var(--donate-to)100%);box-shadow:0 10px 28px -6px var(--donate-shadow),0 2px 6px #00000014,inset 0 1px 0 #ffffff59;isolation:isolate;cursor:pointer;background-position:0%;background-size:200% 200%;border:1px solid #ffffff40;align-items:center;gap:14px;padding:18px 44px;font-size:1.1rem;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .25s,background-position .5s,filter .25s;display:inline-flex;position:relative;overflow:hidden}.btn-donate:before{content:"";border-radius:inherit;opacity:.9;pointer-events:none;z-index:1;background:linear-gradient(160deg,#fff6,#fff0 45%);position:absolute;inset:0}.btn-donate:after{content:"";opacity:0;pointer-events:none;z-index:0;background:conic-gradient(from 180deg,#fff0 0deg,#ffffff2e 30deg,#fff0 60deg);transition:opacity .4s,transform .8s;position:absolute;inset:-40% -30%;transform:rotate(0)}.btn-donate-label,.btn-donate-arrow{z-index:2;position:relative}.btn-donate-arrow{background:#ffffff38;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.95rem;transition:transform .25s,background .2s;display:inline-flex}.btn-donate:hover{box-shadow:0 18px 38px -8px var(--donate-shadow-strong),0 4px 10px #0000001a,inset 0 1px 0 #fff6;filter:saturate(1.1);background-position:100%;transform:translateY(-3px)}.btn-donate:hover:after{opacity:1;transform:rotate(120deg)}.btn-donate:hover .btn-donate-arrow{background:#ffffff4d;transform:translate(3px)}.btn-donate:active{box-shadow:0 6px 16px -4px var(--donate-shadow),inset 0 1px 0 #ffffff40;transform:translateY(-1px)}.btn-donate:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}:root[data-theme=dark] .btn-donate{--donate-shadow:color-mix(in srgb,var(--donate-glow)32%,transparent);--donate-shadow-strong:color-mix(in srgb,var(--donate-glow)48%,transparent);box-shadow:0 12px 32px -8px var(--donate-shadow),0 2px 8px #0000004d,inset 0 1px 0 #ffffff47;border-color:#ffffff2e}@media (prefers-reduced-motion:reduce){.btn-donate,.btn-donate:after,.btn-donate-arrow{transition:none}.btn-donate:hover:after{transform:none}}@media (max-width:520px){.btn-donate{padding:16px 32px;font-size:1rem}.btn-donate-arrow{width:22px;height:22px}}.support-contact{text-align:center;color:var(--text-muted);font-size:.9rem}.share-buttons-wrap{text-align:center;margin:28px 0 24px}.share-caption{color:var(--text-muted);margin-bottom:14px;font-size:.95rem;font-weight:700}.share-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.share-btn{color:#555;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s,color .15s;display:inline-flex}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.share-btn-line{color:#fff;background:#06c755}.share-btn-facebook{color:#fff;background:#1877f2}.share-btn-x,.share-btn-threads{color:#fff;background:#000}.share-btn-instagram{color:#fff;background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.share-btn-email{color:#fff;background:#6b7280}.share-btn-copy{color:#374151;background:#e5e7eb}.share-toast{color:var(--blue-dark);margin-top:12px;font-size:.9rem;font-weight:600}.play-menu{max-width:640px;margin:0 auto;padding:20px 0 60px}.play-menu-hero{text-align:center;margin-bottom:36px}.play-menu-emoji{margin-bottom:8px;font-size:5rem;animation:1.5s infinite bounce-fruit;display:block}@keyframes bounce-fruit{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-12px)rotate(-5deg)}75%{transform:translateY(-6px)rotate(5deg)}}.play-menu-title{background:linear-gradient(135deg,var(--pink),var(--orange),var(--yellow-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2.4rem;font-weight:900}.play-menu-subtitle{color:var(--text-muted);font-size:1rem}.play-mode-cards{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px;display:grid}.play-mode-card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;transition:all var(--transition);padding:28px 20px;font-family:inherit}.play-mode-card:hover{border-color:var(--blue);box-shadow:var(--shadow-color);transform:translateY(-4px)}.play-mode-gaze:hover{border-color:var(--purple);box-shadow:0 8px 24px #6c3fa033}.play-mode-icon{margin-bottom:8px;font-size:2.4rem;display:block}.play-mode-card h3{margin-bottom:4px;font-size:1.1rem;font-weight:800}.play-mode-card p{color:var(--text-muted);font-size:.85rem}.play-rules{background:var(--bg-warm);border-radius:var(--radius);margin-bottom:20px;padding:24px}.play-rules h3{text-align:center;color:var(--text);margin-bottom:16px;font-size:1rem;font-weight:800}.play-rules-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.play-rule{color:var(--text-muted);align-items:center;gap:10px;font-size:.9rem;display:flex}.play-rule span:first-child{flex-shrink:0;font-size:1.3rem}.play-best-score{text-align:center;color:var(--yellow-dark);margin-top:16px;font-size:1.1rem}.play-gameover{text-align:center;padding:40px 0}.play-gameover-emoji{margin-bottom:8px;font-size:5rem;display:block}.play-gameover-title{color:var(--text);margin-bottom:20px;font-size:2rem;font-weight:900}.play-score-final{justify-content:center;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.play-score-number{color:var(--blue);font-size:4rem;font-weight:900}.play-score-label{color:var(--text-muted);font-size:1.4rem;font-weight:700}.play-newbest{color:var(--yellow-dark);margin-bottom:24px;font-size:1.1rem;font-weight:700}.play-gameover-actions{justify-content:center;gap:16px;margin-top:20px;display:flex}.play-screen{z-index:200;background:linear-gradient(#e8f8ff 0%,#fef9ef 100%);flex-direction:column;display:flex;position:fixed;inset:0}.play-hud{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--border-light);background:#ffffffe6;justify-content:center;align-items:center;gap:32px;padding:12px 24px;display:flex;position:relative}.play-hud-item{flex-direction:column;align-items:center;gap:2px;display:flex}.play-hud-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.7rem;font-weight:700}.play-hud-value{color:var(--text);font-size:1.5rem;font-weight:900;transition:color .2s}.play-hud-danger{animation:.5s infinite pulse;color:#e74c3c!important}.play-quit-btn{border:2px solid var(--border);background:var(--bg-card);cursor:pointer;width:36px;height:36px;color:var(--text-muted);transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.play-quit-btn:hover{color:#e74c3c;border-color:#e74c3c}.play-gaze-status{text-align:center;color:var(--purple);background:var(--purple-light);padding:8px 16px;font-size:.8rem}.play-combo-popup{color:var(--orange);text-shadow:0 2px 8px #f7914766;z-index:210;pointer-events:none;font-size:2rem;font-weight:900;animation:.8s forwards combo-pop;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes combo-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}30%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}to{opacity:0;transform:translate(-50%,-70%)scale(1)}}.play-game-area{-webkit-user-select:none;user-select:none;cursor:crosshair;flex:1;position:relative;overflow:hidden}.play-fruit{cursor:pointer;transform-origin:50%;z-index:1;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;width:80px;height:80px;transition:opacity .3s,transform .3s;animation:.3s fruit-spawn;display:flex;position:absolute}.play-fruit:active{transform:scale(.7)!important}@keyframes fruit-spawn{0%{opacity:0;transform:scale(0)rotate(-180deg)}to{opacity:1;transform:scale(1)rotate(0)}}.play-fruit-emoji{pointer-events:none;filter:drop-shadow(0 4px 8px #00000026);font-size:3.2rem}.play-bomb .play-fruit-emoji{animation:.8s infinite bomb-pulse}@keyframes bomb-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.play-sliced{pointer-events:none;z-index:2;justify-content:center;align-items:center;width:80px;height:80px;animation:.6s forwards slice-effect;display:flex;position:absolute}@keyframes slice-effect{0%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}to{opacity:0;transform:scale(.5)translateY(-40px)}}.play-sliced-bomb{animation:.6s forwards bomb-effect}@keyframes bomb-effect{0%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(2)}to{opacity:0;transform:scale(2.5)}}.play-sliced-text{color:var(--green);text-shadow:0 2px 4px #0003;font-size:1.2rem;font-weight:900}.play-sliced-bomb .play-sliced-text{color:#e74c3c}.play-gaze-dot{border:2px solid var(--purple);pointer-events:none;z-index:205;background:#6c3fa04d;border-radius:50%;width:24px;height:24px;transition:left .1s,top .1s;position:fixed;transform:translate(-50%,-50%)}.play-waiting{color:var(--text-light);font-size:1.1rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:600px){.play-mode-cards,.play-rules-grid{grid-template-columns:1fr}.play-menu-title{font-size:1.8rem}.play-hud{gap:20px}.play-hud-value{font-size:1.2rem}.play-fruit{width:64px;height:64px}.play-fruit-emoji{font-size:2.6rem}.support-card{padding:32px 20px}.support-title{font-size:1.3rem}.support-buttons{flex-direction:column;align-items:center}}::selection{background:var(--blue);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-warm)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.theme-settings{border-bottom:2px solid var(--border-light);margin-bottom:48px;padding-bottom:40px}.theme-section{margin-bottom:28px}.theme-section-title{color:var(--text-muted);margin-bottom:12px;font-size:1rem;font-weight:700}.theme-mode-toggle{gap:8px;display:flex}.theme-mode-btn{border-radius:var(--radius-pill);border:2px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;transition:all var(--transition);padding:10px 24px;font-family:inherit;font-size:.9rem;font-weight:700}.theme-mode-btn.active{background:var(--accent,var(--blue));color:#fff;border-color:var(--accent,var(--blue))}.theme-preset-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.theme-preset-card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);flex-direction:column;align-items:center;gap:10px;padding:18px 14px;font-family:inherit;display:flex;position:relative}.theme-preset-card:hover{border-color:var(--accent,var(--blue));box-shadow:var(--shadow);transform:translateY(-2px)}.theme-preset-card.active{border-color:var(--accent,var(--blue));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,var(--blue))25%,transparent)}.theme-preset-swatches{gap:6px;display:flex}.theme-swatch{border:2px solid var(--border-light);border-radius:50%;width:28px;height:28px}.theme-preset-name{color:var(--text);font-size:.82rem;font-weight:700}.theme-preset-check{color:var(--accent,var(--blue));font-size:.9rem;font-weight:900;position:absolute;top:8px;right:10px}.theme-accent-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.theme-accent-circle{cursor:pointer;width:36px;height:36px;transition:all var(--transition);border:3px solid #0000;border-radius:50%;padding:0}.theme-accent-circle:hover{transform:scale(1.15)}.theme-accent-circle.active{border-color:var(--text);box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--text)}.theme-accent-custom{cursor:pointer;color:var(--text-muted);align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:flex}.theme-accent-custom input[type=color]{border:2px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;width:32px;height:32px;padding:2px}.theme-accent-reset{border-radius:var(--radius-pill);border:2px solid var(--border);background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:all var(--transition);padding:6px 14px;font-family:inherit;font-size:.8rem;font-weight:700}.theme-accent-reset:hover{border-color:var(--accent,var(--blue));color:var(--accent,var(--blue))}.theme-font-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.theme-font-card{border:2px solid var(--border-light);border-radius:var(--radius);background:var(--bg-card);cursor:pointer;transition:all var(--transition);flex-direction:column;gap:8px;padding:16px;display:flex;position:relative}.theme-font-card:hover{border-color:var(--accent,var(--blue));box-shadow:var(--shadow);transform:translateY(-2px)}.theme-font-card.active{border-color:var(--accent,var(--blue));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,var(--blue))25%,transparent)}.theme-font-card-name{color:var(--text);font-size:.85rem;font-weight:700}.theme-font-card-en{color:var(--text-muted);font-size:.72rem;font-weight:600}.theme-font-card-preview{color:var(--text);margin-top:4px;font-size:1.2rem;line-height:1.6}.theme-font-card-check{color:var(--accent,var(--blue));font-weight:900;position:absolute;top:8px;right:10px}.filter-strip{z-index:90;background:var(--bg,#fff);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin:0 0 24px;padding:10px 0;display:flex;position:sticky;top:64px}.filter-strip-left{align-items:center;gap:10px;display:flex}.filter-strip-select{background:var(--bg-input);color:var(--text);border:2px solid var(--border-light);cursor:pointer;transition:border-color var(--transition);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2.5' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:20px;outline:none;padding:8px 30px 8px 14px;font-family:inherit;font-size:.85rem;font-weight:600}.filter-strip-select:focus{border-color:var(--accent)}.filter-strip-right{align-items:center;gap:10px;display:flex}.filter-strip-count{color:var(--text-muted);font-size:.82rem;font-weight:600}.filter-strip-reset{border:2px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:16px;padding:5px 14px;font-family:inherit;font-size:.8rem;font-weight:700}.filter-strip-reset:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:768px){.filter-strip{padding:8px 0;top:64px}.filter-strip-select{padding:6px 26px 6px 10px;font-size:.8rem}}.auth-page{background:var(--bg-warm);justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:40px 20px;display:flex}.auth-card{background:var(--bg-card);width:100%;max-width:400px;box-shadow:var(--shadow);border-radius:16px;padding:40px}.auth-header{text-align:center;margin-bottom:28px}.auth-header .logo-animated{margin-bottom:12px}.auth-title{color:var(--text);margin:0 0 4px;font-size:1.4rem;font-weight:800}.auth-subtitle{color:var(--text-muted);margin:0;font-size:.9rem}.auth-error{color:#c53030;background:#fde8e8;border-radius:8px;margin-bottom:20px;padding:10px 14px;font-size:.85rem;font-weight:600}.auth-field{margin-bottom:18px}.auth-label{color:var(--text-muted);margin-bottom:6px;font-size:.82rem;font-weight:700;display:block}.auth-input{background:var(--bg-input);width:100%;color:var(--text);border:2px solid var(--border-light);transition:border-color var(--transition),box-shadow var(--transition);border-radius:10px;outline:none;padding:11px 14px;font-family:inherit;font-size:.9rem;font-weight:500}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #0a96e61a}.auth-input::placeholder{color:var(--text-light)}.auth-hint{color:var(--text-light);margin-top:5px;font-size:.78rem}.auth-submit{background:var(--accent);color:#fff;cursor:pointer;width:100%;transition:all var(--transition);border:none;border-radius:10px;margin-top:4px;padding:12px;font-family:inherit;font-size:.95rem;font-weight:700}.auth-submit:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.auth-submit:disabled{opacity:.4;cursor:not-allowed}.auth-footer{text-align:center;color:var(--text-muted);margin-top:20px;font-size:.85rem}.auth-link{color:var(--accent);font-weight:700;text-decoration:none}.auth-link:hover{text-decoration:underline}@media (max-width:480px){.auth-card{padding:28px 20px}}.drag-handle{cursor:grab;color:var(--text-light);border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;display:flex}.drag-handle:hover{color:var(--accent);background:var(--bg-input)}.drag-handle:active{cursor:grabbing}.drag-handle-icon{font-size:18px;line-height:1}.drag-handle-num{font-size:11px;font-weight:600}.sortable-card .page-editor-header{align-items:center;gap:8px;display:flex}.drag-overlay-card{box-shadow:var(--shadow-lg);border:2px solid var(--accent);border-radius:var(--radius);background:var(--bg-card);opacity:.95;transform:scale(1.02)}.image-picker{margin-top:8px}.image-picker-tabs{border-bottom:2px solid var(--border-light);gap:0;margin-bottom:12px;display:flex}.image-picker-tab{color:var(--text-muted);cursor:pointer;transition:color var(--transition),border-color var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:8px 16px;font-size:13px;font-weight:500}.image-picker-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.image-drop-zone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;background:var(--bg-warm);cursor:pointer;transition:border-color var(--transition),background var(--transition);padding:24px}.image-drop-zone:hover{border-color:var(--accent);background:var(--blue-light)}.drop-zone-content{flex-direction:column;align-items:center;gap:4px;display:flex}.drop-zone-icon{font-size:32px}.drop-zone-text{color:var(--text);font-size:14px;font-weight:500}.drop-zone-subtext{color:var(--text-muted);font-size:12px}.drop-zone-formats{color:var(--text-light);margin-top:4px;font-size:11px}.upload-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.image-preview-container{flex-direction:column;gap:10px;display:flex}.image-preview{border-radius:var(--radius);background:var(--bg-input);line-height:0;position:relative;overflow:hidden}.image-preview img{object-fit:cover;width:100%;max-height:200px}.image-dimensions{color:#fff;background:#0009;border-radius:6px;padding:2px 8px;font-size:11px;position:absolute;top:8px;right:8px}.image-toolbar{flex-wrap:wrap;gap:8px;display:flex}.image-tool-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;color:var(--text);transition:border-color var(--transition);align-items:center;gap:4px;padding:6px 12px;font-size:13px;display:flex}.image-tool-btn:hover{border-color:var(--accent)}.image-tool-btn.danger{color:#e74c3c;border-color:#e74c3c;margin-left:auto}.image-tool-btn:disabled{opacity:.5;cursor:not-allowed}.filter-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px;display:grid}.filter-option{text-align:center;cursor:pointer;border-radius:var(--radius-sm);transition:border-color var(--transition);background:0 0;border:3px solid #0000;padding:4px}.filter-option.active{border-color:var(--accent)}.filter-preview{aspect-ratio:1;background-position:50%;background-size:cover;border-radius:8px;width:100%}.filter-option span{color:var(--text);margin-top:4px;font-size:12px;display:block}.image-picker-error{color:#e74c3c;margin-top:8px;font-size:13px}.crop-modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.crop-modal{background:var(--bg-card);border-radius:var(--radius-lg);flex-direction:column;gap:16px;width:min(90vw,500px);max-height:90vh;padding:24px;display:flex}.crop-modal-title{margin:0;font-size:18px}.crop-container{border-radius:var(--radius);background:#000;width:100%;height:300px;position:relative;overflow:hidden}.crop-aspect-options{gap:8px;display:flex}.crop-aspect-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;padding:6px 14px;font-size:13px}.crop-aspect-btn.active{border-color:var(--accent);background:var(--blue-light);color:var(--accent);font-weight:600}.crop-actions{justify-content:flex-end;gap:8px;display:flex}@keyframes rulesModalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes rulesModalIn{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes rulesBubbleA{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes rulesBubbleB{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rules-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1200;background:#0f172a73;justify-content:center;align-items:center;padding:20px;animation:.22s ease-out both rulesModalOverlayIn;display:flex;position:fixed;inset:0}.rules-modal{background:var(--bg-card);border-radius:28px;flex-direction:column;width:min(92vw,560px);max-height:min(92vh,820px);animation:.32s cubic-bezier(.16,1,.3,1) both rulesModalIn;display:flex;overflow:hidden;box-shadow:0 1px 2px #2523220a,0 24px 60px #0f172a40}.rules-modal-hero{text-align:center;background:radial-gradient(120% 140% at 20% 20%,#fff4b8 0%,#0000 55%),radial-gradient(100% 120% at 85% 10%,#ffe3a3 0%,#0000 60%),radial-gradient(120% 140% at 70% 100%,#fbd868 0%,#0000 60%),linear-gradient(135deg,#ffe27a 0%,#f9cb47 50%,#f79147 100%);flex-shrink:0;justify-content:center;align-items:center;padding:36px 32px 32px;display:flex;position:relative;overflow:hidden}.rules-modal-hero:before,.rules-modal-hero:after{content:"";filter:blur(40px);opacity:.55;pointer-events:none;border-radius:50%;position:absolute}.rules-modal-hero:before{background:#fff1cc;width:220px;height:220px;top:-60px;left:-40px}.rules-modal-hero:after{background:#ffd6a3;width:180px;height:180px;bottom:-60px;right:-40px}.rules-modal-title{color:#1a1a1a;letter-spacing:.01em;text-shadow:0 1px #ffffff59;margin:0;font-size:30px;font-weight:800;animation:.5s cubic-bezier(.16,1,.3,1) .1s both rulesBubbleA;position:relative}.rules-modal-body{background:var(--bg-card);flex-direction:column;flex:auto;gap:16px;min-height:0;padding:24px 32px 20px;display:flex;overflow-y:auto}.rules-modal-section{padding:0}.rules-modal-heading{color:var(--text);letter-spacing:.01em;margin:0 0 8px;font-size:15px;font-weight:700}.rules-modal-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.rules-modal-item{color:var(--text-muted);padding-left:18px;font-size:15px;line-height:1.65;position:relative}.rules-modal-item:before{content:"";background:var(--text-light);border-radius:50%;width:5px;height:5px;position:absolute;top:10px;left:4px}.rules-modal-footer-note{color:var(--text-light);text-align:left;margin:8px 0 0;font-size:13px;line-height:1.6}.rules-modal-footer{background:var(--bg-card);border-top:1px solid var(--border-light);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 32px 24px;display:flex}.rules-modal-scroll-hint{color:var(--text-muted);font-size:13px;font-weight:500}.rules-modal-agree{appearance:none;color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:999px;min-width:160px;margin-left:auto;padding:14px 32px;font-size:15px;font-weight:700;transition:transform .18s,background-color .18s,box-shadow .18s;box-shadow:0 6px 18px #0000002e}.rules-modal-agree:hover{background:#2d2d2d;transform:translateY(-1px);box-shadow:0 10px 24px #00000038}.rules-modal-agree:active{transform:translateY(0);box-shadow:0 4px 12px #0000002e}.rules-modal-agree:focus-visible{outline-offset:3px;outline:3px solid #0a96e673}.rules-modal-agree:disabled,.rules-modal-agree[aria-disabled=true]{color:#fff;cursor:not-allowed;box-shadow:none;background:#c7c5c2;transform:none}.rules-modal-agree:disabled:hover,.rules-modal-agree[aria-disabled=true]:hover{box-shadow:none;background:#c7c5c2;transform:none}@media (max-width:520px){.rules-modal{border-radius:22px}.rules-modal-hero{padding:26px 22px 22px}.rules-modal-body{padding:18px 22px 12px}.rules-modal-footer{padding:12px 22px 18px}.rules-modal-title{font-size:22px}.rules-modal-item{font-size:14px}}.draft-status-bar{border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:16px;padding:8px 14px;font-size:13px;display:flex}.draft-status-saving{color:#b87a00;background:#fff9e6;border:1px solid #ffe0a0}.draft-status-saved{color:#2d9c92;background:#f0fffe;border:1px solid #b8e8e4}.draft-status-offline{color:#c0392b;background:#fff5f5;border:1px solid #ffc8c8}.draft-status-conflict{color:#b8600e;background:#fef3e2;border:1px solid #fdd49e}.draft-status-icon{font-size:14px}.draft-status-text{flex:1;font-weight:500}.draft-status-badge{opacity:.7;font-size:12px}.draft-status-action{color:#fff;cursor:pointer;background:#e67e22;border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500}.draft-list-section{margin-bottom:32px}.draft-list-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.draft-list-title{color:var(--text);margin:0;font-size:16px}.draft-list-count{background:var(--accent);color:#fff;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.draft-list{flex-direction:column;gap:8px;display:flex}.draft-card{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-light);align-items:center;gap:14px;padding:14px 16px;display:flex}.draft-card-cover{font-size:28px}.draft-card-info{flex:1}.draft-card-title{color:var(--text);font-size:15px;font-weight:600}.draft-card-meta{color:var(--text-muted);margin-top:2px;font-size:12px}.draft-card-actions{gap:6px;display:flex}.btn-sm{padding:6px 12px;font-size:12px}.draft-delete-btn{color:var(--text-muted)}.draft-new-btn{border:2px dashed var(--border);border-radius:var(--radius);cursor:pointer;background:var(--bg-warm);width:100%;transition:border-color var(--transition);justify-content:center;align-items:center;gap:12px;margin-top:12px;padding:20px;display:flex}.draft-new-btn:hover{border-color:var(--accent)}.draft-new-title{color:var(--text);font-size:15px;font-weight:600}.draft-new-sub{color:var(--text-muted);margin-top:2px;font-size:12px}.conflict-columns{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.conflict-col{border-radius:var(--radius-sm);background:var(--bg-warm);text-align:center;padding:16px}.conflict-col h4{margin:0 0 8px;font-size:14px}.conflict-col p{margin:4px 0;font-size:14px}.conflict-meta{color:var(--text-muted);font-size:12px}.libby-page-image-uploaded,.reader-page-image-uploaded{border-radius:var(--radius);width:100%;max-width:400px;margin:0 auto 16px;line-height:0;overflow:hidden}.libby-page-image-uploaded img,.reader-page-image-uploaded img{object-fit:contain;width:100%;height:auto}.reader-page-uploaded-img{object-fit:contain;border-radius:12px;max-width:100%;max-height:300px;margin-bottom:16px}.reader-page-emoji{text-align:center;margin-bottom:16px;font-size:6rem;line-height:1.2;display:block}.block-editor{flex-direction:column;gap:12px;display:flex}.block-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:12px}.block-card-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.block-drag-handle{cursor:grab;color:var(--text-muted);background:0 0;border:none;padding:2px 4px;font-size:1.2rem;line-height:1}.block-drag-handle:active{cursor:grabbing}.block-type-label{color:var(--text-muted);flex:1;font-size:.8rem}.block-remove-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:1rem}.block-remove-btn:hover{color:var(--danger,#e74c3c);background:#e74c3c1a}.block-text-input{border:1px solid var(--border);resize:vertical;background:var(--bg);width:100%;min-height:60px;color:var(--text);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:1rem}.block-text-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #3b82f61a}.block-add-buttons{justify-content:center;gap:10px;margin-top:4px;display:flex}.block-add-btn{padding:8px 20px;font-size:.9rem}.admin-loading{min-height:60vh;color:var(--text-muted);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.admin-container{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}.admin-header{margin-bottom:2rem}.admin-header h1{color:var(--text);margin-bottom:.25rem;font-size:1.8rem;font-weight:800}.admin-header p{color:var(--text-muted);font-size:.95rem}.admin-tabs{border-bottom:2px solid var(--border);gap:.25rem;margin-bottom:1.5rem;display:flex}.admin-tab{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.7rem 1.4rem;font-size:.95rem;font-weight:600}.admin-tab:hover{color:var(--text)}.admin-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.admin-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.5rem;padding:1.5rem}.admin-card h2{color:var(--text);margin-bottom:1rem;font-size:1.15rem;font-weight:700}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.9rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border-light);white-space:nowrap;padding:.6rem .8rem}.admin-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}.admin-table tbody tr:hover{background:var(--bg-input)}.admin-role-badge{border-radius:var(--radius-pill);background:var(--bg-input);color:var(--text-muted);padding:.15rem .6rem;font-size:.78rem;font-weight:600;display:inline-block}.admin-role-admin{background:var(--purple-light);color:var(--purple)}.admin-btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;padding:.6rem 1.5rem;font-size:.95rem;font-weight:600}.admin-btn-primary:hover{opacity:.9}.admin-btn-primary:disabled{opacity:.5;cursor:not-allowed}.admin-btn-secondary{background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);padding:.45rem 1rem;font-size:.85rem}.admin-btn-secondary:hover{background:var(--border-light)}.admin-btn-danger-sm{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:6px;padding:.3rem .7rem;font-size:.8rem;font-weight:600}.admin-btn-danger-sm:hover{background:#c0392b}.admin-btn-cancel-sm{background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:.3rem .7rem;font-size:.8rem}.admin-btn-icon{border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:.8rem;display:flex}.admin-btn-icon:hover{background:var(--bg-input);color:#e74c3c}.admin-confirm-group{gap:.3rem;display:flex}.admin-form{flex-direction:column;gap:.75rem;display:flex}.admin-form-row{gap:.5rem;display:flex}.admin-form input[type=text],.admin-form select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);flex:1;padding:.5rem .75rem;font-size:.9rem}.admin-form input[type=color]{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:42px;height:38px;padding:2px}.admin-pages-editor h3{color:var(--text);margin-bottom:.5rem;font-size:.95rem;font-weight:600}.admin-page-row{align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.admin-page-num{text-align:center;width:24px;color:var(--text-muted);font-size:.8rem;font-weight:600}.admin-debug{flex-direction:column;gap:1rem;display:flex}.admin-stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;display:grid}.admin-stat{background:var(--bg-input);border-radius:var(--radius-sm);flex-direction:column;gap:.25rem;padding:1rem;display:flex}.admin-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:600}.admin-stat-value{color:var(--text);font-size:1.3rem;font-weight:700}.admin-loading-data{text-align:center;color:var(--text-muted);padding:3rem}@media (max-width:640px){.admin-container{padding:1rem}.admin-form-row{flex-direction:column}.admin-stats-grid{grid-template-columns:1fr 1fr}}[data-dyslexia=true]{--line-height-override:2;--letter-spacing-override:.05em;--font-weight-override:500}[data-dyslexia=true] .libby-page-text,[data-dyslexia=true] .book-card-title,[data-dyslexia=true] .story-text{line-height:var(--line-height-override)!important;letter-spacing:var(--letter-spacing-override)!important;font-weight:var(--font-weight-override)!important;text-align:left!important;font-family:Noto Sans TC,sans-serif!important}[data-dyslexia=true] .libby-page-text{background-image:repeating-linear-gradient(#0000 0 2em,#00000008 2em 4em)}[data-theme=dark][data-dyslexia=true] .libby-page-text{background-image:repeating-linear-gradient(#0000 0 2em,#ffffff0a 2em 4em)}.stats-cards-grid{grid-template-columns:repeat(3,1fr);gap:12px;max-width:720px;margin-bottom:20px;margin-left:auto;margin-right:auto;display:grid}@media (max-width:768px){.stats-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-cards-grid{grid-template-columns:1fr}}.stat-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);text-align:center;padding:16px}.stat-card-streak{color:#fff;background:linear-gradient(135deg,#ff6b35,#ff8c42);border:none}.stat-card-icon{margin-bottom:2px;font-size:24px}.stat-card-value{font-size:28px;font-weight:800;line-height:1}.stat-card-label{color:var(--text-muted);margin-top:2px;font-size:12px}.stat-card-streak .stat-card-label{color:#ffffffe6}.stat-card-sub{opacity:.7;margin-top:4px;font-size:10px}.stat-card-streak .stat-card-sub{color:#ffffffb3}.weekly-chart{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:20px;padding:16px;overflow:visible}.weekly-chart-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.weekly-chart-title{font-size:14px;font-weight:600}.weekly-chart-bars{align-items:flex-end;gap:8px;height:120px;display:flex;overflow:visible}.weekly-chart-col{flex-direction:column;flex:1;align-items:center;gap:4px;height:100%;display:flex;overflow:visible}.weekly-chart-bar-wrapper{flex:1;align-items:flex-end;width:100%;display:flex;overflow:visible}.weekly-chart-bar{background:var(--blue-light,#dbeafe);cursor:pointer;border-radius:4px 4px 0 0;width:100%;min-height:4px;transition:height .3s;position:relative}.weekly-chart-tooltip{background:var(--text,#1e293b);color:#fff;white-space:nowrap;pointer-events:none;z-index:10;border-radius:6px;margin-bottom:6px;padding:6px 10px;font-size:13px;font-weight:600;display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.weekly-chart-bar:hover .weekly-chart-tooltip{display:block}.weekly-chart-bar-today{background:var(--accent,var(--blue))}.weekly-chart-label{color:var(--text-muted);font-size:10px}.weekly-chart-label-today{color:var(--accent,var(--blue));font-weight:600}.badge-grid-section{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:20px;padding:16px}.badge-grid-title{margin-bottom:12px;font-size:14px;font-weight:600}.badge-grid{flex-wrap:wrap;gap:12px;display:flex}.badge-item{text-align:center;width:64px}.badge-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 4px;font-size:22px;display:flex}.badge-earned .badge-icon{background:var(--yellow,#fef3c7)}.badge-locked .badge-icon{background:var(--bg-input,#f1f5f9);opacity:.3}.badge-label{color:var(--text-muted);font-size:10px}.badge-locked .badge-label{color:var(--text-light)}.prefs-section{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:20px;padding:16px}.prefs-section-title{margin-bottom:12px;font-size:14px;font-weight:600}.prefs-row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.prefs-row+.prefs-row{border-top:1px solid var(--border)}.prefs-row-text{flex:1}.prefs-row-name{font-size:14px;font-weight:500}.prefs-row-desc{color:var(--text-muted);font-size:12px}.prefs-toggle{cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;margin-left:12px;transition:background .2s;position:relative}.prefs-toggle.active{background:var(--accent,var(--blue))}.prefs-toggle:not(.active){background:var(--border,#e2e8f0)}.prefs-toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000026}.prefs-toggle.active:after{transform:translate(20px)}.prefs-example{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.prefs-example-title{color:var(--text-muted);margin-bottom:10px;font-size:12px;font-weight:600}.prefs-example-compare{grid-template-columns:1fr 1fr;gap:10px;display:grid}.prefs-example-box{background:var(--bg,#f8fafc);border:1px solid var(--border);border-radius:8px;padding:12px}.prefs-example-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;font-size:11px;font-weight:600}.prefs-example-text-normal{letter-spacing:0;color:var(--text);margin:0;font-size:14px;line-height:1.5}.prefs-example-text-friendly{letter-spacing:.05em;color:var(--text);margin:0;font-family:Noto Sans TC,sans-serif;font-size:14px;font-weight:500;line-height:2}.navbar-streak{color:var(--nav-ink);align-items:center;gap:2px;font-size:.9rem;font-weight:700;display:inline-flex}.reading-section{margin-bottom:24px}.reading-mode-chips{flex-wrap:wrap;gap:8px;display:flex}.reading-mode-chip{border-radius:var(--radius-pill);border:2px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;transition:all var(--transition);padding:10px 16px;font-family:inherit;font-size:.85rem;font-weight:700}.reading-mode-chip:hover{border-color:var(--accent,var(--blue))}.reading-mode-chip.active{background:var(--accent,var(--blue));color:#fff;border-color:var(--accent,var(--blue))}.reading-slider-row{align-items:center;gap:12px;display:flex}.reading-range{accent-color:var(--accent,var(--blue));flex:1;height:6px}.reading-range-value{color:var(--accent,var(--blue));text-align:right;min-width:56px;font-size:.9rem;font-weight:700}.reading-range-input{appearance:textfield;background:0 0;border:1px solid #0000;border-radius:6px;width:72px;padding:2px 4px}.reading-range-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.reading-range-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.reading-range-input:hover,.reading-range-input:focus{border-color:var(--accent,var(--blue));background:var(--card-bg,#fff);outline:none}.reading-range-value-group{text-align:right;align-items:center;gap:0;min-width:56px;display:inline-flex}.reading-range-unit{color:var(--accent,var(--blue));font-size:.9rem;font-weight:700}.reading-range-label{color:var(--text-muted);min-width:42px;font-size:.75rem}.reading-conditional-group{background:var(--bg-card);border-radius:var(--radius);border-left:3px solid var(--accent,var(--blue));margin-bottom:24px;padding:20px}.reading-conditional-switch{border-left-color:var(--purple)}.reading-switch-keys{gap:16px;display:flex}.reading-key-input{flex:1}.reading-key-label{color:var(--text-muted);margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.reading-key-btn{text-align:center;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);cursor:pointer;transition:all var(--transition);padding:10px;font-family:monospace;font-size:.95rem;font-weight:700}.reading-key-btn:hover{border-color:var(--accent,var(--blue))}.reading-toggle-row{justify-content:space-between;align-items:center;display:flex}.reading-toggle{background:var(--border);cursor:pointer;border:none;border-radius:12px;width:44px;height:24px;padding:0;transition:background .2s;position:relative}.reading-toggle.active{background:var(--accent,var(--blue))}.reading-toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px}.reading-toggle.active .reading-toggle-thumb{transform:translate(20px)}.cover-picker{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:16px}.cover-picker .form-label{margin-bottom:12px;display:block}.cover-preview{background:var(--bg-input);border:2px dashed var(--border);border-radius:8px;justify-content:center;align-items:center;width:160px;height:200px;margin:0 auto 12px;display:flex;position:relative;overflow:hidden}.cover-preview-img{object-fit:cover;width:100%;height:100%}.cover-preview-resize{max-width:100%;max-height:100%;position:relative}.cover-preview-emoji{font-size:64px}.cover-auto-badge{color:#fff;background:#000000bf;border-radius:4px;padding:2px 8px;font-size:12px;position:absolute;bottom:6px;right:6px}.cover-picker-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.cover-picker-hint{color:var(--text-muted);text-align:center;margin:12px 0 0;font-size:13px}.image-picker-divider{color:var(--text-muted);align-items:center;gap:8px;margin:12px 0;font-size:13px;display:flex}.image-picker-divider:before,.image-picker-divider:after{content:"";background:var(--border);flex:1;height:1px}.image-search-btn{background:var(--bg-card);border:2px dashed var(--border);border-radius:var(--radius);width:100%;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:15px;font-weight:500;transition:border-color .15s,background .15s;display:flex}.image-search-btn:hover{border-color:var(--accent);background:var(--bg-hover,var(--bg-card))}.modal-backdrop{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card.pexels-modal{background:var(--bg-card);color:var(--text);border-radius:var(--radius-lg);flex-direction:column;width:min(92vw,760px);max-height:88vh;display:flex;overflow:hidden}.pexels-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pexels-modal-header h2{margin:0;font-size:18px;font-weight:600}.pexels-modal-close{cursor:pointer;color:var(--text-muted);border-radius:var(--radius);background:0 0;border:none;padding:4px 8px;font-size:20px}.pexels-modal-close:hover{background:var(--bg-hover,#0000000d);color:var(--text)}.pexels-search-row{gap:8px;padding:16px 20px 8px;display:flex}.pexels-search-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input,var(--bg-card));color:var(--text);flex:1;padding:10px 14px;font-size:15px}.pexels-search-input:focus{border-color:var(--accent);outline:none}.pexels-search-btn{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;padding:10px 18px;font-size:15px;font-weight:500}.pexels-search-btn:disabled{opacity:.5;cursor:not-allowed}.pexels-error{color:#dc2626;border-radius:var(--radius);background:#dc262614;margin:0 20px;padding:10px 14px;font-size:14px}.pexels-hint{text-align:center;color:var(--text-muted);margin:0;padding:20px;font-size:14px;line-height:1.6}.pexels-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;padding:8px 20px 16px;display:grid;overflow-y:auto}.pexels-thumb{aspect-ratio:4/3;border-radius:var(--radius);cursor:pointer;background-color:#f0f0f0;border:2px solid #0000;padding:0;transition:border-color .15s,transform .15s;position:relative;overflow:hidden}.pexels-thumb:hover{border-color:var(--accent);transform:translateY(-2px)}.pexels-thumb:disabled{cursor:wait;opacity:.6}.pexels-thumb img{object-fit:cover;width:100%;height:100%;display:block}.pexels-thumb-importing{color:#fff;background:#0009;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex;position:absolute;inset:0}.pexels-thumb-credit{color:#fff;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#000000bf);padding:10px 8px 4px;font-size:11px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.pexels-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);margin:0;padding:10px 20px;font-size:12px}.pexels-footer a{color:var(--accent);text-decoration:none}.page-image-credit{color:var(--text-muted);text-align:center;opacity:.7;margin:4px 0 0;padding:0 8px;font-size:11px}.page-image-credit a{color:inherit;text-decoration:underline}.image-resize-container{width:100%;display:block;position:relative}.image-resize-wrapper{max-width:100%;display:inline-block;position:relative}.image-resize-wrapper .image-preview{width:100%;display:block}.image-resize-wrapper .image-preview img{border-radius:12px;width:100%;height:auto;display:block}.image-resize-handle{background:var(--accent,#4a90d9);cursor:nwse-resize;touch-action:none;z-index:2;border:2px solid #fff;border-radius:50%;width:22px;height:22px;padding:0;position:absolute;bottom:-8px;right:-8px;box-shadow:0 1px 4px #00000040}.image-resize-handle:focus-visible{outline:2px solid var(--accent,#4a90d9);outline-offset:2px}.image-size-row{align-items:center;margin-top:8px;display:flex}.image-size-label{color:var(--text-muted);align-items:center;gap:8px;width:100%;font-size:13px;display:flex}.image-size-slider{flex:1}.image-size-value{text-align:right;font-variant-numeric:tabular-nums;min-width:42px}.login-prompt-modal{gap:18px;width:min(90vw,400px)}.login-prompt-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.book-card-fav-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:transform .15s,background .15s,color .15s;display:inline-flex;position:absolute;top:8px;right:8px}.book-card-fav-btn:hover{background:#0009;transform:scale(1.1)}.book-card-fav-btn.active{color:#ff4d6d;background:#ffffffe6}.book-card-fav-btn.active:hover{background:#fff}.book-card-fav-icon{display:block}.stats-cards-grid-4{grid-template-columns:repeat(4,1fr);max-width:960px}@media (max-width:900px){.stats-cards-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-cards-grid-4{grid-template-columns:1fr}}.stat-card-top-story .stat-card-top-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:4px;font-size:15px;font-weight:700;line-height:1.2;overflow:hidden}.usage-content{line-height:1.8}.usage-content>h1:first-child{display:none}.usage-content h2{border-bottom:3px solid var(--blue-light);color:var(--blue-dark);margin:40px 0 12px;padding-bottom:8px;font-size:1.3rem;font-weight:800}.usage-content h3{color:var(--blue-dark);margin:24px 0 8px;font-size:1.05rem;font-weight:800}.usage-content p{color:var(--text-muted);text-wrap:pretty;margin-bottom:12px;font-size:.95rem;line-height:1.8}.usage-content ul,.usage-content ol{color:var(--text-muted);margin-bottom:12px;padding-left:24px;font-size:.95rem;line-height:1.8}.usage-content li{text-wrap:pretty;margin-bottom:6px}.usage-content li strong{color:var(--text)}.usage-content hr{border:0;border-top:1px solid var(--border,#e5e5e5);margin:24px 0}.usage-content a{color:var(--blue);text-decoration:underline}.usage-content blockquote{color:var(--blue-dark);border-left:4px solid var(--blue);background:var(--blue-light);border-radius:var(--radius);text-wrap:pretty;margin:16px 0;padding:16px 20px;font-size:1.05rem;font-weight:600;line-height:1.8}.usage-content code{background:var(--bg-surface,#f4f4f4);border-radius:4px;padding:2px 6px;font-size:.9em}.usage-content pre{background:var(--bg-surface,#f4f4f4);border-radius:var(--radius,8px);margin:12px 0;padding:12px;overflow-x:auto}.usage-content pre code{background:0 0;padding:0}.usage-content img{border-radius:var(--radius,8px);max-width:100%;height:auto;margin:16px 0;display:block}.usage-content table{border-collapse:collapse;width:100%;margin:16px 0;font-size:.95rem}.usage-content th,.usage-content td{border:1px solid var(--border,#ddd);text-align:left;padding:8px 12px}.usage-content th{background:var(--blue-light);color:var(--blue-dark);font-weight:700}.usage-updated{color:var(--text-muted,#888);border-top:1px solid var(--border,#e5e5e5);margin-top:40px;padding-top:16px;font-size:.9em}.markdown-editor{flex-direction:column;gap:8px;display:flex}.markdown-editor-tabs{gap:4px;display:none}.markdown-editor-tab{background:var(--bg-surface,#f4f4f4);border:1px solid var(--border,#ddd);border-radius:var(--radius,8px);cursor:pointer;flex:1;padding:8px 12px;font-size:14px}.markdown-editor-tab.active{background:var(--accent,#0a96e6);color:#fff}.markdown-editor-panes{grid-template-columns:1fr 1fr;gap:12px;display:grid}.markdown-editor-pane{flex-direction:column;gap:8px;min-width:0;display:flex}.markdown-editor-preview{border:1px solid var(--border,#ddd);border-radius:var(--radius,8px);max-height:70vh;padding:12px;overflow-y:auto}.markdown-toolbar{flex-wrap:wrap;gap:4px;display:flex}.markdown-toolbar-btn{background:var(--bg-surface,#f4f4f4);border:1px solid var(--border,#ddd);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:13px}.markdown-toolbar-btn:hover{background:var(--accent,#0a96e6);color:#fff}.markdown-editor-textarea{border:1px solid var(--border,#ddd);border-radius:var(--radius,8px);resize:vertical;width:100%;min-height:60vh;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.5}@media (max-width:900px){.markdown-editor-tabs{display:flex}.markdown-editor-panes{grid-template-columns:1fr}.markdown-editor-panes.pane-edit .markdown-editor-preview,.markdown-editor-panes.pane-preview .markdown-editor-edit{display:none}}.usage-view-header,.usage-edit-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.usage-edit-actions{gap:8px;display:flex}.usage-error{color:var(--danger,#c53030);background:var(--danger-bg,#fef2f2);border-radius:6px;margin-bottom:12px;padding:8px 12px}.usage-view-header{position:relative}.usage-view-header .usage-edit-btn{padding:8px 16px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.usage-edit-btn{padding:8px 16px}.scroll-hint{cursor:pointer;color:var(--text);background:0 0;border:none;flex-direction:column;align-items:center;gap:16px;margin:0 auto;padding:10px 0 48px;transition:opacity .2s;display:flex}.scroll-hint:hover{opacity:.75}.scroll-hint:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.scroll-hint-label{letter-spacing:10px;color:var(--text);isolation:isolate;padding-left:10px;font-family:Noto Serif TC,serif;font-size:26px;font-weight:400;position:relative}.scroll-hint-label:before{content:"";opacity:.7;z-index:-1;clip-path:polygon(2% 10%,20% 0%,45% 15%,70% 5%,100% 0%,98% 30%,100% 55%,97% 85%,85% 100%,60% 94%,30% 100%,10% 95%,0% 75%,2% 40%);transform-origin:0;background:#ffd93d;animation:.9s cubic-bezier(.2,.8,.2,1) .5s forwards scroll-hint-highlight;position:absolute;inset:20% -10px 8%;transform:scaleX(0)}@keyframes scroll-hint-highlight{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.scroll-hint-label:before{animation:none;transform:scaleX(1)}}.scroll-hint-arrow{width:28px;height:32px;color:var(--text);transition:transform .3s;display:block;position:relative}.scroll-hint:hover .scroll-hint-arrow{transform:scale(1.08)}.scroll-hint-arrow svg{opacity:0;animation:1.8s ease-in-out infinite scroll-hint-trail;display:block;position:absolute;left:0}.scroll-hint-arrow svg:first-child{animation-delay:0s;top:0}.scroll-hint-arrow svg:nth-child(2){animation-delay:.25s;top:10px}@keyframes scroll-hint-trail{0%{opacity:0;transform:translateY(-4px)}40%{opacity:1;transform:translateY(0)}80%{opacity:0;transform:translateY(6px)}to{opacity:0;transform:translateY(6px)}}@media (max-width:640px){.scroll-hint{gap:12px;padding:4px 0 32px}.scroll-hint-arrow{width:24px;height:28px}}@media (prefers-reduced-motion:reduce){.scroll-hint-arrow svg{opacity:1;animation:none}.scroll-hint-arrow svg:nth-child(2){opacity:.35}}.quote-of-day{text-align:center;flex-direction:column;align-items:center;max-width:640px;margin:0 auto;padding:72px 24px 96px;display:flex}.quote-of-day-rule{background:var(--text);opacity:.25;width:80px;height:1px;display:block}.quote-of-day-rule:first-child{margin-bottom:40px}.quote-of-day-rule:last-child{margin-top:40px}.quote-of-day-label{letter-spacing:6px;color:var(--text-muted);margin-bottom:40px;padding-left:6px;font-family:Noto Serif TC,serif;font-size:13px;font-weight:400}.quote-of-day-text{color:var(--text);margin:0 0 16px;font-family:Noto Serif TC,serif;font-size:20px;font-weight:400;line-height:1.7}.quote-of-day-text.is-en{max-width:520px;font-style:italic}.quote-of-day-text.is-zh{max-width:480px;font-style:normal}.quote-of-day-author{letter-spacing:2px;color:var(--text-muted);padding-left:2px;font-family:Noto Serif TC,serif;font-size:12px;font-style:normal;font-weight:400}@media (max-width:640px){.quote-of-day{padding:48px 24px 64px}.quote-of-day-rule{width:60px}.quote-of-day-rule:first-child{margin-bottom:32px}.quote-of-day-rule:last-child{margin-top:32px}.quote-of-day-label{margin-bottom:32px}.quote-of-day-text{font-size:17px}}.libby-tool-btn.reader-translate-btn.active{background:var(--accent,#0a96e6);color:#fff;border-color:var(--accent,#0a96e6)}.reader-translate-error{background:color-mix(in srgb,#e74c3c 12%,var(--bg));color:#c0392b;text-align:center;border-radius:8px;margin:8px 12px;padding:10px 14px;font-size:.9rem}.editable-locale-tabs{border-bottom:1px solid var(--border,#e4e4e7);flex-wrap:wrap;gap:6px;margin:16px 0 12px;padding-bottom:8px;display:flex}.editable-locale-tab{border:1px solid var(--border,#e4e4e7);background:var(--bg,#fff);color:var(--text-muted,#64748b);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.editable-locale-tab:hover{border-color:var(--accent,#0a96e6);color:var(--text,#1e293b)}.editable-locale-tab.active{background:var(--accent,#0a96e6);color:#fff;border-color:var(--accent,#0a96e6)}.editable-locale-tab.filled:not(.active){color:var(--text,#1e293b)}.editable-locale-dot{opacity:.6;background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}