:root{color:#171a1f;background:#f5f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:320px;margin:0;background:linear-gradient(180deg,#fffc,#f5f7f800),#f5f7f8}button,input,textarea{font:inherit}button{color:inherit}.app-shell{min-height:100vh;padding:20px}.loading-shell{min-height:100vh;display:grid;place-items:center;gap:12px;color:#47505a}.topbar{max-width:1600px;margin:0 auto 14px;display:flex;align-items:center;justify-content:space-between;gap:16px}.app-search-trigger{min-width:0;min-height:48px;flex:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:0;border-radius:16px;padding:0 14px;background:#e9eef1;color:#7b858e;cursor:text;text-align:left}.app-search-trigger span,.app-search-trigger small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-search-trigger span{color:#7b858e;font-weight:650}.app-search-trigger small{color:#8c969f;font-size:.78rem;font-weight:700}.eyebrow{margin:0 0 2px;color:#69737d;font-size:.76rem;font-weight:700;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:1.65rem;letter-spacing:0}h2{margin:6px 0 4px;font-size:clamp(2.25rem,6vw,4.7rem);line-height:.95;letter-spacing:0;overflow-wrap:anywhere}h3{margin-bottom:0;font-size:.92rem}.topbar-actions,.hero-actions{display:flex;align-items:center;gap:8px}.icon-button{width:40px;height:40px;display:inline-grid;place-items:center;border:1px solid #d7dde2;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.icon-button:hover{border-color:#9aa7b3;box-shadow:0 8px 20px #1f262e14}.icon-button:active{transform:translateY(1px)}.icon-button.large{width:46px;height:46px}.icon-button.starred{color:#b7791f;border-color:#e0b557;background:#fff9e7}.hidden-input{display:none}.stats-strip{max-width:1600px;margin:0 auto 16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metric{min-height:70px;padding:14px 16px;border:1px solid #dce2e7;border-radius:8px;background:#fff}.metric strong{display:block;font-size:1.45rem}.metric span{color:#68737e;font-size:.82rem}.workspace{max-width:1600px;min-height:calc(100vh - 142px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,330px);gap:16px}.word-browser,.study-stage,.inspector{min-height:0;border:1px solid #dce2e7;border-radius:8px;background:#ffffffeb}.word-browser,.inspector{display:flex;flex-direction:column;overflow:hidden}.word-browser{padding:12px}.search-box{height:42px;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid #d7dde2;border-radius:8px;background:#f8fafb;color:#6a747f}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#171a1f}.search-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;overflow:auto;padding:18px 22px;background:#f2f6f7}.search-view-inner{width:min(100%,680px);margin:0 auto}.search-page-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px}.search-page-field{min-width:0;height:52px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border-radius:16px;padding:0 12px;background:#e7edef;color:#7d8790}.search-page-field input{min-width:0;border:0;outline:0;background:transparent;color:#1f252b;font-size:1.02rem}.search-page-field input::placeholder{color:#9aa4ad}.search-cancel{min-height:44px;border:0;background:transparent;color:#15191e;cursor:pointer;font-size:1.02rem;font-weight:750}.search-blank{min-height:58vh}.search-results{display:grid;gap:0;margin-top:32px}.search-result-row{min-height:60px;display:grid;grid-template-columns:minmax(0,1fr) 46px;align-items:center}.search-result-main{min-width:0;min-height:60px;display:grid;grid-template-columns:minmax(86px,.28fr) minmax(0,1fr);align-items:baseline;gap:14px;border:0;padding:8px 0;background:transparent;cursor:pointer;text-align:left}.search-result-main strong{min-width:0;overflow:hidden;color:#252a30;font-size:1.14rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.search-result-main span{min-width:0;overflow:hidden;color:#737d86;font-size:.98rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.search-result-main em{margin-right:7px;color:#8c959d;font-style:normal}.search-star{width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:#77818a;cursor:pointer}.search-star.starred{color:#ff7a1a}.search-empty{margin-top:34px;color:#8b959e;text-align:center}.filter-row{display:flex;align-items:center;gap:8px;margin:12px 0 10px;color:#68737e}.filter-scroll{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.filter-scroll::-webkit-scrollbar{display:none}.filter{height:34px;white-space:nowrap;border:1px solid #d7dde2;border-radius:8px;background:#fff;color:#4f5965;cursor:pointer}.filter{padding:0 10px;font-size:.82rem}.filter.active{border-color:#16695b;background:#e8f3ef;color:#14594f;font-weight:700}.browser-meta{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;color:#77818c;font-size:.78rem}.word-list{min-height:0;display:flex;flex:1;flex-direction:column;gap:6px;overflow:auto;padding-right:2px}.word-row{width:100%;min-height:54px;display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid transparent;border-radius:8px;background:transparent;text-align:left;cursor:pointer}.word-row:hover{background:#f6f8f9}.word-row.active{border-color:#9bd3c2;background:#eef8f4}.status-dot{width:8px;height:8px;border-radius:999px;background:#b1bbc5}.status-dot.learning{background:#b7791f}.status-dot.known{background:#16695b}.word-row-main,.word-row-side{min-width:0;display:flex;flex-direction:column}.word-row-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-row-main small,.word-row-side small{color:#77818c;font-size:.74rem}.word-row-side{align-items:flex-end;color:#b7791f}.study-stage{min-width:0;padding:18px;overflow:auto}.word-hero{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start;padding:16px;border:1px solid #dce2e7;border-radius:8px;background:linear-gradient(135deg,#e8f3eff2,#fffffff5),#fff}.hero-meta,.pron-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#64707b;font-size:.84rem}.word-title-row{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:12px;row-gap:4px;min-width:0}.word-title-row h2{min-width:0}.primary-pron{color:#16695b;font-size:1.22rem;font-weight:700;line-height:1.2;overflow-wrap:anywhere}.badge{display:inline-flex;min-height:26px;align-items:center;padding:3px 9px;border:1px solid #d8dfe5;border-radius:999px;background:#f7f9fa;color:#4f5965;font-size:.8rem;line-height:1.2}.badge-learning,.badge-unclear{border-color:#edc164;background:#fff7df;color:#805914}.badge-known,.badge-synonym{border-color:#91cdbb;background:#e7f5ef;color:#14594f}.badge-new,.badge-neutral,.badge-register{border-color:#d8dfe5;background:#f7f9fa;color:#4f5965}.badge-scenario{border-color:#b7c7e6;background:#edf3ff;color:#31558c}.badge-antonym,.badge-unknown{border-color:#e3a0ad;background:#fff0f3;color:#9a2e49}.inline-alert{margin:10px 0 0;color:#9a2e49;font-size:.88rem}.detail-flow{display:grid;gap:10px;margin-top:12px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-panel{min-width:0;padding:16px;border:1px solid #dce2e7;border-radius:8px;background:#fff}.detail-panel.compact{padding:12px}.chinese-hint-panel{border-color:#ead5a0;background:#fffaf0}.chinese-hint{margin:0;color:#6c4f12;line-height:1.55}.detail-panel.wide{grid-column:1 / -1}.section-header{min-height:22px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.section-header span{color:#77818c;font-size:.78rem}.meaning-list{display:grid;gap:7px;margin:0;padding-left:22px}.meaning-list li::marker{color:#16695b;font-weight:800}.meaning-list span{display:inline-block;margin-bottom:2px;color:#69737d;font-size:.78rem}.meaning-list p,.prose,.example-row p{margin-bottom:0;color:#252b31;line-height:1.65}.tag-list,.relation-list{display:flex;flex-wrap:wrap;gap:8px}.empty-value{color:#9aa4ae;font-size:.9rem}.example-list{display:grid;gap:8px}.example-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:start;padding:10px;border:1px solid #edf0f3;border-radius:8px;background:#fbfcfd}.relation-pill{min-height:36px;padding:7px 12px;border:1px solid #bed5d0;border-radius:8px;background:#f0f8f5;color:#14594f;cursor:pointer}.synonym-comparison{display:grid;gap:8px}.synonym-row{width:100%;display:grid;grid-template-columns:minmax(128px,.35fr) minmax(0,1fr);gap:10px;align-items:start;border:1px solid #edf0f3;border-radius:8px;padding:10px;background:#fbfcfd;text-align:left}.synonym-row.clickable{cursor:pointer}.synonym-row.clickable:hover{border-color:#9bd3c2;background:#f0f8f5}.synonym-row.current{border-color:#bed5d0;background:#f4faf7}.synonym-row div{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.synonym-row strong{min-width:0;overflow-wrap:anywhere}.synonym-row p{margin:0;color:#4f5965;line-height:1.45}.note-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.notes-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.notes-header .section-header{flex:1;margin-bottom:0}.notes-toggle{min-height:30px;padding:4px 10px;border:1px solid #d7dde2;border-radius:8px;background:#fff;color:#4f5965;cursor:pointer;font-size:.8rem;font-weight:800}.notes-toggle:hover,.notes-empty:hover{border-color:#9aa7b3}.notes-header+.note-editor{margin-top:8px}.notes-empty{width:100%;min-height:42px;margin-top:8px;padding:8px 10px;border:1px dashed #cbd4dc;border-radius:8px;background:#fbfcfd;color:#7a8590;cursor:pointer;text-align:left;line-height:1.4}.editor-field{min-width:0;display:grid;gap:7px}.editor-field:first-child{grid-column:1 / -1}.editor-field span{color:#4f5965;font-size:.84rem;font-weight:700}.editor-field textarea{width:100%;resize:vertical;border:1px solid #d7dde2;border-radius:8px;padding:9px 10px;background:#fff;color:#171a1f;line-height:1.5;outline:none}.editor-field textarea:focus,.search-box:focus-within{border-color:#16695b;box-shadow:0 0 0 3px #16695b1f}.review-bar{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;padding-top:12px;background:linear-gradient(180deg,#fff0,#fff 34%)}.review{min-height:44px;border:1px solid transparent;border-radius:8px;cursor:pointer;font-weight:800}.review.known{border-color:#91cdbb;background:#e7f5ef;color:#14594f}.review.unclear{border-color:#9fb9e3;background:#edf3ff;color:#31558c}.review.unknown{border-color:#e3a0ad;background:#fff0f3;color:#9a2e49}.inspector{padding:12px;gap:12px;overflow:auto}.inspector-section{padding:14px;border:1px solid #dce2e7;border-radius:8px;background:#fff}.status-stack{display:grid;gap:8px}.status-stack div{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0f3}.status-stack div:last-child{border-bottom:0}.status-stack span{color:#69737d;font-size:.84rem}.status-stack strong{min-width:0;text-align:right;overflow-wrap:anywhere}.coverage-meter{height:9px;overflow:hidden;border-radius:999px;background:#eef1f4}.coverage-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#16695b,#5e8dcb)}.coverage-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.coverage-list div{min-height:30px;display:flex;align-items:center;gap:6px;color:#9aa4ae;font-size:.82rem}.coverage-list div.ready{color:#16695b;font-weight:700}.queue-list{display:grid;gap:7px}.queue-item{min-height:38px;display:flex;align-items:center;gap:8px;padding:8px 9px;border:1px solid transparent;border-radius:8px;background:#f8fafb;color:#4f5965;cursor:pointer}.queue-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item.active{border-color:#9bd3c2;background:#eef8f4;color:#14594f;font-weight:700}.sync-field{display:grid;gap:7px}.sync-field span{color:#4f5965;font-size:.84rem;font-weight:700}.sync-field input{width:100%;min-height:38px;border:1px solid #d7dde2;border-radius:8px;padding:8px 10px;outline:none}.sync-field input:focus{border-color:#16695b;box-shadow:0 0 0 3px #16695b1f}.sync-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.sync-actions button{min-height:38px;border:1px solid #bed5d0;border-radius:8px;background:#f0f8f5;color:#14594f;cursor:pointer;font-weight:800}.sync-actions button:disabled{cursor:wait;opacity:.58}.sync-message{margin:10px 0 0;color:#69737d;font-size:.84rem}@media(max-width:1180px){.workspace{grid-template-columns:minmax(0,1fr)}.inspector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.app-shell{padding:12px}.topbar{align-items:stretch;flex-direction:column}.topbar-actions{justify-content:flex-end}.stats-strip,.detail-grid,.compact-grid,.note-editor,.inspector{grid-template-columns:1fr}.workspace{display:flex;flex-direction:column;min-height:auto}.study-stage{order:1}.inspector{order:2}.word-hero{grid-template-columns:1fr;gap:12px;padding:12px}.hero-actions{flex-wrap:wrap}.icon-button.large{width:42px;height:42px}.detail-flow{gap:8px;margin-top:10px}.detail-panel.compact{padding:11px}.synonym-row{grid-template-columns:1fr;gap:6px}.review-bar{bottom:8px;padding:8px;border:1px solid #dce2e7;border-radius:8px;background:#fffffff5;box-shadow:0 10px 28px #1f262e24}.review{min-height:56px;font-size:1rem}.example-row{grid-template-columns:1fr}}@media(max-width:520px){.app-shell{padding:10px}.search-view{padding:14px 20px}.search-page-bar{gap:12px}.search-page-field{height:50px;border-radius:15px}.search-results{margin-top:30px}.search-result-row{min-height:58px;grid-template-columns:minmax(0,1fr) 42px}.search-result-main{min-height:58px;grid-template-columns:minmax(76px,.3fr) minmax(0,1fr);gap:12px}.search-result-main strong{font-size:1.06rem}.search-result-main span{font-size:.93rem}.search-star{width:42px;height:42px}.stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:62px;padding:12px}h1{font-size:1.35rem}h2{font-size:2.45rem}.study-stage{padding:12px}.coverage-list{grid-template-columns:1fr}}