@font-face{font-family:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-ext-400-normal-C2je3j2s.woff2) format("woff2"),url(/assets/instrument-serif-latin-ext-400-normal-CFCUzsTy.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2) format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#26231f;background:#f8f6f1;font-synthesis:none;--paper: #f8f6f1;--paper-strong: #fbfaf7;--ink: #24211d;--muted: #8d877f;--line: #dfdcd4;--line-dark: #d2cec5;--clay: #c35d3d;--clay-soft: #f1e6de;--green: #5f806e;--amber: #bd8425;--stone: #9d978f}*{box-sizing:border-box}html,body,#root{width:100%;margin:0;min-width:320px;min-height:100%}body{min-height:100vh;background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--clay);outline-offset:3px}.loading-screen{min-height:100vh;display:grid;place-content:center;gap:12px;color:var(--muted);text-align:center}.loading-screen svg{width:34px;height:34px;margin:auto;color:var(--clay);animation:slow-spin 7s linear infinite}.login-page{min-height:100vh;padding:34px 52px;display:grid;grid-template-rows:auto 1fr auto;background:var(--paper)}.login-brand,.wordmark{display:flex;align-items:center;gap:11px;font-family:"Instrument Serif",Georgia,serif;font-size:24px}.login-brand svg,.wordmark svg{width:29px;height:29px;color:var(--clay)}.login-form{width:min(580px,100%);margin:auto;padding:68px 0}.eyebrow{margin:0 0 20px;font-size:11px;letter-spacing:.18em;color:var(--clay)}.login-form h1{margin:0;font:400 clamp(64px,8vw,116px)/.87 "Instrument Serif",Georgia,serif;letter-spacing:-.035em}.login-copy{margin:34px 0 54px;color:#69635c;font-size:17px;line-height:1.7}.login-form label{display:block;margin-bottom:11px;font-size:13px;color:#6e6860}.password-row{display:grid;grid-template-columns:1fr 58px;border-bottom:1px solid var(--ink)}.password-row input{min-width:0;border:0;background:transparent;padding:14px 2px 16px;font-size:20px}.password-row input:focus{outline:none}.password-row button{border:0;background:var(--ink);color:#fff;display:grid;place-items:center;cursor:pointer}.password-row button:disabled{opacity:.35;cursor:default}.form-error{display:flex;gap:8px;align-items:center;color:#a44830;font-size:13px}.login-footnote{margin:0;color:var(--muted);font-size:12px}.app-shell{height:100vh;min-height:720px;overflow:hidden;background:var(--paper)}.app-header{height:76px;padding:0 36px 0 46px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:255px minmax(280px,350px) minmax(200px,300px) 1fr;align-items:center;gap:24px;background:#f8f6f1f5;position:relative;z-index:20}.wordmark{font-size:23px;white-space:nowrap}.book-picker{min-width:0;display:flex;align-items:center;gap:9px;color:#5f5a53;font-size:13px;cursor:pointer}.book-picker>svg:first-child{width:23px;height:23px;color:var(--ink)}.book-picker>svg:last-child{width:14px;height:14px}.book-picker select{min-width:0;max-width:150px;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:var(--ink);cursor:pointer;padding:6px 0}.header-progress{align-self:center}.header-progress>span{display:block;margin-bottom:8px;font-family:Georgia,serif;font-size:14px;color:#4b4741}.header-progress strong{font-weight:400;color:var(--ink)}.header-progress>div{height:3px;background:#dedad2;border-radius:99px;overflow:hidden}.header-progress i,.plan-bar i{height:100%;display:block;border-radius:inherit;background:var(--clay)}.header-actions{justify-self:end;display:flex;align-items:center;gap:18px}.search-shell{width:284px;height:42px;position:relative;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line-dark);border-radius:10px;background:#ffffff54}.search-shell>svg{width:18px;height:18px;color:#554f48}.search-shell input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.search-shell input::placeholder{color:#aaa49b}.search-shell kbd{border:1px solid var(--line);border-radius:5px;padding:2px 5px;color:#8e8880;background:#f3f0eb;font-size:10px}.search-results{position:absolute;top:49px;left:0;right:0;padding:6px;border:1px solid var(--line);border-radius:10px;background:#fbfaf7;box-shadow:0 18px 50px #342a221f}.search-results button{width:100%;padding:10px 11px;border:0;border-radius:7px;background:transparent;display:flex;justify-content:space-between;gap:16px;cursor:pointer}.search-results button:hover{background:var(--clay-soft)}.search-results small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button{width:36px;height:36px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer}.icon-button svg{width:22px;height:22px}.workspace{height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(0,1fr) 366px}.study-pane{min-width:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d4cfc6 transparent;padding:36px 64px 12px 7.4vw}.study-top{max-width:940px;min-height:calc(100% - 70px);position:relative}.word-kicker{margin-bottom:15px;color:#767067;font:14px Georgia,serif;letter-spacing:.02em}.word-title-row{display:flex;justify-content:space-between;align-items:start}.word-title-row h1{margin:0;font:400 clamp(78px,7.2vw,112px)/.9 "Instrument Serif",Georgia,serif;letter-spacing:-.035em;color:#161512}.pronunciation{margin-top:17px;display:flex;align-items:center;gap:15px;color:#5b5650;font:17px Georgia,Times New Roman,serif}.pronunciation button,.example-list button{border:0;padding:2px;background:transparent;color:#625d56;cursor:pointer;display:grid;place-items:center}.pronunciation svg{width:19px;height:19px}.core-meaning{margin:26px 0 25px;font-family:Georgia,"Noto Serif SC",serif;font-size:18px;letter-spacing:.06em}.word-meta{min-height:39px;padding-bottom:22px;border-bottom:1px solid var(--line);display:flex;align-items:center;flex-wrap:wrap;gap:9px 22px;color:#777169;font-size:13px}.frequency-tag{padding:4px 8px;border:1px solid var(--clay);border-radius:4px;color:var(--clay)}.meta-divider{width:1px;height:20px;background:var(--line)}.generating{display:flex;gap:5px;align-items:center;color:var(--clay)}.generating svg{width:14px;height:14px}.desktop-status{position:absolute;right:0;top:48px;width:342px}.status-wrap>p{margin:13px 0 0;text-align:center;color:#aaa39a;font-size:12px}.status-selector{height:60px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line-dark);border-radius:9px;background:#ffffff38;overflow:visible}.status-option{position:relative;border:0;border-right:1px solid var(--line);background:transparent;color:#8d877f;cursor:pointer;font-family:Georgia,"Noto Serif SC",serif;font-size:14px}.status-option:last-child{border-right:0}.status-option.mastered.active{color:var(--green)}.status-option.learning.active{color:var(--amber)}.status-option.unlearned.active{color:#716c65}.status-option.active:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;left:calc(50% - 3px);bottom:-5px;background:currentColor;box-shadow:0 0 0 4px var(--paper)}.status-option:disabled{cursor:wait}.content-section{padding:18px 0;border-bottom:1px solid var(--line)}.content-section h2{margin:0 0 12px;font-family:Georgia,"Noto Serif SC",serif;font-size:15px;font-weight:500;letter-spacing:.06em}.example-list{margin:0;padding:0;list-style:none}.example-list li{display:grid;grid-template-columns:12px 1fr 28px;gap:12px;align-items:start;margin:11px 0 15px}.example-dot{width:5px;height:5px;margin-top:9px;border-radius:50%;background:var(--clay)}.example-list p,.context-section p,.learning-grid p{margin:0;font-size:15px;line-height:1.55}.example-list .translation,.translation{margin-top:4px;color:#908981;font-size:13px;line-height:1.55}.example-list button{margin-top:3px}.context-type{display:inline-block;margin-bottom:6px;color:var(--clay);font-size:10px;letter-spacing:.1em}.english-paragraph{max-width:700px;font-family:Georgia,serif}.context-section .translation{max-width:760px}.learning-grid{display:grid;grid-template-columns:1fr 1fr 1.07fr}.learning-grid>div{min-width:0;padding:0 24px;border-left:1px solid var(--line)}.learning-grid>div:first-child{padding-left:0;border-left:0}.learning-grid p{font-size:12px}.word-family{margin-top:10px;display:grid;gap:4px;color:#79736b;font-size:11px}.word-family strong{font-family:Georgia,serif;color:#45413c;font-weight:500}.collocation-list{margin:0;padding:0 0 0 16px;display:grid;gap:7px;font-size:12px}.collocation-list li{padding-left:2px}.collocation-list strong{display:inline-block;min-width:132px;font-family:Georgia,serif;font-weight:500}.collocation-list span{color:#8d877f}.memory-panel{position:relative;min-height:134px;overflow:hidden}.memory-panel p{position:relative;z-index:2;max-width:205px}.memory-panel img{position:absolute;width:132px;height:132px;object-fit:cover;right:-11px;bottom:-24px;mix-blend-mode:multiply}.study-footer{height:44px;width:calc(92.6vw - 430px);max-width:940px;position:fixed;left:7.4vw;bottom:0;z-index:12;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:16px;padding:5px 0;background:#f8f6f1f7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.study-footer button{height:34px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:12px}.study-footer svg{width:16px;height:16px}.footer-button{border:1px solid var(--line);background:transparent}.next-button{justify-self:end;min-width:118px;border:0;background:var(--ink);color:#fff}.sidebar{min-width:0;overflow-y:auto;padding:35px 32px;border-left:1px solid var(--line);background:#fbfaf761}.sidebar section{padding-bottom:29px;border-bottom:1px solid var(--line)}.aside-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.aside-heading h2{margin:0;font-family:Georgia,"Noto Serif SC",serif;font-size:16px;font-weight:500;letter-spacing:.05em}.aside-heading h2 span,.aside-heading>span{color:#817b73;font:12px ui-sans-serif,sans-serif}.aside-heading svg{width:18px;height:18px;color:#948e86}.aside-heading button{display:flex;align-items:center;gap:3px;padding:0;border:0;background:transparent;color:#8b857d;font-size:11px;cursor:pointer}.aside-heading button svg{width:12px;height:12px}.stat-list{margin-top:24px;display:grid}.stat-list>div{height:56px;display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:8px;border-bottom:1px solid var(--line)}.stat-list>div:last-child{border-bottom:0}.stat-list span{font:14px Georgia,"Noto Serif SC",serif}.stat-list strong{font:400 22px Georgia,serif}.dot{width:9px;height:9px;display:block;border-radius:50%}.dot.mastered{background:var(--green)}.dot.learning{background:var(--amber)}.dot.unlearned{background:var(--stone)}.review-section{padding-top:29px}.review-list{margin-top:18px}.review-list button{width:100%;height:50px;padding:0 7px;border:0;border-bottom:1px solid #e8e4dc;background:transparent;display:grid;grid-template-columns:22px 1fr 42px 10px 18px;align-items:center;gap:6px;text-align:left;cursor:pointer}.review-list button:first-child{border-bottom:0;border-radius:8px;background:#f1ebe3}.review-list button:hover{background:#f2eee7}.review-index{color:#999288;font:13px Georgia,serif}.review-word{font:14px Georgia,serif}.review-list small{color:#888178;font:italic 11px Georgia,serif}.review-list i{width:7px;height:7px;border-radius:50%;background:var(--amber)}.review-list svg{width:15px;height:15px;color:#a49e95}.empty-review{color:var(--muted);font-size:12px}.daily-plan{padding-top:29px;border-bottom:0!important}.plan-bar{height:4px;margin-top:20px;border-radius:99px;overflow:hidden;background:#ddd9d1}.daily-plan>p{margin:20px 0 0;color:#9f9890;font-size:11px}.mobile-status{display:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#1f1c183b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-modal{width:min(470px,100%);padding:30px;border:1px solid var(--line);border-radius:14px;background:#faf8f3;box-shadow:0 24px 80px #271f192e}.modal-heading{display:flex;justify-content:space-between;align-items:start;padding-bottom:22px;border-bottom:1px solid var(--line)}.modal-heading .eyebrow{margin-bottom:8px}.modal-heading h2{margin:0;font:32px "Instrument Serif",Georgia,serif}.modal-heading button{border:0;background:transparent;cursor:pointer}.settings-row{min-height:56px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:13px}.settings-row strong{font-family:Georgia,serif;font-weight:400}.settings-note{color:var(--muted);font-size:12px;line-height:1.6}.logout-button{width:100%;height:42px;margin-top:14px;border:1px solid var(--line-dark);border-radius:8px;background:transparent;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slow-spin{to{transform:rotate(360deg)}}@media(max-width:1160px){.app-header{grid-template-columns:210px minmax(230px,1fr) 210px auto;padding-inline:28px;gap:14px}.search-shell{width:210px}.search-shell kbd{display:none}.workspace{grid-template-columns:minmax(0,1fr) 314px}.study-pane{padding-left:44px;padding-right:42px}.study-footer{left:44px;width:calc(100vw - 400px)}.desktop-status{width:310px}.word-title-row h1{font-size:86px}.learning-grid{grid-template-columns:1fr 1fr}.memory-panel{grid-column:1 / -1;margin-top:16px;padding-top:14px!important;border-left:0!important;border-top:1px solid var(--line)}}@media(max-width:820px){html,body,#root{overflow-x:hidden}.app-shell{min-height:100dvh;height:auto;overflow:visible;padding-bottom:92px}.app-header{height:64px;position:sticky;top:0;grid-template-columns:1fr auto;padding-inline:18px}.wordmark{font-size:20px}.wordmark svg{width:24px;height:24px}.book-picker,.header-progress{display:none}.header-actions{gap:5px}.search-shell{width:132px;height:38px;padding-inline:9px}.search-shell input{display:block;font-size:12px}.search-shell kbd{display:none}.workspace{height:auto;display:block}.study-pane{overflow:visible;padding:30px 22px 15px}.study-top,.word-title-row,.content-section{width:100%;max-width:100%;min-width:0}.sidebar,.desktop-status{display:none}.word-kicker{font-size:12px}.word-title-row h1{min-width:0;max-width:100%;font-size:clamp(58px,18vw,78px);overflow-wrap:anywhere}.pronunciation{font-size:15px}.core-meaning{font-size:16px;line-height:1.7}.word-meta{gap:8px 12px}.meta-divider{display:none}.example-list li{grid-template-columns:10px minmax(0,1fr) 24px;gap:9px}.example-list li>div{min-width:0}.example-list p,.context-section p,.learning-grid p{overflow-wrap:anywhere}.learning-grid{grid-template-columns:1fr}.learning-grid>div{padding:18px 0;border-left:0;border-top:1px solid var(--line)}.learning-grid>div:first-child{border-top:0}.study-footer{position:static;width:100%;grid-template-columns:1fr 1fr;height:auto;padding:16px 0 30px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.study-footer .footer-button:nth-child(2){display:none}.mobile-status{display:block;position:fixed;z-index:30;left:0;right:0;bottom:0;padding:10px 12px;border-top:1px solid var(--line);background:#f8f6f1f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-status .status-selector{height:56px}.mobile-status .status-wrap>p{display:none}.login-page{padding:24px}.login-form{padding:55px 0}.login-form h1{font-size:70px}}@media(max-width:370px){.app-header{padding-inline:14px}.wordmark{font-size:19px}.search-shell{width:44px;border:0;padding:0;justify-content:center;background:transparent}.search-shell input{display:none}.study-pane{padding-inline:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
