:root{--bg:#f8fafc;--surface:#fff;--surface-soft:#f4f7fb;--fg:#172033;--muted:#667085;--subtle:#8a94a6;--border:#d9e0ea;--border-strong:#bcc8d8;--accent:#2563eb;--accent-strong:#1d4ed8;--green:#0f766e;--amber:#b45309;--danger:#b42318;--shadow:0 18px 50px #1e293b1a}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100vh;color:var(--fg);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans CJK TC,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,select,input[type=text]{font:inherit;letter-spacing:0}button{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;font-weight:650}button:hover{background:var(--accent-strong)}button:disabled{cursor:progress;opacity:.55}select,input[type=text]{border:1px solid var(--border);color:var(--fg);background:#fff}main{width:min(1120px,100%);margin:0 auto;padding:24px clamp(16px,4vw,36px) 64px}.dict-home{min-height:100vh}.dict-home-compact{padding-top:18px}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;min-height:44px;display:flex}.brand-mark{color:var(--fg);align-items:center;gap:10px;font-size:.95rem;font-weight:720;display:inline-flex}.brand-dot{color:#fff;background:#1f2937;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.82rem;font-weight:760;display:grid}.user-panel{color:var(--muted);text-align:right;justify-content:flex-end;align-items:flex-start;gap:14px;font-size:.85rem;display:flex}.user-panel form{display:inline}.link-button{appearance:none;color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-weight:700}.link-button:hover{color:var(--accent-strong);background:0 0}.recent-lookups{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;max-width:560px;display:flex}.recent-lookups span{color:var(--subtle);font-weight:720}.search-hero{justify-items:center;padding:clamp(36px,9vh,96px) 0 26px;display:grid}.word-page-hero{margin:22px 0 14px}.word-page-hero h1{color:var(--fg);overflow-wrap:anywhere;margin:0;font-size:clamp(2.2rem,5vw,4rem);line-height:1}.brand-word{flex-wrap:wrap;justify-content:center;gap:.2em;margin-bottom:18px;font-size:clamp(2.7rem,8vw,5.6rem);font-weight:760;line-height:.95;display:flex}.brand-word span:first-child{color:#2563eb}.brand-word span:last-child{color:#111827}.search-hero h1{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.search-panel{width:min(980px,100%)}.language-bar{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0 auto 12px;font-size:.88rem;display:flex}.language-caption{letter-spacing:.06em;text-transform:uppercase;color:var(--subtle);font-size:.78rem;font-weight:760}.language-separator{color:var(--subtle)}.language-bar select{border-radius:999px;min-width:120px;height:34px;padding:0 12px}form.search-box{margin:0;border:1px solid var(--border);background:var(--surface);width:min(760px,100%);box-shadow:var(--shadow);border-radius:999px;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-inline:auto;padding:8px;display:grid}.autocomplete{min-width:0;position:relative}.autocomplete input{border:0;border-radius:999px;outline:0;width:100%;height:48px;padding:0 20px;font-size:1.05rem}.autocomplete input:focus{box-shadow:inset 0 0 0 2px #2563eb38}.search-box button{border-radius:999px;min-width:104px;height:48px;padding:0 22px}.suggestions{z-index:20;border:1px solid var(--border);background:#fff;border-radius:18px;max-height:320px;margin:0;padding:8px;list-style:none;position:absolute;top:calc(100% + 12px);left:0;right:0;overflow-y:auto;box-shadow:0 24px 70px #0f172a29}.suggestions li{cursor:pointer;border-radius:12px;grid-template-columns:auto auto minmax(0,1fr);align-items:baseline;gap:8px;min-height:40px;padding:8px 10px;display:grid}.suggestions li:hover,.suggestions li.active{background:#eef5ff}.suggestion-word{font-weight:760}.suggestion-pos{color:var(--green);font-size:.78rem;font-style:italic;font-weight:650}.suggestion-gloss{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.status{min-height:24px;color:var(--muted);text-align:center;margin:14px 0 0;font-size:.9rem}.status.error{color:var(--danger)}.result-shell{margin-top:18px}.quick-row{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:8px auto 0;font-size:.88rem;display:flex}.language-counts,.random-links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.language-counts a,.random-links a,.total-count{border:1px solid var(--border);background:#ffffffb8;border-radius:999px;align-items:center;gap:7px;min-height:32px;padding:6px 10px;display:inline-flex}.language-counts strong{color:var(--fg);font-size:.82rem}.total-count{color:var(--green);font-weight:720}.word-of-day{margin-top:34px}.section-label{color:var(--muted);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:10px;font-size:.9rem;font-weight:720;display:flex}.section-label strong{color:var(--green)}.result-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;grid-template-columns:minmax(0,1fr);gap:20px;padding:clamp(18px,3vw,28px);display:grid;box-shadow:0 18px 44px #0f172a14}.result-card:has(.entry-media){grid-template-columns:minmax(0,1fr) 210px}.entry-content{min-width:0}.entry-media{background:#f6f8fb;border:1px solid #e5e7eb;border-radius:20px;grid-area:1/2;align-self:start;place-items:center;min-height:210px;display:grid}.entry-media img{object-fit:contain;width:min(170px,100%);height:auto;max-height:180px;display:block}.card-head{border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:18px}.headword-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.headword-stack{min-width:0}.headword{color:var(--fg);overflow-wrap:anywhere;margin:0;font-size:clamp(2rem,5vw,3.4rem);font-weight:760;line-height:1.02}.entry-badges,.entry-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.entry-badges{margin-top:10px}.entry-actions{justify-content:flex-end}.pos,.level{border-radius:999px;align-items:center;min-height:26px;padding:4px 10px;font-size:.78rem;font-weight:720;display:inline-flex}.pos{color:var(--green);background:#ecfdf5}.level{color:var(--amber);background:#fff7ed;border:1px solid #fed7aa}.speak-button,.secondary-button,.save-panel button{border-radius:999px;min-height:34px;padding:7px 12px;font-size:.82rem}.speak-button,.secondary-button{border-color:var(--border-strong);color:var(--accent);background:#fff}.speak-button:hover,.speak-button.is-playing,.secondary-button:hover{color:var(--accent-strong);background:#eff6ff;border-color:#bfdbfe}.save-panel{border:1px solid var(--border);background:#f8fafc;border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.save-panel input,.save-panel select{border:1px solid var(--border-strong);background:#fff;border-radius:10px;width:180px;max-width:min(180px,100%);min-height:34px;padding:6px 10px;font-size:.84rem}.save-field{color:var(--muted);gap:4px;font-size:.76rem;font-weight:720;display:grid}.save-empty{min-height:34px;color:var(--fg);align-items:center;font-size:.84rem;font-weight:650;display:inline-flex}.save-message{color:var(--muted);font-size:.82rem}.meta-row,.infl-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.meta-row{color:var(--muted);margin-top:12px;font-size:.92rem}.ipa{color:#334155;font-family:ui-monospace,SF Mono,Menlo,monospace}.infl-row{margin-top:14px}.infl-chip{background:var(--surface-soft);color:#344054;border-radius:999px;align-items:center;gap:6px;min-height:28px;padding:4px 10px;font-size:.8rem;display:inline-flex}.infl-label{color:var(--subtle)}.infl-value{font-weight:720}.sense{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(0,1fr);gap:12px;padding:16px 0;display:grid}.sense:last-of-type{border-bottom:none}.sense-num{min-width:28px;color:var(--accent);font-size:1rem;font-weight:760}.sense-body{min-width:0}.defs,.examples,.ex-trans,.set-card ul{margin:0;padding:0;list-style:none}.defs{gap:8px;margin-bottom:12px;display:grid}.def{color:var(--fg);font-size:1rem;line-height:1.55}.def-lang{background:var(--surface-soft);min-width:40px;color:var(--muted);text-transform:uppercase;vertical-align:2px;border-radius:6px;justify-content:center;margin-right:8px;padding:2px 6px;font-size:.7rem;font-weight:760;display:inline-flex}.def-ctx{color:var(--muted);margin-left:4px;font-size:.9em}.examples{gap:12px;display:grid}.example{background:#f8fafc;border-radius:16px;padding:12px}.ex-text{color:#27364f;align-items:center;gap:8px;line-height:1.5;display:flex}.ex-text em{font-style:normal;font-weight:620}.example-text,.example-token-line{display:inline}.example-token-wrap{align-items:baseline;gap:4px;margin:0 1px;display:inline-flex}.example-token{color:var(--accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.example-token:hover{color:var(--accent-strong)}.example-token-status{color:#0000;background:#e2e8f0;border:0;border-radius:6px;max-width:24px;min-height:20px;font-size:.7rem}.word-color-settings{color:var(--muted);margin-left:8px;font-size:.78rem;font-style:normal;display:inline-block}.word-color-settings summary{cursor:pointer;color:var(--accent);font-weight:720;display:inline-flex}.word-color-settings[open]{border:1px solid var(--border);background:#fff;border-radius:12px;gap:8px;width:min(280px,100%);margin:8px 0 0 18px;padding:10px;display:grid}.word-color-settings label{justify-content:space-between;align-items:center;gap:12px;display:flex}.ex-bullet{color:var(--accent);font-weight:760}.ex-trans{color:var(--muted);gap:6px;margin-top:8px;font-size:.92rem;display:grid}.related,.hint{color:var(--muted);font-size:.92rem;line-height:1.5}.related-label,.hint-label{color:var(--green);margin-right:8px;font-weight:760;display:inline-flex}.card-foot{border-top:1px solid var(--border);gap:8px;margin-top:10px;padding-top:16px;display:grid}.empty-senses{color:var(--muted)}.sets-list{gap:16px;display:grid}.set-card{border:1px solid var(--border);background:#fff;border-radius:18px;padding:18px}.set-card header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px;padding-bottom:12px;display:flex}.set-card h2{margin:0;font-size:1.05rem}.primary-link-button,.secondary-link-button,.danger-button{border-radius:10px;justify-content:center;align-items:center;min-height:38px;padding:8px 14px;font-weight:720;display:inline-flex}.primary-link-button{background:var(--accent);color:#fff}.secondary-link-button{border:1px solid var(--border-strong);color:var(--accent);background:#fff}.danger-button{color:var(--danger);background:#fff;border:1px solid #fecaca}.danger-button:disabled{cursor:not-allowed;opacity:.45}.set-card li{color:var(--muted);grid-template-columns:minmax(0,1fr) auto auto;gap:12px;padding:8px 0;display:grid}.lede{color:var(--muted)}.set-breadcrumb{color:var(--muted);gap:8px;margin:20px 0;font-size:.9rem;display:flex}.collection-detail{gap:22px;display:grid}.collection-detail-head{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.collection-kicker,.collection-stats{color:var(--muted);flex-wrap:wrap;gap:14px;display:flex}.collection-kicker{text-transform:uppercase;font-size:.78rem;font-weight:760}.collection-kicker span:first-child{color:var(--accent);background:#dbeafe;border-radius:8px;padding:4px 8px}.collection-detail h1{margin:8px 0 16px;font-size:clamp(2rem,5vw,3.3rem);line-height:1}.collection-stats strong{color:var(--fg);font-size:1.15rem;display:block}.collection-toolbar,.collection-add-word{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.collection-search{min-width:min(380px,100%);color:var(--muted);gap:6px;font-size:.8rem;font-weight:720;display:grid}.collection-search input,.collection-add-word input,.collection-add-word select{border-radius:10px;min-height:40px;padding:8px 12px}.collection-add-word{border:2px dashed var(--border-strong);background:#fff;border-radius:14px;padding:18px}.collection-add-word div{min-width:min(280px,100%);display:grid}.collection-add-word span,.collection-message{color:var(--muted)}.collection-word-table{border:1px solid var(--border);background:#fff;border-radius:14px;overflow:hidden}.collection-word-row{border-bottom:1px solid var(--border);grid-template-columns:34px minmax(110px,1fr) 92px minmax(160px,1.4fr) 130px 120px 92px;align-items:center;gap:12px;min-height:66px;padding:12px 16px;display:grid}.collection-word-row:last-child{border-bottom:0}.collection-word-row.table-head{background:var(--surface-soft);min-height:48px;color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:780}.collection-word-row>a{color:var(--accent);font-weight:760}.collection-word-row.is-due{background:#fffbeb}.srs-chip{border:1px solid var(--border);border-radius:8px;width:fit-content;padding:4px 8px;font-size:.8rem;font-weight:720}.srs-chip.mastered{color:var(--green);background:#ccfbf1;border-color:#99f6e4}.srs-chip.learning{color:var(--accent);background:#dbeafe;border-color:#bfdbfe}.srs-chip.due{color:var(--amber);background:#fef3c7;border-color:#fde68a}.srs-chip.new{background:var(--surface-soft);color:var(--muted)}.icon-danger{color:var(--danger);background:0 0;border:0;font-size:.82rem}.review-session,.review-summary{gap:22px;max-width:760px;margin:36px auto 0;display:grid}.review-session-head,.review-actions,.review-summary-grid{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.review-flip{cursor:pointer;perspective:1200px;border-radius:20px;justify-self:center;width:min(420px,100%);height:min(560px,72vh);min-height:430px;display:block}.review-flip:focus-visible{outline-offset:5px;outline:4px solid #bfdbfe}.review-card{width:100%;height:100%;color:var(--fg);transform-style:preserve-3d;transition:transform .36s cubic-bezier(.4,0,.2,1);position:relative}.review-card.is-flipped{transform:rotateY(180deg)}.review-card-face{border:1px solid var(--border);backface-visibility:hidden;background:#fff;border-radius:20px;flex-direction:column;gap:16px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 22px 56px #0f172a1f}.review-card-front{text-align:center;justify-content:space-between;padding:clamp(22px,5vw,34px);overflow:hidden}.review-card-back{padding:22px;overflow-y:auto;transform:rotateY(180deg)}.review-card-toolbar,.review-example-head,.review-answer-word{justify-content:space-between;align-items:center;gap:12px;display:flex}.review-card-toolbar{color:var(--muted);font-size:.82rem;font-weight:720}.review-card-main{place-items:center;gap:16px;min-height:0;display:grid}.review-card-main strong{overflow-wrap:anywhere;font-size:clamp(3rem,10vw,5.7rem);line-height:.98}.review-card-hint{color:var(--subtle);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:760}.review-answer{border-bottom:1px solid var(--border);gap:12px;padding-bottom:16px;display:grid}.review-answer strong{font-size:clamp(1.6rem,5vw,2.5rem);line-height:1.15}.review-answer-word{color:var(--muted);font-size:1.05rem;font-weight:720}.review-example{border:1px solid var(--border);background:#f8fafc;border-radius:14px;gap:10px;padding:14px;display:grid}.review-example-head{color:var(--subtle);text-transform:uppercase;font-size:.78rem;font-weight:780}.review-example p{color:var(--fg);margin:0;font-size:1rem;line-height:1.55}.review-example .review-example-translation{color:var(--muted)}.review-kicker{color:var(--muted);text-transform:uppercase;font-size:.8rem;font-weight:780}.review-grade-bar{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.review-grade-bar button{border-radius:12px;gap:4px;min-height:64px;display:grid}.review-grade-bar span{opacity:.82;font-size:.76rem}.grade-again{background:var(--danger);border-color:var(--danger);color:#fff}.grade-hard{color:#172033;background:#fef3c7;border-color:#f59e0b}.grade-good{background:var(--accent);border-color:var(--accent);color:#fff}.grade-easy{background:var(--green);border-color:var(--green);color:#fff}.review-grade-bar .grade-hard:hover{background:#fde68a}.review-summary{text-align:center}.review-summary h1{margin:0;font-size:clamp(2rem,6vw,3.8rem)}.review-summary-grid{justify-content:center}.review-summary-grid span{border:1px solid var(--border);background:#fff;border-radius:12px;min-width:140px;padding:14px}.review-summary-grid strong{color:var(--fg);font-size:1.6rem;display:block}pre.entry{color:#f8fafc;background:#111827;border-radius:16px;padding:16px;overflow-x:auto}@media (max-width:760px){main{padding:18px 14px 48px}.topbar,.user-panel,.quick-row,.set-card header{flex-direction:column;align-items:flex-start}.user-panel,.recent-lookups{text-align:left;justify-content:flex-start}.search-hero{padding-top:42px}.brand-word{font-size:clamp(2.35rem,14vw,4rem)}form.search-box{border-radius:24px;grid-template-columns:1fr}.autocomplete input,.search-box button{height:46px}:is(.result-card,.result-card:has(.entry-media)){grid-template-columns:1fr}.entry-media{grid-area:auto;min-height:180px}.headword-row,.entry-actions{justify-content:flex-start}.sense{grid-template-columns:1fr}.set-card li{grid-template-columns:1fr;gap:4px}.collection-detail-head,.collection-toolbar,.collection-add-word{flex-direction:column;align-items:stretch}.collection-word-row,.collection-word-row.table-head{grid-template-columns:28px minmax(0,1fr)}.collection-word-row>span:nth-child(n+3),.collection-word-row>button,.collection-word-row.table-head>span:nth-child(n+3){grid-column:2}.review-grade-bar{grid-template-columns:1fr 1fr}.review-flip{height:auto;min-height:460px}.review-card{min-height:460px}}