:root{--sans:system-ui, "Segoe UI", Roboto, -apple-system, sans-serif;font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{height:100%}body{background:var(--backdrop,var(--bg));color:var(--ink);margin:0}#root{background:var(--bg);max-width:460px;min-height:100dvh;margin:0 auto;position:relative;overflow-x:hidden}@media (width>=600px){body{justify-content:center;align-items:center;min-height:100dvh;padding:22px;display:flex}#root{border:1px solid #00000014;border-radius:34px;width:440px;height:min(940px,100dvh - 44px);min-height:0;overflow:hidden auto;box-shadow:0 26px 70px #00000047}#root .page,#root .shell{min-height:100%}}:root{--grad-top:#fbf6ef;--grad-bot:#f3e7d8;--bg:#faf6ef;--surface:#fffdfb;--surface-2:#fffdfb;--surface-3:#fbf6ef;--ink:#2b2320;--ink-soft:#6b5d54;--ink-faint:#8a7b6f;--line:#e7ddd3;--line-2:#efe6dc;--accent:#9b5d3a;--accent-hover:#87502f;--accent-soft:#f0e3d8;--accent-ink:#fff;--input-bg:#fff;--input-border:#ddd0c4;--error-bg:#fbeae6;--error-border:#f0c9bf;--error-ink:#9a3115;--notice-bg:#eef5ee;--notice-border:#cfe3d2;--notice-ink:#2f6b42;--shadow:#7850281f;--cover-shadow:#78502826;--backdrop:#e8e2d9}:root[data-palette=caramel]{--grad-top:#fbf6ef;--grad-bot:#f3e7d8;--bg:#faf6ef;--surface:#fffdfb;--surface-2:#fffdfb;--surface-3:#fbf6ef;--ink:#2b2320;--ink-soft:#6b5d54;--ink-faint:#8a7b6f;--line:#e7ddd3;--line-2:#efe6dc;--input-border:#ddd0c4;--accent:#9b5d3a;--accent-hover:#87502f;--accent-soft:#f0e3d8;--accent-ink:#fff;--accent2:#cf9b6a;--bar-shadow:#2b1a0c66;--backdrop:linear-gradient(160deg, #a9663f 0%, #d8a875 100%)}:root[data-palette=summer]{--grad-top:#fff7ea;--grad-bot:#fbe7cf;--bg:#faf4ea;--surface:#fffdf8;--surface-2:#fffdf8;--surface-3:#fcf3e6;--ink:#3a2c22;--ink-soft:#80705f;--ink-faint:#9c8a78;--line:#ece0d0;--line-2:#f3e8d8;--input-border:#e3d4c0;--accent:#e08a3c;--accent-hover:#cf7a2e;--accent-soft:#fbe7cf;--accent-ink:#fff;--accent2:#d2604c;--bar-shadow:#3c140666;--backdrop:linear-gradient(160deg, #f3a04a 0%, #d2604c 100%)}:root[data-palette=meadow]{--grad-top:#f2f9f0;--grad-bot:#e2f1de;--bg:#eef6ec;--surface:#fff;--surface-2:#fff;--surface-3:#f1f8ef;--ink:#2c3a2a;--ink-soft:#5f7059;--ink-faint:#7d8a78;--line:#d9ead4;--line-2:#e6f1e2;--input-border:#cfe3c9;--accent:#56a85a;--accent-hover:#468f4a;--accent-soft:#dcefdb;--accent-ink:#fff;--accent2:#4aa6e0;--bar-shadow:#0a2a1266;--backdrop:linear-gradient(160deg, #58b2ea 0%, #52ad57 100%)}:root[data-palette=berry]{--grad-top:#fdf3f6;--grad-bot:#f6e2ea;--bg:#fbf0f3;--surface:#fffafb;--surface-2:#fffafb;--surface-3:#fcf0f4;--ink:#46233a;--ink-soft:#8a6678;--ink-faint:#9a7886;--line:#f0dbe2;--line-2:#f6e6ec;--input-border:#ecccd8;--accent:#e26a8d;--accent-hover:#d1527a;--accent-soft:#f8dde6;--accent-ink:#fff;--accent2:#6cc4a8;--bar-shadow:#40122166;--greeting:#2f9e80;--backdrop:linear-gradient(160deg, #ea7f9e 0%, #6cc4a8 100%)}:root[data-palette=ocean]{--grad-top:#f0f9f9;--grad-bot:#ddeff0;--bg:#eaf5f6;--surface:#fff;--surface-2:#fff;--surface-3:#eef7f7;--ink:#1f3a44;--ink-soft:#547079;--ink-faint:#6f8a92;--line:#d4e8ea;--line-2:#e3f0f1;--input-border:#cbe4e5;--accent:#1fa6a0;--accent-hover:#178f8a;--accent-soft:#d4eeec;--accent-ink:#fff;--accent2:#ff8a5c;--bar-shadow:#082a2e66;--backdrop:linear-gradient(160deg, #2cb3ac 0%, #ff8a5c 100%)}:root[data-palette=icecream]{--grad-top:#f6f4fd;--grad-bot:#e8e4f8;--bg:#f2f0fb;--surface:#fff;--surface-2:#fff;--surface-3:#f2f0fb;--ink:#2c2a4a;--ink-soft:#66638a;--ink-faint:#807da0;--line:#e2def5;--line-2:#ece9f8;--input-border:#d6d0ee;--accent:#6a5ae0;--accent-hover:#5848c9;--accent-soft:#e2def5;--accent-ink:#fff;--accent2:#ff6b6b;--bar-shadow:#1c164066;--backdrop:linear-gradient(160deg, #7d6ef0 0%, #ff6b6b 100%)}:root[data-theme=dark]{--grad-top:#221d18;--grad-bot:#15110d;--bg:#1b1714;--surface:#26211c;--surface-2:#221d18;--surface-3:#2b2521;--ink:#f1e8de;--ink-soft:#c4b6a8;--ink-faint:#9a8b7d;--line:#3a322b;--line-2:#352e27;--accent:#d68d61;--accent-hover:#e6a079;--accent-soft:#3a2c22;--accent-ink:#1b1714;--input-bg:#2b2521;--input-border:#463c33;--error-bg:#3a241f;--error-border:#5e3328;--error-ink:#f0a892;--notice-bg:#1f3326;--notice-border:#2f5a3c;--notice-ink:#9fd3ad;--shadow:#00000073;--cover-shadow:#00000080;--backdrop:#0e0c0a}:root[data-theme=dark][data-palette=caramel]{--grad-top:#3a2719;--grad-bot:#231509;--bg:#2c1c0f;--surface:#3a2617;--surface-2:#321f12;--surface-3:#43301f;--ink:#f6ece0;--ink-soft:#d8c3ad;--ink-faint:#ab947d;--line:#4f3924;--line-2:#463120;--input-bg:#3a2617;--input-border:#5d4530;--accent:#e8a06f;--accent-hover:#f4b585;--accent2:#f0c193;--accent-soft:#3f2a18;--accent-ink:#241405;--backdrop:linear-gradient(160deg, #4a2f1a 0%, #2a1a0c 100%)}:root[data-theme=dark][data-palette=summer]{--grad-top:#5a2a16;--grad-bot:#3a160f;--bg:#43190f;--surface:#5a2616;--surface-2:#4d2012;--surface-3:#642c19;--ink:#fdeede;--ink-soft:#f0c7a8;--ink-faint:#cc9b7e;--line:#6e3722;--line-2:#61301d;--input-bg:#5a2616;--input-border:#7e442b;--accent:#ffaa5a;--accent-hover:#ffbd75;--accent2:#ff7c64;--accent-soft:#5c2818;--accent-ink:#3a160c;--backdrop:linear-gradient(160deg, #6e2f18 0%, #3a160d 100%)}:root[data-theme=dark][data-palette=meadow]{--grad-top:#1b4524;--grad-bot:#0e2a14;--bg:#123018;--surface:#1a4123;--surface-2:#16381e;--surface-3:#1e4a28;--ink:#eaf7e6;--ink-soft:#b9dcb2;--ink-faint:#8fb48a;--line:#275433;--line-2:#224a2c;--input-bg:#1a4123;--input-border:#316342;--accent:#7ed683;--accent-hover:#97e69c;--accent2:#6fc6ff;--accent-soft:#1c4525;--accent-ink:#0e2a12;--backdrop:linear-gradient(160deg, #173d5c 0%, #143a1c 100%)}:root[data-theme=dark][data-palette=berry]{--grad-top:#582136;--grad-bot:#33101e;--bg:#3c1424;--surface:#531e31;--surface-2:#471a2a;--surface-3:#5d2237;--ink:#fbe9f0;--ink-soft:#ecc0d0;--ink-faint:#c794a8;--line:#6b2a42;--line-2:#5e2539;--input-bg:#531e31;--input-border:#7c3650;--accent:#f78fb0;--accent-hover:#ffa6c2;--accent2:#7fe0c0;--accent-soft:#582035;--accent-ink:#38121f;--greeting:#7fe0c0;--backdrop:linear-gradient(160deg, #5c2238 0%, #1c4438 100%)}:root[data-theme=dark][data-palette=ocean]{--grad-top:#0f3d40;--grad-bot:#082326;--bg:#0b2e31;--surface:#114044;--surface-2:#0e3639;--surface-3:#144a4e;--ink:#e4f6f5;--ink-soft:#b0d8d6;--ink-faint:#82adac;--line:#1d5357;--line-2:#184a4d;--input-bg:#114044;--input-border:#266468;--accent:#3fd1ca;--accent-hover:#5fe0da;--accent2:#ff9d73;--accent-soft:#0f4347;--accent-ink:#08272a;--backdrop:linear-gradient(160deg, #11484c 0%, #6e3520 100%)}:root[data-theme=dark][data-palette=icecream]{--grad-top:#1c1933;--grad-bot:#100e20;--bg:#16142a;--surface:#211e3a;--surface-2:#1c1933;--surface-3:#262240;--ink:#ece9fb;--ink-soft:#b3aed6;--ink-faint:#8b86b0;--line:#322e57;--line-2:#2c2850;--input-bg:#211e3a;--input-border:#423c6e;--accent:#9385f0;--accent-hover:#a99cf7;--accent2:#ff8a8a;--accent-soft:#322e57;--accent-ink:#16142a;--backdrop:linear-gradient(160deg, #2c2660 0%, #5e2233 100%)}.shell{background:radial-gradient(120% 120% at 50% 0%, var(--grad-top) 0%, var(--grad-bot) 100%);place-items:center;min-height:100dvh;padding:24px;display:grid}.card{background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 50px var(--shadow);border-radius:20px;width:100%;max-width:420px;padding:40px 36px}.brand{letter-spacing:-.02em;color:var(--accent);text-align:center;font-size:36px;font-weight:800}.tagline{color:var(--ink-soft);text-align:center;margin:8px 0 0;font-size:15px}.heading{color:var(--ink);text-align:center;margin:28px 0 4px;font-size:20px;font-weight:700}.sub{color:var(--ink-soft);text-align:center;margin:0 0 20px;font-size:14px}.field{margin:14px 0;display:block}.field label{color:var(--ink-soft);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field input{border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--ink);border-radius:10px;padding:11px 13px;font-size:16px}.field input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.pwfield{position:relative}.pwfield input{padding-right:44px}.pweye{width:32px;height:32px;color:var(--ink-faint);cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pweye:hover{color:var(--accent)}.pweye svg{width:20px;height:20px;display:block}.btn{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:10px;width:100%;padding:12px 16px;font-size:16px;font-weight:700;text-decoration:none;display:block}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent2,var(--accent)));color:var(--accent-ink)}.btn-primary:hover{filter:brightness(.96)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-ghost{background:var(--surface);color:var(--accent);border-color:var(--line);margin-top:10px}.btn-ghost:hover{background:var(--accent-soft)}.error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-ink);border-radius:10px;margin:14px 0 0;padding:10px 12px;font-size:14px}.notice{background:var(--notice-bg);border:1px solid var(--notice-border);color:var(--notice-ink);border-radius:10px;margin:14px 0 0;padding:10px 12px;font-size:14px}.switch{text-align:center;color:var(--ink-soft);margin:22px 0 0;font-size:14px}.switch a{color:var(--accent);font-weight:600}.linkbtn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600;text-decoration:none}.linkbtn.danger{color:#b1452e}.langtoggle{gap:4px;display:flex}.langtoggle button{cursor:pointer;background:0 0;border-radius:7px;padding:4px 10px;font-size:12px;font-weight:700}.langtoggle--dark button{color:#fff;border:1px solid #fff6}.langtoggle--dark button.on{color:#3f2718;background:#fff}.langtoggle--light button{border:1px solid var(--input-border);color:var(--accent)}.langtoggle--light button.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.cardtop{justify-content:flex-end;gap:8px;margin-bottom:2px;display:flex}.appbar{background:linear-gradient(120deg, var(--accent), var(--accent2,var(--accent)));z-index:5;border-bottom:none;justify-content:space-between;align-items:center;padding:12px 18px;display:flex;position:sticky;top:0}.appbar-left{align-items:center;gap:10px;display:flex}.appbar-right{align-items:center;gap:12px;display:flex}.brandlink{letter-spacing:-.02em;color:var(--accent);font-size:18px;font-weight:800;text-decoration:none}.brandlink-lg{font-size:22px}.appbar-dust{flex:1;align-self:stretch;min-width:0;position:relative}.dust-svg{width:100%;height:calc(100% + 24px);animation:6s ease-in-out infinite dust-bob;display:block;position:absolute;top:-12px;left:0;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 7% 80%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 7% 80%,#0000 100%)}@keyframes dust-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}.dust-halo{fill:#ffc265}.dust-core{fill:#fff7e2}.dust-sym{fill:#fff8e8}.dust-curl{fill:none;stroke:#fff3d8;stroke-width:1.4px;stroke-linecap:round;vector-effect:non-scaling-stroke}@media (prefers-reduced-motion:reduce){.dust-svg{animation:none}}.brand2{color:var(--accent2,var(--accent))}.iconcircle{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--ink-soft);cursor:pointer;border-radius:50%;place-items:center;display:inline-grid}.iconcircle:hover{background:var(--accent-soft);color:var(--accent)}.langcircle{letter-spacing:.02em;font-size:12px;font-weight:800}.reader-bar .iconcircle{color:#fff;background:#ffffff1f;border-color:#fff6}.reader-bar .iconcircle:hover{color:#fff;background:#ffffff38}:root[data-layout=full] body{padding:0;display:block}:root[data-layout=full] #root{width:100%;max-width:none;height:auto;min-height:100dvh;box-shadow:none;border:none;border-radius:0;overflow:visible}:root[data-layout=full] .reader{width:100%;max-width:none;height:100%;box-shadow:none;border-radius:0;inset:0;transform:none}.usermenu{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.avatar{background:linear-gradient(135deg, var(--accent), var(--accent2,var(--accent)));width:36px;height:36px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.username{font-size:15px;font-weight:600}.page{background:var(--bg);min-height:100dvh}.shelf{max-width:900px;margin:0 auto;padding:22px 18px 64px}.greeting{color:var(--greeting,var(--accent2,var(--ink)));margin:6px 0 20px;font-size:21px;font-weight:700}.empty{color:var(--ink-faint)}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;display:grid}.bookcard{color:inherit;text-decoration:none}.coverwrap{aspect-ratio:2/3;background:var(--accent-soft);box-shadow:0 8px 20px var(--cover-shadow);border-radius:12px;overflow:hidden}.bookcard img{object-fit:cover;width:100%;height:100%;display:block}.coverfallback{text-align:center;color:#fff;background:linear-gradient(150deg, var(--accent), var(--accent2,var(--accent)));place-items:center;height:100%;padding:12px;font-weight:700;display:grid}.booktitle{color:var(--ink);margin:9px 2px 0;font-size:14px;font-weight:700;line-height:1.25}.bookmeta{color:var(--ink-faint);margin:2px 2px 0;font-size:12px}.reader{background:#5c3826;flex-direction:column;display:flex;position:fixed;inset:0}.reader-bar{color:#fff;background:#3f2718;flex:none;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.reader-back{color:#fff;font-size:14px;font-weight:600;text-decoration:none}.reader-frame{border:0;flex:1;width:100%}.reader-msg{color:#fff;text-align:center;padding:40px 20px}.terms-overlay{z-index:50;background:#140f0a8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.terms-modal{background:var(--surface);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.terms-modal-head{background:linear-gradient(120deg, var(--accent), var(--accent2,var(--accent)));flex:none;padding:14px 18px}.terms-modal-title{color:#fff;font-size:17px;font-weight:800}.terms-modal-frame{background:#fff;border:0;flex:1;width:100%}.terms-modal-foot{padding:14px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);flex:none}.terms-modal-sub{color:var(--ink-soft);text-align:center;margin:0 0 10px;font-size:13.5px}@media (width>=600px){.terms-overlay{padding:22px}.terms-modal{border-radius:24px;width:440px;height:min(940px,100dvh - 44px);box-shadow:0 26px 70px #0006}}.profile{flex-direction:column;gap:16px;max-width:480px;margin:0 auto;padding:22px 18px 60px;display:flex}.profile-head{align-items:center;gap:14px;padding:4px 2px;display:flex}.avatar-lg{background:linear-gradient(135deg, var(--accent), var(--accent2,var(--accent)));width:56px;height:56px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;font-size:22px;font-weight:700;display:grid}.profile-name{color:var(--ink);font-size:18px;font-weight:700}.profile-email{color:var(--ink-faint);font-size:14px}.profile .card{max-width:none;padding:20px}.palettegrid{grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;display:grid}.paletteopt{border:1.5px solid var(--line);background:var(--surface);cursor:pointer;color:var(--ink);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.paletteopt:hover{border-color:var(--accent)}.paletteopt.sel{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.pswatch{flex:none;display:flex}.pswatch i{border:1px solid #0000001f;border-radius:50%;width:18px;height:18px}.pswatch i:last-child{margin-left:-7px}.pname{line-height:1.15}.themerow{color:var(--ink-soft);align-items:center;gap:12px;margin-top:14px;font-size:14px;display:flex}.agehint{color:var(--ink-soft);margin:0 0 8px;font-size:13px}.adminbadge{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);background:var(--accent-soft);border-radius:6px;padding:2px 7px;font-size:11px;font-weight:700}.admin{flex-direction:column;gap:22px;max-width:860px;margin:0 auto;padding:22px 18px 80px;display:flex}.admin-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px}.admin-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.admin-head h2{color:var(--ink);margin:0;font-size:16px}.btn-sm{width:auto;padding:7px 13px;font-size:14px;display:inline-block}.tablewrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;color:var(--ink);font-size:13px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--line-2);vertical-align:middle;white-space:nowrap;padding:7px 9px}.admin-table th{text-transform:uppercase;letter-spacing:.03em;color:var(--ink-faint);font-size:11px}.admin-table tr.inactive{opacity:.5}.codeactions,.rowactions{gap:12px;display:flex}.admin-form{background:var(--surface-3);border:1px solid var(--line);border-radius:12px;margin-bottom:16px;padding:16px}.admin-form textarea,.admin-form select{border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--ink);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:15px}.admin-form input[type=file]{color:var(--ink-soft);font-size:13px}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.checkrow{color:var(--ink-soft);align-items:flex-start;gap:9px;margin:12px 0 16px;font-size:14px;display:flex}.checkrow input{margin-top:3px}.codeform{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.codeform input{border:1px solid var(--input-border);background:var(--input-bg);color:var(--ink);border-radius:9px;padding:9px 12px;font-size:15px}.codeform input:not([type=number]){text-transform:uppercase;flex:1;min-width:120px}.codeform input[type=number]{width:80px}.codeform .pct{color:var(--ink-soft);font-size:14px}@media (width<=520px){.username{display:none}}.appbar .brandlink,.appbar .username{color:#fff}.appbar .brandlink{text-shadow:0 2px 9px var(--bar-shadow,#0000004d), 0 1px 1px #00000040;font-size:25px}.appbar .brand2{text-shadow:0 1px 2px #ffffff8c,0 2px 8px #fff6}.appbar .avatar{color:var(--accent);background:#fff}.appbar .adminbadge{color:#fff;background:#ffffff40}.appbar .iconcircle{color:#fff;background:#ffffff29;border-color:#ffffff73}.appbar .langtoggle--light button{color:#fff;border-color:#ffffff80}.appbar .langtoggle--light button.on{color:var(--accent);background:#fff;border-color:#fff}:root[data-palette=meadow] .dust-halo{fill:#d8f1ff}:root[data-palette=meadow] .dust-core{fill:#fff}:root[data-palette=meadow] .dust-sym{fill:#f6fcff}:root[data-palette=meadow] .dust-curl{stroke:#eaf7ff}:root[data-palette=berry] .dust-halo{fill:#d2f5e9}:root[data-palette=berry] .dust-core{fill:#fff}:root[data-palette=berry] .dust-sym{fill:#f0fcf7}:root[data-palette=berry] .dust-curl{stroke:#e2f8ef}:root[data-palette=ocean] .dust-halo{fill:#ffdfcd}:root[data-palette=ocean] .dust-core{fill:#fff}:root[data-palette=ocean] .dust-sym{fill:#fff5ee}:root[data-palette=ocean] .dust-curl{stroke:#ffeadd}:root[data-palette=icecream] .dust-halo{fill:#ffd6e6}:root[data-palette=icecream] .dust-core{fill:#fff}:root[data-palette=icecream] .dust-sym{fill:#fff2f6}:root[data-palette=icecream] .dust-curl{stroke:#ffe4ee}@media (width>=600px){.reader{border-radius:34px;width:440px;height:min(940px,100dvh - 44px);inset:50% auto auto 50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 26px 70px #00000047}}:root[data-landing] body{padding:0;display:block}:root[data-landing] #root{width:100%;max-width:none;height:auto;min-height:100dvh;box-shadow:none;border:none;border-radius:0;overflow:visible}.landing{background:radial-gradient(130% 90% at 50% 0%, var(--grad-top) 0%, var(--grad-bot) 70%);min-height:100dvh;color:var(--ink)}.appbar .lp-loginlink{color:#fff;white-space:nowrap;border:1px solid #ffffff80;border-radius:9px;padding:7px 15px;font-size:15px;font-weight:700;text-decoration:none}.appbar .lp-loginlink:hover{background:#ffffff29}.lp-hero-figure{position:relative}.lp-hero-pic{display:block}.lp-hero-img{width:100%;height:auto;display:block}.lp-hero-titlebar{text-align:center;pointer-events:none;background:linear-gradient(#00000085 0%,#0000004d 54%,#0000 100%);padding:clamp(12px,2.6vw,24px) 20px clamp(34px,9vw,80px);position:absolute;top:0;left:0;right:0}.lp-hero-title{font-family:"Fredoka", var(--sans);letter-spacing:.01em;color:#fff;text-shadow:0 2px 16px #00000080,0 1px 3px #0000008c;margin:0;font-size:clamp(24px,5.4vw,44px);font-weight:700;line-height:1.05}.lp-hero-facts{color:#fff;text-shadow:0 1px 10px #0009,0 1px 2px #0000008c;margin:7px 0 0;font-size:clamp(13px,2.4vw,18px);font-weight:600;line-height:1.3}.lp-word{display:inline-block}.lp-l{animation:6s ease-in-out infinite lp-letter-hop;display:inline-block}@keyframes lp-letter-hop{0%{transform:translateY(0)scale(1)}7%{transform:translateY(-.36em)scale(1.07)}14%{transform:translateY(0)scale(1)}20%{transform:translateY(-.09em)}26%{transform:translateY(0)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.lp-l{animation:none}}.lp-hero-text{text-align:center;max-width:760px;margin:0 auto;padding:14px 22px 6px}.lp-lead{max-width:560px;color:var(--ink-soft);margin:0 auto;font-size:clamp(16px,2.4vw,19px);line-height:1.5}.lp-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.lp-btn{width:auto;padding:13px 28px;display:inline-block}.lp-steps{text-align:center;max-width:1000px;margin:0 auto;padding:36px 22px 6px}.lp-h2{letter-spacing:-.01em;color:var(--ink);margin:0 0 6px;font-size:clamp(22px,4vw,30px);font-weight:800}.lp-step-grid{grid-template-columns:1fr;gap:14px;margin-top:20px;display:grid}.lp-step{background:var(--surface);border:1px solid var(--line);box-shadow:0 10px 30px var(--shadow);border-radius:16px;padding:26px 20px}.lp-step-num{width:42px;height:42px;color:var(--accent-ink);background:linear-gradient(135deg, var(--accent), var(--accent2,var(--accent)));border-radius:50%;place-items:center;margin:0 auto 14px;font-size:18px;font-weight:800;display:grid}.lp-step-icon{object-fit:contain;width:76px;height:76px;margin:0 auto 12px;display:block}.lp-step-title{color:var(--ink);margin:0 0 6px;font-size:17px;font-weight:700}.lp-step-body{color:var(--ink-soft);margin:0;font-size:14.5px;line-height:1.5}.lp-feature{grid-template-columns:1fr;align-items:center;gap:18px;max-width:1040px;margin:0 auto;padding:36px 22px 6px;display:grid}.lp-feature-pic{display:block}.lp-feature-img{width:100%;height:auto;box-shadow:0 16px 40px var(--cover-shadow);border-radius:18px;display:block}.lp-feature-body{color:var(--ink-soft);margin:14px 0 0;font-size:clamp(15px,2.2vw,17px);line-height:1.6}.lp-ticks{flex-direction:column;gap:10px;margin:18px 0 0;padding:0;list-style:none;display:flex}.lp-ticks li{color:var(--ink);padding-left:28px;font-size:15px;font-weight:600;position:relative}.lp-ticks li:before{content:"✓";width:20px;height:20px;color:var(--accent-ink);background:var(--accent);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;top:-1px;left:0}.lp-shelf{text-align:center;max-width:1040px;margin:0 auto;padding:36px 22px 6px}.lp-shelf-sub{color:var(--ink-soft);margin:8px 0 0;font-size:15px}.lp-shelf-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:20px;display:grid}.lp-shelf-card{color:inherit;text-decoration:none}.lp-shelf-cover{aspect-ratio:2/3;background:var(--accent-soft);box-shadow:0 10px 26px var(--cover-shadow);border-radius:12px;position:relative;overflow:hidden}.lp-shelf-info{color:#fff;opacity:0;background:linear-gradient(#160f08de,#160f08f2);flex-direction:column;justify-content:flex-start;padding:13px 12px;transition:opacity .18s;display:flex;position:absolute;inset:0;overflow-y:auto}.lp-shelf-card:hover .lp-shelf-info,.lp-shelf-card:focus-visible .lp-shelf-info{opacity:1}.lp-shelf-desc{color:#fff;text-align:left;margin:auto 0;font-size:11.5px;line-height:1.45}.lp-shelf-meta{color:var(--ink-faint);margin:5px 4px 0;font-size:12px}.lp-shelf-cover img{object-fit:cover;width:100%;height:100%;display:block}.lp-shelf-fallback{text-align:center;color:#fff;background:linear-gradient(150deg, var(--accent), var(--accent2,var(--accent)));place-items:center;height:100%;padding:12px;font-weight:700;display:grid}.lp-shelf-title{color:var(--ink);margin:10px 4px 0;font-size:14px;font-weight:700;line-height:1.25}.lp-final{text-align:center;max-width:760px;margin:0 auto;padding:40px 22px}.lp-final-title{letter-spacing:-.01em;color:var(--ink);margin:0 0 16px;font-size:clamp(24px,5vw,34px);font-weight:800}.lp-foot{border-top:1px solid var(--line);padding:26px 22px calc(26px + env(safe-area-inset-bottom));text-align:center;background:var(--surface-3)}.lp-foot-brand{letter-spacing:-.02em;color:var(--accent);font-size:22px;font-weight:800}.lp-foot-tag{color:var(--ink-soft);margin:8px 0 0;font-size:14px}.lp-foot-links{justify-content:center;align-items:center;gap:10px;margin:16px 0 0;font-size:14px;display:flex}.lp-foot-links a{color:var(--accent);font-weight:600;text-decoration:none}.lp-foot-links a:hover{text-decoration:underline}.lp-foot-rights{color:var(--ink-faint);margin:14px 0 0;font-size:12.5px}@media (width>=760px){.lp-hero-text{padding-top:40px}.lp-step-grid{grid-template-columns:repeat(3,1fr)}.lp-feature{grid-template-columns:1fr 1fr;gap:40px}.lp-shelf-grid{grid-template-columns:repeat(5,1fr)}}.stars{gap:2px;line-height:1;display:inline-flex}.star{color:var(--line)}.star.on{color:#f5b301}.stars-input .star{cursor:pointer;color:var(--ink-faint);opacity:.5;background:0 0;border:none;padding:0 1px;transition:color .12s,transform .12s,opacity .12s}.stars-input .star:hover{transform:scale(1.15)}.stars-input .star.on{color:#f5b301;opacity:1}.bookrating{align-items:center;gap:6px;margin:4px 2px 0;display:flex}.bookrating-num{color:var(--ink-faint);font-size:12px}.reader-bar-right{align-items:center;gap:10px;display:flex}.reader-reviews-btn{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #fff6;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600}.reader-reviews-btn:hover{background:#ffffff3d}.rv-overlay{z-index:60;background:#140f0a8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rv-modal{background:var(--surface);color:var(--ink);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}@media (width>=600px){.rv-overlay{padding:22px}.rv-modal{border-radius:24px;width:440px;height:min(820px,100dvh - 44px);box-shadow:0 26px 70px #0006}}.rv-head{background:linear-gradient(120deg, var(--accent), var(--accent2,var(--accent)));flex:none;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.rv-modal-title{color:#fff;font-size:17px;font-weight:800}.rv-close{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:50%;flex:none;width:30px;height:30px;font-size:14px}.rv-close:hover{background:#ffffff4d}.rv-body{flex:1;padding:18px;overflow-y:auto}.rv-section{color:var(--ink);margin:0 0 10px;font-size:15px;font-weight:700}.rv-yours{border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:18px}.rv-text{width:100%;font:inherit;border:1px solid var(--input-border);background:var(--input-bg);color:var(--ink);resize:vertical;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:15px}.rv-pending{color:var(--notice-ink);margin:10px 0 0;font-size:13px}.rv-actions{align-items:center;gap:16px;margin-top:14px;display:flex}.rv-item{border-bottom:1px solid var(--line-2);padding:12px 0}.rv-item:last-child{border-bottom:none}.rv-item-head{align-items:center;gap:8px;display:flex}.rv-item-name{color:var(--ink-soft);font-size:13px;font-weight:600}.rv-item-text{color:var(--ink);margin:6px 0 0;font-size:14px;line-height:1.5}.rv-filters{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.rv-filter{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.rv-filter:hover{border-color:var(--accent)}.rv-filter.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.lp-reviews{text-align:center;max-width:1040px;margin:0 auto;padding:36px 22px 6px}.lp-rev-grid{grid-template-columns:1fr;gap:16px;margin-top:22px;display:grid}.lp-rev-card{background:var(--surface);border:1px solid var(--line);box-shadow:0 10px 26px var(--shadow);text-align:left;border-radius:16px;margin:0;padding:20px 18px}.lp-rev-text{color:var(--ink);margin:10px 0 0;font-size:15px;font-style:italic;line-height:1.55}.lp-rev-by{color:var(--ink-soft);margin:12px 0 0;font-size:13px;font-weight:700}.lp-rev-book{color:var(--ink-faint);font-weight:500}@media (width>=760px){.lp-rev-grid{grid-template-columns:repeat(3,1fr)}}