@charset "UTF-8";
:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Helvetica Neue",Arial,sans-serif;color:#262b2a;background:#f7f8fa;font-synthesis:none;font-weight:400;--green:#315b49;--muted:#969c99;--border:#e9ece9;--sidebar:236px}*{box-sizing:border-box}body{margin:0;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button,a{color:inherit}button{border:0;background:none}a{text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #8ebfa7;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #98b9a5;outline-offset:1px}input,textarea,select{color:#303732}textarea{resize:vertical;line-height:1.8}input::placeholder,textarea::placeholder{color:#a8ada9}h1,h2,h3,p{margin:0}h1{font-size:32px;letter-spacing:-1.1px;font-weight:600;line-height:1.35}h2{font-size:18px;letter-spacing:-.3px;font-weight:600}h3{font-weight:600}small{font-size:12px}svg{flex-shrink:0;vertical-align:middle}.icon{display:inline-block}.muted{color:#929993}.small{font-size:12px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:#929c95;margin-bottom:12px}.sidebar{width:var(--sidebar);background:#f0f2f0d9;border-right:1px solid #e5e8e5;position:fixed;inset:0 auto 0 0;z-index:20;display:flex;flex-direction:column;padding:34px 18px 18px}.brand{display:flex;align-items:center;gap:11px;padding:0 14px;font-size:27px;letter-spacing:-1px;font-weight:650}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border-radius:13px;background:#2e5441;color:#fff;font-family:Georgia,serif;font-size:37px;font-style:italic;font-weight:400;letter-spacing:-4px;padding-right:6px;padding-bottom:4px;box-shadow:0 4px 9px #294f3a12}.brand-caption{display:block;font-size:9px;color:#9a9f9b;font-weight:400;letter-spacing:1px;margin-top:3px}.workspace-label{font-size:10px;color:#a0a69f;letter-spacing:1px;margin:49px 15px 13px}.sidebar nav{display:grid;gap:6px}.nav-item{display:flex;gap:12px;align-items:center;padding:13px 15px;color:#7c847e;border-radius:9px;font-size:13px;transition:background .2s}.nav-item .icon{width:18px;height:18px}.nav-item:hover{background:#e7ebe7}.nav-item.active{background:#e1e9e1;color:#315b43;font-weight:550}.nav-count{margin-left:auto;font-size:10px;padding:2px 5px;background:#d5e1d5;border-radius:4px}.sidebar-bottom{margin-top:auto}.small-note{display:flex;align-items:center;gap:9px;color:#9aa498;font-size:11px;padding:20px 14px;margin-bottom:15px}.small-note svg{width:16px}.profile{border-top:1px solid #dfe4df;display:flex;align-items:center;gap:10px;margin-top:16px;padding:20px 10px 0}.avatar{background:#e4e8de;color:#697a60;display:inline-flex;width:33px;height:33px;border-radius:50%;align-items:center;justify-content:center;font-size:11px;font-weight:550}.avatar.mini{width:29px;height:29px}.profile strong{font-size:11px;font-weight:550;display:block}.profile small{display:block;font-size:9px;color:#9da39d;margin-top:5px}.online-dot,.live-dot{display:inline-block;background:#7b9d77;width:6px;height:6px;border-radius:50%}.online-dot{margin-left:auto}.workspace{margin-left:var(--sidebar)}.topbar{height:80px;padding:0 42px;border-bottom:1px solid #edefed;display:flex;align-items:center;justify-content:space-between;background:#f7f8fae8;backdrop-filter:blur(16px)}.breadcrumb{color:#9da39f;font-size:11px;display:flex;gap:14px}.breadcrumb strong{color:#606c64;font-weight:400}.breadcrumb span{color:#c5cac7}.top-actions{display:flex;align-items:center;gap:19px}.date-label{font-size:11px;color:#969e97;display:flex;align-items:center;gap:7px}.date-label svg{width:14px;height:14px}.icon-button{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#929b95;flex-shrink:0}.icon-button:hover{background:#edf1ed;color:#315b49}.icon-button svg{width:17px;height:17px}.icon-button.danger:hover{color:#ac544e;background:#faece9}main{max-width:1320px;margin:0 auto;padding:39px 44px 40px;min-height:calc(100vh - 145px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.page-heading p{margin-top:12px;font-size:12px;color:#929a94;line-height:1.8}.heading-actions{display:flex;gap:10px}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:8px;padding:11px 17px;font-size:12px;white-space:nowrap;line-height:1.4;font-weight:500;transition:transform .15s,background .15s}.button svg{width:15px;height:15px}.button:hover{transform:translateY(-1px)}.button.secondary{background:#fff;border:1px solid #e2e7e2;color:#626f64;box-shadow:0 1px 2px #0e251303}.button.secondary:hover{background:#f2f6f1}.button.dark{background:#31543f;color:#fff;box-shadow:0 3px 7px #244b3110}.button.dark:hover{background:#244632}.button.quiet{color:#859286;background:#f3f5f1}.button.destructive{color:#a93d37;background:#fbeae7}.button.full{width:100%}.welcome-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:21px;margin-bottom:22px}.hero-card{background:#e9eee7;border:1px solid #e1e7dd;border-radius:16px;padding:28px 30px;min-height:298px;position:relative;overflow:hidden}.hero-kicker{display:flex;align-items:center;gap:7px;color:#7b8d76;font-size:10px;letter-spacing:1px}.hero-card h2{font-size:31px;font-weight:550;letter-spacing:0px;line-height:1.55;margin:18px 0 10px;position:relative;z-index:2}.hero-card p{font-size:11px;line-height:1.9;color:#899381}.hero-card>.button{margin-top:21px;padding:10px 15px;font-size:11px;position:relative;z-index:2}.hero-card>.button svg{margin-left:8px}.hero-art{position:absolute;inset:0 0 0 50%;pointer-events:none;overflow:hidden}.art-orbit{position:absolute;border:1px solid #bcc7b640;border-radius:50%;width:290px;height:290px;top:30px;left:20px;transform:rotate(-25deg)}.orbit-two{width:220px;height:370px;top:-20px;left:65px;transform:rotate(38deg);border-color:#b8c7af40}.floating-word{font-family:Georgia,serif;font-style:italic;font-size:80px;letter-spacing:-5px;position:absolute;color:#6d8562;top:82px;left:39px;transform:rotate(-9deg);text-shadow:1px 4px #f4f7ef}.floating-word span{display:block;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-style:normal;font-size:9px;letter-spacing:2px;text-align:center;color:#95a08e;margin:6px 0 0 12px}.art-spark{font-size:58px;position:absolute;top:37px;right:40px;color:#aebda6;font-weight:200}.art-tag{position:absolute;bottom:37px;left:70px;letter-spacing:2px;font-size:8px;color:#a1ac9a;transform:rotate(-9deg)}.today-card{border:1px solid var(--border);border-radius:16px;background:#fff;padding:22px;text-align:center;display:flex;flex-direction:column;align-items:center}.card-title{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:12px;font-weight:550}.pill{font-size:9px;border-radius:5px;padding:4px 7px;color:#98a18e;background:#f0f3eb;font-weight:400}.pill.green{background:#e6efe6;color:#5b805e}.ring{width:var(--size);height:var(--size);border-radius:50%;background:conic-gradient(#6a8e64 calc(var(--progress)*1%),#eef2eb 0);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;margin:20px 0 12px}.ring:before{content:'';position:absolute;inset:7px;background:#fff;border-radius:50%}.ring>div{position:relative}.ring strong{display:block;font-size:31px;letter-spacing:-1px;font-weight:500;color:#415b3d}.ring strong small{font-size:13px;margin-left:2px}.ring span{display:block;font-size:9px;color:#a3ab9d;margin-top:4px}.today-card p{font-size:11px;color:#a5aca2}.today-card p strong{font-size:14px;color:#687e5c;font-weight:550}.today-card>.small{font-size:9px;margin-top:8px}.week-dots{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:21px;width:100%}.week-day span{font-size:8px;color:#adb2a9}.week-day i{width:17px;height:17px;border-radius:50%;background:#f0f3ec;display:flex;align-items:center;justify-content:center;margin-top:6px}.week-day i.current{border:1px solid #95ae86}.week-day i.done{background:#74916a;color:white}.week-day i.partial{background:#c3d5b8}.week-day svg{width:11px;height:11px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:36px}.stat-card{background:white;border:1px solid var(--border);border-radius:12px;padding:18px 19px;display:grid;grid-template-columns:32px 1fr;column-gap:11px;position:relative}.stat-icon{background:#f4f6f1;color:#8b9c81;width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center}.stat-icon svg{width:16px;height:16px}.stat-card strong{font-size:22px;letter-spacing:-.8px;font-weight:550;display:block;line-height:1}.stat-card div>span{font-size:10px;color:#8c968d;display:block;margin-top:8px}.stat-card small{font-size:9px;color:#b0b6ad;grid-column:2;margin-top:8px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:15px}.section-heading h2{font-size:16px;display:flex;align-items:center;gap:8px}.section-heading p{font-size:11px;color:#9ca49c;margin-top:7px}.subtle-count{font-size:10px;color:#9da799;font-weight:400;letter-spacing:0}.text-link{font-size:11px;color:#81957b;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.text-link:hover{color:#31543f}.text-link svg{width:14px;height:14px}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.book-card{text-align:left;background:#fff;border:1px solid var(--border);padding:0;border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.book-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #18351c0c}.book-cover{height:142px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.sage{--cover:#e5ecdf;--ink:#7d9471;background-color:var(--cover)}.lavender{--cover:#e9e7f0;--ink:#9690ac;background-color:var(--cover)}.sand{--cover:#f2ebe0;--ink:#b59a73;background-color:var(--cover)}.sky{--cover:#e4edf2;--ink:#819eaf;background-color:var(--cover)}.cover-number{position:absolute;top:16px;left:17px;font-size:7px;letter-spacing:1.2px;color:var(--ink);opacity:.7}.cover-art{color:var(--ink);position:relative;z-index:2;transform:rotate(-9deg);margin-top:5px}.cover-art>svg{width:51px;height:51px;stroke-width:1.1;filter:drop-shadow(2px 4px 0 #ffffff60)}.cover-circle{position:absolute;width:118px;height:118px;border:1px solid #ffffff70;border-radius:50%;right:18px;top:26px;transform:scaleX(1.3) rotate(35deg)}.cover-circle:after{content:'';position:absolute;border:1px solid #ffffff80;inset:18px -12px;border-radius:50%;transform:rotate(60deg)}.cover-label{position:absolute;bottom:15px;left:17px;font-size:7px;letter-spacing:1.1px;color:var(--ink);opacity:.75}.book-info{padding:17px 17px 15px}.book-info h3{font-size:13px;display:flex;align-items:center;justify-content:space-between}.book-info h3 svg{width:12px;height:12px;color:#b3bbb1}.book-info p{font-size:9px;color:#a5aca2;margin-top:8px}.progress-track{height:3px;background:#edf1e9;border-radius:10px;overflow:hidden}.progress-track i{display:block;height:100%;background:#8fa583;border-radius:10px;transition:width .3s}.book-info .progress-track{margin-top:19px}.book-meta{display:flex;justify-content:space-between;margin-top:8px;font-size:8px;color:#a5aea0}.bottom-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin-top:28px}.quick-card,.daily-note{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px}.section-heading.compact{margin-bottom:15px}.section-heading.compact h2{font-size:12px;gap:9px}.section-heading.compact h2 svg{width:16px;color:#8b9c80}.quick-card form{display:flex;gap:10px;background:#f7f9f5;border:1px solid #eef1e9;border-radius:8px;padding:8px 10px;margin-bottom:10px}.quick-card input{background:none;border:0;min-width:0;flex:1;font-size:11px;padding:3px}.round-button{background:#dfe8d8;color:#819a72;width:27px;height:27px;border-radius:7px}.round-button svg{width:15px}.quick-card>.small{font-size:9px;color:#afb6a9}.daily-note{background:#f1f4ee;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.daily-note .eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:15px;color:#98a58c}.daily-note blockquote{margin:0;font-family:Georgia,serif;font-style:italic;font-size:20px;color:#667c59;position:relative;z-index:1}.daily-note p{font-size:9px;color:#9eaa94;margin-top:11px}.note-leaf{position:absolute;right:5px;bottom:-12px;transform:rotate(-25deg);color:#d9e2d1}.note-leaf svg{width:95px;height:95px;stroke-width:.8}.page-footer{max-width:1320px;margin:auto;padding:0 44px 25px;display:flex;justify-content:space-between;font-size:8px;color:#b6bdb5;letter-spacing:.3px}.collection-banner{display:flex;gap:17px;align-items:center;padding:23px;background:#edf2e9;border:1px solid #e4eadf;border-radius:12px;margin-bottom:28px;color:#819477}.collection-banner>svg{width:28px;height:28px}.collection-banner strong{display:block;font-size:13px;color:#5a7251}.collection-banner span{display:block;font-size:11px;margin-top:7px}.collection-banner .text-link{margin-left:auto}.collections{grid-template-columns:repeat(3,minmax(0,1fr))}.collections .book-cover{height:180px}.collections .cover-art>svg{width:68px;height:68px}.collections .book-info{padding:21px}.new-book-card{border:1px dashed #d7dfd2;border-radius:12px;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a08e;gap:14px;transition:background .2s}.new-book-card:hover{background:#eef2e9}.new-book-card>span{width:45px;height:45px;background:#edf2e8;border-radius:50%;display:grid;place-items:center}.new-book-card strong{font-size:13px;font-weight:500}.new-book-card small{font-size:10px}.back-link{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#96a18f;margin-bottom:26px}.back-link svg{width:13px}.book-overview{display:flex;align-items:center;gap:35px;padding:30px 35px;border-radius:14px;margin-bottom:32px;color:var(--ink)}.overview-art svg{width:66px;height:66px;stroke-width:1}.book-overview>div{width:45%}.book-overview h2{font-size:28px;font-weight:550;margin-bottom:18px}.book-overview h2 span{font-size:13px;font-weight:400;opacity:.8}.book-overview .eyebrow{color:var(--ink);font-size:9px}.book-overview p{font-size:10px;margin-top:12px}.book-overview .progress-track{background:#ffffff70}.overview-percent{margin-left:auto;font-size:52px;letter-spacing:-3px;opacity:.7}.overview-percent small{font-size:20px;letter-spacing:0}.entry-list,.vocab-list,.progress-books{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}.entry-row{display:flex;gap:20px;padding:23px 24px;border-bottom:1px solid #f0f2ed;align-items:center}.entry-row:last-child{border:0}.entry-index{color:#b1b8ad;font-size:11px;align-self:flex-start;margin-top:8px}.entry-main{flex:1;min-width:0}.entry-term{font-size:17px;font-weight:550;line-height:1.5;display:flex;align-items:center;gap:3px;flex-wrap:wrap;letter-spacing:-.3px}.entry-term .icon-button{margin-left:5px}.entry-main>p,.vocab-leading p{color:#727e6b;font-size:12px;margin-top:3px}.entry-example{font-size:12px;color:#8e9988;margin-top:12px;line-height:1.8}.entry-main>small{display:block;color:#acb3a6;font-size:10px;margin-top:3px}.status-pill{font-size:9px;color:#a9afa4;background:#f5f6f2;padding:5px 8px;border-radius:5px;white-space:nowrap}.status-pill.green{color:#739264;background:#edf3e7}.word{display:inline;padding:0;margin:0;border:0;border-radius:3px;font:inherit;color:inherit;line-height:inherit;vertical-align:baseline;cursor:pointer;user-select:text;-webkit-user-select:text;transition:color .15s,background .15s}.word:hover{background:#dfead6;color:#31543f;box-shadow:0 0 0 2px #dfead6}.translation-toolbar,.list-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.segmented{display:inline-flex;background:#e9ede6;border-radius:8px;padding:4px;gap:4px}.segmented button{font-size:11px;color:#95a08c;padding:8px 15px;border-radius:6px}.segmented button.selected{background:#fff;box-shadow:0 1px 4px #1c30100c;color:#49673b}select{border:1px solid #e3e8df;background:#fff;border-radius:7px;font-size:11px;padding:10px 28px 10px 12px}.translation-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.translation-card{background:white;border:1px solid var(--border);border-radius:13px;min-height:320px;padding:24px;display:flex;flex-direction:column}.translation-card>label,.translation-card>.card-title{font-size:11px;color:#8e9988;font-weight:400}.translation-card textarea{border:0;padding:20px 0;min-height:200px;flex:1;background:transparent;font-size:18px;resize:none;line-height:1.8}.translation-card textarea:focus{outline:0}.translation-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.translation-bottom .muted{font-size:10px}.translation-card.result{background:#f0f4eb}.translation-card.result>.button{align-self:flex-start;margin-top:auto}.translation-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;color:#acb7a2}.translation-empty>svg{width:34px;height:34px;stroke-width:1;margin-bottom:22px}.translation-empty p{font-size:14px;color:#96a18c}.translation-empty span{font-size:10px;margin-top:10px}.translated-text{font-size:22px;line-height:1.7;letter-spacing:-.4px;margin:20px 0 24px;overflow-wrap:anywhere}.source-label{font-size:9px;color:#a1ad98;display:block;margin:15px 0}.service-note{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.8;color:#95a08e;padding:17px 0}.service-note svg{width:15px;height:15px;margin-top:2px}.translation-grid+.service-note{margin-bottom:25px}.phrase-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.phrase-button{background:#fff;border:1px solid var(--border);padding:18px;border-radius:9px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#8b9683;text-align:left}.phrase-button:hover{background:#f1f5ec}.phrase-button svg{width:14px;height:14px}.standalone-search{display:flex;align-items:center;gap:13px;border-top:1px solid var(--border);margin-top:30px;padding-top:25px}.standalone-search>span{color:#9ba693}.standalone-search input{background:transparent;border:0;flex:1;min-width:0;font-size:12px;padding:10px}.search-field{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e3e8df;padding:0 12px;border-radius:8px;width:320px}.search-field svg{width:15px;height:15px;color:#a2ad99}.search-field input{border:0;background:transparent;font-size:11px;padding:12px 0;width:100%}.search-field input:focus{outline:none}.vocab-row{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #f0f2ed}.vocab-row:last-child{border:0}.vocab-leading{display:flex;gap:18px;min-width:0}.word-symbol{background:#eff3e9;width:39px;height:44px;border-radius:8px;color:#99aa8b;display:grid;place-items:center;font-family:Georgia,serif;font-size:18px;flex-shrink:0}.vocab-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.star-button{display:flex;align-items:center;gap:6px;background:#f6f2e8;color:#af9869;padding:9px 11px;border-radius:7px;font-size:12px}.star-button:hover{background:#f0e9d7}.star-button svg{width:14px;height:14px}.star-button span{font-size:9px;margin-left:6px;color:#b6a785}.empty-state{text-align:center;padding:70px 20px;color:#a5af9e}.empty-state>svg{width:40px;height:40px;stroke-width:1;margin-bottom:20px;color:#b3c1a6}.empty-state h2{font-size:18px;color:#798b6a;font-weight:500}.empty-state p{font-size:12px;line-height:1.8;margin:15px auto 25px;max-width:380px}.calendar-card{background:#fff;border:1px solid var(--border);border-radius:13px;padding:27px;margin-bottom:30px}.activity-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin:25px 0}.activity-cell{background:#f5f7f1;border-radius:8px;min-height:61px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;color:#aeb8a5}.activity-cell small{font-size:10px}.activity-cell i{width:4px;height:4px;border-radius:50%;background:#dce4d3}.activity-cell svg{width:16px;height:16px}.activity-cell.partial{background:#e9f0e1;color:#9aaf85}.activity-cell.complete{background:#aac197;color:#fff}.activity-cell.today{outline:1px solid #8fa97b;outline-offset:2px}.progress-book-row{display:flex;gap:20px;align-items:center;padding:20px 25px;width:100%;border-bottom:1px solid #f0f2ed;text-align:left}.progress-book-row:last-child{border:0}.mini-cover{width:43px;height:48px;border-radius:8px;color:var(--ink);display:grid;place-items:center;flex-shrink:0}.progress-book-row>div{flex:1}.progress-book-row>div strong{font-size:12px;font-weight:500}.progress-book-row .progress-track{margin-top:12px;max-width:400px}.progress-book-row>span:not(.mini-cover){color:#a3ad99;font-size:11px;min-width:70px;text-align:right}.progress-book-row>strong{color:#849974;font-size:13px;font-weight:500;min-width:40px;text-align:right}.progress-book-row>svg{color:#b5bdae;width:15px}.settings-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:25px;margin-bottom:23px}.settings-card>h2{font-size:15px;margin-bottom:15px}.setting-row{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid #f0f2eb}.setting-row:last-child{border:0;padding-bottom:5px}.setting-row strong{font-size:12px;font-weight:500}.setting-row p{font-size:11px;color:#a2ac9b;margin-top:8px;line-height:1.7}.setting-row>span{font-size:11px;color:#8a9b7d}.goal-control{display:flex;gap:10px;align-items:center;color:#a0ac95;font-size:10px}.goal-control input{width:55px;border:1px solid #e1e8db;border-radius:6px;padding:9px;font-size:12px}.settings-card>.service-note{padding-bottom:0}.study-top{display:flex;justify-content:space-between;color:#9da991;font-size:11px}.study-top .back-link{margin-bottom:18px}.session-progress{margin-bottom:27px}.study-label{max-width:700px;margin:0 auto 16px;display:flex;justify-content:space-between;align-items:center;color:#a7b09f;font-size:10px}.flashcard{max-width:700px;min-height:390px;padding:42px 45px;margin:auto;border:1px solid #e5ebdf;background:white;border-radius:18px;text-align:center;box-shadow:0 10px 45px #233a0d04}.flashcard h1{font-size:42px;font-weight:500;letter-spacing:-1.3px;margin:15px 0;line-height:1.5}.audio-circle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#edf3e7;color:#8aa376;flex-shrink:0}.audio-circle svg{width:17px;height:17px}.recall-hint{font-size:12px;color:#b0b8a9;margin:38px 0 23px}.flash-answer{border-top:1px solid #edf0e8;margin-top:27px;padding-top:24px}.flash-answer h2{font-size:18px;color:#779461;font-weight:500}.flash-example{font-size:17px;line-height:1.9;color:#76876a;margin:20px 0 7px}.flash-answer p{font-size:12px;color:#a8b09e}.flash-answer small{color:#a3ad97;display:block;font-size:11px;margin-top:15px}.study-response{text-align:center;max-width:700px;margin:25px auto 0}.study-response>p{color:#9da98f;font-size:11px;margin-bottom:15px}.study-response>div{display:flex;gap:14px}.response-button{padding:16px;border:1px solid #e4e9dd;border-radius:10px;background:white;flex:1;font-size:13px;color:#8e9d80}.response-button svg{width:15px;height:15px;margin-right:6px}.response-button span{display:block;font-size:9px;margin-top:8px;opacity:.7}.response-button.forgot{color:#ae8d79}.response-button.remembered{background:#e7efdf;color:#72915b;border-color:#dde8d3}.response-button:hover{transform:translateY(-2px)}.session-complete{max-width:600px;text-align:center;margin:65px auto}.complete-icon{display:inline-flex;align-items:center;justify-content:center;width:75px;height:75px;border-radius:50%;background:#e8f0df;color:#86a368;margin-bottom:35px}.complete-icon svg{width:34px;height:34px}.session-complete h1{margin-bottom:20px}.session-complete>p{color:#9da991;font-size:13px;line-height:1.9}.complete-stats{display:flex;gap:70px;justify-content:center;margin:40px auto}.complete-stats strong{display:block;font-size:30px;font-weight:500;color:#78945f}.complete-stats span{font-size:10px;color:#a4af99;display:block;margin-top:9px}.session-complete>a{display:flex;justify-content:center;margin-top:23px}.drawer-scrim,.modal-scrim{position:fixed;inset:0;background:#1e2b212b;z-index:90;backdrop-filter:blur(3px)}.drawer-scrim{background:#14241917;backdrop-filter:blur(1px)}.query-drawer{position:fixed;inset:0 0 0 auto;width:420px;max-width:100%;z-index:100;background:#fcfdfb;box-shadow:-12px 0 60px #182c1710;display:flex;flex-direction:column;animation:slide-in .2s ease-out}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;border-bottom:1px solid #ecf0e7}.drawer-header>span{display:flex;gap:8px;align-items:center;font-size:12px;color:#8d9e7f}.drawer-header>span svg{width:16px;height:16px}.drawer-header>div{display:flex;gap:5px}#drawer-search{display:flex;margin:23px 25px 0;border:1px solid #e2e9dc;background:#f3f6ef;padding:5px 10px;border-radius:8px}#drawer-search input{background:none;border:0;flex:1;min-width:0;padding:6px 0;font-size:12px}#drawer-search input:focus{outline:none}.query-body{padding:32px 27px;overflow:auto;flex:1}.query-body .eyebrow{font-size:9px;color:#a9b29e}.query-term{display:flex;align-items:center;justify-content:space-between;gap:12px}.query-term h2{font-size:31px;font-weight:550;letter-spacing:-1px;overflow-wrap:anywhere}.phonetic{font-size:12px;color:#a1ae94;margin-top:12px;display:block}.query-section{margin-top:30px}.query-section h3{font-size:10px;color:#acb5a2;font-weight:400;margin-bottom:12px}.query-meaning{font-size:17px;color:#6c835a;line-height:1.9}.query-example{font-size:16px;color:#738765;line-height:1.9;background:#f0f5e9;border-radius:9px;padding:17px}.query-section>.muted{font-size:11px;line-height:1.8;margin-top:10px}.query-section>.text-link{margin-top:12px}.query-section>p:not(.query-meaning){line-height:1.9;font-size:12px;color:#98a48c}.query-section textarea{width:100%;border:1px solid #e0e7d8;border-radius:7px;padding:12px;margin-top:15px;background:white;font-size:13px;min-height:90px}.query-tip{display:flex;gap:8px;align-items:center;font-size:9px;color:#b0b9a7;border-top:1px solid #eaf0e3;margin-top:27px;padding-top:20px}.query-tip svg{width:13px;height:13px}.drawer-bottom{padding:22px 25px;border-top:1px solid #e7edde;background:#fcfdfb}.drawer-bottom>p{font-size:9px;text-align:center;color:#acb69f;margin-top:11px}.saved-status{display:flex;gap:7px;align-items:center;font-size:11px;color:#9aaa89;margin-bottom:14px}.saved-status svg{width:13px;height:13px}.saved-status span{margin-left:auto;color:#b8a473}.modal-scrim{z-index:110}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:530px;max-width:calc(100% - 32px);max-height:calc(100dvh - 60px);overflow:auto;padding:38px;background:#fcfdfb;border:1px solid #edf2e6;border-radius:18px;z-index:120;box-shadow:0 20px 100px #18311615;animation:fade-in .15s}.modal.wide{width:720px}.modal-close{position:absolute;top:15px;right:15px}.modal h2{font-size:23px;letter-spacing:-.8px;margin:5px 0 12px}.modal>p{font-size:11px;line-height:1.9;color:#a3af97;margin-bottom:23px}.modal input:not([type=file]),.modal textarea{width:100%;border:1px solid #e0e8d8;background:white;border-radius:7px;padding:11px;font-size:12px}.modal select{width:100%}.field-label{display:block;font-size:10px;color:#95a287;margin:20px 0 10px}.upload-zone{background:#f0f5e9;border:1px dashed #cbd9bd;border-radius:10px;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;cursor:pointer}.upload-zone:hover{background:#eaf2df}.upload-zone>svg{color:#a2b48c;width:26px;height:26px;stroke-width:1.3}.upload-zone strong{font-size:12px;color:#829b6b;font-weight:500}.upload-zone span{font-size:9px;color:#a3b192}.import-help{font-size:10px;color:#acb79e;padding-top:19px;line-height:1.8}.import-help strong{font-weight:500;color:#8d9f7c}.import-help p{margin:5px 0 8px;font-size:10px}.divider-label{display:flex;align-items:center;gap:15px;color:#b3bda7;font-size:9px;margin:22px 0 15px}.divider-label:before,.divider-label:after{content:'';height:1px;background:#e5eddd;flex:1}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px}.modal-actions>.muted{margin-right:auto;font-size:9px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}.import-preview{max-height:340px;overflow:auto;margin-top:20px;border:1px solid #e5eddd;border-radius:8px;background:#f7faf3}.preview-row{display:flex;gap:10px;align-items:flex-start;padding:13px;border-bottom:1px solid #e8efdf}.preview-row:last-child{border:0}.preview-row>span{color:#b4bda8;font-size:9px;margin-top:11px}.preview-row>div{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:7px}.preview-row input{font-size:11px!important;padding:8px!important}.preview-row input:nth-child(n+3){font-size:10px!important;color:#9ba88e}.inline-error{color:#af6556!important;font-size:11px;margin:15px 0 0!important}#modal-search{display:flex;gap:10px;margin-top:25px}#modal-search input{min-width:0;flex:1}#toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:160;display:flex;align-items:center;gap:20px;color:#f2f8ec;background:#344b2ff2;box-shadow:0 5px 20px #0b230917;padding:13px 20px;border-radius:10px;font-size:12px;transition:transform .2s,opacity .2s;max-width:calc(100% - 35px);line-height:1.7}#toast.visible{opacity:1;transform:translate(-50%,0);pointer-events:auto}#undo-toast{font-size:12px;white-space:nowrap;color:#cae1b4;border-bottom:1px solid #9ebc85;padding:0}.selection-lookup{position:fixed;z-index:150;background:#31543f;color:white;box-shadow:0 4px 15px #1a32172b;border-radius:6px;padding:9px 13px;font-size:11px}.modal-open{overflow:hidden}.initial-loading,.startup-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;color:#94a089}.startup-error h1{font-size:23px;color:#526e43}.startup-error p{max-width:500px;text-align:center;line-height:1.8;font-size:13px}.loading{padding:65px 20px;display:flex;align-items:center;justify-content:center;gap:12px;color:#a9b69b;font-size:12px}.spinner{width:17px;height:17px;border:2px solid #e0e9d5;border-top-color:#87a368;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide-in{from{transform:translateX(30px);opacity:0}}@keyframes fade-in{from{opacity:0}}
@media(min-width:1550px){:root{--sidebar:254px}main{padding-top:50px}.topbar{padding-left:max(44px,calc((100vw - var(--sidebar) - 1232px)/2))}.hero-card{min-height:325px;padding:32px 35px}.hero-card h2{font-size:35px}.hero-art{inset:0 0 0 48%}.floating-word{font-size:100px;left:60px}.welcome-grid{grid-template-columns:1fr 280px}.today-card .ring{margin-top:28px}.book-cover{height:160px}}
@media(max-width:1180px){:root{--sidebar:205px}main{padding:30px}.topbar{padding:0 30px}.sidebar{padding-left:13px;padding-right:13px}.brand{padding-left:12px}.welcome-grid{grid-template-columns:1fr 225px;gap:16px}.hero-card{padding:25px}.hero-card h2{font-size:27px}.hero-art{inset:0 0 0 55%;opacity:.7}.floating-word{font-size:65px;left:0;top:100px}.art-spark{right:13px}.book-grid{gap:12px}.book-info{padding:14px}.book-info h3{font-size:12px}.book-cover{height:125px}.stat-card{padding:16px 13px;gap:8px}.stat-card small{font-size:8px}.stats-grid{gap:12px}.bottom-grid{gap:15px;grid-template-columns:1.3fr 1fr}.quick-card,.daily-note{padding:18px}.section-heading.compact .text-link{display:none}.daily-note blockquote{font-size:18px}.hero-card p{max-width:190px}.collections{grid-template-columns:repeat(3,1fr)}.page-footer{padding-left:30px;padding-right:30px}}
@media(max-width:950px){:root{--sidebar:180px}.sidebar{padding-left:10px;padding-right:10px}.brand{font-size:24px;gap:9px;padding-left:10px}.brand-mark{width:36px;height:36px;font-size:33px;border-radius:11px}.brand-caption{font-size:8px;letter-spacing:.2px}.nav-item{padding:12px 11px;font-size:12px;gap:10px}.profile{padding-left:3px;padding-right:3px}.profile strong{font-size:10px}.profile small{font-size:8px}.small-note{font-size:9px;padding-left:8px}.workspace-label{margin-left:12px}.welcome-grid{grid-template-columns:1fr 200px}.hero-art{display:none}.hero-card h2{font-size:28px}.hero-card{min-height:292px}.hero-card p{max-width:none}.today-card{padding:18px 14px}.week-dots{gap:8px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.book-cover{height:155px}.book-info{padding:18px}.book-info h3{font-size:13px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:28px}.stat-card{padding:18px}.bottom-grid{grid-template-columns:1fr}.daily-note{min-height:140px}.hero-kicker{font-size:9px}.topbar{height:70px;padding:0 25px}.date-label{font-size:10px}.breadcrumb{font-size:10px;gap:9px}.top-actions{gap:12px}h1{font-size:28px}.page-heading{align-items:flex-start}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.heading-actions .button{font-size:10px;padding:9px 12px}.collection-banner{padding:19px}.collection-banner .text-link{display:none}.entry-row{gap:12px;padding:20px}.entry-term{font-size:15px}.translation-grid{gap:14px}.translation-card{padding:18px}.translated-text{font-size:18px}.vocab-row{padding:20px}.vocab-leading{gap:12px}.star-button span{display:none}.vocab-actions{gap:6px}.calendar-card{padding:22px}.activity-grid{gap:8px}.activity-cell{padding:9px;min-height:50px}.setting-row{align-items:flex-start}.goal-control{flex-wrap:wrap;justify-content:flex-end}.setting-row>div:first-child{max-width:65%}.collections .book-cover{height:155px}}
@media(max-width:700px){:root{--sidebar:0px}.sidebar{position:fixed;inset:auto 0 0;width:100%;height:68px;background:#f8faf5f5;backdrop-filter:blur(20px);border-top:1px solid #e1e8d9;border-right:0;z-index:80;padding:6px 8px max(5px,env(safe-area-inset-bottom));display:block}.sidebar .brand,.workspace-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;justify-content:space-around;gap:0}.nav-item{padding:7px 6px;display:flex;flex-direction:column;gap:6px;font-size:9px;min-width:58px;border-radius:8px;line-height:1}.nav-item.active{background:transparent;color:#4d7540}.nav-item .icon{width:20px;height:20px}.nav-count{display:none}.workspace{margin-left:0;margin-bottom:70px}.topbar{height:64px;padding:0 22px}.breadcrumb{font-size:10px}.top-actions{gap:10px}.date-label{display:none}.top-actions .mini{width:27px;height:27px;font-size:10px}main{padding:28px 20px}.page-heading{margin-bottom:24px;gap:10px}.page-heading h1{font-size:27px;letter-spacing:-.7px}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:10px}.page-heading p{font-size:10px;line-height:1.9;margin-top:10px}.heading-actions{gap:6px;flex-shrink:0}.heading-actions .button{font-size:10px;padding:8px 10px}.heading-actions .button svg{width:12px}.page-heading .heading-actions{margin-top:5px}.heading-actions .button:has(svg){gap:5px}.welcome-grid{grid-template-columns:1fr;gap:16px}.hero-card{min-height:270px;padding:25px}.hero-card h2{font-size:28px;line-height:1.5;margin:17px 0 13px}.hero-card p{font-size:10px;line-height:2}.hero-card>.button{margin-top:19px}.hero-art{display:block;inset:0 -10px 0 53%;opacity:.7}.floating-word{font-size:65px;left:1px;top:95px}.floating-word span{font-size:6px;letter-spacing:1px}.art-spark{font-size:43px;top:46px;right:21px}.art-tag{font-size:6px;left:2px;bottom:47px;letter-spacing:1px}.art-orbit{left:0;width:220px;height:220px;top:30px}.orbit-two{width:160px;height:290px;left:35px}.today-card{display:grid;grid-template-columns:85px 1fr;padding:19px 22px;gap:0 18px;text-align:left;min-height:155px}.today-card>.card-title{grid-column:2;grid-row:1;font-size:12px;align-self:end}.today-card .ring{grid-column:1;grid-row:1 / span 3;--size:85px!important;margin:0}.ring strong{font-size:24px}.ring span{font-size:7px}.ring:before{inset:5px}.today-card>p{grid-column:2;grid-row:2;font-size:10px;margin-top:10px}.today-card>.small{grid-column:2;grid-row:3;font-size:8px;margin-top:7px}.week-dots{grid-column:1 / span 2;grid-row:4;padding-top:14px;margin-top:10px}.week-day{display:flex;gap:8px;align-items:center}.week-day i{margin:0;width:13px;height:13px}.week-day span{font-size:7px}.stats-grid{gap:10px;margin-bottom:28px}.stat-card{padding:17px 16px;column-gap:11px;border-radius:11px}.stat-card strong{font-size:22px}.stat-card div>span{font-size:9px;margin-top:7px}.stat-card small{font-size:8px;margin-top:8px}.section-heading h2{font-size:15px}.section-heading p{font-size:10px}.text-link{font-size:10px}.book-grid{gap:13px}.book-cover{height:135px}.cover-number{font-size:6px;top:13px;left:13px;letter-spacing:.8px}.cover-label{font-size:6px;left:13px;bottom:13px;letter-spacing:.7px}.cover-art>svg{width:46px;height:46px}.cover-circle{right:10px;top:23px;width:95px;height:95px}.book-info{padding:15px 13px}.book-info h3{font-size:12px}.book-info p{font-size:8px;margin-top:7px}.book-info .progress-track{margin-top:17px}.book-meta{font-size:7px}.bottom-grid{margin-top:22px}.quick-card{padding:20px}.quick-card input{font-size:10px}.daily-note{padding:22px;min-height:140px}.daily-note blockquote{font-size:21px}.page-footer{padding:0 20px 23px;gap:15px;font-size:7px}.page-footer>span:last-child{display:none}.collection-banner{gap:12px;padding:18px}.collection-banner>svg{width:22px;height:22px}.collection-banner strong{font-size:11px}.collection-banner span{font-size:9px;line-height:1.8}.collections .book-cover{height:140px}.collections .book-info{padding:15px 13px}.new-book-card{min-height:240px}.book-overview{padding:22px;gap:20px}.overview-art svg{width:40px;height:40px}.book-overview>div{width:auto;flex:1}.book-overview h2{font-size:24px;margin-bottom:14px}.book-overview h2 span{font-size:10px}.book-overview .eyebrow{font-size:8px}.book-overview p{font-size:8px}.overview-percent{font-size:33px;letter-spacing:-1px}.overview-percent small{font-size:13px}.back-link{margin-bottom:22px}.entry-row{padding:19px 15px;gap:12px;align-items:flex-start}.entry-index{font-size:9px;margin-top:6px}.entry-term{font-size:16px}.entry-main p{font-size:11px}.entry-example{font-size:11px;margin-top:9px}.entry-main small{font-size:9px}.entry-row>.status-pill{font-size:8px;padding:4px 5px;margin-top:7px}.entry-row>.icon-button{display:none}.section-heading>.muted{font-size:8px;max-width:120px;line-height:1.7;text-align:right}.translation-grid{grid-template-columns:1fr;gap:17px}.translation-card{min-height:250px;padding:21px}.translation-card textarea{min-height:150px;font-size:17px}.translation-empty{min-height:180px}.translation-toolbar{gap:10px}.segmented button{padding:8px 11px;font-size:10px}.translation-toolbar select{font-size:10px;width:105px;padding:10px}.service-note{font-size:10px}.phrase-grid{grid-template-columns:1fr;gap:10px}.phrase-button{font-size:11px;padding:16px}.standalone-search{gap:8px}.standalone-search input{font-size:11px}.standalone-search .button{font-size:10px;padding:9px 12px}.search-field{width:auto;flex:1}.list-toolbar select{max-width:130px;padding:10px;font-size:10px}.vocab-row{padding:19px 15px;align-items:flex-start}.vocab-leading{gap:10px}.word-symbol{width:29px;height:34px;font-size:14px}.vocab-actions{flex-direction:column;gap:4px;align-self:center}.vocab-leading .entry-term{font-size:16px}.vocab-leading p{font-size:10px}.vocab-leading .entry-example{font-size:10px}.star-button{padding:7px 9px;font-size:11px}.star-button svg{width:12px}.vocab-actions .danger{width:25px;height:25px}.vocab-actions .danger svg{width:13px}.calendar-card{padding:20px}.calendar-card .section-heading{align-items:flex-start}.calendar-card .section-heading p{max-width:180px;font-size:9px;line-height:1.7}.activity-grid{gap:7px;margin:21px 0}.activity-cell{padding:8px;min-height:42px;border-radius:6px}.activity-cell small{font-size:9px}.activity-cell svg{width:12px;height:12px}.calendar-card>.small{font-size:9px;line-height:1.9}.progress-book-row{padding:17px 15px;gap:12px}.mini-cover{width:34px;height:40px}.mini-cover svg{width:17px}.progress-book-row>div strong{font-size:11px}.progress-book-row>span:not(.mini-cover){font-size:9px;min-width:48px}.progress-book-row>strong{font-size:11px;min-width:30px}.progress-book-row>svg{width:12px}.settings-card{padding:20px}.setting-row{gap:15px;flex-wrap:wrap}.setting-row>div:first-child{max-width:100%}.setting-row p{font-size:10px}.setting-row strong{font-size:11px}.settings-card>h2{font-size:14px}.goal-control{justify-content:flex-start}.flashcard{min-height:360px;padding:35px 23px}.flashcard h1{font-size:34px;line-height:1.6}.flash-example{font-size:15px}.study-label{font-size:9px}.study-top{font-size:10px}.study-top .back-link{font-size:10px}.study-response>div{gap:9px}.response-button{padding:15px 6px;font-size:11px}.response-button svg{width:13px;height:13px;margin-right:3px}.response-button span{font-size:8px;margin-top:9px}.flash-answer p{font-size:11px;line-height:1.8}.session-complete{margin-top:50px}.session-complete h1{font-size:26px}.session-complete>p{font-size:11px}.complete-stats{gap:60px}.query-drawer{width:100%;top:50px;border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom)}.drawer-header{padding:16px 22px}#drawer-search{margin:17px 22px 0}.query-body{padding:24px}.query-term h2{font-size:29px}.query-section{margin-top:23px}.query-example{font-size:15px}.drawer-bottom{padding:18px 24px}.query-tip{font-size:9px}.modal{padding:32px 24px;max-height:calc(100dvh - 40px);border-radius:15px}.modal h2{font-size:21px}.modal>p{font-size:10px;margin-bottom:21px}.modal-actions{flex-wrap:wrap}.modal-actions>.muted{width:100%;font-size:9px}.form-columns{gap:12px}.preview-row{padding:10px;gap:7px}.preview-row>div{grid-template-columns:1fr}.preview-row input{font-size:10px!important}.modal-close{top:10px;right:10px}.empty-state{padding:55px 20px}.empty-state h2{font-size:17px}.empty-state p{font-size:11px}.empty-state .button{font-size:11px}#toast{font-size:11px;bottom:87px;gap:14px;padding:12px 16px;min-width:240px}body.drawer-open #toast,body.modal-open #toast{bottom:25px}.new-book-card strong{font-size:11px}.new-book-card small{font-size:9px}.new-book-card>span{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:700px){.hero-art{inset:0 -55px 0 65%;opacity:.45}.hero-art .floating-word,.hero-art .art-tag{display:none}.hero-art .art-spark{right:25px;top:65px}}
/* Personal API configuration */
.ai-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.ai-panel-heading h2{font-size:15px}.ai-panel-heading p{font-size:11px;line-height:1.8;color:#9aa592;margin-top:8px}.ai-current-status{display:flex;align-items:center;gap:12px;background:#f2f6ed;border:1px solid #e7eddf;border-radius:9px;padding:17px;margin:21px 0;color:#91a57f}.ai-current-status>svg{width:20px;height:20px}.ai-current-status strong{font-size:12px;font-weight:500;display:block;color:#627d50}.ai-current-status span{font-size:10px;line-height:1.8;display:block;margin-top:5px;color:#9aaa8c;overflow-wrap:anywhere}.ai-settings fieldset{border:0;margin:0;padding:0;min-width:0}.ai-settings fieldset:disabled{opacity:.65}.ai-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ai-field{min-width:0}.ai-full{grid-column:1 / -1}.ai-field label{display:block;font-size:11px;color:#8b9c7e;margin-bottom:9px}.ai-field>input,.ai-inline-input,.ai-field>select{width:100%;border:1px solid #e0e8d9;border-radius:7px;background:#fff;font-size:12px}.ai-field>input,.ai-field>select{padding:11px 12px}.ai-inline-input{display:flex;align-items:center;padding-right:6px}.ai-inline-input>input{flex:1;min-width:0;background:none;border:0;padding:11px 12px;font-size:12px;border-radius:7px}.ai-inline-input:focus-within{outline:2px solid #98b9a5;outline-offset:1px}.ai-inline-input>input:focus{outline:none}.ai-field small{display:block;font-size:9px;line-height:1.8;margin-top:7px;color:#a5b098}.ai-persistence{margin:22px 0}.ai-persistence label{display:inline-flex;align-items:center;gap:9px;font-size:11px;color:#859975;cursor:pointer}.ai-persistence input{accent-color:#537545;margin:0;width:14px;height:14px}.ai-persistence p{font-size:9px;color:#abb59f;line-height:1.8;margin:7px 0 0 23px}.ai-form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ai-form-actions .text-link{margin-left:auto}.ai-clear{font-size:10px;color:#a5937a;padding-left:8px;padding-right:8px}.ai-feedback:empty{display:none}.ai-feedback{font-size:11px;line-height:1.9;margin-top:17px;padding:12px 14px;border-radius:7px;background:#f3f6ee;color:#8b9b7e;overflow-wrap:anywhere}.ai-feedback.error{background:#fbf0ed;color:#ad7763}.ai-feedback.success{background:#edf5e6;color:#6e9254}.ai-privacy-note{display:flex;gap:9px;align-items:flex-start;border-top:1px solid #edf1e8;padding-top:20px;margin-top:23px;color:#a1ae94}.ai-privacy-note svg{width:15px;height:15px;margin-top:2px}.ai-privacy-note p{font-size:10px;line-height:1.9}.ai-custom-help{font-size:9px;color:#a3b097;margin-top:15px;line-height:1.9}.ai-custom-help summary{cursor:pointer;color:#8e9f80}.ai-custom-help p{padding:10px 0 0;overflow-wrap:anywhere}
@media(max-width:700px){.ai-form-grid{grid-template-columns:1fr;gap:17px}.ai-full{grid-column:auto}.ai-panel-heading{align-items:flex-start}.ai-panel-heading h2{font-size:14px}.ai-panel-heading p{font-size:10px}.ai-current-status{padding:14px;margin:18px 0}.ai-current-status strong{font-size:11px}.ai-current-status span{font-size:9px}.ai-form-actions{gap:8px}.ai-form-actions .button{font-size:11px;padding:10px 12px}.ai-form-actions .text-link{font-size:9px}.ai-persistence p{font-size:9px}.ai-privacy-note p{font-size:9px}.ai-feedback{font-size:10px}}
/* Bilingual example sets */
.example-list{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px;text-align:left}.example-pair{display:flex;align-items:flex-start;gap:10px;background:#f6f8f2;border:1px solid #edf1e7;border-radius:9px;padding:14px}.example-number{font-size:9px;color:#b2bea6;line-height:1.9;margin-top:1px;flex-shrink:0}.example-pair>div{flex:1;min-width:0}.example-english{font-size:14px;color:#6c825c;line-height:1.85;overflow-wrap:anywhere}.example-chinese{font-size:11px;color:#9da990;line-height:1.85;margin-top:6px}.example-pair>.icon-button{width:25px;height:25px}.example-pair>.icon-button svg{width:14px;height:14px}.example-list.compact{margin-top:12px;gap:9px}.example-list.compact .example-pair{background:#f9faf7;padding:11px 12px;border-color:#f0f3eb}.example-list.compact .example-english{font-size:12px}.example-list.compact .example-chinese{font-size:10px}.more-examples{margin-top:9px;color:#9bab8c;font-size:10px}.more-examples summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:5px}.more-examples summary:before{content:'+';font-size:13px}.more-examples[open] summary:before{content:'−'}.enrich-examples{margin-top:13px;font-size:10px}.query-section .example-list{margin-top:12px}.query-section .example-pair{padding:13px 11px;gap:8px}.query-section .example-english{font-size:13px}.query-section .example-chinese{font-size:10px}.flash-answer .example-list{margin-top:24px}.preview-example{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:7px;border-top:1px solid #e5eddd;padding-top:9px;margin-top:3px}.preview-example>span{grid-column:1 / -1;color:#a2b18f;font-size:9px}.preview-row .preview-example input{font-size:10px!important;color:#8c9f78}.vocab-leading>div{min-width:0}.entry-row .entry-main{width:100%}.vocab-leading .example-list.compact{max-width:650px}
@media(max-width:700px){.example-pair{padding:12px;gap:8px}.example-english{font-size:13px}.example-chinese{font-size:10px}.example-number{font-size:8px}.example-list.compact .example-pair{padding:10px 9px;gap:7px}.example-list.compact .example-english{font-size:11px}.example-list.compact .example-chinese{font-size:9px}.example-pair>.icon-button{width:20px;height:22px}.example-pair>.icon-button svg{width:13px;height:13px}.query-section .example-english{font-size:13px}.preview-example{grid-template-columns:1fr}.flashcard{padding-left:20px;padding-right:20px}.vocab-row .word-symbol{display:none}.vocab-leading{flex:1}.vocab-actions{align-self:flex-start;margin-top:5px}}
.sync-badge{font-size:9px;color:#8ba079;background:#edf3e7;border-radius:5px;padding:5px 8px;white-space:nowrap}.sync-badge.sync-error{color:#b18f73;background:#f6eee6}.ai-persistence>p{margin-left:0}.ai-current-status span{overflow-wrap:anywhere}
@media(max-width:700px){.sync-badge{font-size:8px;padding:4px 6px}.top-actions{gap:9px}.profile small{line-height:1.6}}
/* Shared learning, content management and recovery */
.review-banner,.resume-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;background:#fff;border:1px solid var(--border);border-radius:14px;margin-bottom:20px}.review-banner h2 span{margin-left:10px;color:#6a8e64}.review-banner p,.resume-banner p{font-size:12px;color:#929a94;line-height:1.8;margin-top:7px}.resume-banner{background:#edf3e8}.resume-banner strong{font-size:13px}.health-banner{display:flex;align-items:center;gap:9px;background:#fbf1e8;color:#9c7757;padding:13px 16px;border-radius:9px;font-size:11px;line-height:1.8;margin-bottom:20px}.health-banner a{text-decoration:underline}.entry-controls{display:flex;gap:8px;align-items:center;flex-shrink:0}.entry-controls button{font-size:11px;color:#8b9c7e;padding:5px}.entry-controls .danger{color:#ac7768}.entry-controls button:disabled{opacity:.25;cursor:default}.study-options{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:22px;font-size:12px;color:#7d8e73}.study-options select{border:1px solid #e0e8d9;border-radius:8px;background:white;padding:9px 12px}.input-reading:empty{display:none}.input-reading{border-top:1px solid var(--border);padding:14px 0}.input-reading .translated-text{font-size:16px;line-height:1.9;margin-top:8px;white-space:pre-wrap;overflow-wrap:anywhere}.snapshot-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #edf1e8;font-size:12px}.snapshot-row small{font-size:10px;color:#9da990;margin-left:10px;line-height:1.7}.trash-heading{font-size:13px;margin:20px 0 8px}#edit-content-form textarea{min-height:68px}#edit-content-form .field-label{margin-top:16px}.heading-actions{flex-wrap:wrap}.entry-row{flex-wrap:wrap}.entry-main{min-width:0}.entry-row .entry-main{width:auto;flex:1;min-width:180px}.snapshot-list{margin-top:10px}.vocab-actions{flex-wrap:wrap}
@media(max-width:700px){.review-banner,.resume-banner{padding:18px;gap:12px}.review-banner h2{font-size:15px}.review-banner p,.resume-banner p{font-size:10px}.review-banner .button,.resume-banner .button{font-size:10px;padding:10px}.entry-controls{order:5;width:100%;justify-content:flex-end}.entry-controls button{font-size:10px;min-height:30px;padding:5px 10px}.entry-row .entry-main{min-width:130px}.entry-row>.status-pill{margin-left:auto}.snapshot-row small{display:block;margin:5px 0 0}.heading-actions .button{padding:9px 11px;font-size:10px}.study-options{gap:10px;font-size:11px}.health-banner{font-size:10px;flex-wrap:wrap}}
/* Dictionary details shared by lookup, books, vocabulary and study */
.lexical-details{display:flex;align-items:center;flex-wrap:wrap;gap:10px 15px;margin:12px 0;color:#7f8c7d;font-size:12px;line-height:1.7}.pos-badge{font-size:11px;color:#54744b;background:#edf3e8;border-radius:5px;padding:3px 8px;white-space:nowrap}.pronunciation{display:inline-flex;align-items:center;gap:7px}.pronunciation>span:first-child{font-size:10px;color:#a2ac9d}.ipa{font-family:"Lucida Sans Unicode","Arial Unicode MS",-apple-system,sans-serif;color:#71816c;overflow-wrap:anywhere}.pronunciation .icon-button{width:23px;height:23px}.pronunciation .icon-button svg{width:13px;height:13px}.lexical-details.compact{font-size:11px;gap:7px 12px;margin:9px 0}.word-senses{margin:20px 0;text-align:left}.word-senses h3{font-size:13px;font-weight:500;color:#73846c;margin-bottom:12px}.word-senses h3>span{font-size:10px;color:#abb4a5;margin-left:6px}.sense-list{list-style:decimal;margin:10px 0 0;padding-left:19px;display:grid;gap:10px;color:#7d8a75;font-size:12px;line-height:1.8}.sense-list li{padding-left:3px}.sense-list li>.sense-pos{font-size:10px;color:#99a88d;display:inline-block;min-width:30px;margin-right:8px}.sense-list li>div{display:inline}.sense-list small{display:block;font-size:10px;color:#a4ae9d;margin:3px 0 0 38px;line-height:1.8}.sense-details{margin:12px 0;color:#8b9c7e;font-size:11px}.sense-details summary{cursor:pointer;line-height:1.8}.enrich-lexical{font-size:10px;margin:7px 0 4px;display:inline-flex;gap:5px}.query-body>.lexical-details{margin-top:17px}.query-body .sense-list{font-size:13px}.flashcard>.lexical-details{justify-content:center;margin-top:16px}.flash-answer>.word-senses{max-width:600px;margin:22px auto}.flash-answer .sense-list{font-size:14px}.preview-lexical{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:8px}.preview-lexical textarea{grid-column:1 / -1;min-height:65px;font-size:10px;line-height:1.8}.primary-meaning{line-height:1.8}.heading-actions{max-width:650px;justify-content:flex-end}.page-heading:has(.heading-actions){flex-wrap:wrap}.page-heading .heading-actions{margin-left:auto}
@media(max-width:700px){.lexical-details,.lexical-details.compact{gap:6px 10px;font-size:10px}.lexical-details .pos-badge{font-size:9px}.pronunciation{gap:5px;max-width:100%}.pronunciation .ipa{font-size:11px}.pronunciation>span:first-child{font-size:9px}.sense-list{font-size:11px;gap:9px}.sense-list small{font-size:9px;margin-left:0}.sense-details{font-size:10px}.flash-answer .sense-list{font-size:12px}.flashcard>.lexical-details{gap:7px}.preview-lexical{grid-template-columns:1fr}.preview-lexical textarea{grid-column:auto}.heading-actions{justify-content:flex-start}.page-heading .heading-actions{margin-left:0}}
.book-filters{display:flex;align-items:end;gap:18px;flex-wrap:wrap;margin:22px 0 10px}.book-filters label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted,#737873)}.book-filters select{padding:11px 14px;border:1px solid #e1e4df;border-radius:12px;background:#fff;font:inherit;color:#29362e;max-width:100%}.book-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:26px 0}.entry-context{margin:7px 0}.book-pagination button:disabled{opacity:.4;cursor:default}@media(max-width:600px){.book-filters label{width:100%}.book-filters select{width:100%}}