:root{--bg-top:#6353e0;--bg-bottom:#3a2db0;--white:#fff;--card:#fffdf8;--ink:#1b1650;--ink-2:#57517f;--ink-3:#6b6690;--accent:#ffb8de;--on-violet:#f4f1ff;--line-on-violet:#fff6;--fill-on-violet:#ffffff14;--comp-1:#c81e64;--comp-1-bg:#fae9eb;--comp-2:#1d4ed8;--comp-2-bg:#ebedf5;--comp-3:#b93a0a;--comp-3-bg:#f9ebe3;--comp-4:#137a38;--comp-4-bg:#eaf1e7;--comp-5:#6d28d9;--comp-5-bg:#f2eaf5;--r-icon:12px;--r-btn:14px;--r-card:20px;--font:"Be Vietnam Pro", system-ui, -apple-system, sans-serif;--font-han:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", sans-serif;--font-scale:.9;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--tabbar-bg:#312599;--tabbar-h:calc(61px + var(--safe-bottom))}*{box-sizing:border-box}html{background:var(--bg-top)}html,body{overscroll-behavior:none;height:100%;margin:0}body{min-height:100dvh;font-family:var(--font);color:var(--white);background:linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%) no-repeat;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background-size:100% 100%;font-weight:400}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.han{font-family:var(--font-han)}#screen{inset:0 0 var(--tabbar-h) 0;overscroll-behavior:none;padding:calc(var(--safe-top) + 16px) 20px 32px;position:fixed;overflow-y:auto}#tabbar{height:var(--tabbar-h);padding-bottom:var(--safe-bottom);background:var(--tabbar-bg);border-top:1px solid #ffffff4d;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.tab{height:61px;font-size:calc(12px * var(--font-scale));color:#ffffffa6;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-weight:500;display:flex}.tab[aria-current=page]{color:var(--white);box-shadow:inset 0 2px 0 var(--white)}.section-label{font-size:calc(11px * var(--font-scale));font-weight:500;line-height:calc(16px * var(--font-scale));letter-spacing:.08em;text-transform:uppercase;color:var(--on-violet);margin:28px 0 8px}.screen-title{font-size:calc(22px * var(--font-scale));margin:8px 0 4px;font-weight:500}.muted{color:var(--on-violet);font-size:calc(14px * var(--font-scale));line-height:calc(20px * var(--font-scale))}.chevron{flex-shrink:0;display:flex}.row-card{border:1px solid var(--line-on-violet);border-radius:var(--r-card);background:var(--fill-on-violet);align-items:center;gap:14px;min-height:68px;padding:12px 20px 12px 16px;display:flex}.row-card.primary{background:var(--white);color:var(--ink);border:0;min-height:84px;position:relative;overflow:hidden}.row-card+.row-card{margin-top:12px}.row-card .icon{border-radius:var(--r-btn);background:#ffffff29;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.row-card.primary .icon{background:#eeeafe}.row-card .text{flex-grow:1;min-width:0;position:relative}.row-card .title{font-size:calc(17px * var(--font-scale));font-weight:500;line-height:calc(24px * var(--font-scale));display:block}.row-card .sub{font-size:calc(13px * var(--font-scale));line-height:calc(18px * var(--font-scale));color:var(--on-violet);display:block}.row-card.primary .sub{color:var(--ink-2)}.row-card .watermark{font-family:var(--font-han);font-size:calc(96px * var(--font-scale));font-weight:700;line-height:calc(104px * var(--font-scale));color:#f1eefd;position:absolute;top:-10px;right:44px}.placeholder{border:1px dashed var(--line-on-violet);border-radius:var(--r-card);margin-top:24px;padding:20px}:root{--subbar-h:45px}#screen.with-subbar{bottom:calc(var(--tabbar-h) + var(--subbar-h));padding-bottom:32px}.empty{text-align:center;color:var(--ink-2);font-size:calc(15px * var(--font-scale));padding:64px 24px}.subbar{left:0;right:0;bottom:var(--tabbar-h);height:var(--subbar-h);color:var(--ink);z-index:10;background:#e4e0fa;border-top:1px solid #cfc9e6;align-items:center;gap:2px;padding:0 16px;display:flex;position:fixed}.subbar.home-bar{color:var(--white);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#140c5a40;border-top:1px solid #ffffff4d;border-bottom:1px solid #ffffff29}.bar-btn{height:44px;font-size:calc(13px * var(--font-scale));border-radius:12px;align-items:center;gap:6px;padding:0 10px;font-weight:500;display:flex}.bar-btn[aria-pressed=true]{background:#ffb8de99}.dot{background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:-2px;right:-3px}#overlay{z-index:50;position:relative}body.overlay-open #screen{overflow:hidden}body.kb-open #tabbar{display:none}body.kb-open #screen{top:var(--vv-top,0px)}body.kb-open #screen.with-subbar{bottom:calc(var(--kb,0px) + var(--subbar-h))}body.kb-open .subbar{bottom:var(--kb,0px)}html.standalone,html.standalone body{height:auto}html.standalone body{min-height:calc(100lvh + 1px)}.study-card{padding-bottom:8px}.slide-left{animation:.24s cubic-bezier(.22,.61,.36,1) both slideLeft}.slide-right{animation:.24s cubic-bezier(.22,.61,.36,1) both slideRight}@keyframes slideLeft{0%{opacity:0;transform:translate(20%)}to{opacity:1;transform:none}}@keyframes slideRight{0%{opacity:0;transform:translate(-20%)}to{opacity:1;transform:none}}.card-band{background:var(--bg-top);color:var(--white);padding-bottom:24px}.card-band .card-head{color:var(--white)}.card-band .card-hanviet,.card-band .card-meaning{color:#e4e0ff}.card-band .card-nav,.card-band .close-btn{color:var(--white)}.card-band .hsk-chip{background:var(--accent);color:var(--ink)}.card-sheet{background:var(--card);border-radius:20px 20px 0 0;margin-top:-12px;padding-top:4px;position:relative}.card-sheet>.card-section:first-child{border-top:0}.card-top{padding:calc(var(--safe-top) + 12px) 4px 24px;align-items:center;display:flex}.card-top .card-head{flex:1;min-width:0;padding:0 4px}.card-nav{opacity:.7;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:44px;display:flex}.hsk-chip{background:var(--ink);height:18px;color:var(--card);font-size:calc(10px * var(--font-scale));border-radius:999px;flex-shrink:0;align-items:center;padding:0 7px;font-weight:500;display:inline-flex}.hsk-chip.outline{border:1.5px solid var(--ink);height:28px;color:var(--ink);font-size:calc(13px * var(--font-scale));background:#fffdf8e6;padding:0 12px}.story-img{aspect-ratio:16/7;object-fit:cover;background:#f3eee4;border-radius:16px;width:100%;margin-top:12px;display:block}.story-img.missing{display:none}.card-head{color:var(--ink);align-items:center;gap:16px;padding:14px 20px 4px;display:flex}.card-hanzi{font-weight:500;font-size:calc(56px * var(--font-scale));line-height:calc(56px * var(--font-scale));flex-shrink:0}.card-pinyin{font-size:calc(22px * var(--font-scale));font-weight:500;line-height:calc(28px * var(--font-scale))}.card-hanviet{font-size:calc(14px * var(--font-scale));color:var(--ink-2);font-weight:500}.card-meaning{font-size:calc(14px * var(--font-scale));line-height:calc(20px * var(--font-scale));color:var(--ink-2)}.card-section{color:var(--ink);border-top:1px solid #ece8f5;margin:8px 20px 0;padding-top:12px}.card-label{font-size:calc(11px * var(--font-scale));font-weight:500;line-height:calc(16px * var(--font-scale));letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}.comp-list{flex-direction:column;gap:6px;display:flex}.comp-row{border-radius:12px;align-items:center;gap:12px;min-height:32px;padding:4px 12px;display:flex}button.comp-row{text-align:left;width:100%;color:inherit;font:inherit}.comp-row.tap{padding-right:8px}.comp-row.tap:active{filter:brightness(.96)}.comp-go{opacity:.7;flex-shrink:0;margin-left:-4px;display:flex}.comp-char{font-weight:500;font-size:calc(20px * var(--font-scale));text-align:center;flex-shrink:0;width:24px;line-height:1}.comp-text{font-size:calc(14px * var(--font-scale));flex-grow:1;min-width:0}.comp-note{font-size:calc(12px * var(--font-scale));color:var(--ink-3);text-align:right;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:35%;overflow:hidden}.story{font-size:calc(15px * var(--font-scale));line-height:calc(22px * var(--font-scale));margin:0}.story-comp{font-weight:500}.vocab-row{line-height:calc(24px * var(--font-scale));border-bottom:1px solid #ece8f5;align-items:baseline;gap:10px;padding:4px 0;display:flex}.vocab-row:last-child{border-bottom:0}.vocab-han{font-weight:500;font-size:calc(18px * var(--font-scale));flex-shrink:0}.vocab-py{font-size:calc(14px * var(--font-scale));color:var(--ink-3);flex-shrink:0}.vocab-mean{text-align:right;font-size:calc(14px * var(--font-scale));flex-grow:1}.sheet-backdrop{z-index:30;background:#140c5a99;position:fixed;inset:0}.sheet{z-index:31;padding:10px 20px calc(28px + var(--safe-bottom));background:var(--card);color:var(--ink);border-radius:20px 20px 0 0;flex-direction:column;gap:14px;max-height:85vh;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.sheet-grip{background:#cfc9e6;border-radius:2px;align-self:center;width:36px;height:4px}.sheet-head{justify-content:space-between;align-items:center;height:28px;display:flex}.sheet-title{font-size:calc(20px * var(--font-scale));font-weight:500}.link-btn{height:44px;color:var(--ink-2);font-size:calc(14px * var(--font-scale));text-underline-offset:3px;padding:0 4px;font-weight:500;text-decoration:underline}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--ink);height:36px;font-size:calc(14px * var(--font-scale));color:var(--ink);border-radius:999px;align-items:center;gap:4px;padding:0 14px;font-weight:500;display:flex}.chip[aria-pressed=true]{background:var(--ink);color:var(--white)}.chip.more{border-color:#b9b4d6}.chips.small{gap:6px}.chips.small .chip{height:28px;font-size:calc(12px * var(--font-scale));border-width:1px;padding:0 10px}.hsk-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.session-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.session-btn{border:1px solid var(--ink);height:40px;font-size:calc(13px * var(--font-scale));color:var(--ink);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:4px;padding:0 10px;font-weight:500;display:flex}.session-btn.all{background:#eeeafe}.session-btn[aria-pressed=true]{background:var(--ink);color:var(--white)}.session-count{font-size:calc(12px * var(--font-scale));opacity:.65}.session-btn.more{color:var(--ink-2);border-color:#b9b4d6;justify-content:center}.sheet-actions{align-items:center;gap:16px;display:flex}.sheet-actions .link-btn{flex-shrink:0;padding:0 8px}.sheet-actions .apply-btn{flex:1}.switch-row{justify-content:space-between;align-items:center;min-height:44px;display:flex}.switch{border:1.5px solid var(--ink);border-radius:14px;flex-shrink:0;width:48px;height:28px;position:relative}.switch span{background:var(--ink);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:4px;left:4px}.switch[aria-checked=true]{background:var(--ink)}.switch[aria-checked=true] span{background:var(--white);transform:translate(20px)}.apply-btn{border-radius:var(--r-btn);background:var(--ink);height:48px;color:var(--white);font-size:calc(15px * var(--font-scale));font-weight:500}.popup-backdrop{z-index:32;background:#140c5a99;position:fixed;inset:0}.popup{z-index:33;max-height:calc(100% - var(--safe-top) - 56px);overscroll-behavior:contain;background:var(--card);color:var(--ink);padding:0 0 calc(32px + var(--safe-bottom));border-radius:20px 20px 0 0;animation:.22s cubic-bezier(.22,.61,.36,1) popupUp;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}@keyframes popupUp{0%{opacity:.6;transform:translateY(40px)}to{opacity:1;transform:none}}.popup-grip{background:#ffffff80;border-radius:2px;width:36px;height:4px;margin-left:-18px;position:absolute;top:8px;left:50%}.popup-top{justify-content:space-between;align-items:center;padding:8px 8px 8px 20px;display:flex}.close-btn{width:44px;height:44px;color:var(--ink);justify-content:center;align-items:center;display:flex}.rd-detail{z-index:31;max-height:calc(100% - var(--safe-top) - 24px);background:var(--card);color:var(--ink);overscroll-behavior:contain;padding-bottom:calc(32px + var(--safe-bottom));border-radius:24px 24px 0 0;animation:.22s cubic-bezier(.22,.61,.36,1) popupUp;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.rd-detail-close{border:1.5px solid var(--ink);width:44px;height:44px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:16px}.rd-detail-head{text-align:center;border-bottom:1px solid #ece8f5;padding:44px 20px 16px}.rd-char-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.rd-char-tile{color:var(--ink);background:#f3f1fa;border-radius:12px;flex-direction:column;align-items:center;padding:10px 8px;display:flex}.rd-char-tile .han{font-size:calc(30px * var(--font-scale));font-weight:500;line-height:calc(36px * var(--font-scale))}.rd-char-tile span:last-child{font-size:calc(11px * var(--font-scale));line-height:calc(16px * var(--font-scale));color:var(--ink-3);margin-top:2px}.char-block{width:100%;color:var(--ink);text-align:left;background:#f3f1fa;border-radius:16px;margin-bottom:10px;display:block;overflow:hidden}.char-block-img{aspect-ratio:16/7;object-fit:cover;background:#f3eee4;width:100%;display:block}.char-block-img.missing{display:none}.char-block-row{align-items:center;gap:12px;padding:10px 12px;display:flex}.char-block-han{font-size:calc(30px * var(--font-scale));flex-shrink:0;font-weight:500;line-height:1}.char-block-text{flex-direction:column;flex:1;min-width:0;display:flex}.char-block-title{font-size:calc(14px * var(--font-scale));font-weight:500;line-height:calc(20px * var(--font-scale))}.char-block-sub{font-size:calc(13px * var(--font-scale));line-height:calc(18px * var(--font-scale));color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-layer{z-index:40;position:relative}.fast-scroller{z-index:20;opacity:0;pointer-events:none;width:28px;transition:opacity .2s;position:fixed;right:6px}.fast-scroller.active,.fast-scroller.dragging{opacity:1}.fast-scroller.active .fs-thumb,.fast-scroller.dragging .fs-thumb{pointer-events:auto}.fs-thumb{width:28px;height:40px;color:var(--white);touch-action:none;-webkit-user-select:none;user-select:none;background:#140c5ac7;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0}.fs-bubble{min-width:32px;color:var(--white);font-size:calc(13px * var(--font-scale));font-weight:500;line-height:calc(16px * var(--font-scale));text-align:center;white-space:nowrap;background:#140c5ae0;border-radius:10px;padding:5px 10px;display:none;position:absolute;top:0;right:38px}.fast-scroller.dragging .fs-bubble{display:block}body.overlay-open .fast-scroller{display:none}.pinyin-pill{background:var(--white);height:32px;color:var(--ink);font-size:calc(13px * var(--font-scale));border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:0 11px;font-weight:500;display:flex;position:relative}.pinyin-pill:after{content:"";position:absolute;inset:-6px 0}.pinyin-pill.off{color:#8a84ae}.pinyin-pill.on-violet{color:var(--white);border:1px solid var(--line-on-violet);background:0 0}.pinyin-pill.on-violet.off{color:var(--on-violet);opacity:.6}.hourglass{transform-origin:50%;animation:2s cubic-bezier(.65,0,.35,1) infinite hgFlip}.hg-sand-top{transform-origin:12px 10px;animation:2s linear infinite hgTop}.hg-sand-bottom{transform-origin:12px 19.5px;animation:2s linear infinite hgBottom}@keyframes hgFlip{0%,80%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes hgTop{0%{transform:scale(1)}80%,to{transform:scale(.05)}}@keyframes hgBottom{0%{transform:scale(.05)}80%,to{transform:scale(1)}}.loading-block{color:var(--ink-2);font-size:calc(14px * var(--font-scale));text-align:center;flex-direction:column;align-items:center;gap:12px;padding:56px 24px;display:flex}.refreshing{vertical-align:middle;opacity:.75;margin-left:6px;display:inline-flex}@media (prefers-reduced-motion:reduce){.hourglass,.hg-sand-top,.hg-sand-bottom{animation-duration:4s}}.pull-refresh{left:50%;top:calc(var(--safe-top) + 8px);z-index:25;background:var(--card);width:40px;height:40px;color:var(--ink);opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:fixed;transform:translate(-50%,-48px);box-shadow:0 4px 14px #140c5a40}.pull-refresh .hourglass,.pull-refresh .hg-sand-top,.pull-refresh .hg-sand-bottom{animation-play-state:paused}.pull-refresh.ready{color:#5b3fd9}.pull-refresh.spinning .hourglass,.pull-refresh.spinning .hg-sand-top,.pull-refresh.spinning .hg-sand-bottom{animation-play-state:running}.pull-refresh:not(.spinning){transition:opacity .15s,transform .2s}#screen.home-screen{padding-top:calc(var(--safe-top) + 4px);overflow-x:hidden}.home-glow{top:calc(var(--safe-top));pointer-events:none;background:radial-gradient(circle,#ffb8de57 0%,#ffb8de00 68%);border-radius:50%;width:320px;height:320px;position:absolute;right:-70px}.logo-box{width:32px;height:32px;color:var(--ink);font-size:calc(19px * var(--font-scale));background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex}.logo-word{font-size:calc(12px * var(--font-scale));line-height:calc(16px * var(--font-scale));letter-spacing:.24em;text-transform:uppercase}.greeting{margin:44px 0 0;font-weight:500;position:relative}.greeting+.section-label{margin-top:44px}.gr-line{flex-wrap:nowrap;align-items:flex-end;column-gap:3px;display:flex}.gr-second{align-items:baseline;margin-top:2px}.gr-col{flex-direction:column;align-items:center;display:flex}.gr-py{min-height:18px;font-size:calc(13px * var(--font-scale));font-weight:400;line-height:calc(18px * var(--font-scale));color:var(--on-violet)}.gr-ch{font-size:calc(44px * var(--font-scale));font-weight:500;line-height:calc(52px * var(--font-scale))}.gr-name{font-size:calc(46px * var(--font-scale));font-weight:700;line-height:calc(52px * var(--font-scale));letter-spacing:.01em;color:var(--accent)}@media (width<=360px){.gr-ch{font-size:calc(38px * var(--font-scale))}.gr-name{font-size:calc(40px * var(--font-scale))}}.kho-box{border:1px solid var(--line-on-violet);background:var(--fill-on-violet);border-radius:24px;overflow:hidden}#splash{z-index:100;background:linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%);color:var(--white);flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .35s;display:flex;position:fixed;inset:0}#splash.gone{opacity:0;pointer-events:none}.splash-glow{background:radial-gradient(circle,#ffb8de61 0%,#ffb8de00 68%);border-radius:50%;width:360px;height:360px;position:absolute}.splash-logo{width:96px;height:96px;color:var(--ink);font-size:calc(58px * var(--font-scale));background:#fff;border-radius:28px;justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex;position:relative}.splash-word{font-size:calc(15px * var(--font-scale));letter-spacing:.32em;text-transform:uppercase;margin-right:-.32em;position:relative}.home-search{background:var(--card);min-width:0;height:36px;color:var(--ink-2);font-size:calc(15px * var(--font-scale));text-align:left;border-radius:12px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex;box-shadow:0 2px 10px #140c5a40}.home-search svg{color:var(--ink);flex-shrink:0}.home-search span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:root{--search-bg:#f4f2fa}.search-backdrop{z-index:32;background:#140c5a73;position:fixed;inset:0}.search-sheet{bottom:0;left:0;right:0;top:calc(var(--safe-top) + 46px);z-index:33;background:var(--search-bg);color:var(--ink);border-radius:20px 20px 0 0;flex-direction:column;animation:.22s cubic-bezier(.22,.61,.36,1) popupUp;display:flex;position:fixed}body.kb-open .search-sheet{top:calc(var(--vv-top,0px) + var(--safe-top) + 46px);bottom:var(--kb,0px)}.search-handle{flex-shrink:0;padding-top:8px}.search-handle .sheet-grip{margin:0 auto;display:block}.search-head{justify-content:space-between;align-items:center;height:48px;padding:0 8px 0 20px;display:flex}.search-close{width:44px;height:44px;color:var(--ink);justify-content:center;align-items:center;display:flex}.search-body{overscroll-behavior:contain;flex:1;min-height:0;padding:0 16px 12px;overflow-y:auto}.search-label{font-size:calc(11px * var(--font-scale));font-weight:500;line-height:calc(16px * var(--font-scale));letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:14px 4px 8px}.search-hint{font-size:calc(13px * var(--font-scale));line-height:calc(19px * var(--font-scale));color:var(--ink-2);margin:0 4px}.search-chips{flex-wrap:wrap;gap:8px;display:flex}.search-chip{height:32px;color:var(--ink);font-size:calc(13px * var(--font-scale));background:#fff;border:1px solid #dcd7ee;border-radius:999px;align-items:center;gap:6px;padding:0 12px;display:flex}.search-chip svg{color:var(--ink-3)}.search-filters{scrollbar-width:none;flex-shrink:0;gap:6px;padding:0 16px 6px;display:flex;overflow-x:auto}.search-filters:empty{display:none}.search-filters::-webkit-scrollbar{display:none}.search-filter{height:32px;color:var(--ink);font-size:calc(13px * var(--font-scale));background:#fff;border:1px solid #dcd7ee;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:0 12px;font-weight:500;display:flex}.search-filter[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--white)}.search-filter:disabled{opacity:.45}.search-filter-n{opacity:.6}.search-row{width:100%;height:40px;color:var(--ink);text-align:left;background:#fff;border-radius:12px;align-items:center;gap:10px;margin-bottom:4px;padding:0 10px;display:flex}.search-glyph{white-space:nowrap;min-width:28px;height:28px;font-size:calc(17px * var(--font-scale));background:#eeeafe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0 4px;font-weight:500;display:flex}.search-glyph.small{font-size:calc(11px * var(--font-scale))}.search-title{max-width:55%;font-size:calc(14px * var(--font-scale));white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;font-weight:500;overflow:hidden}.search-sub{min-width:0;font-size:calc(13px * var(--font-scale));color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.search-input-bar{padding:8px 16px calc(8px + var(--safe-bottom));background:var(--search-bg);border-top:1px solid #e4e0f2;flex-shrink:0}body.kb-open .search-input-bar{padding-bottom:8px}.search-field{border:1.5px solid var(--ink);height:44px;color:var(--ink);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:0 8px 0 12px;display:flex}.search-field input{min-width:0;color:var(--ink);font:inherit;appearance:none;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:16px}.search-field input::-webkit-search-cancel-button{display:none}.search-field input::placeholder{color:#8a84ae;font-size:calc(14px * var(--font-scale))}.search-clear{background:#e4e0f2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.search-clear[hidden]{display:none}.search-more{width:100%;height:40px;color:var(--ink-2);font-size:calc(13px * var(--font-scale));text-underline-offset:3px;border-radius:12px;margin-bottom:6px;font-weight:500;text-decoration:underline}.search-result-layer{z-index:40;position:relative}.kho-new{margin-top:28px}.kn-head{align-items:center;gap:4px;margin-bottom:8px;display:flex}.kn-all{min-height:44px;color:var(--on-violet);font-size:calc(13px * var(--font-scale));align-items:center;padding:0 2px 0 8px;font-weight:500;display:flex}.kn-strip{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:10px;margin:0 -20px;padding:2px 20px 8px;scroll-padding-left:20px;display:flex;overflow-x:auto}.kn-strip::-webkit-scrollbar{display:none}.kn-card{scroll-snap-align:start;background:var(--card);height:172px;color:var(--ink);text-align:left;border-radius:16px;flex-direction:column;flex:0 0 240px;padding:10px 14px 12px;display:flex;overflow:hidden}.kn-card:active{transform:scale(.98)}.kn-top{flex-shrink:0;justify-content:space-between;align-items:center;min-height:18px;margin-bottom:6px;display:flex}.kn-date{color:var(--ink-3);font-size:11px}.kn-top .kn-topic{color:#5b3fd9;white-space:nowrap;text-overflow:ellipsis;background:#eeeafe;border-radius:999px;align-items:center;max-width:120px;height:18px;margin:0 auto 0 6px;padding:0 7px;font-size:10px;font-weight:500;display:inline-flex;overflow:hidden}.kn-src{width:18px;height:18px;color:var(--ink-2);background:#eeeafe;border-radius:50%;justify-content:center;align-items:center;display:flex}.kn-han{font-size:calc(28px * var(--font-scale));overflow-wrap:anywhere;flex-shrink:0;font-weight:500;line-height:1.2}.kn-py{font-size:calc(12px * var(--font-scale));color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;margin-top:2px;overflow:hidden}.kn-card.cau .kn-han{font-size:calc(17px * var(--font-scale));-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.kn-ex{border-top:1px solid #ece8f5;min-height:0;margin-top:8px;padding-top:8px;overflow:hidden}.kn-ex-han{-webkit-line-clamp:2;font-size:calc(14px * var(--font-scale));-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.kn-ex-py{font-size:calc(11px * var(--font-scale));color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.kn-mean{font-size:calc(13px * var(--font-scale));color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;line-height:1.4;display:-webkit-box;overflow:hidden}.kn-empty{border:1.5px dashed var(--line-on-violet);color:var(--white);border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex}.kn-empty-ic{color:var(--on-violet);flex-shrink:0;display:flex}.kn-empty-1{font-size:calc(14px * var(--font-scale));font-weight:500;display:block}.kn-empty-2{font-size:calc(13px * var(--font-scale));color:var(--on-violet);opacity:.8;display:block}.kho-new .loading-block{color:var(--on-violet);padding:28px 24px}.kn-more{scroll-snap-align:start;border:1.5px dashed var(--line-on-violet);height:172px;color:var(--white);font-size:calc(13px * var(--font-scale));border-radius:16px;flex-direction:column;flex:0 0 132px;justify-content:center;align-items:center;gap:4px;display:flex}.kn-more span{color:var(--on-violet)}.kn-more b{font-size:calc(16px * var(--font-scale));font-weight:500}#screen.flush{padding:0}#screen.cream{background:var(--card);color:var(--ink)}#screen.pinyin-screen{padding:calc(var(--safe-top) + 8px) 16px 24px}.pinyin-screen .empty{color:var(--on-violet)}.mode-switch{background:var(--white);border-radius:12px;height:36px;padding:3px;display:flex;position:relative}.mode-thumb{background:var(--ink);width:44px;height:28px;transform:translateX(calc(var(--i,0) * 44px));border-radius:9px;transition:transform .32s cubic-bezier(.34,1.45,.64,1);position:absolute;top:3px;left:3px}.mode-switch button{width:44px;height:28px;color:var(--ink-2);font-size:calc(15px * var(--font-scale));border-radius:9px;justify-content:center;align-items:center;font-weight:500;display:flex}.mode-switch button .han{font-size:calc(18px * var(--font-scale));font-weight:500}.mode-switch button{transition:color .2s;position:relative}.mode-switch button[aria-pressed=true]{color:var(--white)}.mode-in .pinyin-cell,.mode-in .char-cell{animation:.32s cubic-bezier(.34,1.4,.64,1) both tileIn;animation-delay:calc(var(--n,0) * 28ms)}.mode-in .study-card{animation:.3s cubic-bezier(.22,.61,.36,1) both cardRise}@keyframes tileIn{0%{opacity:0;transform:translateY(14px)scale(.92)}to{opacity:1;transform:none}}@keyframes cardRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.mode-in .pinyin-cell,.mode-in .char-cell,.mode-in .study-card{animation:.2s both modeFade}.mode-thumb{transition:none}}@keyframes modeFade{0%{opacity:0}to{opacity:1}}.pinyin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width>=600px){.pinyin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=900px){.pinyin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.pinyin-cell{height:96px;position:relative}.pinyin-tile{font-size:calc(26px * var(--font-scale));color:var(--ink);background:var(--card);overflow-wrap:anywhere;border-radius:20px;justify-content:center;align-items:center;padding:0 12px;display:flex;position:absolute;inset:0}.pinyin-tile.unknown{background:var(--accent)}.mark{justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:0;right:0}.mark-ring{border:1.5px solid #cfc9e6;border-radius:50%;width:20px;height:20px}.char-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width>=600px){.char-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=900px){.char-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.char-cell{height:128px;position:relative}.char-tile{color:var(--ink);background:#eeeafe;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.char-tile.unknown{background:var(--accent)}.char-tile-main{font-size:calc(48px * var(--font-scale));font-weight:700;line-height:1}.char-tile-word{font-size:calc(18px * var(--font-scale));color:var(--ink-2);font-weight:500;line-height:1}.char-cell .mark-ring{border-color:#b9b4d6}#screen.rd-screen{padding:calc(var(--safe-top) + 8px) 16px 24px}.rd-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.rd-tile{background:var(--card);height:112px;color:var(--ink);text-align:center;border-radius:20px;flex-direction:column;min-width:0;padding:8px 10px 10px;display:flex}.rd-top{justify-content:space-between;align-items:center;height:18px;display:flex}.rd-num{font-size:calc(11px * var(--font-scale));color:var(--ink-3);font-weight:500}.rd-count{min-width:22px;font-size:calc(11px * var(--font-scale));font-weight:500;line-height:calc(16px * var(--font-scale));color:var(--ink-2);border:1px solid #cfc9e6;border-radius:999px;padding:0 6px}.rd-char{font-size:calc(34px * var(--font-scale));font-weight:700;line-height:calc(40px * var(--font-scale))}.rd-hv{font-size:calc(11px * var(--font-scale));font-weight:500;line-height:calc(14px * var(--font-scale));letter-spacing:.08em;text-transform:uppercase;margin-top:4px}.rd-mean{font-size:calc(11px * var(--font-scale));line-height:calc(14px * var(--font-scale));color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rd-empty{text-align:center;padding-top:120px}.rd-search{background:var(--white);min-width:0;height:36px;color:var(--ink);border-radius:12px;flex-grow:1;align-items:center;gap:8px;padding:0 8px 0 10px;display:flex}.rd-search input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:16px}.rd-search input::placeholder{color:#8a84ae;opacity:1;font-size:calc(14px * var(--font-scale))}.rd-clear{background:#e4e0f2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.rd-clear[hidden]{display:none}.rd-sort{background:var(--white);height:36px;color:var(--ink);font-size:calc(13px * var(--font-scale));border-radius:12px;flex-shrink:0;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:flex}.rd-menu-backdrop{top:0;left:0;right:0;bottom:calc(var(--tabbar-h) + var(--subbar-h));background:#140c5a73;position:fixed}.rd-menu{right:16px;bottom:calc(var(--tabbar-h) + var(--subbar-h) + 12px);background:var(--card);width:156px;color:var(--ink);border-radius:16px;position:fixed;overflow:hidden;box-shadow:0 12px 32px #140c5a66}.rd-menu-title{height:36px;font-size:calc(11px * var(--font-scale));letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);align-items:center;padding:0 14px;font-weight:500;display:flex}.rd-menu button{width:100%;height:48px;font-size:calc(15px * var(--font-scale));color:var(--ink);border-top:1px solid #ece8f5;justify-content:space-between;align-items:center;gap:10px;padding:0 14px;font-weight:500;display:flex}#screen.kho-screen{color:var(--ink);background:#f6f4fb;padding:0 12px 24px}.kho-head{z-index:2;padding:calc(var(--safe-top) + 12px) 12px 10px;background:#f6f4fb;margin:0 -12px;position:sticky;top:0}.kho-seg{background:#e9e5f7;border-radius:12px;height:40px;padding:3px;display:flex}.kho-seg button{font-size:calc(15px * var(--font-scale));color:var(--ink-2);border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;font-weight:500;display:flex}.kho-seg button small{font-size:calc(12px * var(--font-scale));opacity:.6}.kho-seg button[aria-selected=true]{background:var(--white);color:var(--ink);box-shadow:0 1px 3px #1b16501f}.kho-filter-pill{background:var(--ink);max-width:46%;height:36px;color:var(--white);border-radius:12px;flex-shrink:0;align-items:stretch;display:flex;overflow:hidden}.kho-filter-pill button{color:inherit;font-size:calc(13px * var(--font-scale));align-items:center;gap:5px;font-weight:500;display:flex}.kho-filter-pill button:first-child{min-width:0;padding:0 6px 0 10px}.kho-filter-pill button:first-child span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kho-filter-pill button:first-child svg{flex-shrink:0;width:16px;height:16px}.kho-filter-pill small{font-size:calc(12px * var(--font-scale));opacity:.7;flex-shrink:0}.kho-filter-pill button:last-child{border-left:1px solid #fff3;justify-content:center;width:32px}.kho-sheet-list{background:var(--white);border-radius:16px;padding:4px 16px 8px}.kho-letter{font-size:calc(11px * var(--font-scale));letter-spacing:.08em;color:#8a84ae;padding:12px 0 2px;font-weight:500}.kho-word,.kho-pair{text-align:left;width:100%;color:var(--ink);border-bottom:1px solid #eeebf6;grid-template-columns:96px minmax(0,1fr);align-items:start;gap:10px;padding:9px 0;display:grid}.kho-pair{grid-template-columns:96px minmax(0,1fr) 14px}.kho-word:last-child,.kho-pair:last-child{border-bottom:0}.kho-word-left{flex-direction:column;min-width:0;display:flex}.kho-word-han{font-size:calc(19px * var(--font-scale));overflow-wrap:anywhere;font-weight:500;line-height:1.25}.kho-word-py{font-size:calc(12px * var(--font-scale));color:#8a84ae}.kho-word-mean{font-size:calc(14px * var(--font-scale));color:var(--ink-2);padding-top:2px;line-height:1.4}.kho-go{color:#b9b4d6;padding-top:5px;display:flex}.kho-cau{text-align:left;width:100%;color:var(--ink);border-bottom:1px solid #eeebf6;flex-direction:column;gap:2px;padding:12px 0;display:flex}.kho-cau:last-child{border-bottom:0}.kho-cau-han{font-size:calc(18px * var(--font-scale));font-weight:500}.kho-cau-py{font-size:calc(12px * var(--font-scale));color:#8a84ae}.kho-cau-mean{font-size:calc(14px * var(--font-scale));color:var(--ink-2)}.kho-ex{background:#f3f1fa;border-radius:14px;flex-direction:column;gap:2px;margin-bottom:8px;padding:10px 12px;display:flex}.kho-ex.small{margin:6px 0 0;padding:8px 10px}.kho-ex .han{font-size:calc(16px * var(--font-scale));line-height:1.5}.kho-ex.small .han{font-size:calc(15px * var(--font-scale))}.kho-ex mark{color:#5b3fd9;background:#e4e0fa;border-radius:4px;padding:0 2px}.kho-ex-py{font-size:calc(12px * var(--font-scale));color:#8a84ae}.kho-ex-vi{font-size:calc(14px * var(--font-scale));color:var(--ink-2);line-height:1.4}.kho-empty{text-align:center;color:var(--ink-2);font-size:calc(15px * var(--font-scale));padding:48px 24px;line-height:1.5}.kho-bar-btn{background:var(--white);height:36px;color:var(--ink);font-size:calc(13px * var(--font-scale));border-radius:12px;flex-shrink:0;align-items:center;gap:5px;padding:0 10px;font-weight:500;display:flex}.kho-bar-btn.icon{justify-content:center;width:40px;padding:0}.kho-band{padding:8px 20px 30px}.kho-band-tools{align-items:center;gap:6px;margin:4px -8px 0 -12px;display:flex}.kho-icon-btn{width:44px;height:44px;color:var(--white);justify-content:center;align-items:center;display:flex}.kho-band-han{font-size:calc(48px * var(--font-scale));overflow-wrap:anywhere;margin-top:2px;font-weight:500;line-height:1.15}.kho-band-han.long{font-size:calc(32px * var(--font-scale))}.kho-band-py{font-size:calc(17px * var(--font-scale));color:#e4e0ff;margin-top:4px}.kho-band-mean{font-size:calc(17px * var(--font-scale));margin-top:2px;line-height:1.35}.kho-detail .card-section{padding-bottom:6px}.kho-sec-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.kho-ai{font-size:calc(12px * var(--font-scale));color:#5b3fd9;font-weight:500}.kho-p{font-size:calc(15px * var(--font-scale));margin:6px 0 8px;line-height:1.5}.kho-fix{font-size:calc(17px * var(--font-scale));border-radius:12px;align-items:baseline;gap:12px;margin-bottom:6px;padding:10px 12px;display:flex}.kho-fix>span:last-child{flex-direction:column;display:flex}.kho-fix-label{font-size:calc(11px * var(--font-scale));letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;font-weight:500}.kho-fix.wrong{background:var(--comp-1-bg)}.kho-fix.wrong .kho-fix-label{color:var(--comp-1)}.kho-fix.wrong .han{text-decoration:line-through;-webkit-text-decoration-color:var(--comp-1);text-decoration-color:var(--comp-1)}.kho-fix.right{background:var(--comp-4-bg);font-weight:500}.kho-fix.right .kho-fix-label{color:var(--comp-4)}.kho-photo-card{width:100%;color:var(--ink);text-align:left;background:#f3f1fa;border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:8px 12px 8px 8px;display:flex}.kho-photo-card img{object-fit:cover;background:#e4dccb;border-radius:10px;flex-shrink:0;width:52px;height:52px}.kho-photo-card img.missing{visibility:hidden}.kho-photo-text{font-size:calc(15px * var(--font-scale));flex-direction:column;flex:1;display:flex}.kho-photo-text b{font-weight:500}.kho-photo-text small{font-size:calc(13px * var(--font-scale));color:var(--ink-2)}.kho-src{font-size:calc(14px * var(--font-scale));color:var(--ink-2);align-items:center;gap:8px;padding:6px 0;display:flex}.kho-src svg{color:var(--ink);flex-shrink:0}.kho-src>span:first-of-type{flex:1;min-width:0}.kho-src-date{font-size:calc(13px * var(--font-scale));color:#8a84ae;flex-shrink:0}.kho-note{text-align:left;width:100%;color:var(--ink);font-size:calc(15px * var(--font-scale));white-space:pre-wrap;background:#fff8e1;border-radius:12px;margin:8px 0 0;padding:10px 12px;line-height:1.45;display:block}.kho-note small{font-size:calc(12px * var(--font-scale));color:#8a84ae;margin-top:4px;display:block}.kho-ghost{border:1.5px solid var(--ink);height:40px;color:var(--ink);font-size:calc(14px * var(--font-scale));border-radius:12px;align-items:center;gap:6px;margin-top:10px;padding:0 14px;font-weight:500;display:inline-flex}.kho-note-edit{margin-top:8px}.kho-input{border:1.5px solid var(--ink);background:var(--white);width:100%;color:var(--ink);font:inherit;resize:none;border-radius:12px;outline:none;padding:10px 12px;font-size:16px;line-height:1.45}.kho-note-acts{align-items:center;gap:12px;margin-top:6px;display:flex}.kho-save{background:var(--ink);height:36px;color:var(--white);font-size:calc(14px * var(--font-scale));border-radius:10px;padding:0 16px;font-weight:500}.kho-note-del{height:36px;color:var(--comp-1);font-size:calc(14px * var(--font-scale));font-weight:500}.kho-foot{font-size:calc(12px * var(--font-scale));color:var(--ink-2);margin:14px 20px 0;line-height:1.5}body.kb-open .kho-detail{bottom:var(--kb,0px);max-height:calc(100% - var(--kb,0px) - var(--safe-top) - 24px)}.kho-viewer{z-index:60;color:var(--white);background:#1e1850eb;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:0 16px;animation:.2s both modeFade;display:flex;position:fixed;inset:0}.kho-viewer img{touch-action:pinch-zoom;border-radius:14px;max-width:100%;max-height:70vh}.kho-viewer-title{font-size:calc(12px * var(--font-scale));letter-spacing:.08em;text-transform:uppercase;align-self:flex-start;font-weight:500}.kho-viewer-close{top:calc(var(--safe-top) + 12px);width:44px;height:44px;color:var(--white);border:1.5px solid #ffffffb3;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;right:16px}.kho-viewer-hint{font-size:calc(13px * var(--font-scale));opacity:.85}.kho-sources{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.kho-source{background:var(--white);height:44px;color:var(--ink);font-size:calc(14px * var(--font-scale));border:1px solid #cfc9e6;border-radius:12px;align-items:center;gap:8px;padding:0 12px;font-weight:500;display:flex}.kho-source[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--white)}.kho-switch>span:first-child{font-size:calc(14px * var(--font-scale));font-weight:500}.kho-quick-dates{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.kho-quick-dates .chip{height:32px;font-size:calc(13px * var(--font-scale));border-width:1px;padding:0 12px}.kho-dates{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.kho-date{min-width:0;height:44px;color:var(--ink-2);background:var(--white);border:1px solid #cfc9e6;border-radius:12px;align-items:center;gap:6px;padding:0 10px;display:flex;overflow:hidden}.kho-date input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:16px}.kho-hp{vertical-align:top;flex-direction:column;align-items:center;margin:0 1px;line-height:1.25;display:inline-flex}.kho-hp-py{font-size:calc(11px * var(--font-scale));color:#8a84ae;white-space:nowrap;font-weight:400}.kho-rail{z-index:15;flex-direction:column;justify-content:center;align-items:center;width:16px;transition:opacity .2s;display:flex;position:fixed;right:1px}.kho-rail[hidden]{display:none}.kho-rail button{color:#8a84ae;flex:0 14px;justify-content:center;align-items:center;width:16px;min-height:0;max-height:15px;font-size:9px;font-weight:500;line-height:1;display:flex}body.overlay-open .kho-rail{opacity:0;pointer-events:none}body:has(.fast-scroller.active) .kho-rail{opacity:0;pointer-events:none}.kho-topic-row{scrollbar-width:none;gap:6px;margin:8px -12px 0;padding:0 12px;display:flex;overflow-x:auto}.kho-topic-row::-webkit-scrollbar{display:none}.kho-topic-chip{background:var(--white);height:30px;color:var(--ink);font-size:calc(13px * var(--font-scale));border:1px solid #dcd7ee;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:0 10px;font-weight:500;display:flex}.kho-topic-chip svg{color:#8a84ae;width:13px;height:13px}.kho-topic-chip small{font-size:calc(11px * var(--font-scale));opacity:.6}.kho-topic-chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--white)}.kho-topic-chip[aria-pressed=true] svg{color:var(--accent)}.kho-item-topics{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.kho-topic-tag{height:30px;color:var(--ink);font-size:calc(13px * var(--font-scale));background:#eeeafe;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-weight:500;display:inline-flex}.kho-topic-tag svg{color:#5b3fd9;width:13px;height:13px}.kho-topic-edit{color:#5b3fd9;min-height:32px;font-size:calc(13px * var(--font-scale));padding:0 6px;font-weight:500}.kho-topic-list{flex-direction:column;gap:6px;max-height:45vh;display:flex;overflow-y:auto}.kho-topic-option,.kho-topic-row-manage{min-height:48px;color:var(--ink);font-size:calc(15px * var(--font-scale));text-align:left;background:#f3f1fa;border-radius:12px;align-items:center;gap:10px;padding:0 12px;display:flex}.kho-topic-option span:nth-child(2),.kho-topic-row-manage>span{flex:1;align-items:center;gap:6px;display:flex}.kho-topic-option small,.kho-topic-row-manage small{font-size:calc(12px * var(--font-scale));color:#8a84ae}.kho-check{border:1.5px solid #b9b4d6;border-radius:6px;flex-shrink:0;width:20px;height:20px}.kho-topic-option[aria-pressed=true] .kho-check{background:var(--ink);border-color:var(--ink);box-shadow:inset 0 0 0 3px var(--white)}.kho-topic-new{gap:8px;display:flex}.kho-topic-new .kho-input{flex:1;min-width:0;padding:10px 12px}.kho-icon-btn.danger{color:var(--comp-1)}