.yilinCard{padding:16px 16px 14px!important;display:grid;gap:12px}
.yilinHead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding-bottom:12px;border-bottom:1px solid var(--line)}
.yilinFlowMeta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:7px}
.yilinCode{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid rgba(49,95,120,.22);border-radius:999px;background:#eef8f9;color:#14384a;font-size:11.5px;font-weight:900}
.yilinSame{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid #dcc58b;border-radius:999px;background:#fff8dc;color:#65480f;font-size:11.5px;font-weight:900}
.yilinTitleWrap{display:grid;gap:4px;min-width:0}
.yilinTitle{font-size:20px;font-weight:950;letter-spacing:0;line-height:1.24}
.yilinKo{font-size:13px;opacity:.72;font-weight:750;line-height:1.35}
.yilinRating{font-size:12px;font-weight:900;white-space:nowrap;padding:6px 11px;border-radius:999px;border:1px solid var(--line);display:inline-flex;align-items:center;gap:5px}
.yilinRating.rt-good{background:rgba(29,158,117,.13);border-color:rgba(29,158,117,.34);color:#1d9e75}
.yilinRating.rt-mid{background:rgba(217,154,31,.13);border-color:rgba(217,154,31,.34);color:#d99a1f}
.yilinRating.rt-bad{background:rgba(226,75,74,.13);border-color:rgba(226,75,74,.34);color:#e24b4a}
.yilinRating.rt-none{opacity:.55}
.yilinSource{font-size:11.5px;opacity:.58;line-height:1.4}
.yilinTags{display:flex;flex-wrap:wrap;gap:6px}
.yilinTag{display:inline-flex;align-items:center;min-height:24px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 8px;font-size:11.5px;font-weight:850;color:#35414c}
.yilinTag.tone-good{border-color:#b9d5bc;background:#f0fff1;color:#285a33}
.yilinTag.tone-mid{border-color:#d9c487;background:#fff8dc;color:#65480f}
.yilinTag.tone-bad{border-color:#e1a6a6;background:#fff0ef;color:#9e3232}
.yilinGist{padding:13px 15px;border-radius:8px;background:linear-gradient(180deg,#f8fbfb,#fffdf8);border:1px solid rgba(49,95,120,.2);display:grid;gap:6px}
.yilinGistLabel{font-size:12px;font-weight:950;letter-spacing:0;color:#315f78}
.yilinGistText{font-size:15px;font-weight:850;line-height:1.62;color:#14212c}
.yilinTranslation{padding:14px 15px;border:1px solid rgba(123,97,196,.22);border-radius:14px;background:linear-gradient(135deg,rgba(246,240,255,.94),rgba(255,250,253,.94));box-shadow:0 7px 18px rgba(101,77,166,.06);display:grid;gap:10px}
.yilinSectionHead{display:flex;align-items:center;gap:9px;min-width:0}
.yilinSectionBadge{display:inline-grid;place-items:center;min-width:34px;height:24px;padding:0 9px;border-radius:999px;background:var(--hero-gradient);color:#fff;font-size:11px;font-weight:950;line-height:1;box-shadow:0 5px 12px rgba(125,93,230,.2)}
.yilinSectionHead>span+span{display:grid;gap:1px;min-width:0}
.yilinSectionHead b{font-size:13px;font-weight:950;color:#4f369e}
.yilinSectionHead small{font-size:11px;font-weight:700;color:#756b8d;line-height:1.35}
.yilinTranslation .yilinTrans{color:#272139;font-size:14.5px;font-weight:750;line-height:1.78;word-break:keep-all}
.yilinGlossPanel{padding:13px 14px;border:1px solid rgba(123,97,196,.18);border-radius:14px;background:rgba(250,247,255,.72);display:grid;gap:10px}
.yilinGlossCount{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:20px;padding:0 7px;margin-left:auto;border-radius:999px;background:rgba(123,97,196,.1);color:#6651a8;font-size:10.5px;font-weight:900}
.yilinGlossChips{display:flex;flex-wrap:wrap;gap:7px}
.yilinGlossChip{appearance:none;-webkit-appearance:none;max-width:100%;min-height:38px;border:1px solid rgba(123,97,196,.22);border-radius:999px;background:#fff;color:#403653;padding:5px 11px 5px 6px;display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:12px;font-weight:800;line-height:1.35;text-align:left;cursor:pointer;box-shadow:0 3px 9px rgba(90,67,146,.05);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}
.yilinGlossChip:hover{border-color:rgba(123,97,196,.5);background:#fbf9ff;box-shadow:0 6px 14px rgba(90,67,146,.1);transform:translateY(-1px)}
.yilinGlossChip:focus-visible{outline:3px solid rgba(123,97,196,.22);outline-offset:2px}
.yilinGlossChar{width:28px;height:28px;flex:0 0 28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#765ce0,#a779ec);color:#fff;font-family:"Noto Serif KR","Noto Serif CJK KR",serif;font-size:15px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.yilinGlossPrimary{white-space:nowrap}
.yilinGlossExtra{display:none;color:#746a87;font-weight:700}
.yilinGlossToggle{width:18px;height:18px;flex:0 0 18px;border-radius:50%;display:grid;place-items:center;background:rgba(123,97,196,.1);color:#6f5cff;font-size:13px;font-weight:950;line-height:1}
.yilinGlossChip.is-open{border-color:rgba(123,97,196,.48);background:#f8f4ff;box-shadow:0 6px 15px rgba(90,67,146,.11)}
.yilinGlossChip.is-open .yilinGlossExtra{display:inline}
.yilinReadGuide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.yilinReadItem{border:1px dashed rgba(178,135,67,.48);background:#fffaf0;border-radius:8px;padding:10px 11px;line-height:1.52}
.yilinReadItem b{display:block;font-size:12px;color:#65480f;margin-bottom:3px}
.yilinReadItem span{display:block;font-size:12.5px;color:#4b5864}
.yilinFolds{display:grid;gap:8px}
.yilinFold{border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}
.yilinFold>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;font-size:13px;font-weight:900;color:#25313d}
.yilinFold>summary::-webkit-details-marker{display:none}
.yilinFold>summary:after{content:'▸';font-size:11px;opacity:.7}
.yilinFold[open]>summary{border-bottom:1px solid var(--line);background:#fbfaf6}
.yilinFold[open]>summary:after{content:'▾'}
.yilinFoldBody{padding:11px 12px}
.yilinSec{margin-bottom:0}
.yilinSecLabel{display:block;font-size:12.5px;font-weight:800;letter-spacing:.04em;opacity:.6;margin-bottom:7px}
.yilinVerse{display:flex;flex-wrap:wrap;gap:9px 16px;line-height:1.4}
.yilinV{display:inline-flex;flex-direction:column;align-items:flex-start}
.yilinHan{font-size:16.5px;font-weight:600;letter-spacing:.02em}
.yilinV small{opacity:.55;font-size:11px;margin-top:2px}
.yilinTrans{line-height:1.75;font-size:14px}
.yilinTrans div{margin:2px 0}
.yilinActions{display:flex;gap:8px;flex-wrap:wrap;padding-top:4px}
.yilinMiniBtn{border:1px solid var(--line);background:#fff;color:#25313d;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:900;cursor:pointer}
.yilinMiniBtn:hover{border-color:#b28743;background:#fff9e9}
.yilinSimHead{font-size:12.5px;font-weight:900;letter-spacing:0;opacity:.72;margin:2px 0 7px}
.yilinVsNote{font-size:11.5px;opacity:.68;line-height:1.6;margin:12px 2px 0;padding-top:10px;border-top:1px dashed var(--line)}
.yilinVsNote b{opacity:.85}
.yilinGlossN{opacity:.5;font-weight:600}
@media(max-width:640px){.yilinHead{grid-template-columns:1fr}.yilinRating{width:max-content;max-width:100%;white-space:normal}.yilinReadGuide{grid-template-columns:1fr}.yilinTitle{font-size:18px}.yilinTranslation{padding:13px}.yilinGlossPanel{padding:12px}.yilinGlossChip{min-height:40px}}
@media(prefers-reduced-motion:reduce){.yilinGlossChip{transition:none}.yilinGlossChip:hover{transform:none}}
#yilinBrowseBtn{min-height:40px;border-radius:999px;padding:8px 16px;font-weight:800;font-size:13px;display:inline-flex;align-items:center;gap:5px;background:var(--hero-gradient)!important;color:#fff!important;border:1px solid transparent!important;box-shadow:0 8px 20px rgba(125,93,230,.36),0 0 16px rgba(197,148,255,.3)!important;transition:transform .18s ease,box-shadow .2s ease;animation:ybGlow 2.6s ease-in-out infinite}
#yilinBrowseBtn:hover{transform:translateY(-1px);color:#fff!important;box-shadow:0 12px 28px rgba(125,93,230,.5),0 0 24px rgba(197,148,255,.5)!important;animation-play-state:paused}
#yilinBrowseBtn:active{transform:scale(.97)}
@keyframes ybGlow{0%,100%{box-shadow:0 8px 20px rgba(125,93,230,.34),0 0 14px rgba(197,148,255,.24)}50%{box-shadow:0 10px 24px rgba(125,93,230,.52),0 0 24px rgba(197,148,255,.5)}}
@media(prefers-reduced-motion:reduce){#yilinBrowseBtn{animation:none}}
.ybControls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
#ybSearch{flex:1;min-width:180px;padding:11px 13px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:inherit;font-size:14px}
.ybPick{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:12px;font-size:12.5px;opacity:.92}
.ybPick select{padding:7px 8px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:inherit;font-size:12.5px}
.ybCount{font-size:12px;opacity:.65;margin-bottom:8px}
.ybList{display:flex;flex-direction:column;gap:8px}
.ybItem{text-align:left;display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:inherit;cursor:pointer;width:100%}
.ybItem:hover{border-color:var(--accent)}
.ybItemHead{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ybItemHead b{font-size:15px}
.ybItemHead small{opacity:.72}
.ybItemHead em{opacity:.5;font-style:normal;font-size:11px}
.ybItemGist{font-size:12.5px;opacity:.72;line-height:1.5}
.ybHexGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:7px}
.ybHex{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:9px 4px 8px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:inherit;cursor:pointer}
.ybHex:hover{border-color:var(--accent)}
.ybHex .ybSym{font-size:20px;line-height:1.1;margin:1px 0}
.ybHex b{font-size:13px}
.ybHex small{opacity:.6;font-size:10px}
.ybHex.is-cur{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}
.ybBadge{position:absolute;top:2px;right:2px;font-size:8.5px;font-style:normal;padding:1px 4px;border-radius:6px;background:var(--accent);color:#fff;opacity:.92}
.ybGuide,.ybEmpty,.ybMore{font-size:12.5px;opacity:.72;line-height:1.6;margin-bottom:10px}
.ybGuide.is-step2{opacity:.9}
.ybChosen{font-weight:800;color:var(--accent)}
.ybBack,.ybBack2{margin-bottom:12px}
.ybSimilarWrap{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 10px}
.ybSimilar{padding:5px 9px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:inherit;cursor:pointer;font-size:12px}
.ybSimilar:hover{border-color:var(--accent)}
.floatDock{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:9998;display:flex;gap:8px;align-items:center;flex-wrap:wrap-reverse;justify-content:flex-end;max-width:calc(100vw - 28px)}
.floatDock .helpBtn{position:static!important;right:auto!important;bottom:auto!important;z-index:auto!important}
body.app-view-result .floatDock #yilinBrowseBtn{display:none!important}
.textTabs.single{grid-template-columns:1fr}
#yilinToggle{background:var(--hero-gradient)!important;color:#fff!important;border:1px solid transparent!important;box-shadow:0 6px 16px rgba(125,93,230,.26)!important;font-weight:800}
#yilinToggle:hover{color:#fff!important;box-shadow:0 9px 22px rgba(125,93,230,.4)!important}