@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--s-14241d0d:#14241d0d;--s-14241d1f:#14241d1f;--s-14241d33:#14241d33;--s-14241d40:#14241d40;--s-15221e14:#15221e14;--s-15221e63:#15221e63;--s-20352f:#20352f;--s-20352f14:#20352f14;--s-20352f17:#20352f17;--s-20352f20:#20352f20;--s-244a3e:#244a3e;--s-315b4d:#315b4d;--s-608678:#608678;--s-668b73:#668b73;--s-687f9b:#687f9b;--s-74a08b:#74a08b;--s-7da38d:#7da38d;--s-7da99a:#7da99a;--s-7fb08f:#7fb08f;--s-83a48c:#83a48c;--s-92b09d:#92b09d;--s-9fbfad:#9fbfad;--s-b5c9bb:#b5c9bb;--s-bfd0c2:#bfd0c2;--s-c9d9ce:#c9d9ce;--s-d3dfd6:#d3dfd6;--s-d3e7da:#d3e7da;--s-d47b67:#d47b67;--s-d6e0d8:#d6e0d8;--s-d7e1d9:#d7e1d9;--s-d9e2db:#d9e2db;--s-d9e3dc:#d9e3dc;--s-dce6de:#dce6de;--s-dce9df:#dce9df;--s-dfe6e1:#dfe6e1;--s-dfe7e1:#dfe7e1;--s-e3e9e4:#e3e9e4;--s-e3eae5:#e3eae5;--s-e3eae5b3:#e3eae5b3;--s-e3eefa:#e3eefa;--s-e4ebe6:#e4ebe6;--s-e5ebe6:#e5ebe6;--s-e5f0e7:#e5f0e7;--s-e5f2e8:#e5f2e8;--s-e6ece7:#e6ece7;--s-e6f0e8:#e6f0e8;--s-e7be77:#e7be77;--s-e7c066:#e7c066;--s-e8cfc7:#e8cfc7;--s-e8ece9:#e8ece9;--s-e9a497:#e9a497;--s-e9f2fb:#e9f2fb;--s-eaf0eb:#eaf0eb;--s-eaf1eb:#eaf1eb;--s-edf1ed:#edf1ed;--s-edf1ee:#edf1ee;--s-edf2ee:#edf2ee;--s-edf3ee:#edf3ee;--s-ee7967:#ee7967;--s-eef3ef:#eef3ef;--s-eef7f0:#eef7f0;--s-efcfc2:#efcfc2;--s-f0f2ef:#f0f2ef;--s-f1f6f2:#f1f6f2;--s-f3dfd6:#f3dfd6;--s-f3f8f4:#f3f8f4;--s-f4faf5:#f4faf5;--s-f5f8f5:#f5f8f5;--s-f5faf5:#f5faf5;--s-f5faf6:#f5faf6;--s-f6faf6:#f6faf6;--s-f7f9f7:#f7f9f7;--s-f7fbf8:#f7fbf8;--s-f8fbf8:#f8fbf8;--s-fafcfa:#fafcfa;--s-fbe6b0:#fbe6b0;--s-fbf1df:#fbf1df;--s-fbfcfa:#fbfcfa;--s-fbfdfb:#fbfdfb;--s-fce9df:#fce9df;--s-fcecc4:#fcecc4;--s-fcfdfc:#fcfdfc;--s-fde9e3:#fde9e3;--s-fdf2d8:#fdf2d8;--s-fff0eb:#fff0eb;--s-fff1ed:#fff1ed;--s-fff2eb:#fff2eb;--s-fff9f5:#fff9f5;--s-fff9f6:#fff9f6;--s-ffffff:#fff;--s-ffffff1d:#ffffff1d;--s-ffffff43:#ffffff43;--s-ffffffd9:#ffffffd9;--s-ffffffe6:#ffffffe6;--s-fffffff2:#fffffff2;--t-20352f:#20352f;--t-244a3e:#244a3e;--t-30453f:#30453f;--t-315b4d:#315b4d;--t-34483f:#34483f;--t-364b40:#364b40;--t-3f7a55:#3f7a55;--t-43564b:#43564b;--t-486451:#486451;--t-4c5c52:#4c5c52;--t-4e5e56:#4e5e56;--t-4e6257:#4e6257;--t-50645a:#50645a;--t-52635a:#52635a;--t-52645a:#52645a;--t-527260:#527260;--t-54665d:#54665d;--t-547462:#547462;--t-587164:#587164;--t-5b6a62:#5b6a62;--t-5d6d65:#5d6d65;--t-617469:#617469;--t-62756b:#62756b;--t-62816c:#62816c;--t-63736b:#63736b;--t-63756a:#63756a;--t-65756c:#65756c;--t-65766d:#65766d;--t-667770:#667770;--t-66816f:#66816f;--t-67766f:#67766f;--t-68776e:#68776e;--t-6c7c73:#6c7c73;--t-6f5317:#6f5317;--t-70917b:#70917b;--t-74847b:#74847b;--t-76917c:#76917c;--t-77887e:#77887e;--t-7b8982:#7b8982;--t-7d8c84:#7d8c84;--t-7da38d:#7da38d;--t-7da99a:#7da99a;--t-809087:#809087;--t-82908a:#82908a;--t-89978f:#89978f;--t-89988e:#89988e;--t-8a978f:#8a978f;--t-8b9991:#8b9991;--t-8d5a50:#8d5a50;--t-909b94:#909b94;--t-909d96:#909d96;--t-91a097:#91a097;--t-929e96:#929e96;--t-93a198:#93a198;--t-945b48:#945b48;--t-94a098:#94a098;--t-9aa49e:#9aa49e;--t-9aa59e:#9aa59e;--t-9aa59f:#9aa59f;--t-9aa69f:#9aa69f;--t-9aa6a0:#9aa6a0;--t-9aab9e:#9aab9e;--t-9ba8a0:#9ba8a0;--t-9ca79f:#9ca79f;--t-9d6256:#9d6256;--t-a0aaa4:#a0aaa4;--t-a2ada6:#a2ada6;--t-a3ada7:#a3ada7;--t-a46552:#a46552;--t-b05a4a:#b05a4a;--t-b45f53:#b45f53;--t-b9894a:#b9894a;--t-b9cfc1:#b9cfc1;--t-bb8750:#bb8750;--t-ca8d34:#ca8d34;--t-cfe0d5:#cfe0d5;--t-d98267:#d98267;--t-ee7967:#ee7967;--t-f0cf86:#f0cf86;--t-f9f7ee:#f9f7ee;--t-fdfbf3:#fdfbf3;--t-ffffff:#fff}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--s-14241d0d:#14241d0d;--s-14241d1f:#14241d1f;--s-14241d33:#14241d33;--s-14241d40:#14241d40;--s-15221e14:#15221e14;--s-15221e63:#15221e63;--s-20352f:#2d4b43;--s-20352f14:#20352f14;--s-20352f17:#20352f17;--s-20352f20:#20352f20;--s-244a3e:#306252;--s-315b4d:#3d7261;--s-608678:#597d70;--s-668b73:#5b7c66;--s-687f9b:#434d59;--s-74a08b:#485e53;--s-7da38d:#4c6155;--s-7da99a:#4c655c;--s-7fb08f:#4c6a56;--s-83a48c:#4f6254;--s-92b09d:#5b7164;--s-9fbfad:#5a7867;--s-b5c9bb:#556a5e;--s-bfd0c2:#4c5f54;--s-c9d9ce:#425349;--s-d3dfd6:#3a4940;--s-d3e7da:#36433c;--s-d47b67:#83473a;--s-d6e0d8:#38463e;--s-d7e1d9:#37453d;--s-d9e2db:#36433b;--s-d9e3dc:#35423b;--s-dce6de:#323e37;--s-dce9df:#303c35;--s-dfe6e1:#303c35;--s-dfe7e1:#303c35;--s-e3e9e4:#2d3832;--s-e3eae5:#2c3731;--s-e3eae5b3:#2c3731b3;--s-e3eefa:#213851;--s-e4ebe6:#2b3630;--s-e5ebe6:#2b352f;--s-e5f0e7:#28322c;--s-e5f2e8:#27312b;--s-e6ece7:#2a342e;--s-e6f0e8:#28322c;--s-e7be77:#9c7736;--s-e7c066:#977831;--s-e8cfc7:#613628;--s-e8ece9:#29332d;--s-e9a497:#a84f3f;--s-e9f2fb:#20374e;--s-eaf0eb:#262f2a;--s-eaf1eb:#252e29;--s-edf1ed:#242c27;--s-edf1ee:#242c27;--s-edf2ee:#232c27;--s-edf3ee:#232b26;--s-ee7967:#a03c2d;--s-eef3ef:#222b26;--s-eef7f0:#202823;--s-efcfc2:#603827;--s-f0f2ef:#222b26;--s-f1f6f2:#1f2722;--s-f3dfd6:#583424;--s-f3f8f4:#1d2420;--s-f4faf5:#1b221e;--s-f5f8f5:#1c231f;--s-f5faf5:#1b221e;--s-f5faf6:#1b221e;--s-f6faf6:#1a211d;--s-f7f9f7:#1a211d;--s-f7fbf8:#19201c;--s-f8fbf8:#191f1b;--s-fafcfa:#171d1a;--s-fbe6b0:#625228;--s-fbf1df:#524021;--s-fbfcfa:#171d1a;--s-fbfdfb:#161c19;--s-fce9df:#513221;--s-fcecc4:#5b4b25;--s-fcfdfc:#161b18;--s-fde9e3:#4f2b20;--s-fdf2d8:#534522;--s-fff0eb:#4c2a1f;--s-fff1ed:#4b291f;--s-fff2eb:#4c2f1f;--s-fff9f5:#181e1b;--s-fff9f6:#181e1a;--s-ffffff:#131815;--s-ffffff1d:#1318151d;--s-ffffff43:#13181543;--s-ffffffd9:#131815d9;--s-ffffffe6:#131815e6;--s-fffffff2:#131815f2;--t-20352f:#d7ddd9;--t-244a3e:#98cdbc;--t-30453f:#d0d7d3;--t-315b4d:#9cc9ba;--t-34483f:#ced5d1;--t-364b40:#cdd4d0;--t-3f7a55:#9acbac;--t-43564b:#c8d0cb;--t-486451:#c4cdc7;--t-4c5c52:#c5cdc8;--t-4e5e56:#c4cdc7;--t-4e6257:#c3ccc7;--t-50645a:#c2cbc6;--t-52635a:#c2cbc6;--t-52645a:#c2cbc5;--t-527260:#a6bfb1;--t-54665d:#c1cac5;--t-547462:#a6bfb1;--t-587164:#bec7c2;--t-5b6a62:#bec8c2;--t-5d6d65:#bdc7c1;--t-617469:#bbc5bf;--t-62756b:#bbc5bf;--t-62816c:#a8bdaf;--t-63736b:#bbc5bf;--t-63756a:#bac4bf;--t-65756c:#bac4be;--t-65766d:#bac4be;--t-667770:#b9c4be;--t-66816f:#b7c2bc;--t-67766f:#b9c4be;--t-68776e:#b9c3bd;--t-6c7c73:#b7c2bb;--t-6f5317:#d9c08c;--t-70917b:#97af9f;--t-74847b:#b3bfb8;--t-76917c:#a8b5ad;--t-77887e:#acb9b1;--t-7b8982:#aab6af;--t-7d8c84:#a7b4ac;--t-7da38d:#93b3a1;--t-7da99a:#91b6a9;--t-809087:#a3b1a9;--t-82908a:#a2b0a8;--t-89978f:#9ba9a1;--t-89988e:#9aa9a0;--t-8a978f:#9aa9a0;--t-8b9991:#98a89f;--t-8d5a50:#c8a49d;--t-909b94:#95a49b;--t-909d96:#94a39a;--t-91a097:#91a298;--t-929e96:#92a299;--t-93a198:#90a097;--t-945b48:#cda598;--t-94a098:#90a097;--t-9aa49e:#8a9c92;--t-9aa59e:#8a9b91;--t-9aa59f:#8a9b91;--t-9aa69f:#899b91;--t-9aa6a0:#899b91;--t-9aab9e:#87988e;--t-9ba8a0:#88998f;--t-9ca79f:#88998f;--t-9d6256:#c9a49c;--t-a0aaa4:#84968b;--t-a2ada6:#819489;--t-a3ada7:#819388;--t-a46552:#cca599;--t-b05a4a:#d29d93;--t-b45f53:#c7887f;--t-b9894a:#cca97b;--t-b9cfc1:#6c7f74;--t-bb8750:#cca47b;--t-ca8d34:#d9ba8c;--t-cfe0d5:#6c7f74;--t-d98267:#d18b75;--t-ee7967:#d58c80;--t-f0cf86:#ddc899;--t-f9f7ee:#f9f7ee;--t-fdfbf3:#fdfbf3;--t-ffffff:#fff}:root{color:var(--t-20352f);background:var(--s-f5f8f5);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--serif:"Fraunces", Georgia, serif;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}input{color:inherit;background-color:var(--s-ffffff)}button{color:inherit}button:focus-visible{outline:3px solid var(--t-7da99a);outline-offset:3px}::selection{color:var(--t-20352f);background:var(--s-d3e7da)}#root{min-height:100vh}.app-shell{background:var(--s-ffffff);grid-template-columns:244px minmax(0,1fr);max-width:1600px;min-height:100vh;margin:0 auto;display:grid}.sidebar{border-right:1px solid var(--s-e3eae5);background:var(--s-fbfcfa);flex-direction:column;padding:30px 18px 22px;display:flex}.brand{color:var(--t-20352f);letter-spacing:0;align-items:center;gap:10px;padding:0 12px;font-size:25px;font-weight:700;line-height:1;text-decoration:none;display:flex}.brand-mark{width:34px;height:34px;color:var(--t-ffffff);background:var(--s-315b4d);border-radius:10px;place-items:center;display:grid}.brand-period,.heading-period{color:var(--t-ee7967)}.side-label,.eyebrow,.panel-kicker{letter-spacing:1.25px;color:var(--t-9aa6a0);font-size:10px;font-weight:700;line-height:1.3;display:block}.side-label{margin:48px 12px 13px}.side-nav{gap:5px;display:grid}.nav-item{text-align:left;width:100%;color:var(--t-667770);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;padding:11px 12px;font-size:14px;display:flex}.nav-item:hover,.nav-item.selected{color:var(--t-244a3e);background:var(--s-eaf1eb)}.nav-item.selected{font-weight:600}.nav-count{color:var(--t-91a097);margin-left:auto;font-size:12px}.sidebar-bottom{margin-top:auto;padding:0 9px}.streak-badge{border:1px solid var(--s-e3eae5);color:var(--t-ca8d34);background:var(--s-ffffff);border-radius:8px;align-items:center;gap:11px;padding:13px 12px;display:flex}.streak-badge span,.reader-stat span{gap:1px;display:grid}.streak-badge strong{color:var(--t-20352f);font-size:13px;line-height:1.2}.streak-badge small,.reader-stat small{color:var(--t-82908a);font-size:11px}.side-footnote{color:var(--t-a3ada7);margin:18px 3px 0;font-size:11px;display:block}.main-area{width:100%;min-width:0;max-width:1320px;margin:0 auto;padding:46px 60px 48px;position:relative}.page-header{border-bottom:1px solid var(--s-e3eae5);justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:36px;animation:.4s ease-out both appear;display:flex}.page-header h1{color:var(--t-20352f);font:500 47px/1.06 var(--serif);letter-spacing:0;margin:10px 0 8px}.page-header p{color:var(--t-82908a);margin:0;font-size:14px}.import-button,.primary-action{min-height:43px;color:var(--t-ffffff);background:var(--s-315b4d);cursor:pointer;white-space:nowrap;border:0;border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:0 16px;font-size:13px;font-weight:600;transition:background .18s,transform .18s;display:inline-flex}.import-button:hover,.primary-action:hover{background:var(--s-244a3e);transform:translateY(-1px)}.import-button:disabled{opacity:.7;cursor:wait}.file-input{display:none}.library-content{padding-top:24px}.library-toolbar{color:var(--t-67766f);letter-spacing:.8px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:21px;font-size:11px;font-weight:700;display:flex}.library-toolbar>div{align-items:center;gap:9px;display:flex}.section-marker{background:var(--s-ee7967);border-radius:50%;width:7px;height:7px}.toolbar-count{min-width:21px;height:21px;color:var(--t-63736b);background:var(--s-edf2ee);letter-spacing:0;border-radius:50px;place-items:center;padding:0 5px;font-size:10px;display:grid}.sort-button,.quiet-button{color:var(--t-7b8982);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:7px 0;font-size:12px;display:inline-flex}.sort-button:hover,.quiet-button:hover{color:var(--t-315b4d)}.book-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 21px;display:grid}.book-card{text-align:left;cursor:pointer;background:0 0;border:0;min-width:0;padding:0;animation:.45s ease-out both appear}.book-slot:nth-child(2) .book-card{animation-delay:40ms}.book-slot:nth-child(3) .book-card{animation-delay:80ms}.book-slot:nth-child(4) .book-card{animation-delay:.12s}.book-cover{aspect-ratio:.77;color:var(--t-fdfbf3);background:var(--s-608678);box-shadow:2px 4px 9px var(--s-20352f17), inset 5px 0 0 var(--s-ffffff1d);border-radius:3px 7px 7px 3px;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:17px 16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.book-cover:before{border:1px solid var(--s-ffffff43);content:"";pointer-events:none;border-radius:2px;position:absolute;inset:10px}.book-card:hover .book-cover{box-shadow:4px 12px 16px var(--s-20352f20), inset 5px 0 0 var(--s-ffffff1d);transform:translateY(-4px)rotate(-1deg)}.book-cover>svg{opacity:.85;position:absolute;top:17px;right:17px}.cover-1 .book-cover{color:var(--t-30453f);background:var(--s-e7be77)}.cover-2 .book-cover{background:var(--s-d47b67)}.cover-3 .book-cover{color:var(--t-f9f7ee);background:var(--s-687f9b)}.cover-stamp{max-width:calc(100% - 60px);color:inherit;letter-spacing:1.3px;opacity:.8;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:700;position:absolute;top:17px;left:17px;overflow:hidden}.cover-lines{opacity:.55;gap:5px;width:80%;margin-bottom:17px;display:grid}.cover-lines span{background:currentColor;height:1px;display:block}.cover-lines span:last-child{width:55%}.cover-title{z-index:1;max-width:100%;font:500 20px/1.12 var(--serif);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;position:relative;overflow:hidden}.cover-author{opacity:.78;margin-top:7px;font-size:9px}.book-card-info{padding:11px 2px 0}.book-card-title{color:var(--t-34483f);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.book-card-author{color:var(--t-909d96);margin-top:3px;font-size:11px}.book-card-progress{align-items:center;gap:8px;margin-top:11px;display:flex}.book-card-progress>span{background:var(--s-edf1ed);border-radius:4px;flex:1;height:3px;overflow:hidden}.book-card-progress i{border-radius:inherit;background:var(--s-74a08b);height:100%;display:block}.book-card-progress small{color:var(--t-9aa69f);white-space:nowrap;font-size:9px}.add-book-row{border:1px dashed var(--s-d7e1d9);text-align:left;background:var(--s-fbfdfb);cursor:pointer;border-radius:6px;grid-template-columns:35px 1fr auto;align-items:center;gap:11px;width:100%;margin-top:28px;padding:12px 14px;display:grid}.add-book-row:hover{border-color:var(--s-92b09d);background:var(--s-f5faf6)}.add-book-row>span{width:34px;height:34px;color:var(--t-315b4d);background:var(--s-eaf1eb);border-radius:5px;place-items:center;display:grid}.add-book-row strong{color:var(--t-54665d);font-size:12px;font-weight:600}.add-book-row small{color:var(--t-9aa69f);font-size:10px}.reading-note{border-top:1px solid var(--s-e3eae5);align-items:center;gap:13px;margin-top:35px;padding-top:22px;display:flex}.note-icon{width:39px;height:39px;color:var(--t-bb8750);background:var(--s-fbf1df);border-radius:50%;place-items:center;display:grid}.reading-note>div:nth-child(2){gap:3px;display:grid}.reading-note span{color:var(--t-9ca79f);letter-spacing:1px;font-size:9px;font-weight:700}.reading-note strong{color:var(--t-52635a);font-size:12px;font-weight:500}.reading-note>button{border:1px solid var(--s-e3eae5);width:34px;height:34px;color:var(--t-77887e);background:var(--s-ffffff);cursor:pointer;border-radius:50%;place-items:center;margin-left:auto;display:grid;transform:rotate(180deg)}.notice-bar{border:1px solid var(--s-dce9df);color:var(--t-527260);background:var(--s-f4faf5);border-radius:5px;justify-content:space-between;align-items:center;margin-top:16px;padding:9px 12px;font-size:12px;display:flex}.notice-bar button{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.empty-library,.empty-state{text-align:center;justify-items:center;padding:70px 16px;display:grid}.empty-icon{width:48px;height:48px;color:var(--t-315b4d);background:var(--s-eaf1eb);border-radius:50%;place-items:center;display:grid}.empty-library h2,.empty-state h2{color:var(--t-20352f);font:500 25px/1.2 var(--serif);margin:18px 0 7px}.empty-library p,.empty-state p{max-width:340px;color:var(--t-82908a);margin:0 0 19px;font-size:13px;line-height:1.6}.reader-topbar{border-bottom:1px solid var(--s-e3eae5);align-items:center;gap:15px;min-height:48px;padding-bottom:23px;display:flex}.icon-button{border:1px solid var(--s-e3eae5);width:37px;height:37px;color:var(--t-65766d);background:var(--s-ffffff);cursor:pointer;border-radius:50%;place-items:center;display:grid}.icon-button:hover{color:var(--t-315b4d);border-color:var(--s-b5c9bb)}.reader-heading{gap:3px;min-width:0;display:grid}.reader-heading>span{color:var(--t-9aa59f);letter-spacing:1px;font-size:9px;font-weight:700}.reader-heading strong{max-width:100%;color:var(--t-20352f);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.reader-tools{margin-left:auto}.quiet-button{font-size:12px}.reader-layout{grid-template-columns:minmax(0,680px) 180px;justify-content:center;gap:58px;padding:37px 0;display:grid}.reading-column{min-width:0}.reading-meta{color:var(--t-94a098);align-items:center;gap:10px;font-size:11px;display:flex}.reading-meta span+span{border-left:1px solid var(--s-e3eae5);letter-spacing:.8px;padding-left:10px;font-size:9px;font-weight:700}.book-title{color:var(--t-20352f);font:500 39px/1.1 var(--serif);letter-spacing:0;margin:12px 0 11px}.reading-hint{color:var(--t-9aa49e);align-items:center;gap:7px;margin-bottom:21px;font-size:11px;display:inline-flex}.hint-dot{background:var(--s-ee7967);border-radius:50%;width:6px;height:6px}.book-text{overscroll-behavior:contain;scrollbar-color:var(--s-d6e0d8) transparent;scrollbar-width:thin;max-height:min(57vh,580px);padding:3px 17px 10px 0;overflow:auto}.book-text p{color:var(--t-4e5e56);font:400 var(--reader-size,18px) / var(--reader-leading,1.95) var(--reader-font,var(--serif));margin:0 0 1.2em}.word-token{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:2px;padding:0;line-height:1.35;display:inline}.word-token:hover{color:var(--t-315b4d);background:var(--s-e6f0e8);box-shadow:0 0 0 2px var(--s-e6f0e8)}.reading-footer{border-top:1px solid var(--s-e3eae5);color:var(--t-a0aaa4);justify-content:space-between;padding-top:12px;font-size:10px;display:flex}.reader-side-note{border-left:1px solid var(--s-e3eae5);align-self:start;margin-top:99px;padding-left:17px}.book-progress-label{color:var(--t-929e96);letter-spacing:.6px;justify-content:space-between;gap:10px;font-size:9px;font-weight:700;display:flex}.progress-track{background:var(--s-eaf0eb);border-radius:4px;height:4px;margin-top:12px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--s-7da38d);height:100%;display:block}.reader-stat{color:var(--t-9aab9e);align-items:center;gap:11px;margin-top:29px;display:flex}.reader-stat strong{color:var(--t-20352f);font-size:13px}.translation-scrim{z-index:5;background:var(--s-15221e63);justify-content:center;align-items:flex-end;animation:.16s ease-out fade;display:flex;position:fixed;inset:0}.translation-panel{width:min(100%,440px);padding:27px 27px calc(22px + env(safe-area-inset-bottom));background:var(--s-ffffff);box-shadow:0 -10px 40px var(--s-15221e14);border-radius:12px 12px 0 0;animation:.23s ease-out rise;position:relative}.panel-close{width:33px;height:33px;position:absolute;top:18px;right:19px}.panel-kicker{margin-bottom:12px}.translation-wordline{align-items:center;gap:12px;display:flex}.translation-wordline h2{color:var(--t-20352f);font:500 32px/1.15 var(--serif);margin:0}.sound-button{width:34px;height:34px}.translation-result{color:var(--t-52645a);margin:9px 0 21px;font-size:18px}.translation-loading{color:var(--t-809087);align-items:center;gap:8px;margin:14px 0 21px;font-size:13px;display:flex}.panel-divider{background:var(--s-e3eae5);height:1px}.save-word{width:100%;min-height:45px;color:var(--t-ffffff);background:var(--s-315b4d);cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:9px;margin-top:17px;font-size:13px;font-weight:600;display:flex}.save-word:hover:not(:disabled){background:var(--s-244a3e)}.save-word:disabled{opacity:.68;cursor:default}.save-word.saved{background:var(--s-668b73)}.words-header{align-items:flex-end}.header-stats{justify-items:end;gap:0;margin-bottom:4px;display:grid}.header-stats strong{color:var(--t-315b4d);font:500 30px/1 var(--serif)}.header-stats span{color:var(--t-82908a);font-size:11px}.words-page{max-width:780px;padding-top:27px}.practice-banner{border:1px solid var(--s-f3dfd6);background:var(--s-fff9f5);border-radius:7px;align-items:center;gap:13px;padding:13px 15px;display:flex}.practice-banner-icon{width:39px;height:39px;color:var(--t-d98267);background:var(--s-fce9df);border-radius:50%;place-items:center;display:grid}.practice-banner>div:nth-child(2){gap:3px;display:grid}.practice-banner strong{color:var(--t-4c5c52);font-size:12px}.practice-banner span{color:var(--t-909b94);font-size:11px}.practice-cta{color:var(--t-a46552);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin-left:auto;font-size:11px;font-weight:600;display:flex}.arrow-forward{transform:rotate(180deg)}.practice-section{padding-top:34px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:14px;display:flex}.section-heading h2{color:var(--t-20352f);font:500 24px/1.15 var(--serif);margin:5px 0 0}.practice-counter{color:var(--t-89978f);font-size:11px}.practice-complete{border:1px solid var(--s-dce9df);color:var(--t-62816c);background:var(--s-f5faf5);border-radius:7px;align-items:center;gap:12px;margin-top:26px;padding:14px 16px;display:flex}.practice-complete>span{gap:3px;display:grid}.practice-complete strong{color:var(--t-486451);font-size:12px}.practice-complete small{color:var(--t-89988e);font-size:11px}.flashcard{border:1px solid var(--s-e3eae5);background:linear-gradient(135deg, var(--s-fbfdfb), var(--s-f6faf6));cursor:pointer;border-radius:7px;align-content:center;justify-items:center;min-height:194px;padding:24px;display:grid}.flashcard-label{color:var(--t-9ba8a0);letter-spacing:1.15px;font-size:9px;font-weight:700}.flashcard>strong{overflow-wrap:anywhere;max-width:100%;color:var(--t-244a3e);font:500 35px/1.15 var(--serif);text-align:center;margin-top:15px}.flashcard-source{color:var(--t-9aa59e);margin-top:12px;font-size:11px}.reveal-button{border:1px solid var(--s-dce6de);width:100%;min-height:43px;color:var(--t-587164);background:var(--s-ffffff);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:12px;font-weight:600;display:flex}.reveal-button:hover{background:var(--s-f5faf5)}.practice-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.secondary-action{border:1px solid var(--s-dce6de);min-height:43px;color:var(--t-62756b);background:var(--s-ffffff);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.word-list-section{padding-top:37px}.word-list{border-top:1px solid var(--s-e3eae5)}.word-row{border-bottom:1px solid var(--s-e3eae5);grid-template-columns:35px minmax(100px,1fr) minmax(100px,1fr) auto 28px;align-items:center;gap:12px;min-height:64px;display:grid}.word-initial{width:31px;height:31px;color:var(--t-547462);background:var(--s-edf3ee);font:500 14px var(--serif);border-radius:50%;place-items:center;display:grid}.word-details{gap:3px;min-width:0;display:grid}.word-details strong{color:var(--t-364b40);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.word-details span{color:var(--t-9aa69f);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.word-translation{color:var(--t-65756c);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.known-label{color:var(--t-70917b);white-space:nowrap;align-items:center;gap:3px;font-size:9px;display:inline-flex}.delete-word{width:28px;height:28px;color:var(--t-a2ada6);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.delete-word:hover{color:var(--t-b45f53);background:var(--s-fff0eb)}.word-known .word-initial{color:var(--t-89978f);background:var(--s-f0f2ef)}.mobile-nav{display:none}.loading-screen{min-height:100svh;color:var(--t-82908a);background:var(--s-f5f8f5);justify-content:center;align-items:center;gap:13px;display:flex}.account-panel-icon{width:34px;height:34px;color:var(--t-315b4d);background:var(--s-eaf1eb);border-radius:50%;flex:none;place-items:center;display:grid}.account-scrim{align-items:center;padding:20px}.account-panel{background:var(--s-ffffff);width:min(100%,410px);max-height:min(650px,90svh);box-shadow:0 22px 70px var(--s-14241d33);border-radius:10px;padding:30px;animation:.2s ease-out rise;position:relative;overflow-y:auto}.account-panel-icon{width:43px;height:43px;color:var(--t-ffffff);background:var(--s-315b4d);margin-bottom:18px}.account-panel .panel-kicker{margin-bottom:7px}.account-panel h2{color:var(--t-20352f);font:500 28px/1.15 var(--serif);margin:0 0 19px}.auth-form{gap:13px;display:grid}.auth-form label{color:var(--t-68776e);gap:6px;font-size:11px;font-weight:600;display:grid}.auth-form input{border:1px solid var(--s-e3eae5);width:100%;min-height:43px;color:var(--t-20352f);background:var(--s-fcfdfc);border-radius:5px;outline:none;padding:0 11px;font-size:13px}.auth-form input:focus{border-color:var(--s-83a48c);box-shadow:0 0 0 3px var(--s-e5f0e7)}.auth-submit{width:100%;margin-top:3px}.auth-mode-toggle{color:var(--t-66816f);cursor:pointer;background:0 0;border:0;justify-self:center;font-size:11px}.auth-mode-toggle:hover{color:var(--t-244a3e);text-decoration:underline}.auth-message{color:var(--t-945b48);background:var(--s-fff2eb);border-radius:5px;margin:13px 0 0;padding:10px;font-size:11px;line-height:1.5}.cloud-setup-note{border:1px solid var(--s-e6ece7);background:var(--s-fafcfa);border-radius:6px;padding:13px}.cloud-setup-note p{color:var(--t-68776e);margin:0 0 12px;font-size:12px;line-height:1.6}.cloud-setup-note code{color:var(--t-617469);margin-top:6px;font-size:10px;display:block}.account-connected{gap:10px;display:grid}.account-connected p{overflow-wrap:anywhere;color:var(--t-50645a);margin:0;font-size:13px;font-weight:600}.account-connected>span{color:var(--t-76917c);align-items:center;gap:7px;font-size:11px;display:flex}.account-signout{border:1px solid var(--s-e3eae5);min-height:42px;color:var(--t-63756a);background:var(--s-ffffff);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.account-signout:hover{color:var(--t-9d6256);border-color:var(--s-e8cfc7);background:var(--s-fff9f6)}.account-signout:disabled{opacity:.6;cursor:wait}.book-loading{min-height:120px;color:var(--t-82908a);justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:.8;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.book-slot{min-width:0;position:relative}.book-slot .book-card{width:100%}.delete-book{width:30px;height:30px;color:var(--t-8d5a50);background:var(--s-ffffffd9);cursor:pointer;opacity:0;border:0;border-radius:50%;place-items:center;transition:opacity .16s;display:grid;position:absolute;top:10px;right:10px}.book-slot:hover .delete-book,.delete-book:focus-visible{opacity:1}.delete-book:hover{color:var(--t-b45f53);background:var(--s-fff0eb)}@media (hover:none){.delete-book{opacity:.85}}.legend{color:var(--t-5b6a62);border-radius:3px;padding:1px 6px;font-size:10px}.legend-new{background:var(--s-e3eefa)}.legend-learning{background:var(--s-fbe6b0)}.word-token.is-new{background:var(--s-e9f2fb);box-shadow:0 0 0 1px var(--s-e9f2fb)}.word-token.is-learning{background:var(--s-fbe6b0);box-shadow:0 0 0 1px var(--s-fbe6b0)}.word-token.is-learning.level-2{background:var(--s-fcecc4);box-shadow:0 0 0 1px var(--s-fcecc4)}.word-token.is-learning.level-3{background:var(--s-fdf2d8);box-shadow:0 0 0 1px var(--s-fdf2d8)}.word-token.is-learning.level-4{box-shadow:none;-webkit-text-decoration:underline 1.5px var(--t-f0cf86);text-decoration:underline 1.5px var(--t-f0cf86);text-underline-offset:3px;background:0 0}.word-token.selected{color:var(--t-ffffff);background:var(--s-315b4d);box-shadow:0 0 0 2px var(--s-315b4d)}.page-controls{color:var(--t-8a978f);justify-content:space-between;align-items:center;gap:12px;margin:6px 0 14px;font-size:12px;display:flex}.page-controls .icon-button:disabled{opacity:.35;cursor:default}.finish-page{min-height:36px;color:var(--t-ffffff);background:var(--s-315b4d);cursor:pointer;border:0;border-radius:6px;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.finish-page:hover:not(:disabled){background:var(--s-244a3e)}.finish-page:disabled{opacity:.7}.translation-context{border-left:2px solid var(--s-e6ece7);color:var(--t-74847b);font:italic 400 14px/1.55 var(--serif);margin:10px 0 0;padding-left:10px}.translation-context mark,.flashcard-context mark{color:var(--t-244a3e);background:var(--s-fbe6b0);border-radius:2px;font-style:normal}.variant-list{flex-wrap:wrap;gap:7px;margin:14px 0 4px;display:flex}.variant{border:1px solid var(--s-dce6de);color:var(--t-4e6257);background:var(--s-ffffff);cursor:pointer;border-radius:50px;padding:6px 12px;font-size:14px}.variant:hover{background:var(--s-f5faf5)}.variant.selected{border-color:var(--s-315b4d);color:var(--t-244a3e);background:var(--s-eaf1eb);font-weight:600}.translation-input{color:var(--t-8a978f);gap:6px;margin:12px 0 0;font-size:11px;display:grid}.translation-input input{border:1px solid var(--s-dce6de);min-height:40px;color:var(--t-20352f);border-radius:6px;padding:0 11px;font-size:14px}.translation-input input:focus{border-color:var(--s-7da99a);outline:none}.status-row{align-items:center;gap:6px;margin:14px 0 16px;display:flex}.status-row>span{color:var(--t-8a978f);margin-right:auto;font-size:11px}.status-pill{border:1px solid var(--s-e3e9e4);width:34px;height:30px;color:var(--t-6c7c73);background:var(--s-ffffff);cursor:pointer;border-radius:6px;place-items:center;font-size:13px;font-weight:600;display:grid}.status-pill:disabled{opacity:.45;cursor:default}.status-pill.active{border-color:var(--s-e7c066);color:var(--t-6f5317);background:var(--s-fbe6b0)}.status-pill.status-known.active{border-color:var(--s-315b4d);color:var(--t-ffffff);background:var(--s-315b4d)}.flashcard{position:relative}.flashcard-context{max-width:520px;color:var(--t-74847b);font:italic 400 14px/1.55 var(--serif);text-align:center;margin:14px 0 0}.flashcard-sound{width:32px;height:32px;position:absolute;top:12px;right:12px}.grade-actions{grid-template-columns:1fr 1fr 1fr}.grade-actions button:disabled{opacity:.6}.grade-actions kbd{color:inherit;font:inherit;opacity:.55;font-size:10px}.level-dots{gap:3px;display:inline-flex}.level-dots i{background:var(--s-e8ece9);border-radius:50%;width:6px;height:6px}.level-dots i.filled{background:var(--s-e7c066)}.nav-count.due{min-width:20px;color:var(--t-ffffff);background:var(--s-ee7967);text-align:center;border-radius:50px;padding:1px 6px;font-size:11px;font-weight:600}button.streak-badge{width:100%;font:inherit;text-align:left;cursor:pointer}button.streak-badge:hover{border-color:var(--s-d9e3dc)}.language-switcher{scrollbar-width:none;gap:8px;margin-top:22px;display:flex;overflow-x:auto}.language-switcher::-webkit-scrollbar{display:none}.language-chip{border:1px solid var(--s-dce6de);min-height:36px;color:var(--t-587164);background:var(--s-ffffff);cursor:pointer;border-radius:50px;flex:none;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.language-chip small{color:var(--t-9aa69f);font-size:11px;font-weight:500}.language-chip:hover{background:var(--s-f5faf5)}.language-chip.selected{border-color:var(--s-315b4d);color:var(--t-ffffff);background:var(--s-315b4d)}.language-chip.selected small{color:var(--t-cfe0d5)}.language-chip.add{color:var(--t-7b8982);border-style:dashed;font-weight:500}.stats-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.stat-tile{border:1px solid var(--s-e3eae5);color:var(--t-b9894a);background:var(--s-fbfcfa);font:inherit;text-align:left;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:14px 15px;display:grid}button.stat-tile{cursor:pointer}button.stat-tile:hover{border-color:var(--s-d3dfd6);background:var(--s-f5faf5)}.stat-tile svg{grid-row:span 2}.stat-tile strong{color:var(--t-20352f);font:500 22px/1.1 var(--serif)}.stat-tile small{color:var(--t-82908a);font-size:11px}.week-dots{grid-column:2;gap:4px;margin-top:6px;display:flex}.week-dots i{background:var(--s-e8ece9);border-radius:2px;width:7px;height:7px}.week-dots i.on{background:var(--s-7da38d)}.app-shell.onboarding-mode{grid-template-columns:minmax(0,1fr);padding-bottom:0}.onboarding-mode .sidebar,.onboarding-mode .mobile-nav{display:none}.onboarding{text-align:center;justify-items:center;max-width:720px;margin:6vh auto 0;animation:.4s ease-out both appear;display:grid}.onboarding .eyebrow{margin-top:22px}.onboarding h1{color:var(--t-20352f);font:500 44px/1.1 var(--serif);margin:12px 0 10px}.onboarding p{max-width:460px;color:var(--t-82908a);margin:0 0 30px;font-size:14px;line-height:1.55}.language-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px;width:100%;display:grid}.language-card{border:1px solid var(--s-e3eae5);background:var(--s-ffffff);text-align:left;cursor:pointer;border-radius:8px;gap:4px;padding:16px;transition:border-color .16s,transform .16s;display:grid}.language-card:hover{border-color:var(--s-9fbfad);transform:translateY(-1px)}.language-greeting{color:var(--t-315b4d);font:500 21px/1.2 var(--serif)}.language-card strong{color:var(--t-6c7c73);font-size:12px;font-weight:500}.language-dialog{width:min(100%,560px)}.language-dialog .language-grid{margin-top:18px}.variant-groups{gap:2px;max-height:220px;margin:14px 0 4px;display:grid;overflow-y:auto}.variant-groups .variant-list{align-items:center;margin:0 0 6px}.variant-pos{min-width:46px;color:var(--t-a0aaa4);font-size:11px;font-style:italic}button.practice-banner{width:100%;font:inherit;text-align:left;cursor:pointer}button.practice-banner>span:nth-child(2){gap:3px;display:grid}button.practice-banner:hover{border-color:var(--s-efcfc2)}.words-toolbar{justify-content:space-between;align-items:center;gap:12px;margin:26px 0 8px;display:flex}.segmented{background:var(--s-eef3ef);border-radius:8px;gap:2px;padding:3px;display:inline-flex}.segmented button{min-height:32px;color:var(--t-6c7c73);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 12px;font-size:12px;display:inline-flex}.segmented button small{color:var(--t-9aa69f);font-size:11px}.segmented button.selected{color:var(--t-244a3e);background:var(--s-ffffff);box-shadow:0 1px 3px var(--s-20352f14);font-weight:600}.search-field{border:1px solid var(--s-dce6de);min-height:36px;color:var(--t-9aa69f);border-radius:6px;align-items:center;gap:7px;padding:0 10px;display:inline-flex}.search-field input{width:160px;color:var(--t-20352f);border:0;outline:none;font-size:13px}.search-field:focus-within{border-color:var(--s-7da99a)}button.word-initial{cursor:pointer;border:0}button.word-initial:hover{color:var(--t-ffffff);background:var(--s-315b4d)}.list-empty{color:var(--t-82908a);font-size:13px}.training-setup{gap:28px;max-width:780px;padding-top:27px;display:grid}.due-note{border:1px solid var(--s-f3dfd6);color:var(--t-a46552);background:var(--s-fff9f5);border-radius:7px;align-items:center;gap:9px;padding:12px 14px;font-size:12px;display:flex}.setup-block{gap:12px;display:grid}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.mode-card{border:1px solid var(--s-e3eae5);color:var(--t-7da38d);background:var(--s-ffffff);text-align:left;cursor:pointer;border-radius:8px;justify-items:start;gap:4px;padding:15px;display:grid}.mode-card strong{color:var(--t-20352f);margin-top:6px;font-size:13px}.mode-card small{color:var(--t-82908a);font-size:11px}.mode-card:hover{border-color:var(--s-c9d9ce)}.mode-card.selected{border-color:var(--s-315b4d);color:var(--t-315b4d);background:var(--s-f3f8f4);box-shadow:inset 0 0 0 1px var(--s-315b4d)}.setup-hint{color:var(--t-82908a);margin:0;font-size:12px}.pick-list{border-top:1px solid var(--s-e3eae5);max-height:320px;overflow-y:auto}.pick-row{border-bottom:1px solid var(--s-e3eae5);min-height:46px;color:var(--t-65756c);cursor:pointer;grid-template-columns:20px minmax(90px,1fr) minmax(90px,1fr) 10px;align-items:center;gap:12px;font-size:12px;display:grid}.pick-row strong{color:var(--t-364b40);font-size:13px}.pick-row input{accent-color:var(--t-315b4d)}.pick-row.checked{background:var(--s-f7fbf8)}.due-dot{background:var(--s-ee7967);border-radius:50%;width:7px;height:7px}.start-training{justify-self:start;min-width:220px}.start-training:disabled{opacity:.5;cursor:default;transform:none}.training-session{max-width:620px;margin:0 auto}.session-top{align-items:center;gap:14px;display:flex}.session-progress{background:var(--s-eaf0eb);border-radius:6px;flex:1;height:6px;overflow:hidden}.session-progress span{border-radius:inherit;background:var(--s-315b4d);height:100%;transition:width .3s ease-out;display:block}.session-count{color:var(--t-89978f);font-size:12px}.exercise{gap:14px;padding-top:42px;animation:.3s ease-out both appear;display:grid}.exercise-kind{color:var(--t-9aa6a0);letter-spacing:1.1px;text-transform:uppercase;font-size:11px;font-weight:700}.exercise-prompt{align-items:center;gap:12px;display:flex}.exercise-prompt strong{overflow-wrap:anywhere;color:var(--t-20352f);font:500 38px/1.15 var(--serif)}.exercise-context,.flashcard-context{color:var(--t-74847b);font:italic 400 15px/1.55 var(--serif);margin:0}.exercise-context mark{color:var(--t-244a3e);background:var(--s-fbe6b0);border-radius:2px;font-style:normal}.flash-answer{border-top:1px solid var(--s-e3eae5);color:var(--t-244a3e);font:500 26px/1.2 var(--serif);padding-top:16px}.choice-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;display:grid}.choice{border:1px solid var(--s-dce6de);min-height:56px;color:var(--t-20352f);background:var(--s-ffffff);text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;font-size:15px;display:flex}.choice:hover:not(:disabled){border-color:var(--s-9fbfad);background:var(--s-f7fbf8)}.choice kbd{border:1px solid var(--s-e3e9e4);width:22px;height:22px;color:var(--t-9aa69f);font:600 11px var(--sans,inherit);border-radius:5px;flex:none;place-items:center;display:grid}.choice:disabled{cursor:default}.choice.correct{border-color:var(--s-7fb08f);background:var(--s-eef7f0)}.choice.wrong{border-color:var(--s-e9a497);background:var(--s-fff1ed)}.choice.faded{opacity:.5}.letter-slots{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.slot{border-bottom:2px solid var(--s-d6e0d8);width:40px;height:46px;color:var(--t-20352f);font:500 24px var(--serif);place-items:center;display:grid}.slot.filled{border-color:var(--s-315b4d)}.letter-tiles{flex-wrap:wrap;gap:8px;display:flex}.tile{border:1px solid var(--s-dce6de);width:44px;height:46px;color:var(--t-20352f);background:var(--s-ffffff);font:500 20px var(--serif);cursor:pointer;box-shadow:0 2px 0 var(--s-e6ece7);border-radius:8px}.tile:hover:not(:disabled){border-color:var(--s-9fbfad)}.tile:disabled{opacity:.25;cursor:default}.exercise-tools{align-items:center;gap:16px;display:flex}.write-form{gap:12px;display:grid}.write-form input{border:1px solid var(--s-dce6de);min-height:52px;color:var(--t-20352f);font:500 22px var(--serif);border-radius:8px;padding:0 14px}.write-form input:focus{border-color:var(--s-7da99a);outline:none}.write-form .primary-action:disabled{opacity:.5;cursor:default;transform:none}.exercise-feedback{border-radius:8px;align-items:center;gap:12px;margin-top:6px;padding:14px;animation:.2s ease-out both appear;display:flex}.exercise-feedback.correct{color:var(--t-3f7a55);background:var(--s-eef7f0)}.exercise-feedback.wrong{color:var(--t-b05a4a);background:var(--s-fff1ed)}.exercise-feedback>div{flex:1;gap:2px;display:grid}.exercise-feedback strong{font-size:13px}.exercise-feedback small{color:var(--t-20352f);font-size:14px}.training-results{text-align:center;justify-items:center;max-width:560px;margin:0 auto;padding-top:30px;animation:.4s ease-out both appear;display:grid}.score{align-items:baseline;gap:10px;margin-top:14px;display:flex}.score strong{color:var(--t-315b4d);font:500 76px/1 var(--serif)}.score span{color:var(--t-82908a);font-size:18px}.score-note{color:var(--t-65756c);margin:12px 0 26px;font-size:14px}.result-list{border-top:1px solid var(--s-e3eae5);text-align:left;width:100%}.result-row{border-bottom:1px solid var(--s-e3eae5);grid-template-columns:24px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px;min-height:46px;font-size:13px;display:grid}.result-row strong{color:var(--t-364b40)}.result-row>span:last-child{color:var(--t-65756c);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.result-mark{width:22px;height:22px;color:var(--t-3f7a55);background:var(--s-e5f2e8);border-radius:50%;place-items:center;display:grid}.result-row.wrong .result-mark{color:var(--t-b05a4a);background:var(--s-fde9e3)}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;display:flex}.result-actions .secondary-action{padding:0 16px}.book-cover.is-folder{box-shadow:4px -4px 0 -1px var(--s-ffffff), 4px -4px 0 0 var(--s-d9e2db), 8px -8px 0 -1px var(--s-ffffff), 8px -8px 0 0 var(--s-e4ebe6)}.book-slot .book-cover.is-folder{margin:8px 8px 0 0}.part-subtitle{color:var(--t-7d8c84);margin:-4px 0 12px;font-size:13px}.folder-view{max-width:820px;animation:.35s ease-out both appear}.folder-back{margin-bottom:18px}.folder-header{border-bottom:1px solid var(--s-e3eae5);gap:26px;padding-bottom:28px;display:flex}.folder-cover{flex:none;width:120px;padding:8px 8px 0 0}.folder-cover .book-cover{aspect-ratio:.72;justify-content:center;align-items:center}.folder-info{align-content:start;gap:4px;min-width:0;display:grid}.folder-info h1{color:var(--t-20352f);font:500 36px/1.1 var(--serif);overflow-wrap:anywhere;margin:6px 0 0}.folder-info p{color:var(--t-82908a);margin:0;font-size:13px}.folder-progress{align-items:center;gap:10px;max-width:340px;margin-top:12px;display:flex}.folder-progress span,.part-progress{background:var(--s-eaf0eb);border-radius:4px;flex:1;height:4px;overflow:hidden}.folder-progress i,.part-progress i{border-radius:inherit;background:var(--s-7da38d);height:100%;display:block}.folder-progress small{color:var(--t-89978f);font-size:11px}.folder-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;display:flex}.part-list{margin:0;padding:0;list-style:none}.part-row{border:0;border-bottom:1px solid var(--s-e3eae5);text-align:left;cursor:pointer;background:0 0;grid-template-columns:32px minmax(0,1fr) 120px 40px;align-items:center;gap:14px;width:100%;min-height:62px;padding:0 6px;display:grid}.part-row:hover{background:var(--s-f8fbf8)}.part-number{width:30px;height:30px;color:var(--t-547462);background:var(--s-edf3ee);font:500 13px var(--serif);border-radius:50%;place-items:center;display:grid}.part-row.current .part-number{color:var(--t-ffffff);background:var(--s-315b4d)}.part-row.done .part-number{color:var(--t-3f7a55);background:var(--s-e5f2e8)}.part-title{gap:3px;min-width:0;display:grid}.part-title strong{color:var(--t-364b40);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.part-title small{color:var(--t-9aa69f);font-size:11px}.part-row.current .part-title small{color:var(--t-315b4d);font-weight:600}.part-percent{color:var(--t-89978f);text-align:right;font-size:11px}@media (width<=520px){.folder-header{gap:16px}.folder-cover{width:84px}.folder-info h1{font-size:26px}.part-row{grid-template-columns:30px minmax(0,1fr) 36px}.part-progress{display:none}}.corner-actions{z-index:3;align-items:center;gap:8px;display:flex;position:absolute;top:16px;right:24px}.account-corner{border:1px solid var(--s-e3eae5);max-width:260px;min-height:38px;color:var(--t-43564b);background:var(--s-ffffffe6);cursor:pointer;border-radius:50px;align-items:center;gap:8px;padding:3px 14px 3px 3px;font-size:12px;font-weight:600;display:inline-flex}.account-corner:hover{border-color:var(--s-bfd0c2);background:var(--s-f8fbf8)}.account-corner-avatar{width:30px;height:30px;color:var(--t-315b4d);background:var(--s-eaf1eb);font:600 13px var(--serif);border-radius:50%;flex:none;place-items:center;display:grid}.account-corner.signed-in .account-corner-avatar{color:var(--t-ffffff);background:var(--s-315b4d)}.account-corner-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.welcome{text-align:center;justify-items:center;max-width:440px;margin:7vh auto 0;animation:.4s ease-out both appear;display:grid}.welcome .eyebrow{margin-top:22px}.welcome h1{color:var(--t-20352f);font:500 40px/1.1 var(--serif);margin:12px 0 10px}.welcome>p{color:var(--t-82908a);margin:0 0 26px;font-size:14px;line-height:1.55}.welcome-card{border:1px solid var(--s-e3eae5);background:var(--s-ffffff);text-align:left;width:100%;box-shadow:0 14px 40px var(--s-14241d0d);border-radius:10px;padding:22px}.welcome-tabs{grid-template-columns:1fr 1fr;width:100%;margin-bottom:4px;display:grid}.welcome-tabs button{justify-content:center}.welcome-skip{margin-top:18px}.welcome-back{justify-self:start;margin-bottom:18px}@media (width<=760px){.corner-actions{top:14px;right:16px}.account-corner{padding-right:3px}.account-corner-label{display:none}.welcome h1{font-size:32px}}.book-title,.part-subtitle{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reader-heading{flex:1}.reader-tools{flex:none;align-items:center;gap:8px;display:flex;position:relative}.theme-toggle,.text-settings-button{width:35px;height:35px}.text-settings-button.active{border-color:var(--s-315b4d);color:var(--t-315b4d)}.text-settings{z-index:6;border:1px solid var(--s-e3eae5);background:var(--s-ffffff);width:290px;box-shadow:0 18px 50px var(--s-14241d1f);border-radius:10px;gap:16px;padding:16px;animation:.16s ease-out both appear;display:grid;position:absolute;top:calc(100% + 10px);right:0}.text-settings-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.text-settings-row.column{gap:8px;display:grid}.text-settings-row>span{color:var(--t-82908a);font-size:12px}.text-settings .segmented{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.text-settings .segmented button{justify-content:center;padding:0 8px}.serif-sample{font-family:var(--serif)!important}.stepper{align-items:center;gap:12px;display:flex}.stepper .icon-button{width:32px;height:32px}.stepper .icon-button:disabled{opacity:.4;cursor:default}.stepper strong{min-width:22px;color:var(--t-20352f);text-align:center;font-size:14px}@media (width<=760px){.book-title,.part-subtitle{display:none}.reading-meta{margin-bottom:12px}.reader-tools{gap:6px}.text-settings{width:auto;position:fixed;top:76px;left:16px;right:16px}}.translation-language{text-align:left;gap:6px;display:grid}.translation-language-label{color:var(--t-65756c);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.translation-language select{border:1px solid var(--s-dce6de);min-height:42px;color:var(--t-20352f);background:var(--s-ffffff);font:inherit;cursor:pointer;border-radius:6px;padding:0 10px;font-size:14px}.translation-language select:focus-visible{border-color:var(--s-7da99a);outline:none}.translation-language small{color:var(--t-82908a);font-size:11px;line-height:1.45}.onboarding-translation{width:min(100%,300px);margin:-8px 0 26px}.account-settings{border-bottom:1px solid var(--s-e3eae5);margin:4px 0 18px;padding-bottom:18px}.catalog-card-meta{color:var(--t-82908a);margin-top:6px;font-size:11px}.catalog-owned{color:var(--t-315b4d);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.catalog-owned.small{font-size:11px}.catalog-detail{max-width:900px;animation:.35s ease-out both appear}.catalog-detail-main{grid-template-columns:220px minmax(0,1fr);gap:40px;display:grid}.catalog-detail-cover .book-cover{aspect-ratio:.72}.catalog-detail-info h1{color:var(--t-20352f);font:500 38px/1.1 var(--serif);margin:8px 0 6px}.catalog-author{color:var(--t-20352f);margin:0;font-size:15px}.catalog-author span{color:var(--t-82908a)}.catalog-facts{flex-wrap:wrap;gap:8px;margin:18px 0;padding:0;list-style:none;display:flex}.catalog-facts li{color:var(--t-65756c);background:var(--s-eef3ef);border-radius:6px;padding:4px 10px;font-size:12px}.catalog-facts strong{color:var(--t-20352f)}.catalog-description{max-width:600px;color:var(--t-4e5e56);margin:0 0 18px;font-size:15px;line-height:1.65}.catalog-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;display:flex}.catalog-actions .secondary-action{padding:0 16px}.catalog-actions .primary-action:disabled{opacity:.7;cursor:wait;transform:none}.catalog-page-link{text-decoration:none}@media (width<=640px){.catalog-detail-main{grid-template-columns:minmax(0,1fr);gap:22px}.catalog-detail-cover{width:160px}.catalog-detail-info h1{font-size:30px}}@media (width>=1200px){.book-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=1050px){.main-area{padding-left:38px;padding-right:38px}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 18px}.reader-layout{grid-template-columns:minmax(0,1fr) 155px;gap:28px}}@media (width<=760px){.app-shell{min-height:100svh;padding-bottom:calc(68px + env(safe-area-inset-bottom));display:block}.sidebar{display:none}.main-area{padding:31px 27px 28px}.page-header{align-items:flex-end;padding-bottom:25px}.page-header h1{font-size:39px}.page-header p{max-width:410px;font-size:13px;line-height:1.55}.import-button{min-height:41px;padding:0 12px;font-size:11px}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 15px}.book-cover{padding:13px}.cover-title{font-size:18px}.cover-stamp{top:14px;left:14px}.add-book-row{margin-top:24px}.reading-note{margin-top:28px}.reader-layout{padding-top:25px;display:block}.reader-side-note{display:none}.book-text{max-height:calc(100svh - 285px)}.mobile-nav{z-index:4;min-height:calc(64px + env(safe-area-inset-bottom));padding:5px 16px env(safe-area-inset-bottom);border-top:1px solid var(--s-e5ebe6);background:var(--s-fffffff2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--t-8b9991);cursor:pointer;background:0 0;border:0;align-content:center;justify-items:center;gap:3px;font-size:10px;display:grid;position:relative}.mobile-nav-item.active{color:var(--t-315b4d);font-weight:600}.mobile-nav-item i{border:1px solid var(--s-ffffff);background:var(--s-ee7967);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:calc(50% + 10px)}.translation-scrim{bottom:calc(64px + env(safe-area-inset-bottom))}.reader-topbar{padding-bottom:17px}.book-title{font-size:34px}}@media (width<=520px){.main-area{padding:25px 20px}.page-header{align-items:flex-start;gap:14px}.library-header{flex-wrap:wrap}.library-header>div:first-child{flex:100%}.library-header .import-button{min-height:39px}.page-header h1{margin-top:8px;font-size:36px}.page-header p{max-width:335px;font-size:12px}.library-toolbar{align-items:flex-start}.library-toolbar>div{padding-top:7px}.sort-button{text-align:right;justify-content:flex-end;max-width:155px;font-size:10px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 17px}.book-cover{aspect-ratio:.79;padding:15px}.cover-title{font-size:20px}.add-book-row{grid-template-columns:35px 1fr}.add-book-row small{grid-column:2;margin-top:-9px}.reading-note{gap:10px}.reader-heading strong{max-width:none}.quiet-button{border:1px solid var(--s-e3eae5);border-radius:50%;justify-content:center;width:35px;height:35px;padding:0;font-size:0;overflow:hidden}.quiet-button svg{flex:none}.book-title{font-size:31px}.book-text{max-height:calc(100svh - 265px)}.words-header{align-items:flex-end}.words-header>div:first-child{min-width:0}.header-stats{flex:none;padding-bottom:4px}.practice-banner{gap:9px;padding:11px 10px}.practice-banner-icon{flex:none;width:34px;height:34px}.practice-cta{white-space:nowrap;gap:4px;font-size:10px}.practice-banner strong{font-size:11px}.practice-banner span{font-size:10px}.word-row{grid-template-columns:31px minmax(60px,1fr) minmax(65px,1fr) 26px;gap:8px;min-height:59px}.word-initial{width:28px;height:28px}.word-translation{font-size:11px}.known-label{display:none}.translation-panel{padding-left:22px;padding-right:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=520px){.level-dots,.grade-actions kbd{display:none}.grade-actions{gap:6px}.grade-actions button{padding:0 6px;font-size:11px}.finish-page{font-size:11px}}@media (width<=760px){.stats-row,.mode-grid{grid-template-columns:1fr 1fr}.onboarding h1{font-size:34px}}@media (width<=520px){.stat-tile{padding:12px}.stat-tile strong{font-size:19px}.words-toolbar{flex-direction:column;align-items:stretch}.search-field input{width:100%}.choice-grid{grid-template-columns:1fr}.exercise{padding-top:28px}.exercise-prompt strong{font-size:31px}.exercise-feedback{flex-wrap:wrap}.exercise-feedback .primary-action{width:100%}.tile{width:40px;height:44px}.slot{width:30px}.pick-row{grid-template-columns:20px minmax(70px,1fr) minmax(70px,1fr) 8px}}.admin-controls{align-items:center;gap:10px;display:flex}.admin-page{grid-template-columns:minmax(0,1fr);gap:22px;padding-top:24px;padding-bottom:40px;display:grid}.admin-loading{min-height:200px;color:var(--t-82908a);place-items:center;display:grid}.admin-stats{margin-top:0}.admin-stats .stat-tile{color:var(--t-315b4d)}.admin-charts,.admin-tables{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.admin-chart,.admin-table{border:1px solid var(--s-e3eae5);background:var(--s-fbfcfa);border-radius:8px;margin:0;padding:16px 18px}.admin-chart figcaption{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-bottom:12px;display:flex}.admin-chart figcaption strong,.admin-table h2{color:var(--t-20352f);margin:0;font-size:14px;font-weight:600}.admin-chart figcaption span,.admin-table h2 small{color:var(--t-82908a);font-size:12px;font-weight:400}.admin-chart svg{width:100%;height:auto;display:block;overflow:visible}.admin-chart-grid{stroke:var(--s-e8ece9);stroke-dasharray:3 4}.admin-chart-base{stroke:var(--s-e3eae5)}.admin-chart-hit{fill:#0000}.admin-chart-bar{fill:var(--s-315b4d)}.admin-chart-bar.active{fill:var(--s-668b73)}.admin-chart-axis{color:var(--t-82908a);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.admin-table h2{margin-bottom:10px}.admin-table table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th{border-bottom:1px solid var(--s-e3eae5);color:var(--t-82908a);text-align:left;white-space:nowrap;padding:6px 8px;font-size:11px;font-weight:600}.admin-table td{border-bottom:1px solid var(--s-e8ece9);color:var(--t-20352f);overflow-wrap:anywhere;padding:8px}.admin-table tr:last-child td{border-bottom:0}.admin-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.admin-scroll{overflow-x:auto}.admin-scroll table{min-width:620px}.admin-badge{color:var(--t-b9894a);background:var(--s-f5faf5);white-space:nowrap;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:10px}.admin-empty{color:var(--t-82908a);margin:0;font-size:13px}@media (width<=760px){.admin-header{flex-direction:column;align-items:flex-start}.admin-charts,.admin-tables{grid-template-columns:minmax(0,1fr)}}.try-reader{padding-top:24px;padding-bottom:0}.try-bar{z-index:3;border-top:1px solid var(--s-e3eae5);color:var(--t-667770);background:var(--s-ffffff);justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:12px 0 14px;font-size:13px;display:flex;position:sticky;bottom:0}.try-bar .primary-action{flex:none;min-height:38px;padding:0 16px;font-size:13px}.try-message{min-height:100svh;color:var(--t-82908a);text-align:center;align-content:center;place-items:center;gap:12px;display:grid}.try-message p{margin:0}@media (width<=520px){.try-reader{padding-top:16px}.try-bar span{font-size:12px}}.book-cover.has-image{background:var(--s-eef3ef);padding:0}.book-cover.has-image:before{display:none}.cover-image{border-radius:inherit;object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.book-cover.has-image:after{border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 5px 0 #0000001f,inset 0 0 0 1px #00000014}