/* Lexora 3 — an illustrated library, with quiet, legible learning tools. */
:root{--bg:#f4f4f4;--paper:#fdfdfd;--ink:#242424;--muted:#7b7b73;--line:#e0e0e0;--green:#767676;--lime:#e3e3e3;--lime-light:#ececec;--red:#b34742;--sidebar:214px;--serif:Georgia,'Noto Serif SC','Songti SC',serif;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}
body{font:14px/1.65 var(--sans);background:var(--bg);color:var(--ink)}
button,input,textarea,select,a{border-radius:0;box-shadow:none}button,a{transition:background .18s,color .18s,border-color .18s,transform .18s}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #6d6d6d;outline-offset:3px}
h1{font-size:29px;line-height:1.4;font-weight:650;letter-spacing:-.8px}h2{font-size:19px;letter-spacing:-.4px}h3{font-size:15px}small{font-size:12px}
.sidebar{width:var(--sidebar);padding:29px 17px 22px;background:#ececec;border-right:1px solid #dcdcdc}.brand{gap:10px;padding:0 5px;font-size:21px;font-weight:600;letter-spacing:-.8px}.brand-mark{width:31px;height:36px;line-height:34px;font-size:28px;padding-left:6px;background:#2c2c2c;color:#868686}.brand-mark>span{font-size:20px;top:-6px;right:4px}.brand b{font-size:12px;color:#717171;font-weight:400;margin-left:4px}.brand small{font-size:10px;font-weight:400;letter-spacing:.3px;color:#545454;margin-top:5px}.workspace-label{font-size:9px;color:#545454;letter-spacing:.7px;margin:39px 10px 15px}.workspace-label>span{font-size:8px;letter-spacing:1px}
#navigation{gap:5px}.nav-item{font-size:12px;min-height:39px;padding:9px 12px;color:#71766e;gap:11px;position:relative}.nav-item svg{width:17px;height:17px;stroke-width:1.4}.nav-item:hover{background:#e4e4e4;color:#333333}.nav-item.active{background:#e0e0e0;color:#323232;font-weight:600}.nav-item.active:before{content:'';position:absolute;left:0;top:11px;width:2px;height:17px;background:#5e5e5e}.nav-item .nav-count{background:#545454;color:#fff;font-size:9px;min-width:18px}.nav-group-label{font-size:9px;color:#545454;letter-spacing:.7px;margin:24px 12px 9px}.nav-divider{background:#d9d9d9;margin:14px 12px}.sidebar nav{overflow-y:auto;scrollbar-width:thin;min-height:0}.sidebar-bottom{margin:24px 8px 0;padding:17px 0 0;border-top:1px solid #d8d8d8;margin-top:auto}.sidebar-bottom p{font-size:10px;color:#545454;margin:9px 0 14px;line-height:1.9}.local-indicator{font-size:10px;color:#777777}.local-indicator i{background:#777777;width:5px;height:5px}.subtle-link{color:#7c7c7c;font-size:11px}
#workspace-ai-shortcut{display:flex;gap:9px;align-items:center;width:100%;padding:0 0 17px;margin-bottom:15px;border:0;border-bottom:1px solid #d9d9d9;background:transparent;text-align:left;color:#7c7c7c}#workspace-ai-shortcut>span:nth-child(2){flex:1}#workspace-ai-shortcut b{display:block;font-size:11px;color:#575757;font-weight:500}#workspace-ai-shortcut small{font-size:9px;color:#545454;display:block;margin-top:2px}.ai-monogram{display:inline-flex;align-items:center;justify-content:center;width:31px;height:33px;flex-shrink:0;background:#e0e0e0;border:1px solid #d3d3d3;color:#5c5c5c;font-size:11px;font-weight:600;letter-spacing:-.5px}
.app-shell{margin-left:var(--sidebar);min-width:0}.topbar{height:69px;margin:0 38px;border-bottom:1px solid #e0e0e0}.breadcrumb{font-size:9px;letter-spacing:1.5px;color:#545454;gap:14px}.breadcrumb strong{font-size:11px;letter-spacing:0;color:#6b6b6b;font-weight:400}.topbar-right{gap:17px}#today-date{font-size:10px;color:#545454}.avatar{width:29px;height:29px;background:#e4e4e4;color:#797979;font:10px var(--sans);border:0}.icon-button{width:31px;height:31px;color:#545454;background:transparent;border:1px solid transparent;padding:0}.icon-button svg{width:16px;height:16px}.icon-button:hover{background:#e9e9e9;border-color:#d8d8d8;color:#555555}#quick-search{display:flex;width:auto;gap:8px;padding:5px 8px;font-size:11px;color:#545454}#quick-search svg{width:15px}#quick-search kbd{font:9px var(--sans);padding:1px 4px;border:1px solid #dadada;background:#f8f8f8;color:#545454}
#main{padding:30px 38px 32px;max-width:1530px;min-height:calc(100vh - 120px);outline:none}#main[data-view=library]{padding-top:32px}.page-heading{margin-bottom:27px;gap:20px}.page-heading .eyebrow{color:#545454;font-size:9px;letter-spacing:1.5px;margin-bottom:9px}.page-heading p{font-size:12px;color:#545454;margin-top:8px}.page-actions{gap:8px}.btn{font-size:12px;min-height:38px;padding:9px 15px;border:1px solid #d8d8d8;background:#fcfcfc;color:#6a6a6a;gap:8px;line-height:1.5}.btn:hover{background:#eeeeee;color:#525252;border-color:#c3c3c3}.btn.primary{background:#767676;border-color:#767676;color:#fbfbfb}.btn.primary:hover{background:#656565;border-color:#656565;color:#fff}.btn.ink{background:#393939;color:#f9f9f9;border-color:#393939}.btn.ink:hover{background:#282828}.btn:active:not(:disabled){transform:translateY(1px)}.btn.small{font-size:11px;min-height:33px;padding:7px 11px}.btn.text{background:transparent;color:#7a7a7a;border-color:transparent;padding:4px 0;min-height:auto}.btn.lime{background:#e2e2e2;border-color:#d3d3d3;color:#6b6b6b}.btn.danger{color:#b65443;border-color:#d6d6d6}
.panel{background:#fdfdfd;border-color:#dddddd;padding:25px}.hint{font-size:11px;line-height:1.85;color:#545454}.text-muted{color:#545454}.section-title h2{font-size:16px;color:#656565}.section-title a{font-size:11px;color:#545454}.empty-state{border:1px dashed #d3d3d3;background:#fcfcfc;color:#545454;padding:45px 25px}.empty-state h3{font-size:17px;color:#757575}.empty-state p{font-size:12px;color:#545454}.toolbar{gap:12px}.selected-count{color:#545454;font-size:11px}.search-field{background:#fdfdfd;border-color:#dadada;min-width:240px}.search-field .input{font-size:12px;min-height:38px}.search-field svg{color:#545454}.field{margin-bottom:21px}.field label,.field-label{font-size:11px;color:#787878;font-weight:400;margin-bottom:8px}.field label>span{color:#717171;font-size:10px;margin-left:5px}input:not([type=checkbox]):not([type=radio]),textarea,select{background:#fdfdfd;border-color:#d8d8d8;color:#616161;font:12px var(--sans)}.field input,.field select{min-height:41px}.field textarea{font-size:13px;line-height:1.9;padding:14px}input::placeholder,textarea::placeholder{color:#717171}input[type=checkbox]{accent-color:#848484}.check-item{font-size:11px;color:#545454}.notice{background:#eeeeee;border-color:#dbdbdb;color:#545454;font-size:11px;line-height:1.85}.notice.warn{background:#f2f2f2;border-color:#d9d9d9;color:#545454}.notice.error{background:#f4f4f4;border-color:#dbdbdb;color:#545454}.form-error{color:#8c8c8c;font-size:12px}.tabs{border-color:#dcdcdc}.tab{font-size:12px;color:#545454}.tab.active{color:#6c6c6c;border-color:#818181}.tab:hover{color:#6c6c6c}.mode-option.active{border-color:#9a9a9a;background:#f0f0f0}.mode-option small{font-size:10px}.step-index{background:#ebebeb;color:#545454;border-color:#d8d8d8}
/* The library is the main entry. */
.library-view{max-width:1260px;margin:auto}.library-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:29px}.library-kicker{font-size:9px;letter-spacing:2px;color:#545454;display:flex;align-items:center;gap:8px;line-height:1.5}.library-kicker>span{width:15px;height:1px;background:#acacac;display:inline-block}.library-heading h1{font-size:34px;font-weight:600;letter-spacing:-1.2px;line-height:1.4;margin:10px 0 7px;color:#333333}.library-heading h1>span{font:12px/1 ui-monospace,monospace;letter-spacing:0;color:#717171;margin-left:12px;vertical-align:middle}.library-heading p{font-size:12px;color:#545454;letter-spacing:.2px}.library-heading>.btn{padding:11px 18px;font-size:12px;min-height:42px}
.library-feature{display:grid;grid-template-columns:1fr 250px 180px;min-height:224px;background:#ebebeb;border:1px solid #dedede;margin-bottom:33px;overflow:hidden;position:relative}.library-feature-copy{padding:27px 31px}.library-feature-copy>.library-kicker{font-size:8px;letter-spacing:1.6px;color:#717171}.library-feature-copy h2{font-size:28px;font-weight:500;line-height:1.45;letter-spacing:-.8px;color:#575757;margin:13px 0 10px}.library-feature-copy p{font-size:11px;color:#545454;line-height:1.8;margin-bottom:17px;max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-feature-copy .btn{font-size:10px;min-height:31px;padding:7px 12px}.library-feature-art{position:relative;min-height:224px;overflow:hidden}.library-feature-art>img{height:100%;width:100%;object-fit:cover;object-position:center 68%;position:absolute;inset:0;mix-blend-mode:multiply}.feature-art-caption{position:absolute;bottom:13px;left:18px;right:13px;font-size:7px;color:#717171;letter-spacing:1.7px;white-space:nowrap}.library-pulse{border-left:1px solid #d8d8d8;margin:25px 0;padding:0 25px;display:flex;flex-direction:column;justify-content:center;gap:15px}.library-pulse>.library-kicker{font-size:8px;letter-spacing:1.3px;color:#545454}.library-pulse>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.library-pulse strong{font:29px/1.2 var(--serif);color:#6e6e6e;font-weight:400;letter-spacing:-.5px}.library-pulse strong small{font:9px var(--sans);margin-left:6px;color:#717171}.library-pulse>div>span{font-size:9px;color:#717171}.library-pulse>a{font-size:9px;color:#545454;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d6d6d6;padding-top:11px;margin-top:2px}
.shelf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dedede;margin-bottom:29px;min-height:43px}.shelf-tabs{display:flex;align-self:stretch;gap:26px}.shelf-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:#545454;padding:0 0 12px;font-size:11px;letter-spacing:.2px}.shelf-tabs button.active{color:#616161;border-bottom-color:#8a8a8a;font-weight:500}.shelf-tabs button:hover{color:#616161}.shelf-tools{display:flex;align-items:center;gap:9px;padding-bottom:11px}.shelf-search{display:flex;gap:8px;align-items:center;color:#717171;padding-right:10px;border-right:1px solid #dddddd}.shelf-search input{border:0;background:transparent;outline:none!important;font-size:11px;width:115px;min-width:0;padding:3px 0;color:#767676}.shelf-search input::placeholder{color:#717171}.shelf-search:focus-within{color:#808080}.shelf-tools select{font-size:10px;border:0;background:transparent;padding:3px 14px 3px 4px;color:#545454;min-height:27px}.shelf-tools .icon-button{width:26px;height:26px;color:#717171}.shelf-tools .icon-button:hover{background:#eaeaea;color:#7e7e7e}
.shelf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:29px 25px;align-items:start}.shelf-book{min-width:0;cursor:pointer;outline:none}.volume-stage{background:#e9e9e9;position:relative;display:flex;justify-content:center;align-items:center;min-height:300px;padding:23px 25px 20px;overflow:hidden;border:1px solid #e3e3e3}.shelf-book:nth-child(3n+2) .volume-stage{background:#e9e9e9}.shelf-book:nth-child(3n+3) .volume-stage{background:#e9e9e9}.volume-cover{width:168px;aspect-ratio:2/3;position:relative;background:#efefef;overflow:hidden;flex-shrink:0;transform-origin:30% 50%;transition:transform .25s ease;border-left:3px solid rgba(56,60,39,.18);border-right:1px solid rgba(56,60,39,.1)}.volume-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.volume-cover:after{content:'';position:absolute;inset:0;border:1px solid rgba(55,55,31,.05);pointer-events:none}.volume-typography{position:absolute;inset:0;padding:14px 14px 0;z-index:1}.volume-typography>span{display:flex;justify-content:space-between;align-items:center;color:#545454;font-size:5px;letter-spacing:1.2px}.volume-typography i{font-style:normal;letter-spacing:1px;font-size:5px}.volume-typography>b{font-size:17px;font-weight:600;line-height:1.5;letter-spacing:-.3px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:11px;color:#404040;max-height:78px;word-break:break-word}.volume-typography>small{display:block;font-size:4px;letter-spacing:1px;margin-top:9px;color:#545454}.volume-edition{position:absolute;left:15px;right:13px;bottom:10px;color:#868686;display:flex;justify-content:space-between;font:8px ui-monospace,monospace;letter-spacing:.7px;z-index:1}.volume-edition>span{font:6px var(--sans);letter-spacing:1px}.volume-open{position:absolute;left:18px;right:18px;bottom:10px;background:#f9f9f9;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;font-size:9px;color:#545454;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;border:1px solid #dedede}.shelf-book:hover .volume-cover,.shelf-book:focus-visible .volume-cover{transform:translateY(-6px) rotate(-2deg)}.shelf-book:hover .volume-open,.shelf-book:focus-visible .volume-open{opacity:1;transform:translateY(0)}.shelf-book:focus-visible .volume-stage{outline:2px solid #a2a2a2;outline-offset:3px}.shelf-book-meta{padding:14px 2px 0}.shelf-book-meta h3{font-size:13px;font-weight:500;color:#6f6f6f;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shelf-book-meta>div{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:7px;font-size:9px;color:#717171}.shelf-book-meta i{font-style:normal;margin:0 7px;color:#717171}.shelf-book-meta>div>span:last-child{color:#717171}
.shelf-add{min-height:300px;align-self:stretch;display:flex;align-items:center;justify-content:center;flex-direction:column;background:transparent;border:1px dashed #d4d4d4;color:#717171;padding:26px;cursor:pointer}.shelf-add>span{width:49px;height:53px;display:grid;place-items:center;color:#717171;border:1px solid #dbdbdb;background:#f1f1f1;margin-bottom:19px}.shelf-add b{font-weight:400;font-size:13px;color:#545454}.shelf-add small{font-size:10px;color:#717171;margin-top:7px}.shelf-add em{font-size:9px;font-style:normal;color:#717171;margin-top:21px}.shelf-add:hover{background:#ececec;border-color:#b9b9b9}.shelf-add:hover>span{background:#e2e2e2;color:#545454}.shelf-no-match{color:#717171;font-size:12px;margin-top:22px}.library-note{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #e0e0e0;padding-top:18px;margin-top:38px;color:#717171;font-size:9px}.library-note>span{display:flex;align-items:center;gap:7px}.library-note>a{color:#545454;display:flex;align-items:center;gap:8px}
/* Add a book belongs to the library, as a focused side panel. */
#modal{background:#fdfdfd;border:1px solid #dbdbdb;box-shadow:none;color:#787878;width:min(600px,calc(100vw - 30px));max-height:88dvh;padding:0}#modal::backdrop{background:rgba(39,47,32,.24);backdrop-filter:blur(3px)}#modal[data-kind=import]{width:min(615px,calc(100vw - 28px));height:calc(100dvh - 28px);max-height:none;inset:0 0 0 auto;margin:14px 14px 14px auto;animation:workspace-panel-in .22s ease-out}#modal[data-kind=ai]{width:min(540px,calc(100vw - 28px));max-height:calc(100dvh - 40px)}.modal-head{padding:22px 27px;border-color:#dedede;background:#fdfdfd}.modal-head h2{font-size:19px;font-weight:500;color:#606060;letter-spacing:-.3px}.modal-body{padding:26px 27px}.modal-actions{border-color:#e0e0e0;background:#f8f8f8;padding:17px 27px}#modal[data-kind=import] .modal-head{position:sticky;top:0;z-index:4}.add-book-intro{display:flex;gap:13px;align-items:center;padding-bottom:23px}.add-book-icon{width:44px;height:49px;flex-shrink:0;background:#eeeeee;border:1px solid #dddddd;display:grid;place-items:center;color:#545454}.add-book-intro p{font-size:14px;color:#545454;letter-spacing:.1px}.add-book-intro div>span{font-size:10px;color:#717171;margin-top:5px;display:block}.add-source-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #e2e2e2;margin-bottom:26px;gap:12px}.add-source-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:11px 3px 14px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#717171}.add-source-tabs button.active{color:#545454;border-color:#a4a4a4}.add-source-tabs button:hover{color:#545454;background:#f4f4f4}.add-source-tabs svg{width:15px;height:15px}.add-dropzone{position:relative;min-height:175px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f6f6f6;border:1px dashed #d9d9d9;padding:23px;margin-bottom:22px;overflow:hidden}.add-dropzone strong{font-size:13px;font-weight:400;color:#545454;overflow-wrap:anywhere;max-width:100%}.add-dropzone p{font-size:11px;color:#717171;margin-top:6px}.add-dropzone small{font-size:9px;color:#717171;margin-top:16px}.add-file-icon{color:#717171;margin-bottom:13px}.add-dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.add-dropzone:hover,.add-dropzone.drag{background:#ededed;border-color:#bbbbbb}.add-options{gap:17px}.add-options>.field{flex:1;min-width:0}.add-options label{font-size:11px}#material-text{min-height:180px}.add-ai-option{display:flex;gap:11px;align-items:center;border:1px solid #e2e2e2;background:#f8f8f8;padding:14px}.add-ai-option>div{display:flex;gap:11px;align-items:center;flex:1;min-width:0}.add-ai-option b{display:block;font-size:11px;color:#545454;font-weight:500}.add-ai-option small{display:block;font-size:9px;color:#717171;margin-top:4px}.add-ai-option .ai-monogram{color:#717171;background:#eeeeee;border-color:#dcdcdc;width:28px;height:31px;font-size:10px}.add-ai-link{display:flex;align-items:center;gap:5px;background:transparent;border:0;font-size:10px;color:#717171;white-space:nowrap;padding:0}.add-ai-link:hover{color:#545454}.add-ai-check{padding-left:3px;display:flex}.add-ai-check input{width:14px;height:14px;margin:0;accent-color:#9a9a9a}.import-small-note{font-size:9px;line-height:1.85;color:#717171;margin:11px 0 0}.add-submit{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #e6e6e6;margin-top:25px;padding-top:20px}.add-submit>span{font-size:9px;color:#717171}.add-submit .btn{font-size:11px}.sample-volumes{display:grid;gap:15px}.sample-volumes>button{display:flex;gap:19px;align-items:center;text-align:left;padding:16px;border:1px solid #e2e2e2;background:#fafafa;color:#545454}.sample-volumes img{width:64px;height:96px;object-fit:cover}.sample-volumes span{display:block;min-width:0}.sample-volumes b{font-size:14px;font-weight:500;color:#545454;display:block}.sample-volumes small{font-size:10px;display:block;color:#717171;margin-top:6px}.sample-volumes em{font-size:10px;font-style:normal;display:flex;align-items:center;gap:9px;margin-top:18px;color:#717171}.sample-volumes>button:hover{background:#f0f0f0;border-color:#cccccc}.import-working{display:flex;min-height:240px;align-items:center;justify-content:center;flex-direction:column;gap:17px}.import-working h3{font-size:16px;font-weight:500;color:#717171}.import-working p{font-size:11px;color:#717171}
/* AI configuration is a connection dialog with honest status. */
.ai-setup-intro{display:flex;gap:14px;align-items:center;margin-bottom:24px}.ai-setup-intro>.ai-monogram{width:39px;height:43px;font-size:13px;background:#ececec;color:#717171;border-color:#dcdcdc}.ai-setup-intro h3{font-size:15px;font-weight:500;color:#545454}.ai-setup-intro p{font-size:10px;color:#717171;margin-top:4px}.provider-note{background:#f4f4f4;border-left:2px solid #cecece;padding:12px 15px;margin:-3px 0 21px;font-size:11px;color:#717171}.provider-note>b{font-size:11px;font-weight:500;color:#545454}.provider-note p{font-size:10px;line-height:1.85;margin-top:5px;color:#717171}.provider-note a{display:block;font-size:9px;color:#717171;margin-top:8px}.ai-remove-key{font-size:10px!important;margin:10px 0 0!important;color:#717171!important}.ai-provider-boundary{font-size:9px;color:#717171;line-height:1.8}.ai-setup-status{padding:11px 13px;margin:17px 0 20px;background:#f4f4f4;border:1px solid #e4e4e4;color:#717171;font-size:10px;line-height:1.8}.ai-setup-status.success{background:#eeeeee;color:#717171;border-color:#dcdcdc}.ai-setup-status.error{background:#f6f6f6;color:#717171;border-color:#e0e0e0}.ai-setup-actions{display:flex;justify-content:end;gap:8px;border-top:1px solid #e7e7e7;padding-top:20px}.ai-setup-actions>.btn:first-child{margin-right:auto}.ai-setup-actions .btn{font-size:11px;padding:9px 13px;min-height:36px}
/* Give the learning page the same material and typography as the library. */
.wordbook-view{--wb-accent:#6e6e6e;--wb-accent-soft:#ececec;--wb-line:#e0e0e0;--wb-ink:#505050;--wb-muted:#ababab;--wb-surface:#fcfcfc}.wb-heading{align-items:center;margin-bottom:26px}.wb-heading h1{font-size:25px;color:#626262;font-weight:500}.wb-heading p{color:#717171}.wb-heading-art{width:43px;height:64px;object-fit:cover;flex-shrink:0;margin-right:2px;border-left:2px solid #c0c0c0}.wb-heading>div:first-of-type{flex:1;min-width:0}.wb-back-link{color:#717171;font-size:10px}.wb-heading-actions .btn{color:#717171;border-color:#dfdfdf;background:#fafafa}.wordbook-view .wb-heading-actions .btn.primary{background:#9c9c9c;color:#fafafa;border-color:#9c9c9c}.wordbook-view .wb-heading-actions .btn.primary:hover{background:#898989}.wb-toolbar{border-color:#e3e3e3;margin-bottom:22px}.wb-modes{background:#ebebeb;padding:4px;gap:2px}.wb-modes button{font-size:12px;color:#717171;padding:9px 13px}.wb-modes button.active{color:#545454;background:#fcfcfc}.wb-modes button:hover{background:#f4f4f4;color:#717171}.wb-selects select{color:#717171;background:transparent;border-color:#e2e2e2}.wb-selects .icon-button{color:#717171}.wb-layout{grid-template-columns:196px minmax(0,1fr);gap:25px}.wb-book-aside{background:#fafafa;border-color:#e3e3e3;top:86px}.wb-index-heading h2{font-size:12px;color:#717171}.wb-index-heading>span{color:#717171}.wb-index-search{background:#f2f2f2;border-color:#e3e3e3;color:#717171}.wb-index-search input{font-size:11px;background:transparent;color:#717171}.wb-index-search input::placeholder{color:#868686}.wb-index-row{border-color:transparent;min-height:52px;padding-top:10px;padding-bottom:10px}.wb-index-row:hover{background:#f0f0f0}.wb-index-row.is-active{background:#ebebeb;border-left-color:#aaaaaa}.wb-index-word b{font-size:12px;color:#717171}.wb-index-row.is-active .wb-index-word b{color:#545454}.wb-index-word small{color:#868686;font-size:10px}.wb-index-number{color:#868686}.wb-index-row.is-active .wb-index-number{color:#717171}.wb-index-bottom{background:#f7f7f7;border-color:#e4e4e4}.wb-index-bottom>div:first-child{color:#717171}.wb-index-bottom b,.wb-index-bottom>a{color:#717171}.wb-position-track{background:#e6e6e6}.wb-sheet{background:#fcfcfc;border-color:#e0e0e0;padding:25px 31px 0}.wb-sheet-top{color:#717171;font-size:9px}.wb-sheet-tools .icon-button{color:#868686}.wb-word-heading{margin-top:20px;margin-bottom:12px}.wb-term{font:500 52px/1.15 var(--serif);letter-spacing:-1.7px;color:#6b6b6b}.wb-term.wb-japanese{font-family:var(--sans);font-size:37px;letter-spacing:-.7px}.wb-term.wb-long-term{font-size:38px}.wb-pronunciation{color:#717171;font-size:12px;margin-bottom:25px}.wb-pronunciation>span{background:#f0f0f0;color:#717171}.wb-sound{background:#f1f1f1;border-color:#e3e3e3;color:#717171}.wb-sound:hover{background:#e6e6e6;color:#717171}.wb-definition{padding-top:21px;border-color:#e7e7e7}.wb-definition-label{color:#717171;font-size:10px}.wb-meaning{color:#545454;font-size:16px;line-height:1.9}.wb-provenance{color:#868686;font-size:9px}.wb-section-heading h3{color:#717171;font-size:11px}.wb-section-heading>span{color:#868686}.wb-examples blockquote{background:#f4f4f4;border-left-color:#d8d8d8;padding:13px 15px}.wb-examples blockquote p{font:14px/1.9 var(--sans);color:#717171}.wb-examples blockquote footer{color:#868686;font-size:9px}.wb-context-source{color:#868686}.wb-phrase-chip{background:#efefef;border-color:#e3e3e3}.wb-phrase-chip button{color:#717171;font-size:11px}.wb-phrase-chip:hover{background:#e5e5e5;border-color:#d2d2d2}.wb-phrase-chip button:hover{background:#dfdfdf;color:#545454}.wb-phrase-chip button:last-child{border-color:#dadada}.wb-sheet-bottom{color:#868686;border-color:#eaeaea}.wb-sheet-bottom>span:last-child{color:#868686}.wb-navigation .btn{color:#717171;border-color:#e4e4e4;background:#fafafa}.wb-navigation .btn.primary{background:#9b9b9b;border-color:#9b9b9b;color:#fafafa}.wb-navigation .btn.primary:hover:not(:disabled){background:#888888;color:#fff}.wb-position-text,.wb-position-text strong,.wb-position-text small{color:#717171}.wb-bottom-note{color:#717171;font-size:9px;margin-top:22px}.wb-notes{background:#f4f4f4;border-color:#dcdcdc}.wb-notes p{color:#717171}.wb-recall-prompt p{color:#717171}.wb-recall-prompt .btn,.wb-spelling-form .btn{background:#9e9e9e;border-color:#9e9e9e}.wb-spelling-prompt p{color:#717171}.wb-spelling-form input{background:#fafafa;border-color:#dedede;color:#717171}.wb-match-sheet{background:#fcfcfc;border-color:#e1e1e1}.wb-match-top h2{color:#717171}.wb-match-top p{color:#868686}.wb-match-count strong{color:#717171}.wb-match-count strong small,.wb-match-count>span{color:#868686}.wb-pair-tile{background:#fcfcfc;border-color:#e0e0e0;color:#717171}.wb-pair-word{font-size:16px}.wb-pair-meaning{color:#868686;font-size:12px}.wb-pair-tile:hover:not(:disabled){background:#f2f2f2;border-color:#c4c4c4}.wb-pair-tile.is-selected{background:#ebebeb;border-color:#bcbcbc;color:#717171}.wb-pair-tile.is-wrong{color:#717171;background:#f4f4f4;border-color:#d6d6d6}.wb-pair-tile.is-matched{color:#868686;background:#f2f2f2;border-color:#e0e0e0}.wb-match-feedback{color:#868686}.wb-match-footer{border-color:#e7e7e7}.wb-match-footer>span{color:#868686}.wb-match-footer .btn.primary{background:#a5a5a5;border-color:#a5a5a5}.wb-full-meaning summary{color:#717171}
.lex-token:hover,.lex-token:focus-visible{color:#545454;background:#e6e6e6;text-decoration-color:#c2c2c2}.lex-peek{border-color:#d7d7d7;border-top-color:#b4b4b4;background:#fbfbfb;color:#545454}.lex-peek-head h2{color:#545454}.lex-peek-meaning{color:#717171}.lex-peek-bar{border-color:#eaeaea;color:#868686}.lex-peek-mark{color:#717171}.lex-peek-reading{color:#868686}.lex-peek-example p{color:#717171!important}.lex-peek-example>span,.lex-peek-example small{color:#868686}.lex-peek-source{color:#868686!important}.lex-peek-footer{border-color:#eaeaea;background:#f8f8f8}.lex-open-entry,.lex-add-entry{color:#717171}.lex-mini-button{color:#868686}.lex-mini-button:hover{background:#eeeeee;color:#717171;border-color:#e2e2e2}.lex-mini-button.is-selected{color:#717171;background:#ececec}.lex-already-saved{color:#868686}
/* Existing tools remain available, with readable type and calmer surfaces. */
.reader-paper{background:#fdfdfd;border-color:#e1e1e1;padding:29px}.reader-paper h2{font-family:var(--sans);font-size:20px;color:#545454}.reader-meta{font-size:10px;color:#717171;border-color:#e6e6e6}.reader-text{font-size:16px;line-height:2.2;color:#717171}.reader-text.ja{font-size:17px}.reader-text mark{background:#eeeeee;color:#717171;border-bottom:1px solid #cfcfcf;padding:2px 0}.reader-text mark:hover{background:#e5e5e5;color:#545454}.reader-side .panel{padding:22px}.reader-side .meaning{color:#717171}.reader-side .context{font-size:13px;color:#868686}.reader-side .eyebrow{color:#868686;font-size:8px}.word-table th{font-size:10px;color:#717171;background:#f8f8f8}.word-table td{border-color:#ebebeb;color:#717171;font-size:12px}.word-table .term{font-size:14px;color:#717171}.word-table tbody tr:hover{background:#f3f3f3}.wordbook-launch{background:#f4f4f4;border-color:#dfdfdf}.wordbook-launch p{color:#717171}.dictionary-intro .big-letter{color:#868686}.dictionary-intro h2{font-size:23px;color:#717171}.dictionary-intro p{font-size:12px;color:#868686}.definition-card{background:#fcfcfc;border-color:#e1e1e1;padding:32px}.definition-header h2{font:42px var(--serif);color:#717171}.definition-body{font-size:16px;color:#717171;line-height:1.9}.suggestion{color:#717171;border-color:#e2e2e2;background:#fafafa}.study-card{background:#fcfcfc;border-color:#e0e0e0;padding:31px 40px}.study-word{font:48px var(--serif);color:#545454}.study-meaning{font-size:18px;color:#717171}.study-example{font-size:16px;color:#868686}.settings-grid h2{font-size:18px;color:#717171}.settings-grid p{font-size:11px;color:#717171}.account-guide{background:#f2f2f2}.account-guide h2{color:#717171}.community-scope{background:#f2f2f2;border-color:#e1e1e1}.community-scope strong{color:#717171}.community-scope p{color:#717171}.community-scope-mark{border-color:#dedede;color:#717171}.community-term{color:#717171}.community-meaning{color:#717171}.community-entry,.community-contribution,.community-review-card{background:#fdfdfd;border-color:#e2e2e2}.community-discipline{background:#f5f5f5;color:#717171;border-color:#e4e4e4}.community-evidence blockquote{color:#717171}.community-empty{background:#fdfdfd;border-color:#e0e0e0}.community-empty h2{color:#717171}.community-empty p{color:#868686}.community-stat-row p{color:#717171}.community-stat-row strong{color:#717171}.community-stat-row small{color:#868686}.community-bottom-note{color:#868686}.app-footer{padding:20px 38px;font-size:8px;letter-spacing:.7px;color:#717171;border-color:#e2e2e2;min-height:50px}.app-footer>span:nth-child(2){letter-spacing:0}#main[data-view=library]+.app-footer{display:none}.toast{background:#fafafa;border-color:#dedede;color:#717171;box-shadow:none;font-size:12px}
@keyframes workspace-panel-in{from{opacity:.5;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:1600px){.shelf-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.volume-cover{width:178px}.volume-stage{min-height:317px}.library-feature{grid-template-columns:1fr 300px 210px}}
@media(max-width:1150px){:root{--sidebar:190px}.sidebar{padding-left:13px;padding-right:13px}.brand{font-size:19px}.brand small{font-size:9px}.nav-item{font-size:11px;padding-left:10px}.topbar{margin:0 29px}#main{padding-left:29px;padding-right:29px}.library-feature{grid-template-columns:1fr 210px 155px}.library-feature-copy{padding:24px}.library-feature-copy h2{font-size:25px}.library-pulse{padding:0 19px}.library-pulse>div{gap:7px}.library-pulse>div>span{font-size:8px}.shelf-grid{gap:24px 19px}.volume-stage{min-height:273px;padding-left:17px;padding-right:17px}.volume-cover{width:150px}.volume-typography>b{font-size:15px}.volume-typography{padding:13px 12px 0}.shelf-toolbar{gap:13px}.shelf-tabs{gap:19px}.shelf-search input{width:90px}.wb-layout{grid-template-columns:178px minmax(0,1fr);gap:20px}.wb-sheet{padding:23px 25px 0}.wb-term{font-size:46px}.wb-heading h1{font-size:22px}}
@media(max-width:920px){.library-feature{grid-template-columns:1fr 200px}.library-pulse{display:none}.library-feature-copy h2{font-size:26px}.shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shelf-toolbar{flex-wrap:wrap}.shelf-tools{margin-left:auto}.volume-stage{min-height:300px}.volume-cover{width:168px}.volume-typography>b{font-size:17px}.shelf-add{min-height:300px}.wb-heading-art{display:none}.wb-heading h1{font-size:21px}.wb-sheet{padding:21px 22px 0}.wb-term{font-size:43px}.wb-layout{grid-template-columns:164px minmax(0,1fr);gap:17px}.wb-index-word b{font-size:11px}.wb-meaning{font-size:15px}.wb-modes button{padding:9px;font-size:11px}.reader-layout{grid-template-columns:1fr}.reader-side{display:grid;grid-template-columns:1fr 1fr;gap:15px}.reader-side .panel.mt20{margin-top:0}}
@media(max-width:700px){:root{--sidebar:0px}.sidebar{display:none}.app-shell{margin-left:0}.topbar{height:59px;margin:0 22px;gap:10px}.breadcrumb{font-size:8px;gap:10px;letter-spacing:1px}.breadcrumb strong{font-size:10px}#today-date{display:none}.topbar-right{gap:12px}#quick-search .quick-search-label,#quick-search kbd{display:none}#quick-search{width:26px;padding:0}.avatar{width:27px;height:27px}#main,#main[data-view=library]{padding:26px 22px 30px;min-height:calc(100dvh - 126px)}.library-heading{gap:15px;margin-bottom:24px;align-items:flex-end}.library-heading h1{font-size:29px;letter-spacing:-.7px;margin-top:8px}.library-heading p{font-size:11px}.library-kicker{font-size:8px;letter-spacing:1.4px}.library-heading>.btn{font-size:10px;padding:9px 11px;min-height:35px;gap:5px;white-space:nowrap;margin-bottom:1px}.library-heading>.btn svg{width:13px}.library-feature{grid-template-columns:1fr 38%;min-height:205px;margin-bottom:26px}.library-feature-copy{padding:22px 21px;min-width:0}.library-feature-copy>.library-kicker{font-size:6px;letter-spacing:.7px}.library-feature-copy h2{font-size:22px;letter-spacing:-.4px;line-height:1.5;margin:11px 0 9px}.library-feature-copy p{font-size:9px;margin-bottom:14px}.library-feature-copy .btn{font-size:9px;padding:6px 9px;min-height:28px;gap:6px}.library-feature-copy .btn svg{width:12px}.library-feature-art{min-height:205px}.library-feature-art>img{object-position:50% 68%}.feature-art-caption{font-size:5px;left:10px;bottom:10px;letter-spacing:1px}.shelf-toolbar{margin-bottom:22px;gap:14px;min-height:0}.shelf-tabs{gap:22px;min-height:34px}.shelf-tabs button{font-size:11px;padding-bottom:11px}.shelf-tools{gap:7px;justify-content:flex-end;width:100%;padding-bottom:12px}.shelf-search{margin-right:auto;flex:1;max-width:180px}.shelf-search input{width:100%;min-width:0;font-size:10px}.shelf-tools select{font-size:9px;padding-right:12px}.shelf-tools .icon-button{width:24px;height:24px}.shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.volume-stage{min-height:213px;padding:17px 13px 15px}.volume-cover{width:118px;max-width:100%;border-left-width:2px}.volume-typography{padding:10px 10px 0}.volume-typography>span{font-size:4px;letter-spacing:.6px}.volume-typography i{font-size:4px;letter-spacing:.3px}.volume-typography>b{font-size:12px;line-height:1.45;margin-top:9px;letter-spacing:-.3px;max-height:53px}.volume-typography>small{font-size:3px;letter-spacing:.5px;margin-top:5px}.volume-edition{font-size:6px;left:10px;right:8px;bottom:7px}.volume-edition>span{font-size:4px}.volume-open{display:none}.shelf-book-meta{padding-top:12px}.shelf-book-meta h3{font-size:11px;line-height:1.7}.shelf-book-meta>div{font-size:8px;margin-top:5px;gap:7px}.shelf-book-meta i{margin:0 4px}.shelf-book-meta>div>span:last-child{display:none}.shelf-add{min-height:213px;padding:20px 12px}.shelf-add>span{width:34px;height:39px;margin-bottom:14px}.shelf-add>span svg{width:22px}.shelf-add b{font-size:11px}.shelf-add small{font-size:8px;margin-top:6px}.shelf-add em{font-size:8px;margin-top:16px}.library-note{font-size:8px;line-height:1.8;gap:13px;margin-top:29px;padding-top:16px;flex-wrap:wrap}.library-note>span{gap:6px}.library-note>a{font-size:8px;gap:7px}#main[data-view=library]+.app-footer{display:block;visibility:hidden;height:60px;min-height:60px;padding:0}.page-heading{flex-direction:column;align-items:start;gap:16px;margin-bottom:23px}.page-heading h1{font-size:25px}.page-heading .eyebrow{font-size:8px}.page-heading p{font-size:11px;line-height:1.9}.page-actions{gap:7px}.btn{font-size:11px;min-height:35px;padding:8px 12px}.btn.small{font-size:10px;padding:7px 10px;min-height:31px}.panel{padding:22px}.field label,.field-label{font-size:11px}.field input,.field select{min-height:40px}.field textarea{font-size:13px}.form-row{gap:14px}#modal{width:calc(100vw - 24px);max-height:calc(100dvh - 30px)}#modal[data-kind=import]{inset:0;width:100%;height:100dvh;max-height:100dvh;margin:0;border:0}#modal[data-kind=ai]{width:calc(100vw - 24px);max-height:calc(100dvh - 26px)}.modal-head{padding:20px 23px}.modal-head h2{font-size:20px}.modal-body{padding:24px 23px}.modal-actions{padding:16px 23px}.add-book-intro{padding-bottom:21px}.add-book-intro p{font-size:13px}.add-book-intro div>span{font-size:9px}.add-source-tabs{gap:7px;margin-bottom:24px}.add-source-tabs button{font-size:11px;padding:10px 0 13px;gap:6px}.add-source-tabs svg{width:14px}.add-dropzone{min-height:185px;padding:23px 15px}.add-dropzone strong{font-size:13px}.add-dropzone p{font-size:11px}.add-dropzone small{font-size:9px}.add-ai-option{padding:13px;gap:8px}.add-ai-option>div{gap:9px}.add-ai-option small{font-size:8px}.add-ai-link{font-size:9px}.add-ai-link svg{width:10px}.import-small-note{font-size:9px}.add-submit{gap:10px}.add-submit .btn{font-size:10px;gap:6px}.add-submit>span{font-size:8px}.sample-volumes>button{gap:17px;padding:15px}.sample-volumes img{width:57px;height:85px}.sample-volumes b{font-size:13px}.sample-volumes small{font-size:9px}.sample-volumes em{font-size:9px;margin-top:14px}.ai-setup-intro{gap:12px}.ai-setup-intro h3{font-size:14px}.ai-setup-intro p{font-size:9px}.ai-setup-actions{gap:6px}.ai-setup-actions .btn{font-size:10px;padding:9px 10px;min-height:35px}.provider-note p{font-size:10px}.ai-provider-boundary{font-size:9px}.ai-setup-status{font-size:10px}.wb-heading{gap:12px;margin-bottom:20px}.wb-heading h1{font-size:21px;font-weight:500;text-wrap:balance}.wb-heading p{font-size:10px}.wb-heading-actions{padding-top:21px}.wb-heading-actions .btn{font-size:9px;min-height:29px;padding:6px 8px}.wb-heading-art{display:none}.wb-toolbar{margin-bottom:0}.wb-modes{padding:4px;gap:1px}.wb-modes button{font-size:11px;padding:10px 4px}.wb-selects select{font-size:10px}.wb-layout{display:block}.wb-book-aside{margin-bottom:15px}.wb-mobile-index-bar{font-size:10px;color:#717171;padding:14px 0}.wb-mobile-index-bar button{color:#717171}.wb-sheet{padding:20px 21px 0}.wb-sheet-top{font-size:8px}.wb-word-heading{margin-top:19px;gap:13px}.wb-term{font-size:41px;letter-spacing:-1px}.wb-term.wb-japanese{font-size:31px}.wb-term.wb-long-term{font-size:31px}.wb-pronunciation{font-size:11px;margin-bottom:24px}.wb-meaning{font-size:15px;line-height:1.9}.wb-definition{padding-top:19px}.wb-section-heading h3{font-size:10px}.wb-examples blockquote{padding:12px 14px}.wb-examples blockquote p{font-size:13px;line-height:1.95}.wb-examples blockquote footer{font-size:8px}.wb-bottom-note{font-size:8px}.wb-navigation .btn{font-size:10px;min-height:34px}.wb-match-sheet{padding:22px 20px 0}.wb-match-top h2{font-size:18px}.wb-match-top p{font-size:10px}.wb-pair-word{font-size:14px}.wb-pair-meaning{font-size:11px}.wb-match-feedback{font-size:10px}.wb-match-count strong{font-size:25px}.lex-peek-head h2{font-size:25px}.lex-peek-meaning{font-size:13px}.reader-paper{padding:25px}.reader-paper h2{font-size:19px}.reader-text{font-size:15px}.reader-side{grid-template-columns:1fr}.definition-card{padding:27px}.definition-header h2{font-size:36px}.definition-body{font-size:15px}.study-card{padding:28px 25px}.study-word{font-size:40px}.study-meaning{font-size:17px}.study-example{font-size:15px}.app-footer{padding:17px 22px 86px;font-size:8px;gap:12px}.app-footer>span:nth-child(2){display:none}#mobile-nav{height:65px;grid-template-columns:repeat(4,minmax(0,1fr));background:#f7f7f7;border-color:#dfdfdf;padding-bottom:env(safe-area-inset-bottom)}#mobile-nav a{font-size:9px;color:#717171;gap:5px}#mobile-nav a.active{color:#545454}#mobile-nav svg{width:19px;height:19px}}
@media(max-width:380px){#main,#main[data-view=library]{padding-left:18px;padding-right:18px}.topbar{margin-left:18px;margin-right:18px}.library-heading h1{font-size:27px}.library-kicker{font-size:7px;letter-spacing:1px}.library-feature-copy{padding:21px 17px}.library-feature-copy h2{font-size:20px}.shelf-grid{gap:22px 13px}.volume-stage{padding-left:10px;padding-right:10px;min-height:204px}.volume-cover{width:112px}.shelf-add{min-height:204px}.shelf-tabs{gap:20px}.shelf-tools{gap:6px}.shelf-search{max-width:137px}.modal-body{padding-left:21px;padding-right:21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.shelf-book:hover .volume-cover{transform:none}}

/* Dark reading text, quieter metadata, color in the artwork and actions. */
.library-heading h1{color:#2a2a2a}.library-heading p{color:#747474}.library-feature-copy h2{color:#3a3a3a}.library-feature-copy p{color:#6c6c6c}.library-feature-copy>.library-kicker{color:#717171}.volume-typography>b{color:#323232}.volume-typography>span,.volume-typography>small{color:#6e6e6e}.volume-edition{color:#e5e5e5}.feature-art-caption{color:#dedede}.shelf-book-meta h3{color:#393939}.shelf-book-meta>div{color:#727272}.shelf-add b{color:#4f4f4f}.shelf-add small,.shelf-add em{color:#767676}
.nav-item{font-size:13px}.brand-mark{color:#ececec}#workspace-ai-shortcut b{color:#484848}#workspace-ai-shortcut small{color:#747474}.field label,.field-label{color:#414141;font-size:12px}.field label>span{color:#7a7a7a}input:not([type=checkbox]):not([type=radio]),textarea,select{color:#303030;font-size:13px}input::placeholder,textarea::placeholder{color:#888888}.modal-head h2{color:#323232}.modal-body{color:#404040}.add-book-intro p,.ai-setup-intro h3{color:#3a3a3a}.add-book-intro div>span,.ai-setup-intro p{color:#737373;font-size:11px}.add-source-tabs button{color:#727272}.add-source-tabs button.active{color:#393939;border-color:#686868;font-weight:500}.add-dropzone strong{color:#494949}.add-dropzone p{color:#737373}.add-dropzone small{color:#7d7d7d;font-size:10px}.add-ai-option b{color:#484848;font-size:12px}.add-ai-option small{color:#777777;font-size:10px}.add-ai-link{color:#535353;font-size:11px}.import-small-note,.add-submit>span{color:#727272;font-size:10px}.provider-note>b{color:#434343}.provider-note p{color:#696969;font-size:11px}.provider-note a{color:#4f4f4f;font-size:10px}.ai-provider-boundary{color:#737373;font-size:10px}.ai-setup-status{color:#595959;font-size:11px}.ai-setup-status.success{color:#484848}.ai-setup-status.error{color:#9d4030}.form-error{color:#a74431}.btn.text{color:#5c5c5c}.btn.lime{color:#505050}
.wordbook-view{--wb-ink:#313131;--wb-muted:#727272}.wb-heading h1{color:#323232}.wb-term{color:#292929}.wb-meaning{color:#3c3c3c}.wb-pronunciation{color:#6e6e6e}.wb-definition-label,.wb-section-heading h3{color:#646464}.wb-provenance{color:#7e7e7e}.wb-index-heading h2{color:#464646}.wb-index-word b{color:#505050}.wb-index-word small{color:#787878}.wb-index-row.is-active .wb-index-word b{color:#3c3c3c}.wb-sheet-top{color:#787878}.wb-examples blockquote p{color:#4a4a4a}.wb-examples blockquote footer{color:#7a7a7a}.wb-phrase-chip button{color:#5d5d5d}.wb-recall-prompt p,.wb-spelling-prompt p{color:#545454}.wb-match-top h2{color:#424242}.wb-pair-word{color:#3a3a3a}.wb-pair-meaning{color:#5f5f5f}.wb-match-feedback{color:#6e6e6e}.wb-pair-tile.is-matched{color:#757575}.wb-pair-tile.is-matched .wb-pair-word,.wb-pair-tile.is-matched .wb-pair-meaning{color:#757575}.wb-pair-tile.is-wrong{color:#9f4736;border-color:#b4b4b4;background:#f3f3f3}.wb-pair-tile.is-wrong .wb-pair-word,.wb-pair-tile.is-wrong .wb-pair-meaning{color:#9f4736}.wb-heading-actions .btn.primary,.wb-navigation .btn.primary,.wb-recall-prompt .btn,.wb-spelling-form .btn,.wb-match-footer .btn.primary{background:#767676;border-color:#767676;color:#fcfcfc}.wb-navigation .btn.primary:hover:not(:disabled){background:#666666}
.lex-peek-head h2{color:#393939}.lex-peek-meaning{color:#484848}.lex-peek-example p{color:#5a5a5a!important}.lex-peek-source{color:#808080!important}.lex-mini-button{color:#767676}.lex-peek-reading,.lex-peek-bar,.lex-peek-example>span{color:#7a7a7a}.reader-paper h2,.definition-header h2{color:#3b3b3b}.reader-text{color:#484848}.reader-text mark{color:#404040;background:#e6e6e6}.definition-body{color:#535353}.study-word{color:#383838}.study-meaning{color:#505050}.study-example{color:#6e6e6e}.settings-grid h2,.community-term{color:#424242}.community-meaning,.community-evidence blockquote{color:#5e5e5e}.toast{color:#434343}
@media(max-width:700px){.nav-item{font-size:12px}.add-book-intro div>span{font-size:10px}.add-ai-option small{font-size:9px}.add-ai-link{font-size:10px}.import-small-note{font-size:10px}.add-submit>span{font-size:9px}.field label,.field-label{font-size:12px}}

@media(max-width:700px){.library-feature-copy h2{font-size:20px;line-height:1.5}#modal[data-kind=import]{max-width:100vw;width:100%;inset:0;margin:0}.library-feature-copy p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}

.field label.check-item{display:flex;align-items:center;gap:8px;line-height:1.7}.field input[type=checkbox],.check-item input[type=checkbox],.field input[type=radio]{width:14px;height:14px;min-height:14px;padding:0;flex:0 0 14px;margin:0;accent-color:#666666}#workspace-ai-form .field{margin-bottom:18px}.ai-remove-key{justify-content:flex-start}