:root{--bg:#f7f8f4;--paper:#fff;--ink:#233e35;--muted:#8b958e;--line:#e6eae3;--green:#2c5947;--pale:#ecf1e9;--serif:'Playfair Display',Georgia,serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','Microsoft YaHei',sans-serif;font-size:14px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #afbd83;outline-offset:4px}button{transition:background .2s,transform .2s,box-shadow .2s}button:active{transform:scale(.97)}a{color:inherit;text-decoration:none}.sidebar{width:232px;position:fixed;inset:0 auto 0 0;padding:38px 24px 20px;background:#fafbf7;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:32px;letter-spacing:-1px}.brand-mark{width:43px;height:43px;border-radius:13px;background:var(--ink);color:#f3f4df;display:grid;place-items:center;font-style:italic;font-size:34px;padding-bottom:7px}.brand-cn{font-family:sans-serif;letter-spacing:3px;font-size:11px;margin-left:9px;color:#728275}.sidebar-label{font-size:9px;letter-spacing:1.7px;color:#9ba498;margin:58px 12px 20px}nav{display:grid;gap:9px}.nav-item{border:0;background:none;display:flex;align-items:center;text-align:left;padding:15px 12px;border-radius:9px;font-size:12px;gap:10px;white-space:nowrap}.nav-item:hover{background:#eff2eb}.nav-item.active{background:#e9eee3;color:#294b3a;font-weight:600}.nav-icon{font-size:20px;width:22px;line-height:18px}.nav-en{font-size:10px;color:#929b8c;margin-left:auto}.nav-count{margin-left:auto;font-size:10px;background:#dce5d4;padding:3px 7px;border-radius:5px}.tiny-star{font-size:30px;color:#8e9d73}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;gap:10px;font-size:11px}.avatar{background:#e7ebdf;border-radius:50%;width:33px;height:33px;display:grid;place-items:center}.sidebar-bottom small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.online-dot,.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#819879}.online-dot{margin-left:auto}main{margin-left:232px;padding:0 48px;max-width:1800px}.topbar{height:85px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:10px;color:#8a958b;letter-spacing:.5px}.topbar>div:first-child{display:flex;gap:15px}.topbar-right{display:flex;align-items:center;gap:12px;font-size:11px;color:#4c6154}.zh-tag{border:1px solid #dfe5db;border-radius:5px;padding:5px 8px;font-size:9px}.muted{color:#bbc1b5}.hero{padding:43px 0 29px;position:relative}.eyebrow{font-size:10px;letter-spacing:2px;color:#869477;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:21px;height:1px;background:#95a37f}.hero h1{font-size:37px;font-weight:500;letter-spacing:1px;line-height:1.45;margin:17px 0 11px}.hero h1 em{font-family:var(--serif);font-size:47px;font-weight:500;color:#7e9066;margin-left:10px}.hero p{font-size:12px;color:#8b948a;letter-spacing:.4px}.hero-ornament{position:absolute;right:16px;top:47px;width:133px;height:110px;opacity:.6}.orbit{position:absolute;border:1px solid #bec8ae;border-radius:50%;width:87px;height:87px;display:grid;place-items:center;font-family:var(--serif);font-size:25px}.orbit:first-child{left:0;top:0}.orbit:last-child{right:0;bottom:0;background:#e7ecde80}.search-shell{display:flex;background:white;border:1px solid #e1e7da;border-radius:12px;align-items:center;padding:9px 10px 9px 19px;gap:14px;box-shadow:0 5px 20px #263d2c03}.search-shell:focus-within{border-color:#8a9f74;box-shadow:0 0 0 3px #dfe7d780}.search-icon{font-size:23px;color:#7e8e72}.search-shell input{outline:0;border:0;background:transparent;flex:1;min-width:0;color:var(--ink);font-size:13px;padding:13px 0}.search-shell input::placeholder{color:#adb4a7}.keycap{font-size:10px;border:1px solid var(--line);padding:4px 6px;border-radius:4px;color:#a4ac9c}.primary{background:var(--green);border:0;color:#fff;border-radius:7px;padding:13px 24px;font-size:12px}.primary:hover{background:#1e4635;box-shadow:0 5px 12px #264d3d20}.search-hints{display:flex;gap:12px;align-items:center;font-size:10px;color:#9aa38f;padding:14px 2px}.hint{border:0;background:none;color:#6f7e60;font-family:var(--serif);padding:2px}.hint:hover{text-decoration:underline}.feature-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:20px;margin:20px 0 37px}.daily-card{background:#e9eedf;border:1px solid #e1e7d7;border-radius:13px;padding:25px 28px;position:relative;overflow:hidden}.section-overline{font-size:9px;letter-spacing:1.8px;color:#839071}.daily-top{display:flex;align-items:center;justify-content:space-between}.small-pill{font-size:9px;letter-spacing:.5px;background:#f6f8eea0;padding:5px 8px;border-radius:5px;color:#788763}.daily-pair{display:flex;align-items:center;gap:25px;margin:15px 0 8px}.daily-pair span{font:italic 35px var(--serif);letter-spacing:-1px}.daily-pair i{font-size:20px;font-style:normal;color:#9ca98b}.daily-description{font-size:11px;color:#6e7e60;line-height:1.8}.daily-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:19px}.language-label{font-size:9px;color:#879575;letter-spacing:1px}.text-button{border:0;background:none;font-size:11px;padding:5px 0}.text-button:hover{color:#7e9055}.insight-card{background:#f0eee7;border:1px solid #e8e6dc;border-radius:13px;padding:25px 25px;position:relative}.insight-card .section-overline{color:#a29477}.insight-card h3{font-weight:500;font-size:18px;line-height:1.5;margin:19px 0 9px}.insight-card p{font-size:11px;color:#9b927f;line-height:1.9;margin:0}.insight-card .text-button{margin-top:14px;color:#7f765d}.insight-symbol{position:absolute;right:23px;top:20px;color:#baaf97;font-family:var(--serif);font-size:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.section-heading h2{font-size:17px;font-weight:500;letter-spacing:1px;margin:0}.section-heading h2 small{font:italic 14px var(--serif);color:#9ca38e;letter-spacing:0;margin-left:13px}.section-heading>span{color:#9da694;font-size:10px}.filters{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.filter{padding:8px 15px;border:1px solid transparent;border-radius:6px;background:transparent;color:#88927e;font-size:11px}.filter:hover{background:#edf0e7}.filter.active{background:#294d3c;color:white}.filter-count{opacity:.65;margin-left:7px;font-size:9px}.word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.word-card{background:#fff;border:1px solid var(--line);border-radius:11px;position:relative;transition:transform .25s,box-shadow .25s,border-color .25s;animation:rise .35s both}.word-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #354d3310;border-color:#c5d0b9}.card-open{border:0;background:none;text-align:left;width:100%;padding:23px 23px 16px;border-radius:11px;display:block}.card-top{display:flex;gap:6px;align-items:center;margin-bottom:21px}.badge{font-size:9px;padding:4px 7px;border-radius:4px;background:#eff3e9;color:#839362}.badge.false{background:#f8eee5;color:#b08b63}.badge.partial{background:#eeedf5;color:#9690ac}.topic-tag{font-size:9px;color:#a2aa9c}.bookmark{position:absolute;right:15px;top:17px;background:none;border:0;color:#aeb9a5;border-radius:5px;width:28px;height:28px;font-size:22px;z-index:1}.bookmark.saved{color:#547443}.bookmark:hover{background:#edf2e7}.word-line{display:flex;gap:11px;align-items:baseline;margin-bottom:8px}.lang{font-size:9px;color:#a6af9c;letter-spacing:.5px;width:19px;flex-shrink:0}.word-line strong{font:500 24px var(--serif);color:#354b3c;overflow-wrap:anywhere}.word-line.fr strong{color:#8d9c72;font-style:italic}.word-meaning{font-size:11px;margin:17px 0 0;color:#818c79;height:18px}.card-bottom{border-top:1px solid #f0f2eb;margin:0 22px;display:flex;align-items:center;justify-content:space-between;padding:12px 0;color:#a3ac9b;font-size:9px}.sound-button{border:0;background:none;font-size:11px;padding:3px;color:#89977b}.sound-button:hover{color:#31533a}.card-bottom .arrow{font-size:17px;color:#a0ac92}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:42px;padding:22px 0 25px;color:#a6ad9b;font-size:9px}footer>span:first-child{font:italic 13px var(--serif)}#page{outline:none}.page-enter{animation:rise .4s ease both}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}dialog{width:min(780px,calc(100% - 30px));max-height:90vh;padding:0;border:1px solid #e1e7d8;border-radius:18px;background:#f9faf6;color:var(--ink);box-shadow:0 30px 100px #182f3440}dialog[open]{animation:rise .25s ease}dialog::backdrop{background:#192e3155;backdrop-filter:blur(6px)}.detail-header{display:flex;align-items:center;justify-content:space-between;padding:24px 30px;border-bottom:1px solid var(--line)}.detail-header h2{font-size:15px;margin:0;font-weight:500}.close-btn{border:0;background:#edf0e6;border-radius:50%;width:32px;height:32px;font-size:22px}.detail-body{padding:29px}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-language{padding:23px;background:#fff;border:1px solid var(--line);border-radius:10px;min-width:0}.detail-language>span{font-size:10px;letter-spacing:2px;color:#9aa98a}.detail-language h3{font:500 35px var(--serif);margin:17px 0 8px;overflow-wrap:anywhere}.detail-language.french h3{font-style:italic;color:#87966c}.phonetic{font-size:12px;color:#98a08d;display:flex;justify-content:space-between;align-items:center;gap:6px}.detail-meaning{font-size:13px;margin-top:20px;line-height:1.8}.pos{font-size:11px;color:#909c83;margin-right:7px}.detail-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin:25px 0 18px}.detail-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 2px;color:#9aa18e;font-size:12px}.detail-tabs button.active{border-color:#527145;color:#375735}.detail-panel{min-height:137px;font-size:13px;line-height:1.9;color:#6f7d63}.detail-panel p{margin:10px 0}.note-box{background:#edf1e5;padding:16px 20px;border-radius:8px;font-size:12px}.detail-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:25px}.secondary{background:white;border:1px solid #dce3d3;border-radius:7px;padding:12px 20px;font-size:12px}.secondary:hover{background:#edf1e5}#toast{position:fixed;bottom:30px;left:calc(50% + 116px);transform:translate(-50%,15px);background:#294a3d;color:#fff;border-radius:9px;padding:13px 22px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:5;box-shadow:0 10px 25px #1a362220}#toast.visible{opacity:1;transform:translate(-50%,0)}.empty{grid-column:1/-1;text-align:center;padding:60px 20px;background:#eef2e8;border-radius:12px}.empty h3{font-size:21px;font-weight:500}.empty p{color:#8c987f;font-size:12px;line-height:1.8}.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.topic-card{border:1px solid #dde5d3;text-align:left;border-radius:13px;background:#edf1e4;padding:30px;min-height:185px}.topic-card:nth-child(2n){background:#f1eee6}.topic-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #334b3210}.topic-card .topic-icon{font-size:30px;color:#93a17e}.topic-card h3{font-weight:500;font-size:20px;margin:20px 0 10px}.topic-card p{font-size:11px;color:#8b947e}.review-wrap{max-width:650px;margin:5px auto 0}.review-progress{display:flex;justify-content:space-between;font-size:11px;color:#89957c;margin-bottom:16px}.progress-track{height:3px;background:#e1e8d7;margin-bottom:24px;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#789365;transition:width .4s}.flashcard{width:100%;min-height:300px;height:auto;perspective:1100px;border:0;padding:0;background:none;display:block}.flash-inner{display:grid;width:100%;min-height:300px;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.flashcard.flipped .flash-inner{transform:rotateY(180deg)}.flash-face{position:relative;grid-area:1 / 1;min-width:0;background:#edf2e4;border:1px solid #dce5d0;backface-visibility:hidden;border-radius:17px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px}.flash-back{transform:rotateY(180deg);background:#fff}.flash-face small{color:#8c9b7b;font-size:10px;letter-spacing:2px}.flash-face strong{font:500 44px var(--serif);margin:28px 0 15px}.flash-face p{font-size:12px;color:#8e9c7d}.review-actions{display:flex;gap:12px;justify-content:center;margin-top:22px}.review-summary{text-align:center;padding:50px 20px;background:#edf2e4;border-radius:15px}.review-summary h2{font-family:var(--serif);font-size:34px}.review-summary p{line-height:2;color:#81916f}.review-summary button{margin:15px 5px}.small-info{color:#96a088;font-size:11px;margin-top:22px;text-align:center}.clear-search{background:none;border:0;font-size:21px;color:#9ba58e}.result-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:12px;color:#7f8c71}.review-intro{margin-bottom:25px;color:#8e997e;font-size:12px;line-height:1.8}
@media(min-width:1450px){main{padding:0 70px}.hero{padding-top:52px}.hero h1{font-size:43px}.word-grid{gap:21px}.card-open{padding:27px}.daily-card,.insight-card{padding:30px}.daily-pair span{font-size:42px}}
@media(max-width:1100px){.sidebar{width:190px;padding:32px 15px}.nav-en{display:none}main{margin-left:190px;padding:0 28px}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:30px}.hero h1 em{font-size:38px}.daily-pair{gap:15px}.daily-pair span{font-size:29px}.hero-ornament{right:0;transform:scale(.8);transform-origin:right}.feature-grid{gap:14px;grid-template-columns:1.3fr 1fr}.daily-card,.insight-card{padding:22px}#toast{left:calc(50% + 95px)}}
@media(max-width:760px){.sidebar{width:100%;height:66px;inset:auto 0 0;padding:5px 12px;background:#fafbf7f2;backdrop-filter:blur(14px);border-right:0;border-top:1px solid var(--line);z-index:3}.brand,.sidebar-label,.sidebar-note,.sidebar-bottom{display:none}nav{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.nav-item{flex-direction:column;gap:5px;font-size:9px;padding:8px 3px}.nav-icon{font-size:20px;text-align:center}.nav-count{display:none}main{margin:0;padding:0 21px}.topbar{height:63px;font-size:9px}.topbar>div:first-child{gap:8px}.topbar>div:first-child>span:last-child{display:none}.topbar-right{gap:7px;font-size:10px}.zh-tag{display:none}.hero{padding:31px 0 22px}.hero h1{font-size:26px;max-width:280px}.hero h1 em{font-size:34px;display:block;margin:0}.hero p{font-size:11px;line-height:1.8;max-width:270px}.hero-ornament{top:48px;width:100px;transform:scale(.7)}.feature-grid{grid-template-columns:1fr;margin:15px 0 28px}.insight-card{padding:20px}.insight-card h3{margin:10px 0 6px;font-size:16px}.insight-card .text-button{margin-top:8px}.daily-pair span{font-size:36px}.daily-pair{justify-content:space-between;max-width:290px}.search-shell{gap:9px;padding-left:12px}.search-shell .primary{padding:12px 17px}.search-shell input{font-size:11px}.keycap{display:none}.search-hints{gap:11px;font-size:9px}.section-heading h2{font-size:16px}.section-heading h2 small{font-size:12px;margin-left:7px}.word-grid{gap:11px}.card-open{padding:18px 13px 12px}.card-top{margin-bottom:16px;gap:3px}.topic-tag{display:none}.bookmark{right:7px;top:10px;font-size:20px}.word-line{gap:5px}.word-line strong{font-size:20px}.lang{font-size:8px;width:17px}.word-meaning{font-size:10px;margin-top:13px;height:auto;min-height:18px}.card-bottom{margin:0 12px;font-size:8px}.filter{padding:8px 10px;font-size:10px}.filters{gap:4px}.filter-count{margin-left:4px}.badge{font-size:8px;padding:4px 5px}.section-heading>span{font-size:9px}footer{margin-bottom:70px;font-size:8px;gap:10px}footer>span:nth-child(2){display:none}#toast{left:50%;bottom:85px;max-width:90%;width:max-content}.detail-body{padding:18px}.detail-header{padding:18px}.detail-columns{gap:10px}.detail-language{padding:15px 12px}.detail-language h3{font-size:25px}.phonetic{font-size:10px;flex-wrap:wrap}.detail-meaning{font-size:12px}.detail-actions .primary,.detail-actions .secondary{padding:12px 14px;font-size:11px}.topic-grid{gap:12px}.topic-card{padding:22px 18px}.topic-card h3{font-size:17px}.review-actions .primary,.review-actions .secondary{padding:12px 15px}.flash-face strong{font-size:36px}}
.dashboard-strip{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#eef2e7;border:1px solid #e0e7d7;border-radius:10px;padding:15px 20px 19px;margin:0 0 23px;font-size:11px;color:#738367;overflow:hidden}.dashboard-strip>div{display:flex;align-items:center;gap:16px}.dashboard-strip strong{font-weight:600;margin-left:9px;color:#31543f}.stat-dot{font-size:22px;color:#8b9b70}.dashboard-strip .mini-track{position:absolute;bottom:0;left:0;right:0;height:3px;background:#e0e7d6}.mini-track span{height:100%;background:#91a578;transition:width .4s}.library-tools,.tool-group,.backup-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.library-tools{margin-bottom:20px;flex-wrap:wrap}.tool-group{justify-content:flex-start;flex-wrap:wrap}.tool-group label{display:flex;gap:8px;align-items:center;color:#6e7c63;font-size:11px}select{font:inherit;color:#40583b;border:1px solid #dce4d3;border-radius:6px;padding:9px 24px 9px 10px;background:#fff;max-width:100%;cursor:pointer}select:focus-visible{outline:2px solid #8ea275;outline-offset:2px}.pagination{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#7f8c74;margin-top:24px;gap:12px}.pagination>div{display:flex;gap:9px}button:disabled{cursor:default;opacity:.4;transform:none;box-shadow:none}.backup-toolbar{padding:16px 0 23px;color:#879478;font-size:11px;flex-wrap:wrap}.backup-toolbar>div{display:flex;gap:8px}.saved-search{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #dde5d4;border-radius:8px;padding:12px 16px;margin:0 0 22px;color:#91a17c}.saved-search input{width:100%;border:0;background:none;outline:none;font:inherit;font-size:12px;color:var(--ink)}.saved-search:focus-within{outline:2px solid #91a578}.review-settings{display:flex;gap:16px;margin-bottom:25px}.review-settings label{display:flex;flex:1;flex-direction:column;gap:10px;font-size:11px;color:#78886c}.learning-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px}.learning-stats>div{background:white;border:1px solid #e2e8da;border-radius:10px;padding:22px 10px;text-align:center}.learning-stats strong{font:500 32px var(--serif);display:block;margin-bottom:8px}.learning-stats span{font-size:10px;color:#81916f}.week-chart{display:flex;justify-content:space-around;gap:12px;padding:15px 20px;background:#f0f3e9;border-radius:12px}.day-bar{display:flex;align-items:center;flex-direction:column;gap:8px;flex:1;color:#839174;font-size:10px}.day-bar>div{height:65px;background:#e1e8d7;border-radius:4px;width:100%;max-width:26px;position:relative;overflow:hidden}.day-bar i{display:block;position:absolute;bottom:0;background:#8ea77a;width:100%;border-radius:4px;min-height:2px}.day-bar small{font-size:9px}.review-wrap>.review-summary{margin-top:25px}.daily-pair{gap:16px;align-items:center}.daily-pair span{font-size:clamp(24px,2.4vw,39px);overflow-wrap:anywhere;min-width:0}.daily-pair i{flex-shrink:0}.flash-face strong{overflow-wrap:anywhere;max-width:100%;font-size:clamp(26px,3vw,40px)}.review-progress .text-button{font-size:10px}.hero p,.word-meaning{color:#77846d}.detail-panel{color:#637358}
@media(max-width:760px){.dashboard-strip{padding:12px 12px 16px;font-size:10px;gap:8px}.dashboard-strip>div{gap:8px}.dashboard-strip .stat-dot{display:none}.dashboard-strip strong{margin-left:5px}.dashboard-strip .text-button{font-size:10px}.library-tools{gap:12px}.tool-group{gap:9px;width:100%}.tool-group label{font-size:9px;gap:5px;flex:1;min-width:0}.tool-group select{padding:8px 5px;min-width:0;flex:1;font-size:10px}.pagination{font-size:9px}.pagination .secondary{padding:10px;font-size:10px}.backup-toolbar .secondary{font-size:10px;padding:10px 14px}.daily-pair span{font-size:29px}.daily-pair{max-width:none}.review-settings{gap:10px}.review-settings select{font-size:11px;padding-right:12px}.learning-stats{gap:8px}.learning-stats span{font-size:9px}.review-summary{padding:30px 14px}.review-summary h2{font-size:28px}.week-chart{padding:15px 10px;gap:8px}.review-progress{gap:8px}.review-progress>span:first-child{font-size:9px}.topic-card p span{float:none!important;display:block;margin-top:10px}.flash-face strong{font-size:30px}.library-tools>.text-button{margin-left:auto}}
.word-progress{border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:10px;color:#7e8c70}
.sentence-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;color:#748368;font-size:11px}.sentence-controls>div{display:flex;align-items:center;gap:14px}.sentence-controls select{padding:5px 7px;font-size:11px}.sentence-list{display:grid;gap:10px}.sentence-button{display:flex;align-items:center;gap:13px;width:100%;text-align:left;border:1px solid #e0e7d8;border-radius:9px;background:#fff;padding:15px 17px;font-size:13px;line-height:1.8}.sentence-button>span:nth-child(2){flex:1}.sentence-button:hover{background:#f0f4e9;border-color:#b4c7a0}.sentence-button.speaking{background:#e8efde;border-color:#7f9b69;box-shadow:0 0 0 2px #8caa6e25}.sentence-play{color:#77975d;font-size:19px}.sound-button.speaking{background:#e7efdc;color:#315b25;border-radius:4px}.source-links{display:flex;gap:13px;flex-wrap:wrap;font-size:10px;line-height:1.8;color:#738666}.source-links a{text-decoration:underline;text-underline-offset:3px}.badge.reference{background:#eaf0f4;color:#728598}.dictionary-intro{font-size:11px;line-height:1.9;color:#7e8d70;background:#edf2e6;padding:16px 20px;border-radius:10px;margin:0 0 22px}.word-line strong{font-size:clamp(19px,1.75vw,25px)}.word-meaning{height:auto;min-height:18px;line-height:1.7}.catalog-note{font-size:10px;color:#829173;margin:0 0 15px}.account-link{border:1px solid #dce4d3;background:#fff;border-radius:6px;padding:7px 10px;font-size:10px}.account-info{line-height:1.9;color:#6f7d63}.account-info li{margin:10px 0}.account-info code{font-size:11px;background:#edf2e5;padding:3px 5px;border-radius:4px}
@media(max-width:760px){.detail-language h3{font-size:20px;letter-spacing:-.5px}.detail-language{padding:15px 10px}.sentence-button{font-size:12px;padding:13px 12px;gap:9px}.sentence-controls{font-size:10px}.sentence-controls>div{gap:9px}.account-link{padding:6px 8px;font-size:9px}}
.verb-tabs{display:flex;gap:6px;padding:5px;background:#eaf0e2;border-radius:9px;width:max-content;max-width:100%;margin-bottom:22px}.verb-tabs button{border:0;background:none;border-radius:6px;padding:10px 19px;font-size:12px;color:#7b8c6b}.verb-tabs button.active{background:white;color:#2e513d;box-shadow:0 2px 8px #304c3210}.verb-browser{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}.verb-directory{background:white;border:1px solid #dfe6d6;border-radius:13px;padding:18px}.verb-directory input{width:100%;padding:11px;border:1px solid #dbe4d0;border-radius:7px;font-size:11px;color:var(--ink);background:#f8faf4}.verb-filter{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#839271;margin-top:12px}.verb-filter select{min-width:0;font-size:10px;padding:7px;max-width:150px}#verb-list{max-height:540px;overflow:auto;scrollbar-width:thin}.verb-list-item{display:flex;width:100%;justify-content:space-between;align-items:center;gap:10px;padding:12px 10px;border:0;border-radius:6px;text-align:left;background:none;font:15px var(--serif)}.verb-list-item small{font:9px sans-serif;color:#8e9a80;white-space:nowrap}.verb-list-item.active{background:#edf2e5;color:#4b6c39}.verb-list-item:hover{background:#f3f5ef}.verb-sheet{background:#fff;border:1px solid #dfe6d6;border-radius:13px;padding:25px}.verb-sheet-title{display:flex;justify-content:space-between;gap:14px;align-items:center}.verb-sheet h3{font:italic 34px var(--serif);margin:10px 0 20px;overflow-wrap:anywhere}.verb-sheet-title p{font-size:12px;color:#869675;margin-top:-10px}.verb-controls{display:flex;gap:12px;margin-bottom:16px}.verb-controls label{display:flex;flex-direction:column;gap:8px;font-size:10px;color:#829071;min-width:0}.verb-controls label:first-child{flex:1}.verb-controls select{font-size:11px;min-width:0}.verb-player{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:15px 0 20px;font-size:10px;color:#829071}.verb-player .primary{padding:10px 15px;font-size:11px}.verb-player select{font-size:10px;padding:6px 8px}.conjugation-table{border:1px solid #e4eade;border-radius:9px;overflow:hidden}.conjugation-row{display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;align-items:center;border-bottom:1px solid #edf0e8;min-height:47px;padding:9px 13px}.conjugation-row:last-child{border-bottom:0}.person-label{font-size:11px;color:#8a977b}.conjugation-row>div{display:flex;gap:7px;flex-wrap:wrap}.form-audio{display:flex;align-items:center;gap:15px;justify-content:space-between;min-width:100px;border:0;border-radius:6px;background:#f1f5eb;padding:9px 12px;font-size:13px;text-align:left}.form-audio>span:last-child{color:#8eab76;font-size:15px}.form-audio:hover,.form-audio.speaking{background:#e2eccf;color:#335726}.form-audio.speaking{outline:1px solid #8baa6c}.verb-note{font-size:10px;line-height:1.9;color:#89977b;margin:15px 0}.missing-form{color:#a0aa92;font-size:11px}.verb-choice{display:flex;align-items:center;gap:12px;font-size:11px;margin:8px 0 15px}.verb-choice select{font-size:12px}.detail-panel .verb-sheet{padding:16px;border-radius:8px}.detail-tabs{flex-wrap:wrap;gap:17px}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-card p span{float:none!important;display:block;margin-top:12px}.topic-card{min-height:170px}.topic-card h3{font-size:18px}.nav-icon{flex-shrink:0}
@media(max-width:1050px){.verb-browser{grid-template-columns:175px minmax(0,1fr);gap:15px}.verb-sheet{padding:18px}.verb-controls{flex-wrap:wrap}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){nav{grid-template-columns:repeat(5,minmax(0,1fr))}.nav-item{font-size:9px}.verb-browser{grid-template-columns:1fr}.verb-directory{padding:13px}#verb-list{max-height:160px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.verb-list-item{padding:9px;font-size:13px}.verb-filter{margin-top:9px;justify-content:flex-start}.verb-sheet{padding:16px}.verb-sheet h3{font-size:28px}.verb-sheet-title{align-items:flex-start}.verb-sheet-title .badge{font-size:8px;white-space:nowrap;margin-top:10px}.verb-controls{gap:9px}.verb-controls label{max-width:100%}.verb-controls select{font-size:10px;padding:8px 5px}.verb-controls label:last-child{flex-basis:95px}.verb-player{gap:12px}.conjugation-row{grid-template-columns:63px minmax(0,1fr);padding:8px;gap:6px}.person-label{font-size:9px}.form-audio{font-size:12px;padding:8px;min-width:80px;gap:8px}.detail-panel .verb-sheet{padding:11px}.detail-panel .verb-controls{flex-direction:column}.detail-panel .verb-controls label:last-child{flex-basis:auto}.detail-tabs{gap:11px}.detail-tabs button{font-size:11px}.verb-tabs button{padding:9px 14px;font-size:11px}.verb-note{font-size:9px}.topic-card{padding:22px 16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.verb-list-item{min-width:0;max-width:100%}.verb-list-item>span{min-width:0;overflow-wrap:anywhere}.verb-list-item>small{flex-shrink:0}#verb-list{overflow-x:hidden}

.sync-panel{border:1px solid var(--line);border-radius:16px;background:#fff;padding:22px;margin:12px 0 26px}.sync-panel h3{margin:0 0 10px;font-size:16px;font-weight:500}.sync-panel p,#sync-preview p{font-size:12px;line-height:1.9;color:#627366}.sync-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.sync-actions label,#sync-preview label{font-size:12px;line-height:2}.sync-panel select,#sync-preview select{padding:10px;border:1px solid var(--line);border-radius:8px;background:#fafbf7;color:var(--ink);max-width:100%}.sync-option{display:block;margin:18px 0}.sync-warning{padding:12px;background:#fff5db;border-radius:8px}#sync-preview{overflow-wrap:anywhere}#sync-result:empty{display:none}@media(max-width:600px){.sync-panel{padding:16px}.sync-actions label{width:100%}.sync-panel select{display:block;width:100%}}

.example-marker{display:inline-block;font-size:10px;color:#54724b;background:#f0f4e9;padding:4px 8px;border-radius:5px;margin-top:8px}.example-sense-note{border-left:3px solid #afbd83;padding:10px 14px;background:#f5f7ef;font-size:12px;line-height:1.8}.topic-card p{display:flex;flex-direction:column;gap:8px}
/* Interface refinement: legibility, aligned cards and compact learning flows. */
:root{--muted:#68796e;--line:#dfe6dc}
body{line-height:1.55}button,input,select{font-family:inherit}select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #9aac79;outline-offset:3px}
main{max-width:1592px;padding-inline:clamp(24px,3.5vw,64px)}
.sidebar{overflow-y:auto}.brand{white-space:nowrap}.brand-mark{flex-shrink:0}.brand-cn{letter-spacing:1px;margin-left:5px}
.topbar,.topbar-right{font-size:12px}.topbar{height:76px;color:#647367}.sidebar-label{color:#65775e}.nav-item{font-size:13px;min-height:48px}.nav-en{color:#697760;font-size:11px}.sidebar-bottom small{color:#667562;font-size:11px}
.hero{padding:32px 0 23px}.hero p{color:#687666;font-size:14px;line-height:1.8}.hero h1{font-size:34px}.hero h1 em{font-size:42px}.eyebrow,.section-overline{color:#64735b;font-size:11px}.feature-grid{margin:18px 0 28px;gap:18px}.daily-card,.insight-card{padding:22px}.daily-description,.insight-card p{font-size:13px;color:#66715d}.daily-pair{flex-wrap:wrap;gap:16px}.daily-pair span{overflow-wrap:anywhere;min-width:0;font-size:32px}.search-shell input{font-size:15px}.search-shell input::placeholder{color:#75806f}.search-hints{font-size:12px;flex-wrap:wrap;color:#65745f}.hint{font-size:13px}.dashboard-strip{font-size:13px}.small-info,.catalog-note{font-size:12px;color:#66745f;line-height:1.8}.text-button{font-size:12px;min-height:36px}.primary,.secondary{font-size:13px;min-height:42px}
.search-focused .feature-grid,.search-focused .search-hints{display:none}.search-focused .hero{padding-bottom:14px}.search-focused #vocabulary{margin-top:24px}
.section-heading{gap:16px}.section-heading h2{font-size:20px}.section-heading h2 small{font-size:14px;color:#6e7b64}.section-heading>span{font-size:13px;color:#64735d;white-space:nowrap}.filters{gap:7px;margin-bottom:14px}.filter{font-size:12px;padding:9px 13px;border-color:#e0e6da;background:#fff;color:#57694f;min-height:40px}.filter.active{border-color:#294d3c}.filter-count{font-size:11px;opacity:.85}.library-tools{padding:14px 0;align-items:flex-start;gap:16px}.tool-group{flex-wrap:wrap;gap:14px}.tool-group label{font-size:12px;color:#596b52}.tool-group select{min-height:40px;font-size:12px;background:#fff;border-color:#dce4d5;border-radius:8px}.active-filters{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}.active-filters:empty{display:none}.active-filters>div{display:flex;gap:7px;flex-wrap:wrap;min-width:0}.active-filters span{padding:5px 10px;border-radius:7px;background:#e9eee1;color:#49603f;font-size:12px;overflow-wrap:anywhere}.active-filters button{flex-shrink:0}
.word-grid{gap:18px;align-items:stretch}.word-card{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;box-shadow:0 2px 5px #203c2a03}.card-open{flex:1;padding:23px 22px 18px}.card-top{padding-right:32px;flex-wrap:wrap;row-gap:7px;margin-bottom:21px;min-height:24px}.badge{font-size:10px;color:#5d713d}.topic-tag{font-size:11px;color:#637359}.bookmark{width:40px;height:40px;right:10px;top:10px;color:#708363}.word-line strong{font-size:27px;line-height:1.35}.word-line.fr strong{color:#637748;font-size:25px}.lang{font-size:10px;color:#65785b}.word-meaning{height:auto;min-height:22px;line-height:1.7;font-size:13px;color:#53664a;margin-top:16px}.example-marker{font-size:11px;margin-top:12px}.card-bottom{margin-inline:20px;margin-top:auto;padding:7px 0;font-size:10px;color:#66775d;gap:8px}.card-bottom>span{min-width:0;text-align:center;overflow-wrap:anywhere}.sound-button{min-height:40px;font-size:12px;flex-shrink:0}.pagination{gap:14px;flex-wrap:wrap;font-size:12px;color:#63745a}button:disabled{opacity:.4;cursor:default;transform:none!important;box-shadow:none!important}
.sync-panel{padding:0;border-radius:14px}.sync-panel summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:18px 22px;list-style:none}.sync-panel summary::-webkit-details-marker{display:none}.sync-panel summary strong{font-size:15px;font-weight:500}.sync-panel summary small{display:block;font-size:12px;color:#6a7863;margin-top:3px}.sync-content{padding:0 22px 20px;border-top:1px solid var(--line)}.sync-chevron{font-size:23px;transition:transform .2s}.sync-panel[open] .sync-chevron{transform:rotate(180deg)}
dialog{max-height:calc(100dvh - 40px);overscroll-behavior:contain}body:has(dialog[open]){overflow:hidden}.detail-header{position:sticky;top:0;z-index:2;background:#f9faf6f5;backdrop-filter:blur(14px);padding:20px 26px}.close-btn{min-width:44px;min-height:44px}.detail-language h3{overflow-wrap:anywhere}.detail-tabs{flex-wrap:nowrap;overflow-x:auto;gap:20px;scrollbar-width:thin}.detail-tabs button{white-space:nowrap;font-size:13px;min-height:44px;color:#64765a;flex-shrink:0}.note-box{font-size:14px;line-height:1.9}.sentence-button{font-size:15px;line-height:1.9}.sentence-button:hover,.form-audio:hover{background:#eaf0e1}.sentence-controls{flex-wrap:wrap;gap:12px}.source-links,.verb-note{font-size:12px;color:#64735b;line-height:1.85}.topic-card{border-radius:16px;min-height:180px;transition:transform .2s,box-shadow .2s}.topic-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #304a3410}.topic-card p{font-size:12px;color:#62735a}.verb-directory input{font-size:14px}.person-label{font-size:12px}.verb-list-item small{font-size:11px;color:#66775b}.verb-controls label{font-size:12px}.verb-controls select{font-size:13px;min-height:42px}.form-audio{min-height:44px}.verb-note{font-size:12px}.verb-list-item.active{box-shadow:inset 3px 0 #547348}
@media(min-width:1800px){main{margin-inline-start:calc(232px + (100vw - 1824px)/2)}}
@media(min-width:761px) and (max-width:1100px){main{padding-inline:26px}.brand{font-size:29px;gap:8px}.brand-cn{font-size:10px}.hero h1{font-size:29px}.hero h1 em{font-size:36px}.hero-ornament{opacity:.3}.hero h1,.hero p{position:relative;z-index:1}.library-tools{flex-wrap:wrap}.verb-browser{grid-template-columns:185px minmax(0,1fr)}}
@media(max-width:760px){main{margin:0;padding-inline:18px}.topbar{height:62px}.topbar>div:first-child{font-size:10px}.topbar-right{font-size:10px}.topbar-right .muted,.status-dot{display:none}.hero{padding:24px 0 17px}.hero h1{font-size:25px;margin-top:12px}.hero h1 em{font-size:32px}.hero p{font-size:13px}.hero-ornament{opacity:.35;right:0}.eyebrow{font-size:9px;letter-spacing:1.3px}.dashboard-strip{font-size:11px;margin-bottom:16px}.search-shell input{font-size:14px}.search-shell .primary{padding-inline:16px}.search-hints>span:last-child{display:none}.search-hints{font-size:11px;gap:12px}.feature-grid{grid-template-columns:1fr;margin-block:16px 24px;gap:12px}.daily-card{padding:19px}.daily-top .section-overline{font-size:9px}.daily-pair span{font-size:29px}.daily-bottom .language-label{display:none}.daily-bottom{margin-top:10px}.insight-card{padding:16px 19px}.insight-card .section-overline,.insight-symbol{display:none}.insight-card h3{font-size:15px;margin:0 0 5px}.insight-card p{font-size:12px}.insight-card .text-button{margin-top:6px}.search-focused .hero{padding-block:16px 10px}.search-focused .hero h1{font-size:19px;max-width:none;margin:8px 0}.search-focused .hero h1 em{display:inline;font-size:23px;margin-left:5px}.search-focused .hero p,.search-focused .hero-ornament,.search-focused .eyebrow,.search-focused .dashboard-strip{display:none}.section-heading h2 small{display:none}.section-heading h2{font-size:19px}.section-heading>span{font-size:12px}.library-tools{flex-wrap:wrap;gap:6px}.tool-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:8px}.tool-group label{display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:0;font-size:11px}.tool-group select{width:100%;min-width:0;margin:0;padding:8px 4px;font-size:11px}.filters{gap:6px}.filter{padding:8px 10px;font-size:11px;min-height:38px}.filter-count{font-size:10px}.word-grid{grid-template-columns:1fr;gap:14px}.card-open{padding:20px 20px 15px}.card-top{margin-bottom:16px}.topic-tag{display:inline;font-size:11px}.word-line strong{font-size:27px}.word-line.fr strong{font-size:25px}.word-line{gap:12px}.lang{width:21px}.word-meaning{font-size:14px}.card-bottom{margin-inline:20px;font-size:11px}.bookmark{right:10px;top:10px}.example-marker{font-size:11px}.sidebar{height:calc(70px + env(safe-area-inset-bottom));padding:4px 8px calc(4px + env(safe-area-inset-bottom));z-index:5}.nav-item{font-size:11px;gap:6px;min-height:58px;padding:7px 2px}.nav-icon{font-size:21px}.nav-item.active{box-shadow:inset 0 2px #739063}.nav-en{display:none}footer{margin-bottom:calc(90px + env(safe-area-inset-bottom));font-size:10px}.sync-panel{padding:0}.sync-panel summary{padding:16px}.sync-content{padding:0 16px 18px}.sync-actions{gap:10px}.sync-actions .primary,.sync-actions .secondary{flex:1}.sync-panel summary small{font-size:11px}.topic-grid{gap:12px}.topic-card{padding:18px 14px;min-height:180px}.topic-card h3{font-size:17px}.topic-card p{font-size:11px;overflow-wrap:anywhere}.detail-header{padding:12px 16px}.detail-header h2{font-size:14px}.detail-body{padding:16px}.detail-columns{grid-template-columns:1fr;gap:12px}.detail-language{padding:18px}.detail-language h3{font-size:29px}.detail-tabs{gap:18px}.detail-tabs button{font-size:12px}.detail-actions{flex-wrap:wrap;gap:10px}.detail-actions button{flex:1}.note-box{font-size:13px}.verb-sheet{padding:16px}.verb-controls select{font-size:12px}.person-label{font-size:11px}.verb-note{font-size:11px}.form-audio{font-size:14px}.sentence-button{font-size:14px}#toast{bottom:calc(85px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.sync-chevron,.topic-card{transition:none}.word-card:hover,.topic-card:hover{transform:none}}

.search-shell input:focus-visible{outline:none}.search-shell:focus-within{border-color:#718858;box-shadow:0 0 0 3px #dfe7d780}

/* B2 collection and long learning expressions */
.b2-collection{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;background:#eef2e9;border:1px solid #dce4d5;border-radius:16px;margin-bottom:22px}.b2-collection p{font-size:13px;line-height:1.7;margin:7px 0 0;color:#596452}.b2-collection button{flex-shrink:0}.word-line strong{overflow-wrap:anywhere}.topic-tag{white-space:normal;text-align:right}.detail-language h3{overflow-wrap:anywhere}@media(max-width:600px){.b2-collection{align-items:flex-start;flex-direction:column;padding:18px}.b2-collection button{width:100%}}

.review-audio{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:16px}.review-audio .secondary{padding:10px 16px}.review-definition{margin-left:auto}@media(max-width:600px){.review-audio{gap:8px}.review-definition{margin-left:0}.review-audio .secondary{padding:10px 12px}}

/* Brand lockup and paired language cards */
.brand{gap:12px;letter-spacing:0;align-items:center;width:fit-content}
.brand-mark{position:relative;flex:none;width:44px;height:48px;border-radius:14px 14px 14px 4px;background:#264b3e;color:#f5f3e9;font:italic 38px/1 Georgia,serif;letter-spacing:-3px;padding:0 5px 4px 0;box-shadow:inset 0 0 0 1px #ffffff12}
.brand-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:#c6d0a6;right:9px;bottom:12px}
.brand-wordmark{display:flex;flex-direction:column;gap:5px}
.brand-name{font:400 31px/.95 Georgia,serif;letter-spacing:-1.2px;color:#264b3e}
.brand-cn{margin:0;font:10px/1.4 'Microsoft YaHei',sans-serif;letter-spacing:1.6px;color:#788574;white-space:nowrap}
.brand:hover .brand-mark{background:#335d49;transform:translateY(-1px)}
.brand-mark{transition:background .2s,transform .2s}
.hero-ornament{width:158px;height:112px;right:8px;top:32px;opacity:1;pointer-events:none}
.language-tile{position:absolute;width:76px;height:94px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #dbe3d4}
.language-tile small{font:8px/1.2 sans-serif;letter-spacing:1.2px}
.language-tile b{font:italic 34px/1 Georgia,serif;font-weight:400}
.language-en{left:0;top:0;transform:rotate(-8deg);background:#edf1e7;color:#617653}
.language-fr{right:0;bottom:0;transform:rotate(8deg);background:#f7f5ee;color:#7c806b;border-color:#e3e1d4}
.language-bridge{position:absolute;left:65px;top:43px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f9faf6;border:1px solid #dbe3d4;color:#6c805f;font:16px/1 sans-serif}
@media(min-width:761px){.hero:has(.hero-ornament){padding-right:185px}}
@media(max-width:1100px) and (min-width:761px){.hero-ornament{transform:scale(.85);transform-origin:right top}.hero:has(.hero-ornament){padding-right:150px}}
@media(max-width:760px){.hero-ornament{display:none}}
@media(prefers-reduced-motion:reduce){.brand-mark{transition:none}.brand:hover .brand-mark{transform:none}}

.definition-list{padding-left:22px;line-height:1.9;font-size:15px}.definition-list li{padding:5px 0}.independent-card .word-line{margin-bottom:18px}.independent-language{max-width:100%}

.example-marker.pending{color:#858078}.independent-card .word-meaning{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.detail-panel .note-box{white-space:pre-line}.topic-tag{overflow-wrap:anywhere}

/* Paired entries retain each language’s source definitions and learning actions. */
.paired-definitions {margin-top:24px;align-items:start}.paired-definitions .definition-list{font-size:14px;line-height:1.8;padding-left:20px}.paired-definitions .detail-actions{flex-wrap:wrap;gap:8px}.paired-grammar{margin-top:20px}.paired-grammar summary{cursor:pointer;font-size:13px;color:var(--green,#25483c);padding:12px 0}.paired-card .example-marker{font-size:11px}

.spelling-comparisons{padding:24px;border-top:1px solid #dce2d7}.spelling-comparison{display:block;width:100%;text-align:left;border:1px solid #dce2d7;border-radius:12px;padding:14px;margin:10px 0;background:transparent;color:inherit;cursor:pointer}.spelling-comparison>span{display:block;line-height:1.8}.spelling-comparison small{display:inline-block;margin-left:12px;color:#6b756a}.spelling-comparison:hover{background:#f1f5ed}

/* Quiet primary navigation; detailed filters stay behind a disclosure. */
.compact-filters .filters{display:flex;align-items:center;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:2px;overflow:visible}
.compact-filters .filter{border:0;background:transparent;border-radius:8px;padding:10px 16px;min-height:42px;font-size:13px;white-space:nowrap}
.compact-filters .filter:hover{background:var(--pale)}
.compact-filters .filter.active{background:var(--green);color:#fff}
.filter-more{position:relative;margin-left:8px}
.filter-more summary{display:flex;align-items:center;gap:16px;cursor:pointer;list-style:none}
.filter-more summary::-webkit-details-marker{display:none}
.filter-more summary:focus-visible{outline:3px solid #afbd83;outline-offset:3px}
.filter-more[open] summary span{transform:rotate(180deg)}
.filter-more-options{position:absolute;top:calc(100% + 8px);right:0;z-index:4;width:280px;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px #233e3514}
.filter-more:not([open]) .filter-more-options{display:none}
.filter-more-options .filter{text-align:left;font-size:12px;padding:11px 12px}
.library-tools .tool-group{gap:16px}.library-tools .tool-group select{padding:9px 12px}.library-tools optgroup{font-style:normal}
@media(max-width:760px){.compact-filters .filters{gap:3px;flex-wrap:nowrap;justify-content:space-between}.compact-filters .filter{padding:9px 10px;font-size:12px}.filter-more{margin-left:0}.filter-more summary{gap:7px}.filter-more-options{width:min(290px,calc(100vw - 36px))}.library-tools .tool-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.library-tools .tool-group select{padding:9px 8px;font-size:12px}.filter-more-options .filter{white-space:normal}}

/* The remaining daily spotlight fills the space left by the removed insight card. */
.feature-grid{grid-template-columns:minmax(0,1fr)}

/* Keep pagination comfortably clear of the window edge and mobile navigation. */
.pagination{padding:18px 0 36px;margin-top:24px;border-top:1px solid var(--line)}
@media(max-width:760px){.pagination{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}

/* Visible app download access, including narrow screens. */
.app-download{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;background:#2c5947;color:#fff;padding:10px 14px;border:1px solid #2c5947;border-radius:9px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.app-download:hover{background:#214736}.app-download:active{transform:translateY(1px)}
@media(max-width:760px){.topbar{height:auto;min-height:62px;padding:12px 0;flex-wrap:wrap;gap:8px}.topbar>div:first-child{display:none}.topbar-right{width:100%;justify-content:flex-end;flex-wrap:wrap}.app-download{margin-right:auto;min-height:40px;padding:8px 12px}}