@charset "UTF-8";
:root{--bg:#f7f6f2;--paper:#fff;--ink:#34323b;--muted:#95929a;--line:#eeecf0;--purple:#79669e;--purple-soft:#f1edf8;--green:#719287;--sidebar:#282633;--radius:16px;font-family:"Microsoft YaHei UI","PingFang SC","Noto Sans SC",system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;font-size:14px}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:default;opacity:.4}a{color:var(--purple);text-decoration:none}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--purple)}input,textarea,select{outline-color:var(--purple)}button{transition:background .16s,transform .16s,color .16s}button:active:not(:disabled){transform:translateY(1px)}.app-shell{display:flex;min-height:100vh}.sidebar{width:228px;background:var(--sidebar);color:#b1acbf;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:38px 20px 22px;z-index:20}.brand{display:flex;gap:12px;color:#f8f6fc;align-items:center;font-size:19px;letter-spacing:1px;font-weight:600;padding-left:4px}.brand small{display:block;font-size:9px;color:#bcb3cf;letter-spacing:2.5px;margin-top:7px}.brand-orbit{display:grid;place-items:center;width:43px;height:43px;border:1px solid #9280b1;border-radius:50%;font-size:25px;font-family:serif;position:relative}.brand-orbit:after{content:"";position:absolute;width:54px;height:21px;border:1px solid #bcaccf;border-radius:50%;transform:rotate(-36deg)}.nav-caption{font-size:10px;letter-spacing:2px;color:#787284;margin:44px 14px 17px}nav{display:grid;gap:8px}.nav-item{display:flex;align-items:center;text-align:left;gap:12px;border-radius:9px;padding:14px 15px;width:100%;font-size:13px}.nav-item:hover{background:#33303f;color:#eee}.nav-item.active{background:#766591;color:#fff;box-shadow:0 6px 15px #1c182421}.nav-icon{font-size:19px;width:23px;text-align:center;line-height:1}.nav-dot{width:5px;height:5px;border-radius:50%;background:#ded6ea;margin-left:auto}.nav-count{font-size:10px;background:#ffffff0c;padding:2px 6px;border-radius:5px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:35px}.privacy-card{border:1px solid #46404f;background:linear-gradient(135deg,#332f40,#2c2936);border-radius:12px;padding:19px 15px}.privacy-mark{display:block;color:#baa9db;font-size:22px;margin-bottom:11px}.privacy-card strong{font-size:11px;font-weight:500;color:#ddd7e8}.privacy-card p{font-size:10px;color:#8b8498;line-height:1.9;margin:9px 0 14px}.offline-indicator{font-size:10px;color:#b4c6b5;display:flex;align-items:center;gap:6px}.offline-indicator i,.status-pill i{width:5px;height:5px;border-radius:50%;background:#81a38a}.version-label{font-size:9px;color:#756e83;display:flex;justify-content:space-between;margin:20px 8px 0;letter-spacing:1px}main{margin-left:228px;min-width:0;flex:1}.topbar{height:78px;border-bottom:1px solid #eae8e5;display:flex;align-items:center;justify-content:space-between;padding:0 44px}.breadcrumb{font-size:11px;color:#aaa4ac;display:flex;gap:15px}.breadcrumb #page-title{color:#68636e}.top-actions{display:flex;align-items:center;gap:19px}.status-pill{font-size:10px;color:#7b8c80;display:flex;align-items:center;gap:7px}.icon-button{width:27px;height:27px;border:1px solid #ddd8e2;border-radius:50%;color:#a29aa8;display:inline-grid;place-items:center;font-size:12px}.icon-button:hover{background:var(--purple-soft)}.icon-button.small{width:22px;height:22px;border:0;font-size:20px}.content{padding:36px 44px 22px;max-width:1660px;margin:auto}.view{display:none}.view.active{display:block}.page-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px;min-height:116px}.eyebrow{font-size:9px;letter-spacing:2.3px;color:#a198ad;font-weight:600;margin-bottom:13px}h1{font-size:30px;letter-spacing:1.8px;font-weight:600;margin:0;line-height:1.5}h1 em{font-style:normal;color:var(--purple)}.page-intro p,.section-title p{color:#99939c;font-size:11px;letter-spacing:.5px;margin:13px 0 0}.orbit-art{position:relative;width:151px;height:98px;margin-right:25px;color:#c0b4d2}.orbit-art:before,.orbit-art:after{content:"";position:absolute;inset:18px 4px;border:1px solid #ddd6e5;border-radius:50%;transform:rotate(-24deg)}.orbit-art:after{inset:5px 34px;transform:rotate(26deg);border-style:dashed}.orbit-art span{position:absolute;top:33px;left:54px;font-family:serif;font-size:31px;transform:rotate(-12deg)}.orbit-art b{position:absolute;right:12px;top:6px;font-size:23px;font-weight:400}.orbit-art i{font-style:normal;position:absolute;left:1px;top:59px;font-size:14px}.orbit-art small{position:absolute;bottom:0;right:24px;font-size:10px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:23px}.typing-column{min-width:0}.card{background:var(--paper);border:1px solid #ebe8e9;border-radius:var(--radius);box-shadow:0 3px 7px #38304402}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px 23px}.card-heading strong{font-size:12px;font-weight:600}.heading-with-icon{display:flex;gap:9px;align-items:center}.tiny-icon{font-size:18px;color:#9784b0}.subtle-tag{background:#f5f3f7;color:#a89cab;padding:4px 7px;border-radius:4px;font-size:9px;font-weight:400}.segmented{display:flex;background:#f6f5f7;border-radius:6px;padding:3px;gap:2px}.segmented button{font-size:10px;padding:5px 10px;border-radius:4px;color:#a099a5}.segmented button.selected{color:var(--purple);background:#fff;box-shadow:0 1px 4px #4430500b}.editor-card{overflow:hidden}#editor{display:block;width:100%;height:234px;border:0;resize:vertical;min-height:140px;max-height:500px;background:none;padding:9px 25px 18px;color:#4b4555;line-height:2;font-size:16px;outline:0}#editor::placeholder{font-size:14px;color:#b3adb9;line-height:2.2}.editor-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 24px 18px;font-size:9px;color:#b0a9b5;gap:10px}.editor-footer>span{display:flex;align-items:center;gap:5px}.editor-footer>div{display:flex;align-items:center;gap:13px}.small-dot{width:4px;height:4px;background:#9ead9d;border-radius:50%}.text-button{font-size:10px;color:var(--purple);padding:2px 0;white-space:nowrap}.text-button:hover{color:#4d346f}.muted{color:#a59daa}.composition-area{border-top:1px solid var(--line);background:#fdfcfe;padding:18px 21px 12px;min-height:144px}.pinyin-line{display:flex;gap:10px;align-items:center}.pinyin-badge{background:#ebe5f3;color:#8c77a7;padding:4px 6px;border-radius:4px;font-size:10px}#pinyin-input{background:none;border:0;outline:0;color:#806696;width:100%;min-width:0;letter-spacing:1px;font-size:13px;padding:2px}#pinyin-input::placeholder{color:#b5acbd;font-size:11px;letter-spacing:0}.query-time{font-size:9px;color:#c0b6c7;white-space:nowrap}.candidates{display:flex;gap:5px;flex-wrap:wrap;align-items:center;min-height:54px;padding:9px 0 5px}.candidate{display:flex;align-items:center;gap:7px;border-radius:6px;padding:8px 10px;font-size:15px;white-space:nowrap}.candidate .candidate-number{font-size:9px;color:#aea4b6}.candidate.active{background:#85709f;color:white}.candidate.active .candidate-number{color:#d9cce6}.candidate:hover{background:#eee8f6;color:#6b4d89}.candidate-placeholder{color:#afa4b9;font-size:11px;padding:8px 0}.candidate-footer{display:flex;justify-content:space-between;align-items:center;color:#b4aabc;font-size:9px;margin-top:7px;gap:7px}.candidate-footer>div{display:flex;align-items:center;gap:10px;white-space:nowrap}.candidate-footer button{font-size:18px;line-height:1;padding:0 4px}.keyboard-card{margin-top:17px;padding:17px 20px 19px;background:#f1f0ed;border-color:#e6e3e1}.keyboard-toolbar{display:flex;align-items:center;font-size:11px;color:#8f8896;gap:7px;margin-bottom:16px}.keyboard-toolbar strong{font-weight:400;margin-left:5px}.keyboard-hint{font-size:9px;margin-left:auto;color:#a9a3ae}.keyboard-toolbar .text-button{margin-left:8px;color:#aba1b4;font-size:9px}.keyboard{display:grid;gap:7px}.keyboard.hidden{display:none}.key-row{display:flex;justify-content:center;gap:7px}.key{height:37px;flex:1;max-width:57px;border:1px solid #e3e0df;background:#fcfcfb;box-shadow:0 2px 0 #dfdcdd70;border-radius:6px;color:#716b78;font-size:12px;font-family:system-ui,sans-serif}.key:hover{background:#eee7f5;border-color:#c6b4dd}.key.special{background:#e8e4ed;font-size:10px;max-width:88px;flex:1.5;color:#8b7b9c}.key.space{max-width:260px;flex:5;color:#b0a7b9;font-size:10px;background:#fff}.key.commit{max-width:96px;color:#fff;background:#88749f;border-color:#88749f;font-size:10px;flex:1.8}.quick-trials{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:19px;font-size:10px;color:#aba4ad}.quick-trials>span{margin-right:4px}.quick-trials button{background:#eeece9;padding:7px 9px;border-radius:5px;color:#8c8295;font-size:10px}.quick-trials button:hover{background:#e6dff0}.quick-trials small{font-size:8px;color:#b1a8b9;padding-left:6px}.right-column{display:flex;flex-direction:column;gap:18px}.daily-card{background:#eee8f5;border:1px solid #e6deee;border-radius:16px;padding:23px;position:relative;overflow:hidden;min-height:291px}.daily-top{display:flex;justify-content:space-between;color:#a595b5;font-size:9px;letter-spacing:.5px}.daily-top span:first-child{color:#86709e;font-size:10px}.daily-label{font-size:9px;color:#b0a0bf;margin-top:30px}.daily-card h2{font-size:29px;letter-spacing:6px;font-weight:500;color:#6c5588;font-family:"Songti SC","SimSun",serif;margin:15px 0 10px}.daily-pinyin{font-size:10px;color:#b0a2bd;letter-spacing:1.5px}.daily-card p{font-size:10px;color:#9b8ca9;line-height:1.9;margin:18px 0 23px}.daily-button{font-size:10px;color:#8b719f;padding:0;display:flex;align-items:center;gap:32px}.daily-button span{font-size:15px}.daily-star{position:absolute;right:18px;bottom:75px;font-size:79px;color:#d7cce33c;transform:rotate(12deg)}.lexicon-overview .card-heading{padding:20px 21px 0}.lexicon-overview .card-heading strong{font-size:11px}.lexicon-overview .text-button{font-size:9px}.total-number{font-size:29px;color:#5c4d6e;letter-spacing:1px;margin:18px 21px 15px;font-weight:500;font-variant-numeric:tabular-nums}.total-number>span{display:block;font-size:9px;color:#b4aaba;letter-spacing:.5px;margin-top:4px}.category-stats{padding:0 21px;display:grid;gap:12px}.category-stat{display:flex;align-items:center;gap:8px;font-size:10px;color:#96909d}.category-stat i{width:6px;height:6px;border-radius:2px;background:#c2afd2}.category-stat:nth-child(2) i{background:#a0bdb2}.category-stat:nth-child(3) i{background:#dcc29d}.category-stat:nth-child(4) i{background:#a5b8d3}.category-stat:nth-child(5) i{background:#cfaeb9}.category-stat span:last-child{margin-left:auto;color:#a198ab;font-size:10px}.coverage-note{border-top:1px solid #f1eef4;margin-top:18px;padding:13px 16px;font-size:8px;color:#b7afbd;text-align:center}.gentle-note{display:flex;align-items:center;gap:12px;padding:0 12px;color:#c2b6cd}.gentle-note>span{font-size:25px}.gentle-note p{font-size:10px;color:#aaa0b3;line-height:1.9;margin:0}.gentle-note small{font-size:8px;color:#bbb2c3}.bottom-note{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#b3acb8;margin-top:27px;padding-top:18px;border-top:1px solid #e9e6e8}.bottom-note span:first-child{color:#9ba698}.section-title{margin:9px 0 30px}.section-title h1{font-size:29px}.section-title p{line-height:1.8}.library-controls{padding:22px}.search-input{width:100%;padding:13px 16px;border:1px solid #e7e0ec;border-radius:9px;background:#fbf9fd;font-size:13px}.filter-line{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:20px}.filter-tabs{display:flex;gap:6px;flex-wrap:wrap}.filter-tabs button{padding:7px 12px;font-size:11px;color:#9a8aa7;border-radius:6px}.filter-tabs button.active{background:#eee7f6;color:#7a5b97}select{border:1px solid #e2dae9;border-radius:7px;padding:8px 10px;color:#8a759d;background:#fff;font-size:11px;max-width:100%}.results-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 14px;color:#a399ac;font-size:11px;gap:15px}.results-heading strong{color:#73627f;font-weight:500}.results-heading>span:last-child{font-size:10px;color:#b3a8be}.dictionary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.word-card{padding:19px 20px;min-width:0}.word-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.word-type{color:#a28ab8;background:#f4eff9;border-radius:4px;font-size:9px;padding:3px 6px}.favorite-button{font-size:19px;color:#b6a3c4;padding:0 2px}.favorite-button.saved{color:#cba46c}.word-card h3{font-size:20px;font-weight:500;margin:14px 0 7px;overflow-wrap:anywhere;letter-spacing:1px}.word-card .word-pinyin{font-size:10px;color:#b4a8bf;margin:0 0 12px;overflow-wrap:anywhere;line-height:1.7}.word-card .meaning{font-size:11px;color:#9a8aa7;line-height:1.8;height:39px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 16px}.word-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f2edf6;padding-top:13px}.word-card-bottom .text-button{font-size:10px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:24px 0;color:#a292b0;font-size:11px}.primary-button,.secondary-button{border-radius:7px;padding:11px 17px;font-size:12px;white-space:nowrap}.primary-button{color:#fff;background:#84709e;border:1px solid #84709e}.primary-button:hover{background:#6f5a89}.secondary-button{color:#8b719f;background:#fff;border:1px solid #ddd2e7}.secondary-button:hover{background:#f4eff9}.personal-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:25px}.form-card{padding:24px;height:fit-content}.form-card h2,.source-card h2,.download-hero h2{font-size:18px;font-weight:500;color:#79618c;margin:0 0 22px}.form-card label{display:grid;gap:8px;font-size:11px;color:#a18caa;margin-bottom:19px}.form-card input{width:100%;min-width:0;padding:11px;border:1px solid #e9dfef;border-radius:6px;background:#fcfaff;font-size:12px;color:#685276}.form-card .primary-button{width:100%;margin-top:5px}.form-hint{font-size:10px;line-height:1.8;color:#b2a2ba}.backup-actions{display:flex;gap:8px;padding-top:20px;margin-top:25px;border-top:1px solid #f0e9f4}.backup-actions .secondary-button{font-size:10px;flex:1;padding:9px 7px}.personal-grid .results-heading:first-child{margin-top:0}.personal-list{display:grid;gap:10px}.personal-entry{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid #eae2ef;border-radius:10px}.personal-entry>div{flex:1;min-width:0}.personal-entry strong{font-size:14px;color:#745e85;font-weight:500;overflow-wrap:anywhere}.personal-entry p{font-size:10px;color:#b19ebc;margin:5px 0 0}.favorites-heading{margin-top:28px}.empty-state{padding:40px 20px;border:1px dashed #d9cee2;border-radius:12px;text-align:center;color:#ad9ab9;font-size:12px;line-height:1.9}.dictionary-grid .empty-state{grid-column:1/-1}.download-hero{display:flex;justify-content:space-between;align-items:center;padding:35px;background:linear-gradient(110deg,#fff,#f4eef9)}.download-hero h2{margin:17px 0;font-size:25px}.download-hero p{font-size:12px;line-height:1.9;color:#a693b2}.download-hero .primary-button{margin-top:10px;margin-right:7px}.download-hero .form-hint{font-size:10px}.download-graphic{display:grid;place-items:center;color:#bca7ce;font-family:serif;font-size:75px;border:1px solid #d3bfdf;border-radius:27px;width:151px;height:151px;transform:rotate(-7deg);background:#eee5f6;margin:20px 30px}.download-graphic span{display:block;font-size:17px;margin-top:-22px;color:#b8a4c9}.section-row{display:flex;align-items:center;justify-content:space-between;margin-top:35px;gap:12px}.section-row h2{font-size:17px;color:#846991;font-weight:500}.section-row+p{font-size:11px;line-height:1.8}.platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px}.platform-card{padding:24px 20px}.platform-symbol{display:grid;place-items:center;width:40px;height:40px;background:#f1eaf7;color:#ad96bf;border-radius:9px;font-size:26px}.platform-card h3{font-size:16px;font-weight:500;color:#7b638c;margin:17px 0 9px}.platform-card p{font-size:11px;color:#b29abe}.status-label{font-size:9px;color:#92a591;background:#f1f6ef;padding:4px 6px;border-radius:4px;display:inline-block}.platform-card a{display:block;margin-top:20px;font-size:10px;color:#987baa}.roadmap{padding:24px;margin-top:23px}.roadmap h3{font-size:13px;color:#81618f;font-weight:500;margin:0}.roadmap p{font-size:11px;line-height:1.9;color:#a38cad}.roadmap a{font-size:11px}.settings-card{padding:0 26px;max-width:850px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid #f0e9f5}.setting-row:last-child{border-bottom:0}.setting-row strong{font-size:13px;color:#866995;font-weight:500}.setting-row p{font-size:10px;color:#ae97b8;margin:8px 0 0;line-height:1.7}.switch{position:relative;width:38px;height:22px;flex-shrink:0}.switch input{position:absolute;width:100%;height:100%;opacity:0;margin:0;cursor:pointer;z-index:1}.switch span{display:block;width:38px;height:22px;background:#ded3e5;border-radius:20px}.switch span:after{content:"";position:absolute;width:16px;height:16px;top:3px;left:3px;background:#fff;border-radius:50%;transition:transform .2s}.switch input:checked+span{background:#9273a7}.switch input:checked+span:after{transform:translateX(16px)}.switch input:focus-visible+span{outline:2px solid var(--purple);outline-offset:4px}.source-card{padding:27px;max-width:850px;margin-top:24px}.source-card h2{font-size:16px;margin-bottom:14px}.source-card p{font-size:11px;line-height:1.9;color:#a28eac}.source-item{margin:15px 0;font-size:11px;line-height:1.8}.source-item a{color:#8e6ca5}.source-item small{display:block;color:#b09cba;font-size:10px}.toast{position:fixed;bottom:30px;left:calc(50% + 114px);transform:translate(-50%,15px);padding:12px 24px;border-radius:9px;background:#40344eea;color:#fff;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100;box-shadow:0 4px 30px #36234322;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #e4d8ee;border-radius:18px;padding:36px;max-width:490px;width:calc(100% - 40px);color:#826491;background:#fdfbff;box-shadow:0 20px 100px #28183c33}dialog::backdrop{background:#30233950;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:14px;top:9px;color:#bca4cb;font-size:25px}dialog h2{font-weight:500;letter-spacing:2px;font-size:25px}dialog p{font-size:12px;line-height:1.9;color:#a188ad;overflow-wrap:anywhere}dialog .word-pinyin{font-size:12px;letter-spacing:1px;color:#b49bc2}dialog .detail-actions{display:flex;gap:10px;margin-top:25px}.load-error{padding:20px;border:1px solid #cda9a9;color:#a26767;background:#fff6f6;border-radius:12px;font-size:13px;line-height:1.8;margin-bottom:20px}
@media(min-width:1500px){.content{padding-top:42px}.workspace-grid{grid-template-columns:minmax(0,1fr) 320px}.daily-card{padding:27px;min-height:310px}#editor{height:276px}.key{height:43px;max-width:70px}.keyboard-card{padding:20px 25px}.daily-card h2{font-size:33px}.sidebar{width:245px}main{margin-left:245px}.toast{left:calc(50% + 122px)}}
@media(max-width:1190px){.sidebar{width:200px;padding:30px 15px 20px}.brand{font-size:17px;gap:8px}.brand-orbit{width:38px;height:38px}.brand small{font-size:8px}.nav-item{padding:12px 11px;font-size:12px}main{margin-left:200px}.topbar{padding:0 28px}.content{padding:28px 28px 20px}.workspace-grid{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.daily-card{padding:21px 18px}.card-heading{padding:19px 19px}.heading-with-icon{gap:6px}.subtle-tag{display:none}.keyboard-card{padding:15px 12px}.keyboard-hint{display:none}.keyboard-toolbar .text-button{margin-left:auto}.key-row{gap:5px}.keyboard{gap:6px}.personal-grid{grid-template-columns:290px minmax(0,1fr)}.dictionary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.download-graphic{margin:15px}.toast{left:calc(50% + 100px)}.candidate{padding:7px 8px;font-size:14px}}
@media(max-width:980px){.sidebar{width:78px;padding:28px 12px 20px}.brand{padding:0;justify-content:center}.brand>span:last-child,.nav-caption,.nav-item .nav-dot,.nav-count,.sidebar-bottom{display:none}.brand-orbit{font-size:24px}.sidebar nav{margin-top:37px;gap:16px}.nav-item{font-size:0;gap:0;padding:13px;justify-content:center}.nav-icon{font-size:23px;width:23px}.nav-item[aria-label]{font-size:0}main{margin-left:78px}.content{padding:25px 24px 20px}.topbar{padding:0 24px;height:66px}.workspace-grid{grid-template-columns:minmax(0,1fr) 240px;gap:15px}h1{font-size:26px}.orbit-art{margin-right:0;width:120px}.candidate-hint{font-size:8px}.personal-grid{grid-template-columns:270px minmax(0,1fr)}.download-graphic{display:none}.toast{left:calc(50% + 39px)}}
@media(max-width:760px){.workspace-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gentle-note{display:none}.daily-card{min-height:290px}.keyboard-hint{display:inline}.keyboard-toolbar .text-button{margin-left:8px}.keyboard-hint{margin-left:auto}.page-intro{margin-bottom:24px}.page-intro p{max-width:360px;line-height:1.9}.orbit-art{width:100px;flex-shrink:0}.orbit-art span{left:33px}.personal-grid{grid-template-columns:1fr}.form-card{max-width:none}.form-card form{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-card label:nth-child(3),.form-card .form-hint{grid-column:1/-1}.form-card .primary-button{grid-column:1/-1}.backup-actions{margin-top:8px}.results-heading{margin-top:22px!important}.bottom-note span:last-child{max-width:190px;line-height:1.6;text-align:right}.filter-line{align-items:flex-start}.download-hero{padding:28px}.toast{max-width:calc(100% - 100px);width:max-content}}
@media(max-width:540px){.sidebar{inset:auto 0 0;width:100%;height:66px;flex-direction:row;padding:0 8px;border-top:1px solid #51465c}.brand{display:none}.sidebar nav{display:flex;justify-content:space-around;width:100%;margin:0;gap:2px}.nav-item{border-radius:0;flex:1;flex-direction:column;font-size:9px!important;padding:8px 3px;gap:5px;line-height:1.2;white-space:nowrap}.nav-item.active{background:none;color:#e2ceed;box-shadow:none}.nav-item.active:before{content:"";position:absolute;top:0;background:#b694cc;width:24px;height:2px}.nav-icon{font-size:20px;line-height:1.2}main{margin:0 0 66px}.content{padding:23px 17px 20px}.topbar{height:59px;padding:0 20px}.top-actions{gap:13px}.status-pill{font-size:9px}.page-intro{margin:0 0 22px;min-height:118px}.eyebrow{font-size:8px;letter-spacing:1.7px}h1{font-size:24px;letter-spacing:.6px}.page-intro p{font-size:10px;max-width:280px;margin-top:10px}.orbit-art{display:none}.card-heading{padding:18px 17px}.card-heading strong{font-size:11px}.segmented button{font-size:9px;padding:4px 8px}#editor{height:190px;padding:5px 18px 15px;font-size:16px}#editor::placeholder{font-size:13px}.editor-footer{padding:8px 17px 16px;font-size:8px}.editor-footer>div{gap:10px}.editor-footer .text-button{font-size:9px}.composition-area{padding:15px 14px 11px}.pinyin-line{gap:7px}#pinyin-input{font-size:16px;letter-spacing:0}#pinyin-input::placeholder{font-size:10px}.candidate{font-size:15px;padding:7px 8px;gap:6px}.candidate-footer{font-size:8px}.candidate-footer>div{gap:5px}.query-time{display:none}.keyboard-card{margin-top:14px;padding:15px 10px 17px}.keyboard-toolbar{font-size:10px}.keyboard-hint{font-size:8px}.key{height:39px;font-size:13px;min-width:0}.key-row{gap:4px}.keyboard{gap:6px}.key.special{font-size:9px}.quick-trials{gap:6px;font-size:9px;margin-top:15px}.quick-trials button{font-size:9px;padding:6px}.quick-trials small{display:none}.right-column{margin-top:7px;grid-template-columns:1fr 1fr;gap:12px}.daily-card{padding:17px 14px;min-height:275px;border-radius:12px}.daily-top{font-size:8px}.daily-top>span:last-child{display:none}.daily-label{font-size:8px;margin-top:25px}.daily-card h2{font-size:24px;letter-spacing:2px;margin:15px 0 9px}.daily-pinyin{font-size:8px;letter-spacing:.5px}.daily-card p{font-size:9px;margin:17px 0 19px}.daily-button{font-size:9px;gap:12px}.daily-star{font-size:54px;right:6px;bottom:90px}.lexicon-overview{border-radius:12px}.lexicon-overview .card-heading{padding:18px 13px 0;gap:4px;align-items:flex-start;flex-direction:column}.lexicon-overview .card-heading strong{font-size:10px}.lexicon-overview .text-button{font-size:8px;margin-top:4px}.total-number{font-size:23px;margin:12px 13px 11px}.total-number span{font-size:8px}.category-stats{padding:0 13px;gap:10px}.category-stat{font-size:9px;gap:5px}.category-stat span:last-child{font-size:9px}.coverage-note{font-size:7px;line-height:1.7;padding:10px 8px;margin-top:13px}.bottom-note{font-size:8px;padding-top:15px;margin-top:20px}.bottom-note span:last-child{max-width:165px}.section-title{margin:5px 0 25px}.section-title h1{font-size:25px}.section-title p{font-size:11px}.library-controls{padding:15px}.search-input{font-size:16px;padding:12px}.search-input::placeholder{font-size:11px}.filter-line{display:block;margin-top:15px}.filter-tabs{gap:2px;margin-bottom:13px}.filter-tabs button{font-size:10px;padding:6px 9px}.filter-line select{width:100%}.dictionary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.word-card{padding:14px 12px;border-radius:12px}.word-card h3{font-size:17px;letter-spacing:0}.word-card .word-pinyin{font-size:9px}.word-card .meaning{font-size:10px;line-height:1.8;height:36px}.word-type{font-size:8px}.word-card-bottom .text-button{font-size:9px}.results-heading{font-size:10px}.results-heading>span:last-child{font-size:8px}.form-card{padding:21px}.form-card input{font-size:16px}.form-card input::placeholder{font-size:11px}.form-card form{display:block}.form-card label{font-size:11px}.form-card .primary-button{margin-top:0}.backup-actions{margin-top:16px}.download-hero{padding:23px}.download-hero h2{font-size:23px}.download-hero p{font-size:11px}.download-hero .primary-button,.download-hero .secondary-button{font-size:11px;padding:10px 12px}.section-row{align-items:flex-start}.section-row h2{font-size:14px;margin-top:5px}.section-row button{font-size:10px;padding:8px}.platform-grid{gap:10px}.platform-card{padding:20px 15px;border-radius:12px}.platform-card h3{font-size:15px}.platform-card p{font-size:10px}.platform-card a{font-size:9px}.roadmap{padding:21px}.settings-card{padding:0 19px}.setting-row{gap:10px}.setting-row p{font-size:9px}.setting-row strong{font-size:12px}.setting-row .secondary-button{font-size:10px;padding:9px 10px}.source-card{padding:23px}.toast{bottom:83px;left:50%;max-width:90vw;font-size:11px;padding:12px 18px}dialog{padding:30px 25px}dialog h2{font-size:23px}}
.page-intro p,.section-title p{color:#837b8b}.editor-footer,.candidate-footer{color:#8e8299}.daily-card p{color:#83718f}.daily-label,.daily-pinyin{color:#917ba4}.coverage-note,.form-hint{color:#93829d}.word-card .word-pinyin,.word-card .meaning,.source-card p,.setting-row p{color:#8c779c}.license-text{font-size:10px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto;padding:15px;background:#f6f1fa;border-radius:8px}#source-list details{margin-top:22px;font-size:11px;cursor:pointer}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.prediction-bar{display:flex;align-items:flex-start;gap:12px;margin:0 23px 8px;padding:10px 0;border-top:1px dashed #eee8f2;font-size:11px;color:#92809f}.prediction-bar>span{white-space:nowrap;padding-top:5px}#predictions{display:flex;gap:6px;flex-wrap:wrap;min-height:27px}#predictions button{background:#f2edf7;color:#79608e;padding:5px 9px;border-radius:6px;max-width:100%;overflow-wrap:anywhere}#predictions button:hover{background:#e7ddf0}.prediction-empty{padding-top:5px;color:#aaa0b2;font-size:10px}.ai-card{margin-top:17px;padding:21px 23px;background:linear-gradient(135deg,#fff,#fcfaff);border-color:#e4daee}.ai-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.ai-heading>div{display:flex;align-items:center;gap:8px}.ai-heading strong{font-size:13px;color:#67517c}.ai-spark{font-size:22px;color:#9b7cbc}.ai-status{font-size:9px;color:#7c9083;max-width:47%;overflow-wrap:anywhere;text-align:right}.ai-intro{font-size:11px;color:#94849f;line-height:1.8;margin:8px 0 18px}.ai-selection-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#9a879f;margin-bottom:11px}.ai-tools{display:flex;gap:7px;flex-wrap:wrap}.ai-tools button{border:1px solid #e7dfed;background:#fff;border-radius:7px;padding:8px 11px;font-size:11px;color:#79638d}.ai-tools button.ai-main{background:#806696;color:white;border-color:#806696}.ai-tools button:hover:not(:disabled){background:#eee4f7;color:#684c85}.ai-custom{margin-top:15px;font-size:10px;color:#9781a6}.ai-custom summary,.ai-setup summary,.ai-source-box summary{cursor:pointer;line-height:1.8}.ai-custom>div{display:flex;gap:8px;margin-top:10px}.ai-custom input{min-width:0;width:100%;border:1px solid #e2d7ed;border-radius:6px;padding:9px;font-size:12px;background:white}.ai-custom .secondary-button{white-space:nowrap;font-size:10px;padding:8px 10px}.ai-options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px;color:#887395;font-size:10px}.ai-options label{display:flex;align-items:center;gap:4px}.ai-options input{accent-color:#8a6aa5}.ai-message{font-size:10px;line-height:1.9;color:#8c7b95;margin:11px 0 0;overflow-wrap:anywhere}.ai-source-box{font-size:10px;margin-top:15px;color:#8d739c}.ai-source-box pre{white-space:pre-wrap;font:inherit;max-height:150px;overflow:auto;background:#f4eff7;padding:12px;border-radius:6px}.ai-results{display:grid;gap:11px;margin-top:15px}.ai-results:empty{display:none}.ai-result{background:white;border:1px solid #e8dff0;padding:14px;border-radius:9px}.ai-result>strong{display:block;font-size:10px;color:#9375aa;margin-bottom:8px}.ai-result textarea{display:block;resize:vertical;min-height:74px;max-height:400px;width:100%;font-size:13px;line-height:1.9;border:1px solid #f0e9f5;border-radius:6px;padding:9px;background:#fff;color:#4d4059;margin-bottom:10px}.ai-result button{font-size:10px;padding:8px 13px}.ai-setup{border-top:1px solid #eee7f2;margin-top:15px;padding-top:12px;font-size:10px;color:#9a86a7}.ai-setup summary{display:flex;justify-content:space-between;gap:12px}.ai-setup p{font-size:10px;line-height:1.9}.ai-setup code{display:block;background:#f4eff7;padding:11px;overflow-wrap:anywhere;border-radius:6px;color:#735c84;margin:9px 0 12px}.ai-setup>div{display:flex;align-items:center;gap:15px}.ai-setup button{font-size:10px;padding:8px 10px}[hidden]{display:none!important}
@media(max-width:540px){.prediction-bar{margin-left:17px;margin-right:17px;gap:9px}.ai-card{padding:18px 16px}.ai-heading strong{font-size:12px}.ai-status{font-size:8px}.ai-intro{font-size:10px}.ai-tools{gap:6px}.ai-tools button{padding:8px 9px;font-size:10px}.ai-selection-row{font-size:9px}.ai-selection-row .text-button{font-size:9px}.ai-custom>div{flex-wrap:wrap}.ai-custom input,.ai-result textarea{font-size:16px}.ai-options{font-size:9px}.ai-message{font-size:10px}}

.ai-local-download{display:inline-block;margin-top:14px;padding:9px 12px;border:1px solid #e2d6eb;border-radius:7px;background:#f6f1fb;font-size:10px;line-height:1.8;color:#76528e}
.ai-local-download:hover{background:#eee3f7}

.platform-card>button{display:block;max-width:100%;margin-top:20px;font-size:10px;padding:10px 12px;line-height:1.7;text-align:left;white-space:normal}.platform-card .form-hint{line-height:1.8}.status-label.status-pending{background:#f6f0e8;color:#a18863}.source-statistics{border:1px solid #eee6f2;border-radius:8px;background:#faf7fc;padding:12px 14px}

/* Local usage reports */
.usage-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.usage-toolbar p{font-size:11px;color:#96879f}.usage-toolbar select{border:1px solid #e3d9eb;border-radius:7px;padding:9px 12px;background:#fff;color:#795e8c;font-size:12px}.usage-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px}.usage-kpis article{padding:24px}.usage-kpis span{font-size:12px;color:#927c9f}.usage-kpis strong{display:block;font-size:34px;font-weight:500;color:#6f5285;margin:12px 0}.usage-kpis small{font-size:10px;color:#ae9db8}.usage-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px}.usage-section{padding:25px;margin-bottom:20px;min-width:0}.usage-section h2{margin:0 0 20px;color:#775a8b;font-size:16px;font-weight:500}.usage-side{min-width:0}.usage-ranking{max-height:410px;overflow:auto}.usage-word{display:flex;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid #f0e9f4;font-size:11px;color:#a28aac}.usage-word>span:first-child{width:20px;flex-shrink:0}.usage-word strong{flex:1;overflow-wrap:anywhere;font-size:14px;color:#755a87;font-weight:500}.usage-word>span:last-child{white-space:nowrap}.usage-empty,.usage-explanation{font-size:12px;line-height:1.9;color:#9c86a8}.usage-metric-row{display:flex;align-items:center;gap:12px;margin:18px 0;font-size:11px;color:#987ba6}.usage-metric-row>span:first-child{width:66px;flex-shrink:0}.usage-metric-row>span:last-child{width:36px;text-align:right;flex-shrink:0}.usage-metric-row>i{height:7px;border-radius:5px;background:#f0e9f5;flex:1;overflow:hidden}.usage-metric-row b{display:block;height:100%;background:#b69bcb;border-radius:5px}.usage-hours{height:160px;display:flex;gap:6px;padding:12px 0 24px;border-bottom:1px solid #e8deef;margin-bottom:18px}.usage-hour{flex:1;min-width:0;height:100%;position:relative;display:flex;align-items:flex-end}.usage-hour>i{width:100%;height:var(--bar-height);min-height:2px;background:#b59acb;border-radius:4px 4px 0 0}.usage-hour>span{position:absolute;top:100%;margin-top:8px;font-size:9px;color:#a58cb3;width:100%;text-align:center}.usage-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}.usage-actions button{font-size:11px}.usage-actions .text-button{margin-left:5px}.usage-share-heading{display:flex;gap:15px;justify-content:space-between;align-items:flex-start}.usage-sharing{background:linear-gradient(135deg,#fff,#fcf9ff)}.usage-check{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:#8e729f;margin:17px 0;line-height:1.7}.usage-check input{accent-color:#8c6ba4;margin-top:4px}.usage-message{color:#826693;font-size:11px;line-height:1.9;margin-top:17px}.usage-summary{padding:15px;border:1px solid #e4d7ed;border-radius:9px;background:#fff;font-size:11px;color:#987daa;line-height:1.9;margin-top:18px}.usage-summary summary{cursor:pointer}.usage-summary pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:350px;overflow:auto;color:#776181;font-size:10px;background:#faf7fc;padding:12px}.usage-section #usage-categories{font-size:11px;color:#a48baf}
@media(max-width:760px){.usage-grid{grid-template-columns:1fr}.usage-kpis{gap:10px}.usage-kpis article{padding:17px}.usage-kpis strong{font-size:27px}.usage-section{padding:20px}.usage-hours{gap:4px}.usage-toolbar p{max-width:65%;line-height:1.8}.usage-kpis small{font-size:9px}.usage-kpis span{font-size:11px}}
@media(max-width:540px){.usage-kpis article{padding:14px 10px}.usage-kpis strong{font-size:25px}.usage-kpis small{display:block;line-height:1.6}.usage-hours{gap:3px;height:135px}.usage-word strong{font-size:13px}.usage-toolbar select{font-size:11px;padding:8px}.sidebar .nav-item{font-size:8px!important}.usage-share-heading{display:block}}

/* Product links are separate from the workbench view controls. */
.product-nav{margin-top:25px;padding-top:18px;border-top:1px solid #423b4b}.product-nav-caption{margin:0 14px 11px;font-size:9px;letter-spacing:1.6px;color:#83798f}.product-link{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid #51435f;border-radius:10px;background:linear-gradient(120deg,#3a3047,#302b3a);color:#ded2ed;transition:background .16s,border-color .16s}.product-link+.product-link{margin-top:9px}.product-link:hover{background:#45364f;border-color:#8e74a8;color:#fff}.product-link-icon{font-size:23px;line-height:1;color:#c1b0d5;flex:none}.product-link-text{font-size:11px;white-space:nowrap}.product-link-text small{display:block;margin-top:6px;font-size:9px;color:#aa9bb9}.product-link-arrow{margin-left:auto;font-size:15px;color:#b29bc7}.product-mobile-nav{display:none}
@media(min-width:541px){.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#665976 transparent}}
@media(max-height:780px) and (min-width:981px){.product-nav{margin-top:16px;padding-top:13px}.sidebar-bottom{padding-top:18px}.privacy-card{padding:13px 12px}.privacy-mark{display:none}.privacy-card p{margin:7px 0 10px}.version-label{margin-top:13px}}
@media(max-width:1190px) and (min-width:981px){.product-link{gap:8px;padding:11px 10px}.product-link-text{font-size:10px}.product-link-text small{font-size:8px}}
@media(max-width:980px) and (min-width:541px){.product-nav{margin-top:26px;padding-top:18px}.product-nav-caption,.product-link-text,.product-link-arrow{display:none}.product-link{justify-content:center;padding:12px 0;border-radius:9px}.product-link-icon{font-size:24px}}
@media(max-width:540px){.sidebar>.product-nav{display:none}.topbar{height:auto;min-height:59px;flex-wrap:wrap;row-gap:12px;padding-top:15px;padding-bottom:11px}.product-mobile-nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;width:100%;padding-top:10px;border-top:1px solid #e9e4ed;font-size:9px;letter-spacing:.5px;color:#a59aaa}.product-mobile-nav a{display:inline-flex;align-items:center;gap:5px;font-size:10px;letter-spacing:0;color:#82708f}.product-mobile-nav a:hover{color:#5d4573}.product-mobile-nav a>span{font-size:13px;line-height:1}.product-mobile-nav a>span:last-child{color:#a493b3}}

/* Language controls and room for translated labels. Input content is unchanged. */
.language-control{display:inline-flex;align-items:center;gap:6px;color:var(--purple);flex-shrink:0}.language-control>span{font-size:17px}.language-control select,#language-settings{max-width:190px;min-width:0;border:1px solid #dfd7e7;border-radius:7px;background:#fff;color:#79618a;padding:8px 7px;font-size:11px}.topbar{gap:16px;min-height:78px;height:auto;padding-top:14px;padding-bottom:14px}.breadcrumb{min-width:0;align-items:center}.breadcrumb #page-title{overflow-wrap:anywhere}.top-actions{gap:12px}.brand-orbit,.nav-icon,.offline-indicator i,.status-pill i{flex-shrink:0}.brand>span:last-child{min-width:0;font-size:clamp(14px,1.3vw,19px);letter-spacing:.2px}.nav-item>span[data-i18n]{min-width:0;overflow-wrap:anywhere;line-height:1.5}.product-link-text{white-space:normal;line-height:1.5;min-width:0}.offline-indicator{line-height:1.7}.card-heading,.editor-footer,.ai-heading,.ai-selection-row,.ai-options,.bottom-note{flex-wrap:wrap}.keyboard-toolbar{flex-wrap:wrap}.keyboard-hint{line-height:1.6}.editor-footer>div{flex-wrap:wrap;justify-content:flex-end}.text-button{white-space:normal;line-height:1.5}.candidate-footer>span{line-height:1.7}.setting-row>div{min-width:0}.setting-row select,.setting-row>button,.setting-row>.switch{flex-shrink:0}.setting-row select{max-width:42%}.setting-row p,.source-card p,.section-title p,.usage-kpis small{line-height:1.8}.daily-button{white-space:normal;line-height:1.5}.category-stat>span:nth-child(2){min-width:0;overflow-wrap:anywhere}.usage-metric-row>span:first-child{width:95px;overflow-wrap:anywhere;line-height:1.5}.usage-metric-row>span:last-child{width:auto;min-width:36px}.product-mobile-nav a>span[data-i18n]{font-size:10px;line-height:1.5}.key.special,.key.commit{overflow-wrap:anywhere;line-height:1.2}.version-label{gap:10px;line-height:1.6}.version-label #app-version{flex-shrink:0}
@media(max-width:980px){.topbar{min-height:66px}.language-control select{max-width:145px}.top-actions{gap:9px}.status-pill{max-width:170px;line-height:1.6}.brand>span:last-child{display:none}}
@media(max-width:760px){.top-actions .status-pill{display:none}.topbar{gap:10px}.language-control select{max-width:132px}.usage-metric-row>span:first-child{width:110px}}
@media(max-width:540px){.topbar{min-height:59px}.breadcrumb{font-size:10px;gap:7px;flex:1}.top-actions{gap:8px}.language-control{gap:3px}.language-control select{max-width:123px;font-size:10px;padding:7px 3px}.language-control>span{display:none}.sidebar{height:78px}.sidebar .nav-item{white-space:normal;justify-content:flex-start;padding-top:10px;min-width:0;gap:3px}.sidebar .nav-item>span[data-i18n]{font-size:8px;line-height:1.25;max-width:100%;overflow-wrap:normal;hyphens:auto;text-align:center}main{margin-bottom:78px}.toast{bottom:94px}.editor-footer>div{gap:8px}.keyboard-hint{display:none}.setting-row{align-items:flex-start}.setting-row select{margin-top:2px}.usage-toolbar{align-items:flex-start}.usage-toolbar p{max-width:none}.usage-toolbar select{max-width:48%;flex-shrink:0}.usage-share-heading .subtle-tag{white-space:normal}:root:not(:lang(zh)) .right-column{grid-template-columns:1fr}:root:not(:lang(zh)) .daily-card{min-height:0}:root:not(:lang(zh)) .daily-label{margin-top:15px}.download-hero .primary-button,.download-hero .secondary-button{white-space:normal;line-height:1.6}.ai-setup summary{flex-wrap:wrap}}

.correction-notice{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 14px;margin-top:10px;font-size:11px;line-height:1.6;color:var(--muted)}.correction-notice[hidden]{display:none}.correction-notice .text-button{font-size:11px}.correction-badge{font-size:9px;line-height:1.4;padding:2px 4px;margin-left:6px;border-radius:4px;background:var(--purple-soft);color:var(--purple);font-weight:400}.candidate.active .correction-badge{background:#ffffff26;color:inherit}.ai-actions{flex-wrap:wrap}