@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAn4ABMAAAAAEwQAAAmOAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjQbgnQcLj9IVkFSgQEGYD9TVEFUgQIAgQovahEICok0h0ULIAAwhzoBNgIkAzwEIAWHJgeBDgwHG6QQUdRKTmoBFD8K42bniObKrG3LZFcMWZzFmrjTFhQ6TVTqPJcInrfrvzq3b2PGn1wwMiNYGTy9ViREYARlL1zAGcPdPqBt3gNWrfKthv4xnM+b9caw+wmjgEUVRjHXhS6jgCK6zf5HiWQacJpGdAgdrbV6g/Rf1BfxRqZVQnrxRVWSJb6RLFnyu0elilmjeoSQCKnxsmwLaddUMjnksriSYuuPl06EAl7KfAiWQjCUETz0zNZ3EII94CDQtzkMfZ/9IkkY8tZRZTDky5ZVwBAM+GYpdd4ZVAWYImnLkiTg48l79gGx3D+VBtLeyg8u7bJAd4uo0pFuQBFysE9C95l0W4Fkiao6GfrDbu77lVU7wk9cV3uqOsXmQiMkhVKl1ugjzUAJBSIkkVWHijkpkVSyUFsgVBuJMA0N+ZnXtyUv5yMigGdfQRmwL1AAjQ3YXG6iIFNSUdPQo8+AISPGAltBMDQRAtyf4ZspLlZkpyOVoMZPvFGWzvk8p5SUC/NWPMj6T2/Yas2EdlON5GkfdkeFwVGjta825H89NIenlLWAPAp5h1KDtRhCaAQWMsFKtEvOKpIhgLHlXPARokkgEGEOAkqxJRQpKYq4ezahIiLHP6hZpqMbV0pUF2vdvEimLEQ/iIUYLgYWs0VXGVlLTOPdaPmFfCC/XrtzqVo1ez7vz6+Kd2+7o11ZJ+4MreLbB5BKVGxobAq4jZYalZ5aX2CKJiwUuc9GNJyi4M8bGyKcdjSRrG4JohdF8buJfmQefbYYREnMFsOoiNliFDVxmRgL0XUmUMLqzW0A4gCQAhWGYCQpFNukwXhIkPMsbRI19ewtw8Cp2Wj/Ro5cM2OTAbJAvZ/L4opBXb9+UHscYuOKM/W8isgwN26Exexjizmfnlp9dE3hOSqdZ/F5QqbckIlPb+oKfXxd6hftJ7Sm/uyPYpONza84CRlMNk/uhOrLpyf53982++zRkXNu3g3VF8qFbx1+7fbHZ9DrB3VXWNSmhnT2vrwS1+1Z+kHGBaZIhnnvuLBTNDeA340D1DWu5/jEa9pVfl6+Jij+yo3EELNixXCLjr173Q5eDP7Y7/L4iQFHbjpaJLFoP4cCsYP6sAPL7gMHNg53yYjqxqTDrYqLDl5DzW/eTLjYxCvucprjI3yl2ykKowKUC2Ox2FJLFo6Fa1HBWLC2jMCIIBEmklkYhmkpmBhTm/LCvJAH5oGcMKcgFEP1xUdho8ANPa6RFD99/PN60fjj9eXy2Eex4B5MpmRapXidzFk1p4uLk3+hn6jAP9ovJcXPPwk8o/0ltizbdbnTprvx4PSxT0VZ3Xc772aN7RflgbXRYwc3hLNO+k878nxGwfuVM8m8Gs7WEoVGWLHwSpx4vNSHBCMNqJ4m15Kp/TfHHVkQd++eY7PGN4W5byTs+6Ft8Ozvb/D60btv37de8ER0mS3P/0sLW84qGjEVkwztPzz06eGUWwKLwPb0D/WFd3vltl2aP276KpM0JNz6AfnAnZ5ADlF2zVyZ2OkxHSMxWPMnSZLbbDR3F1UjPVqp4d68da13F1YZujdWw7271iecO2l9+/4p47Oztjck355/75wFOI+VdGDqbNGs+ISgxg3iB2jb2r+b0CWsNLHIM4sdv8SDSFBP/Oromz6FNCWw2iMTxV0R8QLyBTkpe0j5+pSSJOOTB5Mck/gh3IopuNQnhKj02t3FL80gGbEh89SZcwTxcYt5cZT/nMnB3uXfPy8BSpVMBuRx+ZhACGzDBmwHsJRAjhotOnzuj2wDz3ug2wOUAY2NgZln9/TK/enG/oE4rO1wxvGUFMAxsZ0qNjRC7hl9d17e7imbgDt6uJXhUobDg7v3RX/yRCKxgMhfyiKcZfbpk0wmCcdQlIAOHeakXLvCNt++WfKiozNqSZxxJotn+c0a7DdPsx7DPYgKIDxwwYUZDg9aJbxocTjcwovr9WAsVV32mQoiiIOCHc60Oltst9qCQYuCqN1yHo0Kj60OgI2OqmiuBUWrNA0NDhYCDcdpmMrs1fZZ0xdTzMr1HdPtIHstYhqaPDDA5YxUDx7J4fJiisBSDI/L6G/bn34GNy8Q2g044ZTulAdFLb0tI6NNxfj3DzLjWiNGxje1pz7aXOcNV68lDPEd2SXl6VfBuwmHzdf1gxFy1HvA7pD8I2BnnmyGw852Cg5XbgIdEEGE5UCzen5jTlG6JCU5iajlxVcsXvbcS0SAcg1dcesWJLVK8+hYHOYQ+Pjy+EyVGXP0aPTFagrV9E03hCQvYx+g47KGq+1GsLj8uBIyihNw33YUe8PNC4BOJ3Lm1AglLV3nCuvUdIP+v15tVGbWIwgxLVpPkfpthCGpTKG+oA/DQfsKKvxhScqaN6FuElAUtTKv2UYgOmQegsN/n7njHUju8wM4VTcm+Q8xfX9SFwjTzdVqu95UOWSIGOabH8OGBEba//8Yxl3GcPdP/dMBOoSX/0z5SZmBoLbaPs+9asaMpb36yknKaw6FqWZa6A5vDa02mhkOba1q6KtLV208xrkwmW5C4VD6n2fvRjADy2qDYYnNy+H10Fq0LMbNzS863gkO7iQ8eC48/Ny5m59tOcEso3u7Qg3yrqDL6eKXwJAuWnhylfbWrRObe66rzX59+XDtzusnL66dI/86ArmtLlzED860Ef3bFPV78OX/zFTA11fcBn2Vntb7qiGBSgLBHyuv/uEaqqoTgSpOyjlzh86me1Vriv7i9rLPLvtghWmSnblRbAsBJL/4dScSQTBxOivHMO5QvBBY0iheJvfwWLxLOGzYKZyM4zVc2Cll46zEpeUV4MqGEWZj22SdOxhGAjgs9AEnfT+RoiMfcDb0GS5NncKVxju4Nt/mRk13O9Gz3FLct5oCD6wkwUNrCfHIUg6SMf8LwQGyVaBUqpLPW5BaMpRshEpl8nS1qw5dgnzlik8QBXmdy5UrIH74heTKZKMSilQso4hsRiGraQZRzxpNGqlEJMsXuAU7GlcR8mWSykUpVkWGyIf0a8v4qEQp5CtGsMiZa+4ESYQy+WilCiguHzxMXO54ogShooTV2bj2z1zL6DYSoImoQ8lFUWxMLBNQQgLkV2tHYgUoIbkuREz+fJHKxxWBcnvu3KQppFCxLkguB1NyVSp/TknRvNwYlCdbblWu3ze6owHdWluhE5tgQ6ej2SV65CijijoaRfSiH4Nqz1OpfEW+WeI/oU0ly60zkV9YzOQSYtZVEGYmrysTZAJkY4qZtIBD9/LYTIK7Nww3vMiYBwA=)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-cyrillic-wght-normal-Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-greek-wght-normal-DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-vietnamese-wght-normal-usUDDRr7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-latin-ext-wght-normal-Ch3YOpNY.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f3f0e8;--bg-deep:#eae5d8;--surface:#fffdf7;--surface-soft:#f8f4e9;--ink:#17221c;--ink-soft:#314038;--muted:#737b73;--muted-light:#969c93;--line:#17221c1c;--line-strong:#17221c33;--forest:#16382c;--forest-bright:#21503f;--cream:#f6f1e6;--lime:#d9f36e;--lime-soft:#eef7c9;--coral:#df6a49;--coral-soft:#f9ded3;--sand:#e7ddc6;--blue-soft:#dce8eb;--serif:"Fraunces Variable", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans:"Manrope Variable", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--radius-xl:32px;--radius-lg:26px;--radius-md:18px;--radius-sm:12px;--shadow-card:0 18px 50px -34px #1e292061;--shadow-float:0 26px 70px -35px #111f1773;--ease:cubic-bezier(.22, .8, .24, 1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 4%, #d9f36e21, transparent 28%), radial-gradient(circle at 92% 14%, #ffb49a1f, transparent 25%), radial-gradient(circle at 55% 100%, #8ad6c517, transparent 33%), var(--bg);min-width:320px;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.55}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--forest);outline-offset:3px}h1,h2,h3,h4,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}svg{flex-shrink:0}::selection{background:var(--lime);color:var(--forest)}.boot-screen{z-index:900;background:radial-gradient(circle at 30% 20%, #d9f36e2e, transparent 30%), var(--bg);color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0}.boot-glow{pointer-events:none;background:radial-gradient(circle,#8ad6c52e,#0000 68%);border-radius:50%;width:340px;height:340px;position:absolute}.boot-mark{z-index:1;background:var(--forest);width:64px;height:64px;color:var(--cream);font-family:var(--serif);border-radius:20px;place-items:center;font-size:34px;font-weight:550;display:grid;position:relative;box-shadow:0 18px 35px -20px #16382ccc}.boot-mark em{color:var(--lime);font-size:17px;font-style:italic;position:absolute;bottom:8px;right:9px}.boot-screen .eyebrow{margin-top:8px}.boot-screen p{color:var(--muted);font-size:11px}.boot-progress{background:#17221c14;border-radius:99px;width:120px;height:3px;margin-top:12px;overflow:hidden}.boot-progress i{border-radius:inherit;background:var(--forest);width:42%;height:100%;animation:1.15s ease-in-out infinite boot-slide;display:block}@keyframes boot-slide{0%{transform:translate(-110%)}to{transform:translate(280%)}}.paper-noise{z-index:40;pointer-events:none;opacity:.032;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.app-shell{min-height:100dvh}.sidebar{z-index:20;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f4ecb8;flex-direction:column;width:252px;padding:30px 20px 24px;display:flex;position:fixed;inset:0 auto 0 0}.brand{text-align:left;background:0 0;align-items:center;gap:11px;width:fit-content;padding:0;display:inline-flex}.brand-glyph{background:var(--forest);width:44px;height:44px;color:var(--cream);border-radius:14px;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 20px -12px #16382cb3}.brand-glyph span:first-child{font-family:var(--serif);font-size:24px;font-weight:550;line-height:1;transform:translate(-3px,1px)}.brand-glyph span:last-child{color:var(--lime);font-family:var(--serif);font-size:14px;font-style:italic;line-height:1;position:absolute;bottom:5px;right:7px}.brand-type{flex-direction:column;gap:1px;display:flex}.brand-type strong{letter-spacing:.06em;font-size:20px;font-weight:750;line-height:1.15}.brand-type small{color:var(--muted);letter-spacing:.22em;font-size:8px;font-weight:800}.side-nav{flex-direction:column;gap:5px;margin-top:42px;display:flex}.side-nav-item{width:100%;height:49px;color:var(--muted);transition:background .25s var(--ease), color .25s var(--ease), transform .25s var(--ease);background:0 0;border-radius:14px;align-items:center;gap:12px;padding:0 14px;font-size:14px;font-weight:650;display:flex;position:relative}.side-nav-item:hover{color:var(--ink);background:#fffdf7c7}.side-nav-item.active{color:var(--cream);background:var(--forest);box-shadow:0 12px 30px -20px #16382ce6}.side-nav-item.active svg{color:var(--lime)}.side-account{border:1px solid var(--line);text-align:left;width:100%;transition:background .2s ease, border-color .2s ease, transform .2s var(--ease);background:#fffdf78c;border-radius:14px;align-items:center;gap:10px;margin-top:18px;padding:10px 10px 10px 9px;display:flex}.side-account:hover{border-color:var(--line-strong);background:#fffdf7e6;transform:translateY(-1px)}.side-account-avatar{background:var(--surface-soft);width:34px;height:34px;color:var(--forest);font-family:var(--serif);border-radius:11px;flex-shrink:0;place-items:center;font-size:16px;font-weight:600;display:grid;position:relative}.side-account.is-user .side-account-avatar{background:var(--forest);color:var(--cream)}.side-account-avatar i{background:var(--muted-light);border:2px solid var(--bg);border-radius:50%;width:9px;height:9px;position:absolute;bottom:-2px;right:-2px}.side-account-avatar i.sync-saved{background:#76a04a}.side-account-avatar i.sync-pending,.side-account-avatar i.sync-syncing{background:#d39b29}.side-account-avatar i.sync-error,.side-account-avatar i.sync-offline{background:var(--coral)}.side-account-copy{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.side-account-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:750;overflow:hidden}.side-account-copy small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted-light);font-size:8.5px;overflow:hidden}.side-account-arrow{color:var(--muted-light);font-size:18px;line-height:1}.side-nav-item i{background:var(--lime);border-radius:50%;width:6px;height:6px;position:absolute;right:14px}.sidebar-spacer{flex:1}.sidebar-plan{border:1px solid var(--line);background:linear-gradient(155deg,#fffdf7fa,#f6f0e2e6);border-radius:20px;padding:16px;position:relative;overflow:hidden}.sidebar-plan:before{content:"";background:var(--book-accent);width:100%;height:3px;position:absolute;top:0;left:0}.sidebar-plan-top{color:var(--ink-soft);justify-content:space-between;align-items:center;display:flex}.sidebar-plan.is-done .sidebar-plan-top svg{color:var(--forest)}.mini-label{letter-spacing:.14em;color:var(--muted);font-size:9px;font-weight:800}.sidebar-book{margin-top:13px;font-size:13px;font-weight:700}.sidebar-count{align-items:baseline;gap:5px;margin-top:2px;display:flex}.sidebar-count strong{font-family:var(--serif);font-size:32px;font-weight:550;line-height:1.05}.sidebar-count span{color:var(--muted);font-size:11px}.sidebar-track{background:#17221c14;border-radius:99px;height:5px;margin-top:10px;overflow:hidden}.sidebar-track span{border-radius:inherit;background:var(--forest);height:100%;transition:width .5s var(--ease);display:block}.sidebar-hint{color:var(--muted);margin-top:9px;font-size:10.5px;line-height:1.5}.sidebar-streak{align-items:center;gap:10px;margin:18px 3px 0;display:flex}.streak-flame{background:var(--coral-soft);width:31px;height:31px;color:var(--coral);border-radius:10px;place-items:center;font-size:14px;display:grid}.sidebar-streak div{flex-direction:column;line-height:1.25;display:flex}.sidebar-streak strong{font-family:var(--serif);font-size:16px;font-weight:600}.sidebar-streak small{color:var(--muted);letter-spacing:.04em;font-size:9px}.sidebar-date{border-top:1px solid var(--line);color:var(--muted-light);letter-spacing:.04em;margin-top:18px;padding-top:15px;font-size:10px}.app-main{min-height:100vh;margin-left:252px;padding:42px 48px 64px}.page-container{width:100%;max-width:1110px;margin:0 auto}.mobile-topbar,.mobile-nav{display:none}.page{animation:page-in .55s var(--ease) both}@keyframes page-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.eyebrow{letter-spacing:.17em;text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;font-size:10px;font-weight:800;line-height:1.3;display:inline-flex}.eyebrow-dot{color:var(--muted-light)}.page-head{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:34px;display:flex}.page-head h1{letter-spacing:-.045em;margin-top:12px;font-size:clamp(36px,4vw,50px);font-weight:660;line-height:1.12}.h1-accent{color:var(--forest-bright);white-space:nowrap;isolation:isolate;position:relative}.h1-accent:after{content:"";background:var(--lime);opacity:.6;z-index:-1;border-radius:99px;height:8px;position:absolute;bottom:3px;left:1px;right:0}.page-sub{max-width:550px;color:var(--muted);margin-top:16px;font-size:13.5px;line-height:1.75}.head-action{white-space:nowrap;margin-bottom:4px}.text-link{color:var(--ink-soft);background:0 0;border-bottom:1px solid #0000;align-items:center;gap:5px;padding:2px 0;font-size:11.5px;font-weight:700;transition:border-color .2s;display:inline-flex}.text-link:hover{border-color:var(--ink-soft)}.icon-button{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);background:0 0;border-radius:10px;place-items:center;transition:background .2s,color .2s,transform .2s;display:inline-grid}.icon-button:hover{background:var(--surface-soft);color:var(--ink);transform:translateY(-1px)}.icon-button.is-favorite{color:#b5841e;background:#ffd77733;border-color:#b5841e40}.btn-reset{background:0 0;border:0}.outline-btn,.secondary-btn,.primary-btn,.danger-btn{min-height:42px;transition:transform .2s var(--ease), background .2s ease, border-color .2s ease;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:12.5px;font-weight:700;display:inline-flex}.outline-btn,.secondary-btn{border:1px solid var(--line-strong);color:var(--ink-soft);background:#fffdf7b8}.outline-btn:hover,.secondary-btn:hover{background:var(--surface);transform:translateY(-1px)}.primary-btn{background:var(--forest);color:var(--cream)}.danger-btn{color:#fff8f3;background:#8f3326}.danger-link{color:#a34837;background:0 0;align-items:center;gap:6px;padding:6px 0;font-size:12px;font-weight:650;display:inline-flex}.danger-link:hover{color:#7d2f21}.section-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.section-heading h2{letter-spacing:-.03em;margin-top:5px;font-size:24px;font-weight:660}.section-heading.compact h2{font-size:21px}.section-note{color:var(--muted-light);white-space:nowrap;padding-top:4px;font-size:10.5px}.pos-pill{height:21px;color:var(--forest-bright);letter-spacing:.03em;background:#16382c14;border-radius:6px;align-items:center;padding:0 7px;font-size:9.5px;font-weight:800;display:inline-flex}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.home-head .head-copy{max-width:680px}.head-day{border:1px solid var(--line-strong);background:#fffdf759;border-radius:46px;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;width:92px;min-height:112px;padding:15px 8px 11px;display:flex;transform:rotate(3deg)}.head-day span{letter-spacing:.16em;color:var(--muted);font-size:9px;font-weight:800}.head-day strong{font-family:var(--serif);font-size:34px;font-weight:520;line-height:1}.head-day small{letter-spacing:.12em;color:var(--muted);font-size:9px;font-weight:800}.home-grid{grid-template-columns:minmax(0,1.65fr) minmax(310px,.85fr);gap:20px;display:grid}.hero-card{border-radius:var(--radius-xl);min-height:366px;color:var(--cream);box-shadow:var(--shadow-float);isolation:isolate;background:radial-gradient(circle at 85% 20%,#d9f36e1f,#0000 26%),linear-gradient(145deg,#1b4436 0%,#14382c 50%,#0f2b22 100%);flex-direction:column;justify-content:space-between;padding:27px 30px 25px;display:flex;position:relative;overflow:hidden}.hero-card:after{content:"";z-index:-1;opacity:.18;background-image:radial-gradient(#f6f1e61a .8px,#0000 .8px);background-size:19px 19px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(100deg,#0000 22%,#000 100%);mask-image:linear-gradient(100deg,#0000 22%,#000 100%)}.hero-orbit{pointer-events:none;z-index:-1;border:1px solid #f6f1e617;border-radius:50%;position:absolute}.orbit-one{width:420px;height:420px;top:-210px;right:-170px}.orbit-two{width:310px;height:310px;top:-155px;right:-110px}.hero-ghost{font-family:var(--serif);color:#f6f1e60b;pointer-events:none;z-index:-1;font-size:210px;font-weight:500;line-height:.75;position:absolute;top:24px;right:21%}.hero-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.hero-book{letter-spacing:.045em;background:#f6f1e614;border:1px solid #f6f1e61a;border-radius:99px;align-items:center;gap:8px;height:30px;padding:0 12px;font-size:10.5px;font-weight:700;display:inline-flex}.hero-book i{color:#f6f1e659;font-style:normal}.hero-book-dot{background:var(--hero-accent);width:6px;height:6px;box-shadow:0 0 0 4px color-mix(in srgb, var(--hero-accent) 15%, transparent);border-radius:50%}.hero-status{letter-spacing:.16em;color:var(--hero-accent);align-items:center;gap:5px;font-size:9px;font-weight:800;display:inline-flex}.hero-content{justify-content:space-between;align-items:center;gap:22px;margin:25px 0 24px;display:flex}.hero-kicker{letter-spacing:.05em;color:#f6f1e69e;font-size:11px;font-weight:700}.hero-count{font-family:var(--serif);align-items:baseline;gap:8px;margin-top:2px;display:flex}.hero-count strong{letter-spacing:-.07em;font-size:clamp(68px,7.2vw,94px);font-weight:500;line-height:1}.hero-slash{color:#f6f1e640;font-size:34px;font-weight:300}.hero-goal{color:#f6f1e66b;font-size:38px;font-weight:400}.hero-count small{font-family:var(--sans);color:#f6f1e67a;margin-left:2px;font-size:11px;font-weight:600}.hero-desc{color:#f6f1e694;max-width:300px;margin-top:7px;font-size:12px;line-height:1.75}.progress-ring{flex-shrink:0;place-items:center;display:grid;position:relative}.progress-ring svg{display:block;overflow:visible;transform:rotate(-90deg)}.ring-track{fill:none;stroke:#f6f1e61a}.ring-value{fill:none;stroke:var(--hero-accent);transition:stroke-dashoffset .8s var(--ease);filter:drop-shadow(0 0 8px color-mix(in srgb, var(--hero-accent) 30%, transparent))}.ring-label{color:var(--cream);align-items:baseline;gap:2px;display:flex;position:absolute}.ring-label strong{font-family:var(--serif);letter-spacing:-.05em;font-size:38px;font-weight:500;line-height:1}.ring-label span{color:#f6f1e673;font-size:11px}.hero-bottom{border-top:1px solid #f6f1e61a;align-items:flex-end;gap:24px;padding-top:18px;display:flex}.hero-progress-wrap{flex:1;min-width:0}.hero-progress-label{color:#f6f1e685;letter-spacing:.02em;justify-content:space-between;gap:12px;margin-bottom:9px;font-size:9.5px;font-weight:650;display:flex}.hero-progress{background:#f6f1e61a;border-radius:99px;height:5px;overflow:hidden}.hero-progress span{border-radius:inherit;background:var(--hero-accent);height:100%;transition:width .65s var(--ease);display:block}.hero-cta{background:var(--hero-accent);min-height:50px;color:var(--forest);white-space:nowrap;transition:transform .25s var(--ease), filter .25s ease;border-radius:15px;justify-content:center;align-items:center;gap:12px;padding:0 10px 0 20px;font-size:12px;font-weight:800;display:inline-flex}.hero-cta:hover:not(:disabled){filter:brightness(1.02);transform:translateY(-2px)}.hero-cta:disabled{opacity:.75}.hero-cta-arrow{background:#16382c1c;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.hero-error{color:#ffb49a;font-size:10px;position:absolute;bottom:7px;left:31px}.hero-card.is-complete .hero-status{color:var(--lime)}.streak-card{border:1px solid var(--line);border-radius:var(--radius-xl);min-height:366px;box-shadow:var(--shadow-card);background:radial-gradient(circle at 95% 0,#ffb49a42,#0000 31%),linear-gradient(160deg,#fffaf0,#f6efdf);flex-direction:column;padding:24px 23px 20px;display:flex;position:relative;overflow:hidden}.streak-card:before{content:"✦";color:#df6a4938;font-size:52px;line-height:1;position:absolute;top:66px;right:21px}.streak-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.streak-main{align-items:center;gap:13px;margin-top:24px;display:flex}.streak-icon{width:52px;height:52px;color:var(--coral);background:var(--coral-soft);border-radius:17px;place-items:center;display:grid;transform:rotate(-4deg)}.streak-number{align-items:baseline;gap:7px;display:flex}.streak-number strong{font-family:var(--serif);letter-spacing:-.06em;font-size:58px;font-weight:500;line-height:1}.streak-number span{color:var(--muted);font-size:11.5px;font-weight:600}.streak-tip{min-height:36px;color:var(--muted);margin-top:9px;font-size:11.5px;line-height:1.65}.week-strip{grid-template-columns:repeat(7,1fr);gap:3px;margin-top:auto;padding-top:18px;display:grid}.week-day{flex-direction:column;align-items:center;gap:6px;display:flex}.week-day-name{color:var(--muted-light);font-size:9px;font-weight:700}.week-day-dot{width:31px;height:31px;color:var(--muted);background:#17221c0e;border:1px solid #0000;border-radius:50%;place-items:center;font-size:9.5px;font-weight:600;transition:background .25s,color .25s;display:grid}.week-day.done .week-day-dot{background:var(--forest);color:var(--lime)}.week-day.today .week-day-dot{border-color:var(--coral);box-shadow:0 0 0 3px #df6a4917}.week-day-date{color:var(--muted-light);font-size:8px}.week-day.today .week-day-name{color:var(--coral)}.streak-footer{border-top:1px solid var(--line);color:var(--muted-light);justify-content:space-between;margin-top:15px;padding-top:12px;font-size:9.5px;display:flex}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.stat-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf7b3;border-radius:22px;align-items:flex-start;gap:13px;padding:17px 18px;display:flex;box-shadow:0 12px 30px -28px #1e292066}.stat-icon{border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.tone-green .stat-icon{color:#446124;background:#e8f1cc}.tone-sand .stat-icon{color:#8d5d32;background:#f4e6d4}.tone-blue .stat-icon{color:#355d65;background:#deebed}.stat-copy{min-width:0}.stat-label{color:var(--muted);font-size:10px;font-weight:650}.stat-value{font-family:var(--serif);letter-spacing:-.035em;margin-top:1px;font-size:28px;font-weight:550;line-height:1.15}.stat-value small{font-family:var(--sans);color:var(--muted);letter-spacing:0;font-size:10px;font-weight:600}.stat-detail{color:var(--muted-light);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:9.5px;display:block;overflow:hidden}.home-lower{grid-template-columns:minmax(0,1.55fr) minmax(270px,.75fr);gap:20px;margin-top:20px;display:grid}.plan-card{border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:#fffdf7d6;padding:25px 26px 23px}.plan-field{margin-top:23px}.field-label{color:var(--muted);letter-spacing:.04em;margin-bottom:9px;font-size:10px;font-weight:700;display:block}.book-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.book-pill{border:1px solid var(--line);background:var(--surface-soft);min-width:0;height:45px;color:var(--muted);transition:background .2s ease, border-color .2s ease, color .2s ease, transform .2s var(--ease);border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:11px;font-weight:650;display:flex}.book-pill:hover{color:var(--ink);transform:translateY(-1px)}.book-pill.active{background:color-mix(in srgb, var(--pill-accent) 27%, var(--surface));border-color:color-mix(in srgb, var(--pill-accent) 74%, var(--line-strong));color:var(--ink);box-shadow:0 8px 20px -16px #17221c80}.book-pill-dot{background:var(--pill-accent);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--pill-accent) 23%, transparent);border-radius:50%;flex-shrink:0}.book-pill small{color:var(--muted-light);font-size:8.5px;font-weight:600}.book-pill.active small{color:var(--muted)}.goal-field{border-top:1px solid var(--line);margin-top:21px;padding-top:19px}.goal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px;display:flex}.goal-head .field-label{margin:0}.goal-time{color:var(--muted-light);align-items:center;gap:4px;font-size:9.5px;display:inline-flex}.goal-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.goal-number{align-items:baseline;gap:6px;display:flex}.goal-number strong{font-family:var(--serif);letter-spacing:-.05em;font-size:40px;font-weight:520;line-height:1.1}.goal-number span{color:var(--muted);font-size:10px}.goal-presets{background:var(--surface-soft);border:1px solid var(--line);border-radius:11px;gap:5px;padding:4px;display:flex}.goal-presets button{min-width:42px;height:30px;color:var(--muted);background:0 0;border-radius:8px;padding:0 9px;font-size:10.5px;font-weight:700;transition:background .2s,color .2s}.goal-presets button.active{background:var(--forest);color:var(--lime)}.goal-slider{margin-top:6px}.goal-slider input{appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:0}.goal-slider input:disabled{cursor:not-allowed;opacity:.5}.goal-slider input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--forest) 0%, var(--forest) var(--range,15%), #e9e4d8 var(--range,15%), #e9e4d8 100%);border-radius:99px;height:4px}.goal-slider input::-moz-range-track{background:#e9e4d8;border-radius:99px;height:4px}.goal-slider input::-webkit-slider-thumb{appearance:none;background:var(--forest);border:3px solid var(--surface);border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 2px 8px #16382c4d}.goal-slider input::-moz-range-thumb{background:var(--forest);border:3px solid var(--surface);border-radius:50%;width:12px;height:12px}.goal-scale{color:var(--muted-light);letter-spacing:.04em;justify-content:space-between;margin-top:-3px;font-size:8px;display:flex}.goal-scale span:nth-child(2){letter-spacing:.12em}.word-card{border:1px solid color-mix(in srgb, var(--word-accent) 44%, var(--line));border-radius:var(--radius-xl);background:radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--word-accent) 45%, transparent), transparent 50%), linear-gradient(150deg, #fffdf7 20%, var(--word-soft));min-height:330px;box-shadow:var(--shadow-card);flex-direction:column;padding:22px 23px 18px;display:flex;position:relative;overflow:hidden}.word-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.word-card-main{justify-content:space-between;align-items:flex-start;gap:12px;margin-top:26px;display:flex}.word-card-main h3{font-family:var(--serif);letter-spacing:-.055em;word-break:break-word;font-size:clamp(38px,3.7vw,50px);font-weight:530;line-height:1}.word-phonetic{color:var(--muted);letter-spacing:.04em;margin-top:7px;font-size:11.5px}.round-sound{border:1px solid var(--line);width:40px;height:40px;color:var(--ink-soft);background:#fffdf7b8;border-radius:50%;flex-shrink:0;place-items:center;transition:transform .2s,background .2s;display:grid}.round-sound:hover{background:var(--surface);transform:scale(1.06)}.word-meaning{border-top:1px dashed color-mix(in srgb, var(--word-accent) 45%, var(--line));margin-top:20px;padding-top:16px}.word-meaning p{color:var(--ink-soft);margin-top:8px;font-size:12px;line-height:1.8}.word-card-footer{color:color-mix(in srgb, var(--word-accent) 35%, var(--muted));letter-spacing:.16em;justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:20px;font-size:9px;font-weight:800;display:flex}.word-card-mark{font-family:var(--serif);letter-spacing:-.07em;color:color-mix(in srgb, var(--word-accent) 35%, transparent);font-size:52px;font-weight:500;line-height:.7}.word-skeleton{flex-direction:column;gap:12px;margin-top:30px;display:flex}.word-skeleton span{background:#17221c12;border-radius:99px;height:12px;animation:1.4s ease-in-out infinite pulse;display:block}.word-skeleton span:first-child{width:60%;height:40px}.word-skeleton span:last-child{width:80%}@keyframes pulse{50%{opacity:.38}}.page-footer{color:var(--muted-light);letter-spacing:.02em;align-items:center;gap:9px;margin-top:28px;font-size:9.5px;display:flex}.page-footer i{background:var(--muted-light);border-radius:50%;width:3px;height:3px}.library-head .library-total{flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:7px;max-width:200px;padding-bottom:5px;display:flex}.library-total span{text-align:right;width:100%;color:var(--muted);font-size:10px;font-weight:650}.library-total strong{font-family:var(--serif);letter-spacing:-.05em;font-size:46px;font-weight:500;line-height:1}.library-total small{color:var(--muted);font-size:10px}.library-books{grid-template-columns:repeat(auto-fit,minmax(174px,1fr));gap:13px;margin-bottom:25px;display:grid}.library-book{border:1px solid color-mix(in srgb, var(--book-accent) 50%, transparent);background:linear-gradient(150deg, #fffdf7 4%, var(--book-soft));min-height:195px;color:var(--book-ink);text-align:left;transition:transform .28s var(--ease), box-shadow .28s ease, border-color .28s ease;border-radius:22px;flex-direction:column;align-items:stretch;padding:16px 17px 15px;display:flex;position:relative;overflow:hidden}.library-book:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 18px 30px -26px #17221c8c}.library-book:disabled{opacity:.55}.library-book.active{border-color:var(--book-ink);box-shadow:0 14px 32px -25px #17221cb3}.library-book-ghost{font-family:var(--serif);color:color-mix(in srgb, var(--book-ink) 9%, transparent);pointer-events:none;font-size:118px;font-weight:550;line-height:1;position:absolute;bottom:-16px;right:-3px}.library-book-top{justify-content:space-between;align-items:center;gap:8px;min-height:20px;display:flex;position:relative}.library-book-code{letter-spacing:.14em;color:color-mix(in srgb, var(--book-ink) 72%, transparent);font-size:8.5px;font-weight:800}.library-book-active{background:#fffdf7a6;border-radius:5px;align-items:center;gap:3px;padding:3px 6px;font-size:8px;font-weight:700;display:inline-flex}.library-book-name{letter-spacing:-.03em;margin-top:25px;font-size:19px;font-weight:750;line-height:1.2;position:relative}.library-book-tagline{color:color-mix(in srgb, var(--book-ink) 65%, transparent);margin-top:5px;font-size:10px;line-height:1.5;position:relative}.library-book-meta{color:color-mix(in srgb, var(--book-ink) 62%, transparent);justify-content:space-between;gap:8px;margin-top:auto;padding-top:16px;font-size:8.5px;font-weight:650;display:flex;position:relative}.library-book-track{background:#fffdf799;border-radius:99px;height:4px;margin-top:7px;position:relative;overflow:hidden}.library-book-track span{border-radius:inherit;background:var(--book-ink);opacity:.62;height:100%;display:block}.word-explorer{border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:#fffdf7d6;padding:25px 26px 20px}.explorer-head{justify-content:space-between;align-items:flex-start;gap:26px;display:flex}.explorer-title{align-items:flex-start;gap:13px;display:flex}.explorer-icon{background:var(--forest);width:42px;height:42px;color:var(--lime);border-radius:13px;flex-shrink:0;place-items:center;display:grid}.explorer-title h2{letter-spacing:-.035em;font-size:25px;font-weight:680;line-height:1.2}.explorer-title p{color:var(--muted);margin-top:4px;font-size:11px}.explorer-progress{flex-shrink:0;width:220px;padding-top:4px}.explorer-progress>span:first-child{text-align:right;color:var(--muted);margin-bottom:7px;font-size:9.5px;display:block}.explorer-progress-track{background:var(--surface-soft);border-radius:99px;height:5px;display:block;overflow:hidden}.explorer-progress-track i{border-radius:inherit;background:var(--forest);height:100%;transition:width .4s var(--ease);display:block}.explorer-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:23px 0 16px;display:flex}.filter-tabs{border:1px solid var(--line);background:var(--surface-soft);scrollbar-width:none;border-radius:12px;align-items:center;gap:2px;max-width:100%;padding:4px;display:flex;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.filter-tabs button{height:32px;color:var(--muted);white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:5px;padding:0 10px;font-size:10.5px;font-weight:650;transition:background .2s,color .2s;display:inline-flex}.filter-tabs button small{color:var(--muted-light);font-size:8.5px;font-weight:600}.filter-tabs button.active{background:var(--surface);color:var(--ink);box-shadow:0 3px 10px -6px #17221c4d}.filter-tabs button.active small{color:var(--forest-bright)}.search-box{border:1px solid var(--line);background:var(--surface-soft);width:246px;height:41px;color:var(--muted-light);border-radius:11px;align-items:center;gap:8px;padding:0 12px;transition:border-color .2s,background .2s;display:flex}.search-box:focus-within{border-color:var(--line-strong);background:var(--surface)}.search-box input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11.5px}.search-box input::placeholder{color:var(--muted-light)}.search-box button{color:var(--muted);background:0 0;place-items:center;padding:3px;display:grid}.word-list-head{color:var(--muted-light);letter-spacing:.1em;text-transform:uppercase;grid-template-columns:minmax(200px,.95fr) minmax(0,1.7fr) 90px;padding:0 15px 8px;font-size:8.5px;font-weight:700;display:grid}.word-list-head span:last-child{text-align:right}.word-list{border-top:1px solid var(--line)}.word-row{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;transition:background .2s;display:flex;position:relative}.word-row:hover{background:#f8f4e99e}.word-row.expanded{background:#f8f4e980}.word-row-main{text-align:left;background:0 0;flex:1;grid-template-columns:minmax(170px,.95fr) minmax(0,1.7fr) 18px;align-items:center;gap:20px;min-width:0;padding:13px 8px 13px 15px;display:grid}.word-row-word{flex-wrap:wrap;align-items:center;gap:9px;min-width:0;display:flex}.word-row-word strong{font-family:var(--serif);letter-spacing:-.015em;font-size:18px;font-weight:560;line-height:1.2}.word-row-phonetic{color:var(--muted-light);white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.word-status{letter-spacing:.02em;border-radius:4px;flex-shrink:0;align-items:center;height:17px;padding:0 5px;font-size:7.5px;font-weight:800;display:inline-flex}.word-status.known{color:#4b6626;background:#e8f1cc}.word-status.review{color:#9a4a2f;background:#f9e2d6}.word-row-meaning{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;line-height:1.5;overflow:hidden}.word-row-chevron{color:var(--muted-light);transition:transform .25s var(--ease);place-items:center;display:grid}.word-row.expanded .word-row-chevron{transform:rotate(180deg)}.word-row-actions{justify-content:flex-end;align-items:center;gap:4px;width:83px;padding-right:11px;display:flex}.word-row-actions .icon-button{border-color:#0000;width:31px;height:31px}.word-row-actions .icon-button:hover{border-color:var(--line)}.word-row-detail{border:1px solid var(--line);background:var(--surface);animation:detail-in .3s var(--ease) both;border-radius:13px;flex-basis:100%;margin:0 8px 12px;padding:15px 18px}@keyframes detail-in{0%{opacity:0;transform:translateY(-4px)}}.word-detail-heading{align-items:center;gap:8px;display:flex}.word-detail-lines{margin-top:7px}.word-detail-lines p{color:var(--ink-soft);gap:11px;padding:4px 0;font-size:12.5px;line-height:1.7;display:flex}.word-detail-lines p span{color:var(--muted-light);padding-top:4px;font-size:8.5px;font-weight:700}.word-detail-note{border-top:1px dashed var(--line);color:var(--muted-light);margin-top:8px;padding-top:9px;font-size:9.5px}.word-skeleton-list{border-top:1px solid var(--line)}.word-skeleton-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.5fr 90px;gap:20px;padding:16px;display:grid}.word-skeleton-row span{background:#17221c0f;border-radius:99px;height:12px;animation:1.3s ease-in-out infinite pulse}.load-more{border:1px solid var(--line);background:var(--surface-soft);width:100%;height:45px;color:var(--ink-soft);border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:11px;font-weight:650;transition:background .2s;display:flex}.load-more:hover{background:var(--surface)}.load-more span{color:var(--muted-light);font-size:9px;font-weight:500}.empty-state{text-align:center;padding:58px 20px}.empty-icon{background:var(--surface-soft);width:46px;height:46px;color:var(--muted);border-radius:14px;place-items:center;display:inline-grid}.empty-state h3{margin-top:12px;font-size:16px;font-weight:700}.empty-state p{max-width:300px;color:var(--muted);margin:5px auto 0;font-size:11.5px;line-height:1.7}.explorer-footer{border-top:1px solid var(--line);color:var(--muted-light);justify-content:space-between;gap:16px;margin-top:16px;padding-top:13px;font-size:8.5px;display:flex}.journey-hero{border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:radial-gradient(circle at 6% 10%,#d9f36e47,#0000 26%),radial-gradient(circle at 88% 100%,#ffb49a38,#0000 34%),linear-gradient(140deg,#f7f2e5,#eee7d6);grid-template-columns:minmax(280px,1.05fr) minmax(0,1.35fr);gap:28px;padding:30px 32px;display:grid;position:relative;overflow:hidden}.journey-deco{font-family:var(--serif);color:#17221c09;pointer-events:none;gap:4px;font-size:170px;font-weight:500;line-height:1;display:flex;position:absolute;top:-47px;right:-8px}.journey-main{padding:6px 0;position:relative}.journey-streak{align-items:baseline;gap:8px;margin-top:8px;display:flex}.journey-streak strong{font-family:var(--serif);letter-spacing:-.075em;font-size:clamp(78px,9vw,112px);font-weight:480;line-height:.95}.journey-streak span{color:var(--muted);font-size:15px;font-weight:650}.journey-main>p{color:var(--ink-soft);margin-top:9px;font-size:13px}.journey-since{color:var(--muted);gap:16px;margin-top:17px;font-size:10px;display:flex}.journey-since span{position:relative}.journey-since span+span:before{content:"";background:var(--muted-light);border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:-9px}.journey-metrics{background:#fffdf775;border:1px solid #17221c17;border-radius:20px;grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:hidden}.journey-metrics>div{border-bottom:1px solid #17221c14;border-right:1px solid #17221c14;padding:18px 20px}.journey-metrics>div:nth-child(2n){border-right:0}.journey-metrics>div:nth-last-child(-n+2){border-bottom:0}.journey-metrics span{color:var(--muted);font-size:9.5px;font-weight:650;display:block}.journey-metrics strong{font-family:var(--serif);letter-spacing:-.04em;margin-top:2px;font-size:31px;font-weight:550;line-height:1.1;display:block}.journey-metrics small{font-family:var(--sans);color:var(--muted);letter-spacing:0;margin-left:3px;font-size:9px;font-weight:600}.progress-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:20px;margin-top:20px;display:grid}.progress-grid.lower{grid-template-columns:minmax(0,1.25fr) minmax(300px,.9fr)}.heatmap-card,.week-card,.recent-card,.book-progress-panel,.settings-panel{border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:#fffdf7d1}.heatmap-card,.week-card,.recent-card,.book-progress-panel{padding:24px 25px 20px}.heatmap-scroll{margin-top:21px}.heatmap{align-items:flex-start;gap:8px;display:flex}.heatmap-weekdays{color:var(--muted-light);text-align:right;grid-template-rows:repeat(7,13px);gap:4px;padding-top:1px;font-size:7.5px;line-height:13px;display:grid}.heatmap-grid{grid-template-rows:repeat(7,13px);grid-auto-columns:13px;grid-auto-flow:column;gap:4px;padding-bottom:2px;display:grid;overflow-x:auto}.heat-cell{background:#ebe6da;border-radius:3px;transition:transform .15s,opacity .15s}.heat-cell:hover{transform:scale(1.2)}.heat-cell.level-2{background:#a9c8b1}.heat-cell.level-3{background:#2b5a45}.heat-cell.future{opacity:.28}.heat-cell.today{box-shadow:0 0 0 1.5px var(--coral)}.heatmap-footer{border-top:1px solid var(--line);color:var(--muted-light);justify-content:space-between;align-items:center;gap:18px;margin-top:16px;padding-top:13px;font-size:8.5px;display:flex}.heatmap-legend{align-items:center;gap:4px;display:flex}.heatmap-legend i{border-radius:2px;width:10px;height:10px;display:inline-block}.heatmap-legend i.level-0{background:#ebe6da}.heatmap-legend i.level-2{background:#a9c8b1}.heatmap-legend i.level-3{background:#2b5a45}.week-total{font-family:var(--serif);color:var(--forest);font-size:21px;font-weight:550}.week-bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;height:152px;margin-top:26px;display:grid}.week-bar{flex-direction:column;align-items:center;gap:5px;height:100%;display:flex}.week-bar-value{height:15px;color:var(--muted);font-size:8.5px;font-weight:700}.week-bar-track{background:#17221c0b;border-radius:6px;flex:1;align-items:flex-end;width:100%;min-height:75px;display:flex}.week-bar-track span{width:100%;transition:height .5s var(--ease);background:#d9d3c4;border-radius:6px 6px 4px 4px}.week-bar.filled .week-bar-track span{background:var(--forest)}.week-bar.today .week-bar-track span{background:var(--coral)}.week-bar-label{color:var(--muted-light);font-size:8px}.week-bar.today .week-bar-label{color:var(--coral);font-weight:700}.week-note{border-top:1px solid var(--line);color:var(--muted);margin-top:17px;padding-top:13px;font-size:10px;line-height:1.6}.milestones{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-top:20px;display:grid}.milestone{border:1px dashed var(--line-strong);color:var(--muted);background:#fffdf76b;border-radius:17px;align-items:flex-start;gap:10px;padding:15px;display:flex;position:relative}.milestone.done{border-style:solid;border-color:color-mix(in srgb, var(--lime) 75%, var(--line));color:var(--ink);background:linear-gradient(150deg,#fbfdf1,#f1f7d9)}.milestone-icon{width:33px;height:33px;color:var(--muted);background:#17221c0e;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.milestone.done .milestone-icon{background:var(--forest);color:var(--lime)}.milestone strong{font-size:10.5px;font-weight:750;display:block}.milestone p{color:var(--muted-light);margin-top:2px;font-size:8.5px;line-height:1.5}.milestone.done p{color:var(--muted)}.milestone-check{color:var(--forest);position:absolute;top:9px;right:9px}.recent-list{margin-top:17px}.recent-row{border-top:1px solid var(--line);grid-template-columns:minmax(105px,1fr) minmax(90px,1fr) 60px 44px;align-items:center;gap:12px;padding:12px 0;display:grid}.recent-date{flex-direction:column;line-height:1.4;display:flex}.recent-date strong{font-size:11px;font-weight:700}.recent-date small{color:var(--muted-light);font-size:8.5px}.recent-book{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.recent-book i{border-radius:50%;width:7px;height:7px}.recent-words{color:var(--ink-soft);font-family:var(--serif);text-align:right;font-size:13px;font-weight:550}.recent-score{text-align:center;background:var(--surface-soft);min-width:38px;color:var(--muted);border-radius:6px;justify-self:end;padding:4px 5px;font-size:8.5px;font-weight:750}.recent-score.good{color:#4a6329;background:#e8f1cc}.recent-empty{text-align:center;padding:35px 20px}.recent-empty h3{margin-top:9px;font-size:14px;font-weight:700}.recent-empty p{color:var(--muted);margin:5px 0 12px;font-size:10.5px}.book-progress-list{margin-top:17px}.book-progress-row{border-top:1px solid var(--line);grid-template-columns:7px 65px minmax(50px,1fr) 72px;align-items:center;gap:9px;padding:10px 0;display:grid}.book-progress-dot{border-radius:50%;width:7px;height:7px}.book-progress-name{font-size:10px;font-weight:650}.book-progress-track{background:var(--surface-soft);border-radius:99px;height:5px;overflow:hidden}.book-progress-track i{border-radius:inherit;height:100%;display:block}.book-progress-count{text-align:right;color:var(--muted-light);font-size:8.5px}.settings-panel{margin-top:20px;padding:25px 26px 20px}.settings-list{border-top:1px solid var(--line);margin-top:15px}.setting-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 0;display:flex}.setting-icon{background:var(--surface-soft);width:34px;height:34px;color:var(--ink-soft);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.setting-copy{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.setting-copy strong{font-size:11.5px;font-weight:700}.setting-copy span{color:var(--muted-light);font-size:9.5px}.compact-stepper{border:1px solid var(--line);background:var(--surface-soft);border-radius:9px;align-items:center;gap:2px;padding:3px;display:flex}.compact-stepper button{width:26px;height:26px;color:var(--ink-soft);background:0 0;border-radius:6px;font-size:16px;line-height:1}.compact-stepper button:hover:not(:disabled){background:var(--surface)}.compact-stepper button:disabled{opacity:.3}.compact-stepper strong{min-width:28px;font-family:var(--serif);text-align:center;font-size:15px;font-weight:600}.setting-select{border:1px solid var(--line);background-color:var(--surface-soft);cursor:pointer;border-radius:8px;outline:none;height:32px;padding:0 27px 0 9px;font-size:10.5px;font-weight:650}.switch{background:#dcd6c9;border-radius:99px;width:42px;height:24px;padding:3px;transition:background .25s}.switch span{background:var(--surface);width:18px;height:18px;transition:transform .25s var(--ease);border-radius:50%;display:block;box-shadow:0 1px 3px #17221c33}.switch.on{background:var(--forest)}.switch.on span{transform:translate(18px)}.settings-actions{align-items:center;gap:16px;margin-top:16px;display:flex}.settings-note{color:var(--muted-light);margin-top:12px;font-size:8.5px}.study-overlay{z-index:200;overscroll-behavior:none;background:radial-gradient(circle at 8% 8%,#d9f36e21,#0000 24%),radial-gradient(circle at 95% 80%,#ffb49a1f,#0000 26%),#f4f0e5;outline:none;flex-direction:column;height:100dvh;animation:.35s both overlay-in;display:flex;position:fixed;inset:0;overflow:clip}@keyframes overlay-in{0%{opacity:0}}.study-bg-shape{pointer-events:none;filter:blur(2px);border-radius:50%;position:absolute}.shape-a{background:radial-gradient(circle,#8ad6c52b,#0000 63%);width:460px;height:460px;top:23%;left:-280px}.shape-b{background:radial-gradient(circle,#ffd77729,#0000 64%);width:520px;height:520px;bottom:-180px;right:-300px}.study-header{z-index:3;width:100%;max-width:1180px;padding:max(21px, calc(env(safe-area-inset-top) + 8px)) 34px 21px;flex-shrink:0;grid-template-columns:130px minmax(0,1fr) 95px;align-items:center;gap:26px;margin:0 auto;display:grid;position:relative}.study-close{border:1px solid var(--line-strong);height:37px;color:var(--ink-soft);background:#fffdf780;border-radius:10px;justify-self:start;align-items:center;gap:4px;padding:0 12px 0 8px;font-size:10.5px;font-weight:650;transition:background .2s;display:inline-flex}.study-close:hover{background:var(--surface)}.study-header-center{min-width:0}.study-header-meta{color:var(--muted);letter-spacing:.05em;align-items:center;gap:7px;margin-bottom:8px;font-size:9px;font-weight:700;display:flex}.study-book-dot{border-radius:50%;width:6px;height:6px}.study-phase-tag{color:var(--ink-soft);letter-spacing:.04em;background:#17221c12;border-radius:4px;margin-left:3px;padding:2px 6px;font-size:7.5px}.study-phase-tag.done{color:#46632a;background:#e8f1cc}.study-progress-track{background:#17221c14;border-radius:99px;height:5px;overflow:hidden}.study-progress-track span{border-radius:inherit;background:var(--forest);height:100%;transition:width .5s var(--ease);display:block}.study-step-counter{justify-self:end;align-items:baseline;gap:4px;display:flex}.study-step-counter strong{font-family:var(--serif);font-size:27px;font-weight:520;line-height:1}.study-step-counter span{color:var(--muted);font-size:9px}.study-main{z-index:2;scrollbar-width:thin;scrollbar-color:#17221c2e transparent;flex:1;padding:20px 26px 35px;position:relative;overflow:hidden auto}.study-stage{width:100%;max-width:740px;animation:stage-in .45s var(--ease);margin:0 auto}@keyframes stage-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.study-stage-head{text-align:center;padding:8px 0 22px}.study-stage-head h2{letter-spacing:-.035em;margin-top:7px;font-size:clamp(25px,3vw,32px);font-weight:680;line-height:1.25}.study-stage-head p{color:var(--muted);margin-top:7px;font-size:11px}.study-card{border:1px solid var(--line);cursor:pointer;min-height:390px;transition:transform .25s var(--ease);background:linear-gradient(155deg,#fffdf8,#fbf7ec);border-radius:32px;flex-direction:column;padding:26px 34px 25px;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 70px -46px #222d2399}.study-card:hover{transform:translateY(-2px)}.study-card:before{content:"";pointer-events:none;border:1px solid #17221c0b;border-radius:24px;position:absolute;inset:11px}.study-card-top{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.study-card-label{height:23px;color:var(--forest-bright);letter-spacing:.08em;background:#16382c12;border-radius:6px;align-items:center;padding:0 8px;font-size:9px;font-weight:800;display:inline-flex}.speaker-button{border:1px solid var(--line);width:39px;height:39px;color:var(--ink-soft);background:#fffdf7c2;border-radius:50%;place-items:center;transition:transform .2s,background .2s;display:grid}.speaker-button:hover{background:var(--surface);transform:scale(1.06)}.speaker-button.large{width:46px;height:46px;color:var(--cream);background:#f6f1e61a;border-color:#f6f1e62e}.speaker-button.muted{color:var(--muted-light)}.study-word-block{text-align:center;padding:38px 0 30px}.study-word-block h1{font-family:var(--serif);letter-spacing:-.065em;word-break:break-word;font-size:clamp(58px,8vw,88px);font-weight:520;line-height:.98}.study-phonetic{color:var(--muted);letter-spacing:.06em;margin-top:12px;font-size:13px}.meaning-cover{align-items:center;gap:13px;margin-top:auto;padding:17px 0 5px;display:flex}.meaning-cover-line{background:repeating-linear-gradient(90deg, var(--line-strong) 0 4px, transparent 4px 8px);flex:1;height:1px}.meaning-cover-prompt{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:10.5px;font-weight:600;display:inline-flex}.meaning-cover-prompt svg{color:var(--coral)}.meaning-reveal{border-top:1px dashed var(--line-strong);animation:reveal-in .4s var(--ease) both;margin-top:auto;padding:20px 3px 3px}@keyframes reveal-in{0%{opacity:0;transform:translateY(7px)}}.meaning-lines{margin-top:9px}.meaning-lines p{color:var(--ink-soft);gap:13px;padding:5px 0;font-size:17px;line-height:1.65;display:flex}.meaning-lines p span{color:var(--muted-light);letter-spacing:.06em;flex-shrink:0;padding-top:5px;font-size:8.5px;font-weight:700}.study-card-corner{font-family:var(--serif);color:#17221c0b;pointer-events:none;line-height:1;position:absolute}.study-card-corner.top{letter-spacing:-.07em;font-size:85px;font-weight:500;top:62px;right:36px}.study-card-corner.bottom{font-size:42px;bottom:13px;left:37px}.study-actions{justify-content:center;gap:11px;max-width:540px;margin:20px auto 0;display:flex}.study-primary,.study-secondary{min-height:55px;transition:transform .22s var(--ease), background .2s ease;border-radius:15px;justify-content:center;align-items:center;gap:9px;padding:0 24px;font-size:12.5px;font-weight:750;display:inline-flex;position:relative}.study-primary{background:var(--forest);color:var(--cream);flex:1;box-shadow:0 14px 26px -20px #16382ce6}.study-primary:hover{background:var(--forest-bright);transform:translateY(-2px)}.study-secondary{border:1px solid var(--line-strong);color:var(--ink-soft);background:#fffdf79e;flex:1}.study-secondary:hover{background:var(--surface);transform:translateY(-2px)}.study-actions>.study-primary:only-child{flex:none;width:100%;max-width:300px}.study-actions kbd{color:#f6f1e699;min-width:17px;height:17px;font-family:var(--sans);background:#fffdf721;border-radius:4px;place-items:center;padding:0 4px;font-size:7.5px;font-weight:700;display:grid;position:absolute;top:9px;right:10px}.study-secondary kbd{color:var(--muted);background:#17221c0f}.study-hint{max-width:640px;color:var(--muted-light);justify-content:space-between;align-items:center;gap:14px;margin:16px auto 0;font-size:8.5px;display:flex}.study-hint>span,.sound-toggle{align-items:center;gap:5px;display:inline-flex}.sound-toggle{color:var(--muted);background:0 0;padding:3px 0;font-size:8.5px}.sound-toggle:hover{color:var(--ink-soft)}.hint-tip{font-style:italic}.study-footer{z-index:2;width:100%;max-width:1180px;padding:13px 34px max(18px, env(safe-area-inset-bottom));color:var(--muted-light);letter-spacing:.03em;flex-shrink:0;justify-content:space-between;gap:20px;margin:0 auto;font-size:8.5px;display:flex;position:relative}.study-footer-mark{letter-spacing:.1em;font-weight:800}.study-loading{min-height:50vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:15px;font-size:11px;display:flex}.study-loader{border:2px solid var(--line);border-top-color:var(--forest);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.quiz-prompt{min-height:190px;color:var(--cream);box-shadow:var(--shadow-float);background:radial-gradient(circle at 90% 0,#d9f36e21,#0000 30%),linear-gradient(140deg,#1b4436,#112c23);border-radius:27px;padding:22px 27px 25px;position:relative;overflow:hidden}.quiz-prompt:after{content:"?";font-family:var(--serif);color:#f6f1e60f;pointer-events:none;font-size:150px;line-height:1;position:absolute;bottom:-35px;right:25px}.quiz-prompt-label{color:#f6f1e680;letter-spacing:.12em;justify-content:space-between;gap:16px;font-size:8px;font-weight:700;display:flex}.quiz-word-row{justify-content:center;align-items:center;gap:22px;margin-top:25px;display:flex}.quiz-word-row h1{font-family:var(--serif);letter-spacing:-.05em;font-size:clamp(50px,7vw,70px);font-weight:500;line-height:1}.quiz-phonetic{text-align:center;color:#f6f1e673;letter-spacing:.05em;margin-top:8px;font-size:11px}.quiz-meaning-prompt{text-align:center;color:var(--cream);margin-top:28px;font-size:clamp(19px,2.6vw,25px);font-weight:520;line-height:1.6}.quiz-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:17px;display:grid}.quiz-option{border:1px solid var(--line);min-height:68px;color:var(--ink-soft);text-align:left;transition:border-color .2s ease, background .2s ease, transform .2s var(--ease);background:#fffdf7b8;border-radius:14px;align-items:center;gap:11px;padding:13px 14px;display:flex;position:relative}.quiz-option:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface);transform:translateY(-1px)}.quiz-option:disabled{cursor:default}.option-letter{width:26px;height:26px;color:var(--muted);font-family:var(--serif);background:#17221c0e;border-radius:7px;flex-shrink:0;place-items:center;font-size:12px;font-weight:600;display:grid}.option-text{font-size:11.5px;line-height:1.55}.option-text.english{font-family:var(--serif);letter-spacing:-.01em;font-size:17px;font-weight:560}.option-mark{border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;margin-left:auto;display:grid}.quiz-option.correct{background:#eef6dc;border-color:#64803b}.quiz-option.correct .option-letter,.quiz-option.correct .option-mark{background:var(--forest);color:var(--lime)}.quiz-option.wrong{background:#fdf0ea;border-color:#cf8a74}.quiz-option.wrong .option-letter,.quiz-option.wrong .option-mark{color:#fff8f3;background:#a44f37}.quiz-option.muted{opacity:.5}.quiz-feedback{border:1px solid var(--line);background:var(--surface);border-radius:16px;align-items:center;gap:12px;margin-top:16px;padding:13px 14px;display:flex}.quiz-feedback.correct{background:#f4fae8;border-color:#b7cd8f}.quiz-feedback.wrong{background:#fdf3ee;border-color:#e4b7a8}.feedback-icon{background:var(--forest);width:35px;height:35px;color:var(--lime);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.quiz-feedback.wrong .feedback-icon{color:#fff8f3;background:#a44f37}.feedback-copy{flex:1;min-width:0}.feedback-copy strong{font-size:11px;font-weight:750;display:block}.feedback-copy p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:9.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.feedback-copy p b{color:var(--ink-soft);font-family:var(--serif);font-size:11px;font-weight:600}.feedback-copy p span{color:var(--muted-light);margin:0 5px}.feedback-next{background:var(--forest);height:36px;color:var(--cream);border-radius:9px;flex-shrink:0;align-items:center;gap:5px;padding:0 13px;font-size:10px;font-weight:700;display:inline-flex}.feedback-next:hover{background:var(--forest-bright)}.quiz-hint{color:var(--muted-light);justify-content:center;align-items:center;gap:5px;margin-top:17px;font-size:8.5px;display:flex}.done-stage{text-align:center;max-width:760px;padding:12px 0 25px}.done-badge{place-items:center;width:116px;height:116px;margin:0 auto 20px;display:grid;position:relative}.done-badge-ring{border:1px solid #16382c29;border-radius:50%;animation:2.6s ease-in-out infinite badge-pulse;position:absolute;inset:0}@keyframes badge-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.2;transform:scale(1.08)}}.done-badge-check{background:var(--forest);width:84px;height:84px;color:var(--lime);animation:badge-in .55s var(--ease) both;border-radius:50%;place-items:center;display:grid;box-shadow:0 18px 35px -22px #16382ccc}@keyframes badge-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.done-spark{color:var(--coral);font-size:18px;animation:3s ease-in-out infinite spark-float;position:absolute}.done-spark.s1{top:6px;right:2px}.done-spark.s2{color:var(--forest);font-size:13px;animation-delay:.7s;bottom:15px;left:-3px}.done-spark.s3{color:#c49c2b;font-size:10px;animation-delay:1.2s;top:28px;left:-13px}@keyframes spark-float{50%{transform:translateY(-5px)rotate(10deg)}}.done-stage>.eyebrow{color:var(--muted)}.done-stage>h1{letter-spacing:-.05em;margin-top:6px;font-size:clamp(40px,5.4vw,56px);font-weight:680;line-height:1.15}.done-sub{color:var(--muted);margin-top:8px;font-size:12px}.done-stats{border:1px solid var(--line);background:#fffdf7a6;border-radius:20px;grid-template-columns:repeat(4,1fr);margin:27px auto 20px;display:grid;overflow:hidden}.done-stats>div{border-right:1px solid var(--line);padding:16px 10px}.done-stats>div:last-child{border-right:0}.done-stats strong{font-family:var(--serif);letter-spacing:-.04em;font-size:29px;font-weight:550;line-height:1.15;display:block}.done-stats small{color:var(--muted);font-size:11px}.done-stats span{color:var(--muted);margin-top:1px;font-size:8.5px;display:block}.done-words{border:1px solid var(--line);text-align:left;background:#fffdf78f;border-radius:18px;padding:16px 17px}.done-words-head{color:var(--muted);justify-content:space-between;gap:12px;font-size:8.5px;display:flex}.done-words-head>span:last-child{color:var(--muted-light)}.done-word-list{scrollbar-width:thin;flex-wrap:wrap;gap:5px;max-height:115px;margin-top:10px;display:flex;overflow-y:auto}.done-word{color:#4a612c;min-height:25px;font-family:var(--serif);background:#eaf2d4;border-radius:6px;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:550;display:inline-flex}.done-word.review{color:#8f4e35;background:#f9e3d8}.done-actions{justify-content:center;gap:10px;margin-top:22px;display:flex}.done-actions .study-primary,.done-actions .study-secondary{flex:none;min-width:160px}.done-date{color:var(--muted-light);margin-top:16px;font-size:8.5px}.confetti{z-index:9;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti span{border-radius:1px;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.18,.68,.38,1);animation-fill-mode:both;position:absolute;top:-20px}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-8vh)rotate(0)}8%{opacity:1}to{transform:translate3d(var(--confetti-drift), 108vh, 0) rotate(var(--confetti-rotate));opacity:.9}}.toast{z-index:400;max-width:calc(100vw - 32px);color:var(--cream);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:toast-in .35s var(--ease) both;background:#16382cf5;border-radius:99px;align-items:center;gap:8px;padding:10px 16px 10px 10px;font-size:11px;font-weight:600;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px -22px #0a1812d9}.toast>span{background:var(--lime);width:23px;height:23px;color:var(--forest);border-radius:50%;place-items:center;display:grid}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.dialog-backdrop{z-index:500;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#101c1573;place-items:center;padding:20px;animation:.25s both fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.confirm-dialog{background:var(--surface);width:100%;max-width:400px;animation:dialog-in .35s var(--ease) both;border-radius:25px;padding:30px 28px 24px;position:relative;box-shadow:0 40px 100px -35px #0a1812b3}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.dialog-close{background:var(--surface-soft);width:30px;height:30px;color:var(--muted);border-radius:8px;place-items:center;display:grid;position:absolute;top:15px;right:15px}.dialog-icon{background:var(--coral-soft);color:#a34837;width:44px;height:44px;font-family:var(--serif);border-radius:14px;place-items:center;font-size:24px;font-weight:600;display:grid}.confirm-dialog h2{letter-spacing:-.03em;margin-top:16px;font-size:22px;font-weight:680}.confirm-dialog p{color:var(--muted);margin-top:8px;font-size:11.5px;line-height:1.7}.dialog-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.learn-stage{max-width:860px}.study-card.is-revealed{cursor:default;min-height:0;padding:24px 30px 22px}.study-card.is-revealed .study-word-block{padding:18px 0 15px}.study-card.is-revealed .study-word-block h1{font-size:clamp(46px,5.2vw,64px)}.study-card.is-revealed .study-phonetic{margin-top:8px;font-size:12px}.study-card.is-revealed .meaning-reveal{margin-top:0;padding:18px 0 0}.word-detail-body{text-align:left;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:22px 30px;display:grid}.wd-col{flex-direction:column;gap:18px;min-width:0;display:flex}.word-detail-body.variant-study .wd-col-side{border-left:1px dashed var(--line-strong);padding-left:25px}.wd-section{min-width:0}.wd-head{color:var(--ink-soft);letter-spacing:.08em;align-items:baseline;gap:8px;margin-bottom:8px;font-size:10px;font-weight:800;display:flex}.wd-head small{color:var(--muted-light);font-family:var(--sans);letter-spacing:.16em;font-size:7.5px;font-weight:750}.wd-groups{flex-direction:column;display:flex}.wd-group{border-top:1px dashed var(--line);padding:8px 0 9px}.wd-group:first-child{border-top:0;padding-top:0}.wd-group-head{align-items:flex-start;gap:8px;display:flex}.wd-gloss{min-width:0;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;padding-top:1px;font-size:9.5px;font-style:italic;line-height:1.55;display:-webkit-box;overflow:hidden}.wd-senses{flex-direction:column;gap:4px;margin-top:7px;display:flex}.wd-senses li{color:var(--ink-soft);align-items:flex-start;gap:9px;font-size:14px;line-height:1.6;display:flex}.wd-senses li>span{min-width:13px;color:var(--muted-light);letter-spacing:.04em;flex-shrink:0;padding-top:4px;font-size:7.5px;font-weight:700}.wd-senses p{min-width:0}.wd-phrases{flex-direction:column;display:flex}.wd-phrase{border-top:1px solid var(--line);flex-direction:column;gap:1px;padding:7px 0;display:flex}.wd-phrase:first-child{border-top:0;padding-top:0}.wd-phrase-en{color:var(--ink-soft);font-family:var(--serif);font-size:13.5px;font-weight:560;line-height:1.35}.wd-phrase-cn{color:var(--muted);font-size:9.5px;line-height:1.45}.wd-examples{flex-direction:column;gap:8px;display:flex}.wd-example{border-left:2px solid color-mix(in srgb, var(--coral) 58%, transparent);background:#f6f0e2a8;border-radius:0 8px 8px 0;margin:0;padding:9px 11px}.wd-example-en{color:var(--ink-soft);font-size:11px;line-height:1.6}.wd-example-en mark{color:inherit;background:linear-gradient(#0000 54%,#d9f36eb8 54%);padding:0 1px}.wd-example-cn{color:var(--muted);margin-top:3px;font-size:9.5px;line-height:1.5}.wd-syn-row{align-items:flex-start;gap:8px;margin-top:6px;display:flex}.wd-syn-label{color:var(--muted-light);flex-shrink:0;padding-top:3px;font-size:8px;font-weight:700}.wd-chips{flex-wrap:wrap;gap:4px;display:flex}.wd-chips span{border:1px solid var(--line);background:var(--surface-soft);min-height:21px;color:var(--ink-soft);border-radius:6px;align-items:center;padding:2px 7px;font-size:9px;display:inline-flex}.wd-chips.ant span{color:#8f4e35;background:#faf0ea;border-color:#ecd8cf}.word-detail-body>.wd-note-wrap{grid-column:1/-1}.wd-note{border:1px dashed var(--line-strong);background:#faf6e9;border-radius:9px;align-items:flex-start;gap:8px;padding:9px 11px;display:flex}.wd-note-icon{color:#8a6a1a;background:#f1e6b8;border-radius:7px;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.wd-note strong{color:var(--ink-soft);font-size:9px;font-weight:750;display:block}.wd-note p{color:var(--muted);margin-top:1px;font-size:9.5px;line-height:1.55}.detail-expand{color:var(--forest);background:0 0;border-bottom:1px solid #0000;align-items:center;gap:4px;margin-top:10px;padding:4px 0;font-size:9.5px;font-weight:750;display:inline-flex}.detail-expand:hover{border-color:var(--forest)}.detail-expand svg{transition:transform .25s var(--ease)}.detail-expand svg.flipped{transform:rotate(180deg)}.word-detail-body.variant-library{gap:20px 32px}.variant-library .wd-senses li{font-size:12.5px;line-height:1.65}.variant-library .wd-phrase-en{font-size:13px}.variant-library .wd-example-en{font-size:11.5px}.variant-library .wd-syn-label{font-size:8.5px}.word-row-detail .word-detail-note{margin-top:14px}.word-sense-row{align-items:flex-start;gap:7px;margin-top:6px;display:flex}.word-sense-row .pos-pill{flex-shrink:0;margin-top:2px}.word-meaning .word-sense-row p{margin:0;font-size:11.5px;line-height:1.65}.word-phrase-preview{border-top:1px dashed color-mix(in srgb, var(--word-accent) 45%, var(--line));flex-wrap:wrap;align-items:baseline;gap:4px 7px;margin-top:10px;padding-top:10px;display:flex}.word-phrase-preview>span:first-child{color:var(--muted);background:#17221c0f;border-radius:4px;padding:2px 5px;font-size:7.5px;font-weight:700}.word-phrase-preview p{color:var(--ink-soft);font-family:var(--serif);font-size:12px;font-weight:560}.word-phrase-preview small{color:var(--muted);font-size:9px}.account-backdrop{z-index:520}.account-dialog{background:var(--surface);width:min(440px,100%);max-height:min(92vh,820px);animation:dialog-in .35s var(--ease) both;scrollbar-width:thin;border-radius:26px;padding:30px 30px 23px;position:relative;overflow-y:auto;box-shadow:0 40px 110px -38px #0a1812b3}.account-auth-head .eyebrow,.account-view>.eyebrow{color:var(--muted)}.account-auth-head h2{letter-spacing:-.04em;margin-top:8px;font-size:29px;font-weight:680;line-height:1.2}.account-auth-head p{color:var(--muted);margin-top:8px;font-size:11.5px;line-height:1.7}.account-tabs{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;gap:3px;margin:20px 0 17px;padding:4px;display:flex}.account-tabs button{height:34px;color:var(--muted);background:0 0;border-radius:8px;flex:1;font-size:11px;font-weight:700}.account-tabs button.active{background:var(--surface);color:var(--ink);box-shadow:0 3px 10px -7px #17221c66}.account-form label{margin-bottom:12px;display:block}.account-form label>span{color:var(--muted);margin-bottom:6px;font-size:9.5px;font-weight:700;display:block}.account-input{border:1px solid var(--line);background:var(--surface-soft);height:46px;color:var(--muted-light);border-radius:11px;align-items:center;gap:8px;padding:0 12px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.account-input:focus-within{border-color:var(--line-strong);background:var(--surface);box-shadow:0 0 0 3px #16382c0f}.account-input input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:12px}.account-input input::placeholder{color:var(--muted-light)}.password-toggle{color:var(--muted);background:0 0;place-items:center;padding:4px;display:grid}.account-submit{background:var(--forest);width:100%;height:48px;color:var(--cream);transition:background .2s ease, transform .2s var(--ease);border-radius:12px;justify-content:center;align-items:center;gap:7px;margin-top:4px;font-size:12px;font-weight:750;display:flex}.account-submit:hover:not(:disabled){background:var(--forest-bright);transform:translateY(-1px)}.account-submit:disabled{opacity:.7}.account-error{color:#8d432e;background:#fdf1ec;border:1px solid #ebc7ba;border-radius:9px;margin:0 0 11px;padding:9px 11px;font-size:10px;line-height:1.55}.account-footnote{color:var(--muted-light);text-align:center;margin-top:12px;font-size:8.5px;line-height:1.6}.account-insecure{background:#fff7e8;border:1px solid #ead2a9;border-radius:14px;gap:11px;padding:14px;display:flex}.account-insecure>span{color:#95651d;background:#f7e7bf;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.account-insecure strong{font-size:11.5px;display:block}.account-insecure p{color:#7a6033;margin-top:3px;font-size:10px;line-height:1.6}.account-insecure a{color:var(--forest);text-underline-offset:3px;margin-top:8px;font-size:10.5px;font-weight:750;display:inline-flex}.account-profile{align-items:center;gap:12px;margin-top:18px;display:flex}.account-avatar{background:var(--forest);width:40px;height:40px;color:var(--cream);font-family:var(--serif);border-radius:13px;flex-shrink:0;place-items:center;font-size:19px;font-weight:600;display:grid}.account-avatar.large{border-radius:17px;width:54px;height:54px;font-size:25px}.account-profile>div{flex:1;min-width:0}.account-profile h2{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.03em;font-size:22px;font-weight:680;line-height:1.2;overflow:hidden}.account-profile p{color:var(--muted-light);margin-top:2px;font-size:9px}.sync-badge{background:var(--surface-soft);color:var(--muted);white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:4px 7px;font-size:8px;font-weight:700;display:inline-flex}.sync-badge.ok{color:#4d662b;background:#e9f2d7}.sync-badge.pending{color:#8b671d;background:#fbf0d1}.sync-badge.error{color:#984c34;background:#f9e5dd}.account-sync-card{border:1px solid var(--line);background:var(--surface-soft);border-radius:14px;align-items:flex-start;gap:11px;margin-top:20px;padding:14px;display:flex}.account-sync-icon{color:#4b6626;background:#e8f1cc;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.account-sync-icon.error{background:var(--coral-soft);color:#9b4d36}.account-sync-card>div{flex:1;min-width:0}.account-sync-card strong{font-size:10.5px;font-weight:750;display:block}.account-sync-card p{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.6}.account-sync-retry{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:7px;flex-shrink:0;align-items:center;gap:3px;padding:5px 7px;font-size:8.5px;font-weight:700;display:inline-flex}.account-meta{border:1px solid var(--line);background:var(--line);border-radius:11px;grid-template-columns:1fr 1fr;gap:1px;margin-top:16px;display:grid;overflow:hidden}.account-meta>div{background:var(--surface);padding:9px 11px}.account-meta span{color:var(--muted-light);font-size:8px;display:block}.account-meta strong{margin-top:1px;font-size:10.5px;display:block}.account-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;display:grid}.account-actions .secondary-btn,.account-actions .primary-btn{width:100%}.dialog-close:disabled{opacity:.45}@media (width<=1220px){.app-main{padding:34px 32px 58px}.home-grid{grid-template-columns:minmax(0,1.55fr) minmax(285px,.85fr)}.hero-card{padding:24px 25px 22px}.streak-card{padding:21px 20px 18px}.week-day-dot{width:28px;height:28px}.milestones{grid-template-columns:repeat(3,minmax(0,1fr))}.milestone:last-child{grid-column:span 1}}@media (width<=1040px){.home-grid{grid-template-columns:1fr}.streak-card{min-height:auto}.week-strip{margin-top:6px}.hero-card{min-height:350px}.home-lower{grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr)}.progress-grid,.progress-grid.lower,.journey-hero{grid-template-columns:1fr}.journey-deco{display:none}.journey-metrics{max-width:580px}.milestones{grid-template-columns:repeat(2,minmax(0,1fr))}.word-explorer{padding:22px 21px 18px}.explorer-progress{width:180px}}@media (width<=960px){.sidebar{display:none}.app-main{margin-left:0;padding:0 26px 105px}.mobile-topbar{z-index:30;height:calc(67px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 26px 0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f3f0e8d1;border-bottom:1px solid #17221c0f;justify-content:space-between;align-items:center;gap:20px;margin:0 -26px;display:flex;position:sticky;top:0}.mobile-topbar .brand-glyph{border-radius:11px;width:35px;height:35px}.mobile-topbar .brand-glyph span:first-child{font-size:19px}.mobile-topbar .brand-glyph span:last-child{font-size:11px;bottom:4px;right:6px}.mobile-topbar .brand-type strong{font-size:17px}.mobile-topbar .brand-type small{font-size:7px}.mobile-top-actions{align-items:center;gap:7px;display:flex}.mobile-account{border:1px solid var(--line);background:var(--surface-soft);width:33px;height:33px;color:var(--forest);font-family:var(--serif);border-radius:50%;place-items:center;font-size:13px;font-weight:600;display:grid;position:relative}.mobile-account.is-user{background:var(--forest);color:var(--cream)}.mobile-account .sync-dot{border:2px solid var(--bg);background:var(--muted-light);border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.mobile-account .sync-dot.sync-saved{background:#76a04a}.mobile-account .sync-dot.sync-pending,.mobile-account .sync-dot.sync-syncing{background:#d39b29}.mobile-account .sync-dot.sync-error,.mobile-account .sync-dot.sync-offline{background:var(--coral)}.mobile-streak{background:var(--coral-soft);color:#a44f38;border:1px solid #df6a4933;border-radius:99px;align-items:center;gap:5px;height:32px;padding:0 11px;font-size:10px;font-weight:700;display:inline-flex}.mobile-streak span{font-size:11px}.page-container{max-width:820px;padding-top:32px}.mobile-nav{z-index:80;left:12px;right:12px;bottom:max(10px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf8f1eb;border:1px solid #17221c17;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:4px;height:62px;padding:6px;display:grid;position:fixed;box-shadow:0 18px 45px -22px #17221c80}.mobile-nav button{color:var(--muted);background:0 0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:8.5px;font-weight:650;display:flex}.mobile-nav button.active{background:var(--forest);color:var(--cream)}.mobile-nav button.active svg{color:var(--lime)}.page-footer{margin-bottom:10px}.toast{bottom:calc(86px + env(safe-area-inset-bottom))}.study-header{padding:max(17px, calc(env(safe-area-inset-top) + 8px)) 24px 17px}.study-main{padding-left:20px;padding-right:20px}.study-footer{padding-left:24px;padding-right:24px}}@media (width<=760px){.page-head{align-items:flex-start;margin-bottom:26px}.page-head h1{font-size:clamp(31px,6.4vw,42px);line-height:1.16}.head-day{border-radius:38px;width:75px;min-height:92px;padding:12px 6px 9px}.head-day strong{font-size:28px}.head-day span,.head-day small{font-size:7.5px}.home-lower{grid-template-columns:1fr}.word-card{min-height:275px}.word-card-main h3{font-size:42px}.stat-grid{gap:9px}.stat-card{border-radius:17px;flex-direction:column;gap:8px;padding:13px}.stat-icon{border-radius:9px;width:32px;height:32px}.stat-icon svg{width:16px;height:16px}.stat-value{font-size:23px}.stat-detail{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:8px;line-height:1.4;display:-webkit-box}.stat-label{font-size:9px}.library-head{flex-wrap:wrap;gap:18px}.library-total{align-items:baseline;max-width:none;padding:0}.library-total span{text-align:left;width:auto}.library-total strong{font-size:30px}.library-books{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.library-book{min-height:168px;padding:14px}.library-book-name{margin-top:18px;font-size:17px}.library-book-tagline{font-size:9px}.library-book-ghost{font-size:90px;bottom:-12px}.explorer-head{flex-direction:column;gap:15px}.explorer-progress{width:100%;padding:0}.explorer-progress>span:first-child{text-align:left}.explorer-toolbar{align-items:stretch;gap:10px;margin-top:18px}.filter-tabs,.search-box{width:100%}.word-row-main{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) 20px;gap:2px 10px;padding:12px 5px 12px 10px}.word-row-word{grid-area:1/1}.word-row-meaning{grid-area:2/1;padding-left:1px;font-size:10.5px}.word-row-chevron{grid-area:1/2/span 2}.word-row-actions{width:75px;padding-right:5px}.word-row-actions .icon-button{width:29px;height:29px}.word-list-head{display:none}.word-list{border-top:0}.word-row{border-top:1px solid var(--line);border-bottom:0}.word-row:last-child{border-bottom:1px solid var(--line)}.explorer-footer{flex-direction:column;gap:3px}.journey-hero{padding:24px 22px}.journey-metrics>div{padding:14px 16px}.journey-metrics strong{font-size:27px}.progress-grid,.progress-grid.lower{gap:14px;margin-top:14px}.heatmap-card,.week-card,.recent-card,.book-progress-panel{border-radius:24px;padding:21px 19px 17px}.milestones{gap:8px;margin-top:14px}.milestone{padding:12px}.milestone-icon{width:29px;height:29px}.milestone strong{font-size:9.5px}.settings-panel{border-radius:24px;padding:21px 19px 18px}.settings-actions{justify-content:space-between;gap:8px}.study-header{padding:max(14px, calc(env(safe-area-inset-top) + 6px)) 18px 14px;grid-template-columns:42px minmax(0,1fr) 58px;gap:13px}.study-close{border-radius:50%;justify-content:center;width:38px;height:38px;padding:0}.study-close span{display:none}.study-step-counter strong{font-size:22px}.study-step-counter span{font-size:8px}.study-main{padding:10px 16px 28px}.study-stage-head{padding:6px 0 16px}.study-stage-head h2{font-size:24px}.study-stage-head p{font-size:10px}.study-card{border-radius:25px;min-height:350px;padding:21px 22px}.study-card:before{border-radius:19px;inset:8px}.study-word-block{padding:35px 0 25px}.study-word-block h1{font-size:clamp(50px,13vw,72px)}.study-card-corner.top{font-size:66px;top:52px;right:25px}.meaning-lines p{font-size:15px}.study-actions{margin-top:14px}.study-primary,.study-secondary{border-radius:13px;min-height:52px;padding:0 16px;font-size:12px}.study-hint{margin-top:12px}.hint-tip{display:none}.study-footer{padding:9px 18px max(13px, env(safe-area-inset-bottom));font-size:7.5px}.quiz-prompt{border-radius:23px;min-height:172px;padding:19px 21px 22px}.quiz-word-row{gap:14px;margin-top:21px}.quiz-options{grid-template-columns:1fr;gap:8px}.quiz-option{min-height:57px;padding:10px 12px}.quiz-feedback{flex-wrap:wrap;gap:10px}.feedback-copy{flex-basis:calc(100% - 48px)}.feedback-next{justify-content:center;width:100%;height:40px}.done-stage{padding-top:4px}.done-badge{width:98px;height:98px;margin-bottom:15px}.done-badge-check{width:72px;height:72px}.done-stage>h1{font-size:38px}.done-stats{grid-template-columns:repeat(2,1fr);margin-top:21px}.done-stats>div:nth-child(2){border-right:0}.done-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.done-actions{flex-direction:column}.done-actions .study-primary,.done-actions .study-secondary{width:100%}.recent-row{grid-template-columns:minmax(82px,1fr) minmax(80px,1fr) 52px 40px;gap:7px}.book-progress-row{grid-template-columns:7px 58px minmax(40px,1fr) 62px}.toast{padding-right:14px;font-size:10px}}@media (width<=500px){.app-main{padding-left:16px;padding-right:16px}.mobile-topbar{padding:env(safe-area-inset-top) 16px 0;height:calc(61px + env(safe-area-inset-top));margin:0 -16px}.page-container{padding-top:23px}.page-head h1{font-size:31px}.page-sub{margin-top:12px;font-size:11.5px}.head-day{border-radius:33px;width:64px;min-height:80px;padding:10px 4px 8px}.head-day strong{font-size:24px}.home-grid{gap:13px}.hero-card{border-radius:26px;min-height:335px;padding:20px 20px 19px}.hero-content{margin:19px 0}.hero-count strong{font-size:62px}.hero-goal{font-size:30px}.hero-slash{font-size:25px}.hero-desc{max-width:220px;font-size:10.5px}.progress-ring{transform-origin:100%;transform:scale(.82)}.ring-label strong{font-size:32px}.hero-bottom{flex-direction:column;align-items:stretch;gap:15px}.hero-cta{width:100%;min-height:50px}.hero-ghost{font-size:170px;right:7%}.streak-card{border-radius:26px;padding:19px 18px 17px}.streak-main{margin-top:15px}.streak-icon{border-radius:14px;width:43px;height:43px}.streak-icon svg{width:22px}.streak-number strong{font-size:48px}.stat-grid{margin-top:13px}.stat-card{padding:11px 10px}.stat-detail{display:none}.plan-card{border-radius:26px;padding:20px 18px}.section-heading h2{font-size:21px}.book-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.book-pill{height:42px;font-size:10.5px}.book-pill small{display:none}.goal-row{align-items:flex-end;gap:7px}.goal-number strong{font-size:34px}.goal-presets{gap:2px;padding:3px}.goal-presets button{min-width:33px;height:28px;padding:0 5px;font-size:9.5px}.word-card{border-radius:26px}.home-lower{gap:13px;margin-top:13px}.library-books{gap:8px}.library-book{border-radius:18px;min-height:158px;padding:13px}.library-book-name{font-size:16px}.library-book-active{padding:2px 4px;font-size:7px}.library-book-active svg{display:none}.word-explorer{border-radius:24px;padding:18px 13px 15px}.explorer-title h2{font-size:22px}.filter-tabs{border-radius:10px}.filter-tabs button{padding:0 8px;font-size:10px}.filter-tabs button small{display:none}.word-row-actions{width:66px}.word-row-actions .icon-button{width:26px;height:26px}.word-row-actions .icon-button svg{width:15px;height:15px}.word-row-word strong{font-size:17px}.word-phonetic{font-size:9px}.journey-hero{border-radius:26px;padding:21px 18px}.journey-streak strong{font-size:72px}.journey-metrics strong{font-size:24px}.journey-metrics>div{padding:12px 13px}.milestones{grid-template-columns:1fr 1fr}.milestone{padding:10px}.milestone p{display:none}.week-bars{gap:5px;height:138px}.week-bar-track span{border-radius:4px 4px 3px 3px}.section-note{display:none}.heatmap-card,.week-card,.recent-card,.book-progress-panel{border-radius:22px;padding:18px 15px 15px}.heatmap-grid{grid-template-rows:repeat(7,12px);grid-auto-columns:12px;gap:3px}.heatmap-weekdays{grid-template-rows:repeat(7,12px);gap:3px;line-height:12px}.recent-row{grid-template-columns:minmax(70px,1fr) 48px 38px}.recent-book{display:none}.recent-words{font-size:11px}.settings-panel{border-radius:22px;padding:18px 15px 15px}.setting-row{gap:9px}.setting-copy span{display:none}.settings-actions{flex-direction:column;align-items:stretch}.danger-link{justify-content:center}.study-overlay{background:#f4f0e5}.study-card{border-radius:23px;min-height:330px;padding:18px}.study-word-block{padding:30px 0 22px}.study-word-block h1{font-size:51px}.study-phonetic{margin-top:8px;font-size:11px}.meaning-lines p{gap:9px;font-size:14px}.meaning-reveal{padding-top:17px}.study-actions{gap:8px}.study-primary,.study-secondary{gap:6px;min-height:50px;padding:0 12px;font-size:11px}.study-primary kbd,.study-secondary kbd{display:none}.study-stage-head h2{font-size:22px}.study-stage-head p{max-width:290px;margin-left:auto;margin-right:auto}.study-hint{justify-content:center}.study-hint>span:first-child{display:none}.quiz-prompt{min-height:160px}.quiz-word-row h1{font-size:48px}.quiz-meaning-prompt{margin-top:23px;font-size:18px}.quiz-option{min-height:54px}.feedback-copy p{-webkit-line-clamp:3}.done-stage>h1{font-size:34px}.done-sub{font-size:10.5px}.done-stats strong{font-size:25px}.done-words{padding:13px}.done-word-list{max-height:96px}.study-footer{display:none}.study-main{padding-bottom:max(20px, env(safe-area-inset-bottom))}.confirm-dialog{padding:26px 21px 20px}.dialog-actions{grid-template-columns:1fr 1fr;display:grid}.account-dialog{border-radius:22px;max-height:92dvh;padding:24px 19px 19px}.account-auth-head h2{font-size:25px}.account-auth-head p{font-size:10.5px}.account-profile{align-items:flex-start}.account-profile .sync-badge{display:none}.account-profile h2{font-size:20px}.account-tabs{margin-top:17px}.account-input{height:44px}.account-sync-card{flex-wrap:wrap}.account-sync-card>div{flex-basis:calc(100% - 48px)}.account-sync-retry{justify-content:center;width:100%;height:32px}.account-actions{grid-template-columns:1fr}.side-account{display:none}}@media (width<=380px){.head-day{display:none}.hero-count strong{font-size:54px}.hero-desc{max-width:190px}.progress-ring{margin-right:-8px;transform:scale(.72)}.stat-card{padding:10px 8px}.stat-value{font-size:20px}.stat-label{font-size:8px}.goal-presets button{min-width:30px;font-size:9px}.library-books{grid-template-columns:1fr}.library-book{min-height:148px}.milestones{grid-template-columns:1fr}.journey-streak strong{font-size:64px}.quiz-word-row h1{font-size:42px}.study-word-block h1{font-size:45px}}@media (width<=760px){.study-card.is-revealed{padding:20px 20px 19px}.study-card.is-revealed .study-word-block{padding:13px 0 11px}.study-card.is-revealed .study-word-block h1{font-size:clamp(42px,12vw,58px)}.study-card.is-revealed .meaning-reveal{padding-top:15px}.word-detail-body,.word-detail-body.variant-library{grid-template-columns:1fr;gap:15px}.word-detail-body.variant-study .wd-col-side{border-left:0;border-top:1px dashed var(--line-strong);padding-top:14px;padding-left:0}.wd-col{gap:14px}.wd-senses li{font-size:13px}.wd-senses li>span{padding-top:4px;font-size:7px}.wd-phrase-en{font-size:13px}.wd-phrase-cn{font-size:9px}.wd-example-en{font-size:10.5px}.wd-gloss{-webkit-line-clamp:2;font-size:9px}.word-detail-body>.wd-note-wrap{grid-column:auto}.word-row-detail{margin:0 4px 10px;padding:14px}.variant-library .wd-senses li{font-size:12px}}@media (width<=500px){.study-card.is-revealed{border-radius:23px;padding:17px 16px}.study-card.is-revealed .study-word-block h1{font-size:clamp(38px,11vw,50px)}.study-card.is-revealed .study-card-label{font-size:8px}.wd-senses li{font-size:12.5px;line-height:1.55}.wd-head{font-size:9.5px}.wd-example{padding:8px 9px}.wd-example-en{font-size:10px}.wd-example-cn{font-size:9px}.wd-phrase{padding:6px 0}.wd-phrase-en{font-size:12px}.detail-expand{font-size:9px}.word-phrase-preview{margin-top:8px;padding-top:8px}}@media (width<=960px),(height<=860px){.learn-stage{padding-bottom:88px}.learn-stage .study-actions.two-actions{z-index:12;left:50%;bottom:max(14px, env(safe-area-inset-bottom));border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#faf8f1e6;border-radius:18px;width:min(540px,100vw - 32px);margin:0;padding:8px;position:fixed;transform:translate(-50%);box-shadow:0 18px 50px -24px #17221c7a}.learn-stage .study-actions.two-actions .study-primary,.learn-stage .study-actions.two-actions .study-secondary{border-radius:12px;min-height:50px}.learn-stage .study-hint{padding-bottom:75px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}