@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.start{inset-inline-start:var(--spacing)}.contents{display:contents}.hidden{display:none}}:root{--ink:#182923;--green:#1f4b3c;--sage:#dfe9df;--cream:#f5f2e9;--paper:#fffefa;--line:#d7d9d2}*{box-sizing:border-box}html,body{background:var(--cream);min-height:100%;color:var(--ink);margin:0}body{-webkit-font-smoothing:antialiased;font-family:Arial,Noto Sans SC,Microsoft YaHei,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.login-page{background:#ecebe5;grid-template-columns:minmax(360px,.9fr) 1.1fr;min-height:100vh;display:grid}.login-brand{background:var(--green);color:#fff;flex-direction:column;justify-content:center;min-height:100vh;padding:64px 7vw;display:flex;position:relative;overflow:hidden}.login-brand:after{content:"VOCABULARY";color:#ffffff0a;letter-spacing:-.06em;font-family:Georgia,serif;font-size:clamp(70px,10vw,150px);position:absolute;bottom:-18px;left:-20px}.login-logo{align-items:center;gap:11px;display:flex;position:absolute;top:48px;left:7vw}.login-logo span{width:38px;height:38px;color:var(--green);background:#f5f2e9;border-radius:50% 50% 50% 12px;place-items:center;font-family:STSong,serif;font-size:20px;display:grid}.login-logo b{font-size:20px}.login-brand>p{color:#a7c0b2;letter-spacing:.2em;margin:0 0 20px;font-size:10px;font-weight:800}.login-brand h1{letter-spacing:-.055em;max-width:620px;margin:0;font-size:clamp(42px,5vw,72px);line-height:1.12}.login-lines{gap:12px;width:min(100%,440px);margin-top:55px;display:grid}.login-lines i{background:#ffffff2b;height:1px;display:block}.login-lines i:nth-child(2){width:75%}.login-lines i:nth-child(3){width:48%}.login-panel{place-items:center;min-height:100vh;padding:45px 8vw;display:grid}.login-card{border:1px solid #d4d6d0;border-top:4px solid var(--ink);background:var(--paper);width:min(100%,430px);padding:48px;box-shadow:0 18px 48px #21302917}.login-kicker{color:#527766;letter-spacing:.18em;font-size:9px;font-weight:800}.login-card h2{margin:18px 0 10px;font-family:Georgia,STSong,serif;font-size:32px;font-weight:500}.login-card>p{color:#737d77;margin:0 0 32px;font-size:12px;line-height:1.75}.login-card label{margin-bottom:9px;font-size:11px;font-weight:800;display:block}.login-card input{width:100%;height:48px;color:var(--ink);background:#fbfaf6;border:1px solid #cbd1ca;border-radius:7px;outline:0;padding:0 14px}.login-card input:focus{border-color:#527766;box-shadow:0 0 0 3px #5277661a}.login-card>button{background:var(--green);color:#fff;border:0;border-radius:7px;width:100%;min-height:48px;margin-top:12px;font-weight:800}.login-card>button:disabled{opacity:.5;cursor:default}.login-card small{color:#909691;margin-top:22px;font-size:9px;line-height:1.6;display:block}.login-alert,.login-error{border-radius:6px;margin-top:12px;padding:10px 12px;font-size:10px;line-height:1.5}.login-alert{color:#71591f;background:#f8efd8}.login-error{color:#8d4c43;background:#f8e9e6}.login-loading{color:#728078;align-items:center;gap:10px;min-height:62px;font-size:11px;display:flex}.login-loading i{border:2px solid #c8d1ca;border-top-color:var(--green);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#faf8f2eb;border-bottom:1px solid #ddd9cf;justify-content:space-between;align-items:center;height:70px;padding:0 42px;display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.brand-button{background:0 0;border:0;padding:0}.brand-mark{color:#fff;background:var(--green);border-radius:50% 50% 50% 12px;place-items:center;width:34px;height:34px;font-family:STSong,serif;display:grid}.mode-tabs{background:#eeece5;border:1px solid #ddd9cf;border-radius:9px;gap:5px;padding:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.mode-tabs button{color:#70776f;background:0 0;border:0;border-radius:6px;padding:8px 18px;font-size:12px;font-weight:700}.mode-tabs button.active{color:var(--ink);background:#fffefa;box-shadow:0 1px 4px #17282114}.top-actions{align-items:center;gap:22px;display:flex}.autosave{color:#7c817c;font-size:12px}.autosave i{background:#628772;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.print-button,.generate-button{color:#fff;background:var(--green);border:0;border-radius:7px;font-weight:700}.print-button{padding:11px 17px}.logout-button{color:#7c817c;background:0 0;border:0;padding:8px 2px;font-size:10px}.workspace{grid-template-columns:minmax(330px,420px) 1fr;min-height:calc(100vh - 70px);display:grid}.editor{background:#f8f6ef;border-right:1px solid #ddd9cf;padding:58px 50px 60px}.eyebrow{color:#527766;letter-spacing:.18em;margin-bottom:18px;font-size:10px;font-weight:800}h1{letter-spacing:-.045em;margin:0 0 22px;font-family:Georgia,STSong,serif;font-size:clamp(39px,4vw,58px);font-weight:500;line-height:1.06}.intro{color:#607069;max-width:330px;margin:0 0 38px;font-family:Georgia,STSong,serif;font-size:15px;line-height:1.8}.field-label{letter-spacing:.08em;margin-bottom:10px;font-size:12px;font-weight:800;display:block}.title-input,textarea,.single-add input{width:100%;color:var(--ink);background:#fffefa;border:1px solid #cfd3ca;border-radius:7px;outline:none;transition:all .2s}.title-input:focus,textarea:focus{border-color:#527766;box-shadow:0 0 0 3px #5277661a}.title-input{height:44px;margin-bottom:27px;padding:0 13px}.single-add{grid-template-columns:1fr auto;gap:8px;margin-bottom:25px;display:grid}.single-add input{min-width:0;height:44px;padding:0 13px}.single-add button{color:#fff;background:var(--green);border:0;border-radius:7px;padding:0 17px;font-weight:700}.input-heading{justify-content:space-between;align-items:center;display:flex}.input-heading span{color:#8a8f88;font-size:11px}textarea{resize:vertical;min-height:155px;padding:14px;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.7}.generate-button{justify-content:space-between;width:100%;margin-top:13px;padding:14px 18px;display:flex}.generate-button:disabled{opacity:.65;cursor:wait}.notice{color:#527766;margin:10px 0 0;font-size:12px}.tips{border-top:1px solid #ddd9cf;margin-top:36px;padding-top:20px}.tips span{color:#406553;font-size:11px;font-weight:800}.tips p{color:#7b827c;margin:8px 0 0;font-size:12px;line-height:1.7}.library-actions{border-top:1px solid #ddd9cf;grid-template-columns:1fr 1fr;gap:8px;margin-top:30px;padding-top:20px;display:grid}.library-actions button,.review-button{min-height:44px;color:var(--ink);background:#fffefa;border:1px solid #cad0c7;border-radius:7px;font-size:12px;font-weight:700}.library-actions .primary-lite{border-color:var(--green);background:var(--green);color:#fff}.review-button{color:#795b2d;background:#fbf6e9;border-color:#d8c79f;justify-content:space-between;align-items:center;width:100%;margin-top:9px;padding:0 15px;display:flex}.review-button b{background:#e8dab9;border-radius:12px;place-items:center;min-width:24px;height:24px;display:grid}.review-button:disabled{opacity:.45;cursor:default}.review-button.export-unfamiliar{color:#315d49;background:#eff5ef;border-color:#a9bdae}.review-button.export-unfamiliar b{background:#d9e8dd}.storage-note{color:#858b85;margin:14px 0 0;font-size:10px;line-height:1.6}.back-library{color:#6f7a73;background:0 0;border:0;margin:0 0 28px;padding:0;font-size:11px}.current-location,.study-source{color:#6c776f;align-items:center;gap:7px;margin:-5px 0 26px;font-size:11px;display:flex}.preview-wrap{background:#e8e7e1;padding:34px 4vw 70px;overflow:auto}.preview-toolbar{color:#70766f;letter-spacing:.12em;justify-content:space-between;max-width:850px;margin:0 auto 12px;font-size:10px;display:flex}.preview-toolbar i{background:#6b8d7a;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.paper{background:var(--paper);flex-direction:column;width:min(100%,850px);min-height:1120px;margin:0 auto;padding:64px 65px 42px;display:flex;box-shadow:0 18px 48px #21302921}.paper-header{border-bottom:3px solid var(--ink);justify-content:space-between;align-items:flex-end;padding-bottom:18px;display:flex}.paper-kicker{color:#557465;letter-spacing:.2em;margin:0 0 8px;font-size:9px;font-weight:800}.paper h2{letter-spacing:-.02em;outline:none;margin:0;font-family:Georgia,STSong,serif;font-size:28px;font-weight:500}.date{text-align:right;color:#758078;font-size:10px}.date strong{color:var(--ink);margin-bottom:5px;font-size:11px;display:block}.words-grid{flex:1;grid-template-columns:1fr 1fr;align-content:start;column-gap:40px;margin-top:18px;display:grid}.word-row{border-bottom:1px solid var(--line);grid-template-columns:29px 1fr 22px;gap:8px;min-width:0;min-height:82px;padding:15px 0 12px;display:grid;position:relative}.word-row.is-loading{opacity:.58}.number{color:#8b978f;padding-top:5px;font-family:Georgia,serif;font-size:10px}.word-content{min-width:0}.word-line{align-items:baseline;gap:8px;display:flex}.word-row input{background:0 0;border:0;outline:0;min-width:0;padding:0}.word-line input:first-child{width:100%;color:var(--ink);font-family:Georgia,serif;font-size:17px;font-weight:700}.word-line .pos{text-align:right;color:#587165;width:105px;font-family:Georgia,serif;font-size:9px;font-style:italic}.meaning{color:#555d58;white-space:nowrap;text-overflow:ellipsis;width:100%;margin-top:7px;font-size:11px}.row-tools{opacity:0;flex-direction:column;align-items:center;gap:1px;transition:all .2s;display:flex}.row-tools button{color:#819086;background:0 0;border:0;width:22px;height:20px;padding:0;font-size:13px}.row-tools button:last-child{color:#a26b63}.row-tools button.marked{opacity:1;color:#a27d32}.row-tools button.familiar-mark{opacity:1;color:#3d795c;font-weight:800}.word-row:hover .row-tools,.row-tools:focus-within{opacity:1}.row-tools:has(.marked){opacity:1}.row-tools:has(.familiar-mark){opacity:1}.paper-footer{border-top:1px solid var(--ink);color:#7d847f;letter-spacing:.08em;grid-template-columns:1fr auto 34px;align-items:center;gap:24px;padding-top:13px;font-size:8px;display:grid}.paper-footer b{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:11px;display:grid}.study-page{background:#ecebe5;grid-template-columns:380px 1fr;min-height:calc(100vh - 70px);display:grid}.study-sidebar{background:#f8f6ef;border-right:1px solid #ddd9cf;padding:64px 48px}.study-sidebar h1{font-size:50px}.study-mode-picker{gap:9px;margin-top:30px;display:grid}.study-mode-picker button{text-align:left;color:var(--ink);background:#fffefa;border:1px solid #d4d5cf;border-radius:9px;gap:5px;padding:16px;display:grid}.study-mode-picker button.selected{border-color:#5f7c6e;box-shadow:0 0 0 2px #315b481f}.study-mode-picker b{font-size:13px}.study-mode-picker span{color:#7c847e;font-size:11px}.study-stats{border-top:1px solid #ddd9cf;border-bottom:1px solid #ddd9cf;grid-template-columns:repeat(3,1fr);margin-top:28px;padding:17px 0;display:grid}.study-stats div{text-align:center;border-right:1px solid #ddd9cf;gap:4px;display:grid}.study-stats div:last-child{border:0}.study-stats strong{font-family:Georgia,serif;font-size:20px}.study-stats span{color:#7b817c;font-size:9px}.sidebar-review{margin-top:20px}.back-sheet{color:#68736c;background:0 0;border:0;width:100%;margin-top:10px;padding:12px;font-size:11px}.study-stage{flex-direction:column;justify-content:center;min-width:0;padding:52px 6vw;display:flex}.study-progress{width:min(100%,720px);margin:0 auto 18px}.study-progress>div:first-child{color:#6e7771;letter-spacing:.08em;justify-content:space-between;font-size:11px;display:flex}.study-progress b{color:var(--ink)}.progress-track{background:#d4d5cf;height:3px;margin-top:11px;overflow:hidden}.progress-track i{background:var(--green);height:100%;transition:width .35s;display:block}.study-card{background:var(--paper);text-align:center;border-top:4px solid var(--ink);flex-direction:column;justify-content:center;align-items:center;width:min(100%,720px);min-height:520px;margin:0 auto;padding:56px 68px 44px;display:flex;position:relative;box-shadow:0 18px 48px #2130291f}.study-card.correct{border-top-color:#3f775b}.study-card.wrong{border-top-color:#aa685d}.unfamiliar-toggle{color:#88734b;background:#fffdf7;border:1px solid #d9d2c0;border-radius:20px;padding:7px 11px;font-size:10px;position:absolute;top:24px;right:26px}.unfamiliar-toggle.active{color:#6f531b;background:#f5ead0;border-color:#ccb781}.question-label{color:#688071;letter-spacing:.18em;margin:0 0 30px;font-size:10px;font-weight:800}.meaning-question{max-width:520px;margin:0;font-family:Georgia,STSong,serif;font-size:30px;font-weight:500;line-height:1.45}.word-question{letter-spacing:-.03em;margin:0;font-family:Georgia,serif;font-size:52px}.pos-chip{color:#547063;background:#e7eee7;border-radius:12px;margin-top:13px;padding:4px 10px;font-family:Georgia,serif;font-size:11px;font-style:italic;display:inline-block}.spell-input{text-align:center;width:min(100%,430px);color:var(--ink);letter-spacing:.04em;background:0 0;border:0;border-bottom:2px solid #9eaaa2;outline:none;margin-top:42px;padding:12px 4px;font-family:Georgia,serif;font-size:25px}.spell-input:focus{border-color:var(--green)}.spell-input::placeholder{color:#b0b5b1;font-size:15px}.answer-button{background:var(--green);color:#fff;border:0;border-radius:7px;min-width:160px;margin-top:24px;padding:13px 20px;font-weight:700}.answer-button:disabled{opacity:.4}.choice-list{grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:38px;display:grid}.choice-list button{text-align:left;min-height:62px;color:var(--ink);background:#fffefa;border:1px solid #d5d8d2;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:12px;line-height:1.5;display:flex}.choice-list button:hover:not(:disabled){background:#f5f8f4;border-color:#6c887a}.choice-list button span{border:1px solid #cdd3cd;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-family:Georgia,serif;font-size:10px;display:grid}.choice-list button.right-choice{background:#eaf5ed;border-color:#57906d}.choice-list button.wrong-choice{background:#faece9;border-color:#b5786e}.answer-feedback{text-align:left;background:#eef3ed;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-top:32px;padding:15px 17px;display:flex}.wrong .answer-feedback{background:#f8ece8}.answer-feedback div{gap:4px;display:grid}.answer-feedback b{font-size:13px}.answer-feedback span{color:#66716b;font-size:11px}.answer-feedback button{background:var(--green);color:#fff;border:0;border-radius:6px;padding:10px 15px;font-size:11px;font-weight:700}.score-line{color:#7c837e;justify-content:center;gap:28px;width:min(100%,720px);margin:16px auto 0;font-size:10px;display:flex}.score-line b{color:var(--ink)}.finish-card h2{margin:14px 0 6px;font-family:Georgia,serif;font-size:70px}.finish-card>p:not(.question-label){color:#6e7771;margin:0}.finish-seal{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:65px;height:65px;font-family:STSong,serif;font-size:28px;display:grid}.finish-actions{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:35px;display:flex}.finish-actions button,.empty-study button{background:var(--green);color:#fff;border:0;border-radius:7px;padding:13px 18px;font-weight:700}.finish-actions button.secondary{color:var(--ink);background:#edf0eb}.finish-actions button.export-finish{color:#315d49;background:#e5f0e8}.empty-study{text-align:center;color:#6f7771}.empty-study>span{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:60px;height:60px;margin:0 auto 20px;font-family:STSong,serif;font-size:25px;display:grid}.empty-study h2{color:var(--ink);margin:0 0 10px;font-family:Georgia,STSong,serif;font-size:30px}.empty-study button{margin-top:20px}.library-page{background:#ecebe5;grid-template-columns:300px 1fr;min-height:calc(100vh - 70px);display:grid}.folder-sidebar{background:#f8f6ef;border-right:1px solid #ddd9cf;padding:54px 32px}.folder-sidebar h1{margin-bottom:32px;font-size:43px}.folder-create{grid-template-columns:1fr 42px;gap:7px;margin-bottom:20px;display:grid}.folder-create input{background:#fffefa;border:1px solid #cfd3ca;border-radius:7px;outline:none;min-width:0;height:42px;padding:0 12px;font-size:12px}.folder-create button{background:var(--green);color:#fff;border:0;border-radius:7px;font-size:20px}.folder-list{gap:5px;display:grid}.folder-list button{text-align:left;color:#5f6963;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:25px 1fr 24px;align-items:center;gap:8px;min-width:0;padding:11px 10px;font-size:12px;display:grid}.folder-list button.selected{color:var(--ink);background:#fffefa;border-color:#d2d6cf;box-shadow:0 2px 7px #1d31280d}.folder-list button>span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.folder-list b{color:#738078;background:#e8ece6;border-radius:11px;place-items:center;height:22px;font-size:9px;display:grid}.folder-icon{background:#c6a35b;border-radius:2px 3px 3px;flex:none;width:20px;height:14px;display:inline-block;position:relative}.folder-icon:before{content:"";background:#c6a35b;border-radius:2px 2px 0 0;width:9px;height:5px;position:absolute;top:-4px;left:1px}.today-review-card{text-align:left;width:100%;color:var(--ink);background:#eaf1ea;border:1px solid #b9c8bc;border-radius:10px;grid-template-columns:1fr auto;gap:5px 12px;margin-top:22px;padding:16px;display:grid}.today-review-card span{align-self:center;font-size:11px;font-weight:800}.today-review-card strong{color:#315d49;grid-row:span 2;align-self:center;font-family:Georgia,serif;font-size:29px}.today-review-card small{color:#78837c;font-size:8px;line-height:1.5}.today-review-card:disabled{opacity:.5;cursor:default}.backup-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.backup-actions button{color:#68746c;background:#fffefa;border:1px solid #d3d7d1;border-radius:6px;min-height:34px;font-size:9px;font-weight:700}.folder-tip{color:#888e89;border-top:1px solid #ddd9cf;margin-top:28px;padding-top:18px;font-size:10px;line-height:1.65}.library-content{padding:52px 5vw 70px;overflow:auto}.library-header{border-bottom:1px solid #ced0ca;justify-content:space-between;align-items:end;gap:30px;padding-bottom:24px;display:flex}.breadcrumb{color:#7e8781;margin:0 0 10px;font-size:10px}.library-header h2{margin:0 0 8px;font-family:Georgia,STSong,serif;font-size:34px;font-weight:500}.library-header>div:first-child>span{color:#767e78;font-size:11px}.library-header-actions{gap:9px;display:flex}.library-header-actions button{border-radius:7px;min-height:42px;padding:0 16px;font-size:11px;font-weight:700}.quick-review{color:#6d5320;background:#faf3df;border:1px solid #d2bd8d}.export-review{color:#315d49;background:#eef5ef;border:1px solid #9fb9a7}.export-review:disabled{opacity:.42;cursor:default}.new-sheet{color:#fff;background:var(--green);border:0}.library-search{color:#879089;background:#f9f8f3;border:1px solid #d1d5cf;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;max-width:560px;min-height:43px;margin-top:20px;padding:0 13px;display:grid}.library-search input{min-width:0;height:41px;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.library-search button{color:#6c786f;background:0 0;border:0;font-size:9px}.library-notice{color:#69766e;margin:16px 0 -3px;font-size:11px}.sheet-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:18px;margin-top:28px;display:grid}.sheet-card{background:#f9f8f3;border:1px solid #d3d5cf;border-radius:11px;min-width:0;min-height:330px;padding:18px;box-shadow:0 7px 18px #24342c0d}.sheet-paper-mini{background:var(--paper);border:1px solid #dedfd9;height:115px;padding:17px;position:relative;overflow:hidden;box-shadow:0 5px 12px #1e2c2514}.sheet-paper-mini>span{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:27px;height:27px;font-family:Georgia,serif;font-size:9px;display:grid;position:absolute;top:12px;right:13px}.sheet-paper-mini>div{grid-template-columns:1fr 1fr;gap:12px 10px;width:70%;margin-top:8px;display:grid}.sheet-paper-mini i{border-top:2px solid #63756c;border-bottom:1px solid #d8dad5;height:5px}.sheet-card>p{color:#8a908b;margin:15px 0 7px;font-size:9px}.sheet-card h3{min-height:42px;margin:0 0 10px;font-family:Georgia,STSong,serif;font-size:17px;font-weight:600;line-height:1.4}.sheet-meta{color:#798079;flex-wrap:wrap;gap:7px;font-size:9px;display:flex}.sheet-meta .known{color:#47775f}.sheet-meta .unknown{color:#937326}.sheet-meta .due{color:#8b5d3f}.sheet-card-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:15px;display:grid}.sheet-card-actions button{min-height:36px;color:var(--ink);background:#fffefa;border:1px solid #cbd0ca;border-radius:6px;font-size:10px;font-weight:700}.sheet-card-actions button:last-child{color:#6f531b;background:#fbf4e2;border-color:#d7c492}.sheet-manage{grid-template-columns:1fr auto;gap:6px;margin-top:7px;display:grid}.sheet-manage select{color:#737b75;background:#f2f3ef;border:1px solid #d5d7d2;border-radius:5px;min-width:0;height:29px;padding:0 6px;font-size:9px}.sheet-manage button{color:#9c6b63;background:0 0;border:0;font-size:9px}.add-sheet-card{color:#69756d;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;display:flex}.add-sheet-card>span{width:48px;height:48px;color:var(--green);background:#e1e7df;border-radius:50%;place-items:center;margin-bottom:14px;font-size:23px;display:grid}.add-sheet-card b{font-size:13px}.add-sheet-card small{color:#8c928e;margin-top:6px;font-size:9px}.search-empty{color:#7c857e;border:1px dashed #c9cec8;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:250px;display:flex}.search-empty>span{font-size:28px}.search-empty b{color:#526058;font-size:13px}.search-empty small{text-align:center;max-width:210px;font-size:9px;line-height:1.6}.delete-folder-button{color:#9a7771;background:0 0;border:0;margin-top:32px;padding:7px 0;font-size:9px}.flash-card{min-height:535px}.reveal-button{background:var(--green);color:#fff;border:0;border-radius:7px;min-width:190px;margin-top:50px;padding:14px 22px;font-weight:700}.flash-meaning{border-top:1px solid #d5d7d0;border-bottom:1px solid #d5d7d0;width:min(100%,480px);margin-top:40px;padding:22px;font-family:Georgia,STSong,serif;font-size:23px;line-height:1.5}.rate-buttons{grid-template-columns:1fr 1fr;gap:12px;width:min(100%,430px);margin-top:30px;display:grid}.rate-buttons button{border-radius:7px;min-height:49px;font-weight:800}.rate-buttons .not-known{color:#795817;background:#fbf2dc;border:1px solid #d3bc84}.rate-buttons .known-it{color:#fff;background:#3e7459;border:0}.shortcut-tip{color:#929793;margin:14px 0 0;font-size:9px}.familiarity-actions{gap:5px;display:flex;position:absolute;top:23px;right:25px}.familiarity-actions button{color:#858b86;background:#fffefa;border:1px solid #d7d8d2;border-radius:18px;padding:7px 10px;font-size:9px}.familiarity-actions button.active.familiar{color:#356d52;background:#eaf3ed;border-color:#87a895}.familiarity-actions button.active.unfamiliar{color:#76591e;background:#fbf1d9;border-color:#d0b77e}@media (max-width:900px){.login-page{grid-template-columns:1fr}.login-brand{min-height:330px;padding:105px 8vw 55px}.login-logo{top:35px;left:8vw}.login-brand h1{font-size:44px}.login-lines{display:none}.login-panel{min-height:auto;padding:55px 7vw}.mode-tabs{position:static;transform:none}.workspace{grid-template-columns:1fr}.editor{border-bottom:1px solid #ddd9cf;border-right:0;padding:42px 7vw}.preview-wrap{padding:28px 18px 50px}.paper{min-height:auto;padding:48px 38px 35px}.study-page{grid-template-columns:1fr}.study-sidebar{border-bottom:1px solid #ddd9cf;border-right:0;padding:42px 7vw}.study-sidebar h1{font-size:42px}.study-stage{padding:40px 20px}.library-page{grid-template-columns:1fr}.folder-sidebar{border-bottom:1px solid #ddd9cf;border-right:0}.folder-sidebar h1{font-size:38px}.folder-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.library-content{padding:38px 5vw 55px}}@media (max-width:620px){.login-brand{min-height:285px}.login-brand h1{font-size:36px}.login-card{padding:35px 25px}.topbar{padding:0 18px}.autosave{display:none}.mode-tabs button{padding:8px 10px}.brand>span:last-child{display:none}.print-button{padding:10px 12px;font-size:12px}.words-grid{grid-template-columns:1fr}.paper{padding:35px 25px}.paper-header{align-items:start}.paper h2{font-size:23px}.study-card{min-height:500px;padding:62px 24px 32px}.choice-list{grid-template-columns:1fr}.meaning-question{font-size:25px}.word-question{font-size:43px}.score-line{flex-wrap:wrap;gap:12px}.library-header{flex-direction:column;align-items:start}.library-header-actions{flex-wrap:wrap;width:100%}.library-header-actions button{flex:1}.sheet-grid,.rate-buttons{grid-template-columns:1fr}}@page{size:A4 portrait;margin:12mm}@media print{body{background:#fff}.topbar,.editor,.preview-toolbar,.study-page,.library-page,.login-page{display:none!important}.workspace{min-height:0;display:block}.preview-wrap{background:#fff;padding:0;overflow:visible}.paper{width:100%;min-height:0;box-shadow:none;margin:0;padding:0}.paper-header{padding-bottom:4mm}.words-grid{column-gap:8mm;margin-top:2mm}.word-row{break-inside:avoid;min-height:18mm;padding:3mm 0 2mm}.row-tools{display:none}.paper-footer{margin-top:6mm}}