: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}}