.ico{display:inline-block;width:16px;height:16px;vertical-align:middle;flex-shrink:0;overflow:visible}.ico-sm{width:14px;height:14px}.ico-md{width:18px;height:18px}.ico-lg{width:22px;height:22px}:root{--ink: oklch(.24 .02 42);--muted: oklch(.49 .028 48);--line: oklch(.88 .012 75);--bg-page: oklch(.95 .015 85);--bg-shell: oklch(.982 .008 80);--bg-side: oklch(.953 .012 82);--bg-elevate: oklch(.992 .006 80);--accent: oklch(.43 .09 178);--accent-hover: oklch(.36 .08 178);--accent-soft: oklch(.91 .05 178);--accent-wash: oklch(.97 .018 178);--reward: oklch(.72 .14 67);--reward-deep: oklch(.57 .12 58);--reward-bg: oklch(.96 .03 80);--warn: var(--reward-deep);--warn-bg: var(--reward-bg);--danger: oklch(.49 .16 28);--danger-bg: oklch(.94 .03 24);--ok: oklch(.45 .09 155);--ok-bg: oklch(.95 .025 155);--radius: 12px;--radius-sm: 8px;--font-ui: "Manrope", "Noto Sans SC", system-ui, -apple-system, sans-serif;--font-serif: "Noto Serif SC", "Source Han Serif SC", serif;--font-display: "Prata", var(--font-serif);--shadow-shell: 0 18px 44px color-mix(in oklab, var(--ink) 8%, transparent);--shadow-card: 0 14px 30px color-mix(in oklab, var(--accent) 6%, transparent);--focus: 0 0 0 3px color-mix(in oklab, var(--accent) 20%, white 80%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-serif);background:radial-gradient(circle at top left,color-mix(in oklab,var(--reward) 12%,transparent) 0,transparent 30%),radial-gradient(circle at top right,color-mix(in oklab,var(--accent) 10%,transparent) 0,transparent 28%),linear-gradient(180deg,color-mix(in oklab,var(--bg-page) 88%,white 12%) 0%,var(--bg-page) 100%);color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased;line-height:1.5}.shell{display:flex;height:100vh;overflow:hidden;background:var(--bg-shell)}.sidebar{width:clamp(260px,26vw,320px);flex-shrink:0;border-right:1px solid var(--line);background:linear-gradient(180deg,color-mix(in oklab,var(--bg-side) 90%,white 10%) 0%,var(--bg-side) 100%);display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-ui)}.sb-top{flex-shrink:0;padding:16px 14px 12px;border-bottom:1px solid var(--line);background:var(--bg-side);z-index:1}.sb-brand{display:flex;align-items:center;gap:10px;margin-bottom:14px}.sb-brand-title{font-family:var(--font-display);font-size:18px;font-weight:400;color:var(--accent);letter-spacing:.02em}.sb-brand-sub{font-size:11px;color:var(--muted);font-weight:500}.sb-locate{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:12px;padding:10px 11px;background:#fffcf7a6;border:1px solid var(--line);border-radius:10px}.sb-locate-info{min-width:0;flex:1}.sb-locate-kicker{display:block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#a8a29e;margin-bottom:2px}.sb-locate-name{display:block;font-size:13px;font-weight:600;color:var(--ink);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-locate-nav{display:flex;gap:4px;flex-shrink:0;padding-top:2px}.sb-step-btn{width:32px;height:32px;border-radius:8px;border:1px solid #c9c4b8;background:#fff;color:var(--accent);font-size:16px;line-height:1;cursor:pointer;font-family:var(--font-ui);transition:background .12s,border-color .12s}.sb-step-btn:hover{background:var(--accent-soft);border-color:var(--accent)}.sb-search{display:block;width:100%;padding:9px 12px 9px 34px;border:1px solid #c9c4b8;border-radius:9px;font-size:13px;font-family:var(--font-ui);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%2378716a' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat 10px center;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}.sb-search:focus-visible{border-color:var(--accent);box-shadow:var(--focus)}.sb-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0;padding:0 0 8px}.sb-stats{display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px}.sb-stat-pill{font-size:10px;color:var(--muted);background:#ffffff8c;border:1px solid var(--line);border-radius:999px;padding:3px 8px;font-weight:600}.sb-scroll{flex:1;overflow-y:auto;padding:4px 8px}.sb-section{border:1px solid rgba(216,210,199,.82);border-radius:14px;background:#fffc;overflow:hidden;margin-bottom:8px}.sb-section-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:transparent;border:none;cursor:pointer;text-align:left;font-family:var(--font-ui)}.sb-section-copy{display:grid;gap:2px}.sb-section-kicker{color:#8a8174;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sb-section-title{color:#2f2922;font-size:13px;font-weight:800}.sb-section-count{min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:color-mix(in oklab,var(--accent-soft) 38%,white 62%);color:#0f5d58;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.sb-section-arrow{color:#8a8174;font-size:15px;transition:transform .16s ease}.sb-section[open] .sb-section-arrow{transform:rotate(180deg)}.sb-section-body{padding:0 8px 8px;display:grid;gap:4px}.sb-btn{display:flex;align-items:flex-start;width:100%;text-align:left;font-size:13px;padding:10px;border-radius:12px;border:1px solid transparent;background:transparent;color:#57534e;cursor:pointer;line-height:1.35;transition:background .12s,color .12s,transform .12s,border-color .12s;gap:8px;font-family:var(--font-ui);margin-bottom:2px}.sb-btn:hover{background:linear-gradient(180deg,#f5f2ecf5,#eff6f4e6);color:var(--ink);border-color:#0f766e1f;transform:translateY(-1px)}.sb-btn.active{background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 88%,white 12%),color-mix(in oklab,var(--accent-hover) 88%,white 12%));color:#ecfeff;font-weight:600;border-color:#99f6e47a;box-shadow:0 10px 20px #0f766e29}.sb-idx{width:22px;height:22px;border-radius:999px;border:1px solid #bfb8a8;color:#78716c;display:inline-flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;background:#fff;font-weight:600}.sb-btn.active .sb-idx{border-color:#99f6e4;background:#0f766e;color:#ecfeff}.sb-copy{min-width:0;flex:1;display:grid;gap:3px}.sb-name{display:block;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-note{display:block;color:#7c7468;font-size:10px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-btn.active .sb-note{color:#ecfeffd1}.main-column{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.content{flex:1;overflow-y:auto;padding:24px 28px;min-width:0;min-height:0}.content-header{margin-bottom:24px}.content-title{font-family:var(--font-display);font-size:clamp(1.4rem,1.2rem + .5vw,1.8rem);font-weight:400;color:var(--ink);letter-spacing:.02em;margin-bottom:4px}.content-subtitle{font-family:var(--font-ui);font-size:13px;color:var(--muted)}.content-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.meta-chip{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid color-mix(in oklab,var(--line) 82%,white 18%);background:#ffffffe6;color:#6b6258;font-family:var(--font-ui);font-size:11px;font-weight:800;letter-spacing:.04em}.meta-chip.is-accent{border-color:color-mix(in oklab,var(--accent) 22%,white 78%);background:color-mix(in oklab,var(--accent-soft) 52%,white 48%);color:var(--accent-hover)}.study-surface{margin-bottom:20px;padding:18px 20px;border-radius:22px;border:1px solid rgba(216,210,199,.82);background:linear-gradient(180deg,#fffffff7,#f8f5eff2);box-shadow:inset 0 1px #ffffffbd}.tip{font-family:var(--font-serif);background:linear-gradient(135deg,color-mix(in oklab,var(--reward-bg) 82%,white 18%),color-mix(in oklab,var(--accent-wash) 74%,white 26%));border:1px solid color-mix(in oklab,var(--line) 82%,var(--reward) 18%);border-radius:18px;padding:16px 18px;font-size:13px;color:color-mix(in oklab,var(--ink) 84%,var(--accent) 16%);line-height:1.82;margin-top:10px;box-shadow:inset 0 1px #fff6}.tip b{font-weight:800;font-family:var(--font-ui);color:var(--accent-hover)}.sig{font-family:var(--font-ui);font-size:13px;background:color-mix(in oklab,var(--accent-wash) 72%,white 28%);border:1px solid color-mix(in oklab,var(--accent) 16%,white 84%);padding:11px 13px;border-radius:14px;color:#44403c;line-height:1.68;margin-top:10px}.sig b{color:var(--ink);font-weight:600}.we{position:relative;background:linear-gradient(180deg,color-mix(in oklab,var(--bg-elevate) 96%,white 4%) 0%,var(--bg-elevate) 100%);border:1px solid color-mix(in oklab,var(--line) 92%,white 8%);border-radius:22px;padding:20px 20px 18px;margin-bottom:16px;box-shadow:var(--shadow-card);overflow:hidden;transition:transform .24s cubic-bezier(.19,1,.22,1),box-shadow .24s ease,border-color .24s ease}.we:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,color-mix(in oklab,var(--accent) 84%,white 16%),color-mix(in oklab,var(--reward) 72%,white 28%));opacity:.88}.we:hover{transform:translateY(-3px);border-color:color-mix(in oklab,var(--accent) 22%,var(--line) 78%);box-shadow:0 18px 36px color-mix(in oklab,var(--accent) 10%,transparent)}.wh{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.wen{font-family:var(--font-display);font-size:clamp(1.6rem,1.4rem + .5vw,2.2rem);font-weight:400;color:var(--ink);letter-spacing:.015em}.wpos{font-family:var(--font-ui);font-size:11px;padding:5px 10px;border-radius:99px;background:color-mix(in oklab,var(--accent-soft) 70%,white 30%);color:var(--accent-hover);font-weight:800}.wcn-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 14px;padding:12px 14px;border-radius:14px;background:color-mix(in oklab,var(--bg-side) 75%,white 25%);border:1px solid color-mix(in oklab,var(--line) 85%,white 15%);margin-bottom:14px}.wcn-core{font-family:var(--font-ui);font-size:16px;font-weight:800;letter-spacing:.02em;color:var(--ink)}.wcn-detail{flex:1 1 220px;font-family:var(--font-serif);font-size:14px;line-height:1.7;color:var(--muted)}.wtools{display:flex;gap:8px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.wbtn{border:1px solid color-mix(in oklab,var(--line) 88%,white 12%);background:color-mix(in oklab,white 88%,var(--bg-side) 12%);color:#44403c;border-radius:999px;padding:6px 12px;font-size:12px;cursor:pointer;font-family:var(--font-ui);font-weight:700;transition:transform .18s ease,background .18s ease,border-color .18s ease}.wbtn:hover{background:color-mix(in oklab,var(--accent-soft) 34%,white 66%);border-color:color-mix(in oklab,var(--accent) 18%,var(--line) 82%);transform:translateY(-1px)}.wbtn.faved{border-color:color-mix(in oklab,var(--reward) 44%,white 56%);color:color-mix(in oklab,var(--reward-deep) 92%,var(--ink) 8%);background:color-mix(in oklab,var(--reward-bg) 84%,white 16%)}.ex-block{margin:10px 0}.ex-short{font-family:var(--font-serif);font-size:15px;line-height:1.86;color:#173936;margin-bottom:10px;padding:14px 16px;border-radius:18px;border:1px solid rgba(216,210,199,.78);background:#fffffff0}.excn{font-family:var(--font-serif);font-size:13px;color:var(--muted);margin-bottom:10px;line-height:1.65;padding:0 2px}.sentence-analysis{margin:12px 0;border:1px dashed color-mix(in oklab,var(--line) 92%,var(--accent-soft) 8%);border-radius:14px;background:color-mix(in oklab,var(--bg-elevate) 86%,var(--reward-bg) 14%);overflow:hidden}.sentence-analysis summary{cursor:pointer;padding:10px 14px;font-size:12px;color:#78716c;font-family:var(--font-ui);font-weight:600}.sentence-analysis-body{padding:0 14px 14px}.analysis-item{margin-bottom:10px}.analysis-label{font-family:var(--font-ui);font-size:11px;font-weight:800;color:#8b6f4e;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}.analysis-value{font-family:var(--font-serif);font-size:13px;line-height:1.65;color:#44403c}.collocation-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.collocation-chip{display:inline-flex;align-items:center;min-height:30px;padding:5px 12px;border-radius:999px;background:#ffffffeb;border:1px solid rgba(216,210,199,.82);color:#5b5248;font-family:var(--font-ui);font-size:12px;font-weight:700}.exam-trap{margin:12px 0;padding:14px 16px;border-radius:18px;border:1px solid rgba(245,158,11,.28);background:#fff7dceb;color:#6b4f1d;font-size:14px;line-height:1.8}.exam-trap-kicker{display:block;margin-bottom:6px;color:#b45309;font-family:var(--font-ui);font-size:11px;font-weight:800;letter-spacing:.04em}.group-compare{margin:16px 0;padding:16px 18px;border-radius:18px;border:1px solid color-mix(in oklab,var(--line) 82%,var(--accent-soft) 18%);background:linear-gradient(135deg,color-mix(in oklab,var(--accent-wash) 78%,white 22%),#fffffff5)}.group-compare-kicker{color:#8b6f4e;font-family:var(--font-ui);font-size:11px;font-weight:800;letter-spacing:.04em;margin-bottom:10px}.group-compare-wrap{border-radius:16px;border:1px solid rgba(216,210,199,.7);background:#ffffffc7;overflow-x:auto}.group-compare-table{width:100%;border-collapse:collapse;min-width:500px}.group-compare-table th,.group-compare-table td{padding:10px 12px;border:1px solid rgba(216,210,199,.82);text-align:left;vertical-align:top}.group-compare-table thead th{background:#ffffffe0;color:#173936;font-family:var(--font-ui);font-size:12px;font-weight:800}.group-compare-table tbody th{width:100px;background:#ffffffc2;color:#6b6258;font-family:var(--font-ui);font-size:12px;font-weight:700}.group-compare-table td{background:#ffffffb8;color:#3f372f;font-size:13px;line-height:1.72;font-family:var(--font-serif)}.precision-panel{margin:14px 0;padding:16px;border:1px solid rgba(15,118,110,.18);border-radius:18px;background:#f0fdfa9e}.precision-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;color:#0f5f58;font-family:var(--font-ui);font-weight:900;font-size:13px}.precision-rule{color:#2d3d39;font-size:14px;line-height:1.75;margin-bottom:12px;font-family:var(--font-serif)}.precision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.precision-grid div{padding:10px 12px;border-radius:12px;background:#ffffffd1;border:1px solid rgba(216,210,199,.55)}.precision-grid b{display:block;margin-bottom:4px;color:#827061;font-family:var(--font-ui);font-size:12px;font-weight:800}.precision-grid span{color:#443b35;font-size:13px;line-height:1.65;font-family:var(--font-serif)}.wmnemonic{border-radius:16px;border:1px solid rgba(216,210,199,.78);background:#ffffffeb;padding:14px 16px;color:#4b5563;font-size:14px;line-height:1.75;margin:12px 0;font-family:var(--font-serif)}.wmnemonic-kicker{display:block;margin-bottom:6px;color:#8b6f4e;font-family:var(--font-ui);font-size:11px;font-weight:800;letter-spacing:.04em}@media (max-width: 768px){.shell{flex-direction:column}.sidebar{width:100%;height:auto;max-height:50vh;border-right:none;border-bottom:1px solid var(--line)}.content{padding:16px}.precision-grid{grid-template-columns:1fr}}@media (min-width: 1080px){.word-cards-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;row-gap:0}.word-cards-grid>.we{margin-bottom:16px}}@keyframes cardIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.card-enter{animation:cardIn .34s cubic-bezier(.19,1,.22,1)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0003}