.mode-ui-v3-surface{--mode-v3-bg: linear-gradient(160deg, #f8fffc 0%, #edf9f5 100%);--mode-v3-card-bg: rgb(247 255 252 / 94%);--mode-v3-border: rgb(18 112 101 / 22%);--mode-v3-text-main: #0d3430;--mode-v3-text-sub: #2f6a61;--mode-v3-accent: #0c7367;--mode-v3-accent-soft: rgb(12 115 103 / 12%);--mode-v3-danger: #a52b40;--mode-v3-safe: #0f7b51;border:1px solid var(--mode-v3-border);border-radius:16px;padding:16px;background:var(--mode-v3-bg);color:var(--mode-v3-text-main);box-shadow:0 12px 28px #083c3429;font-family:SUIT,Noto Sans KR,Segoe UI,sans-serif}.mode-ui-v3-surface.is-vocab-03,.mode-ui-v3-surface.is-grammar-03,.mode-ui-v3-surface.is-passage-03{--mode-v3-bg: linear-gradient(160deg, #f7fbff 0%, #eef4ff 100%);--mode-v3-card-bg: rgb(247 251 255 / 94%);--mode-v3-border: rgb(52 95 156 / 24%);--mode-v3-text-main: #102a4a;--mode-v3-text-sub: #3e5e83;--mode-v3-accent: #2e6ac4;--mode-v3-accent-soft: rgb(46 106 196 / 14%);box-shadow:0 12px 28px #2548802e}.mode-ui-v3-surface .mode-ui-v3-header-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.mode-ui-v3-surface .mode-ui-v3-word-title{margin:0;color:var(--mode-v3-text-main);font-size:clamp(1.35rem,2.3vw,1.9rem);line-height:1.18}.mode-ui-v3-surface .mode-ui-v3-pronunciation{margin-left:8px;color:var(--mode-v3-text-sub);font-size:.94rem}.mode-ui-v3-surface .mode-ui-v3-button-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.mode-ui-v3-surface .mode-ui-v3-chip-button{border:1px solid var(--mode-v3-border);border-radius:999px;background:var(--mode-v3-accent-soft);color:var(--mode-v3-text-main);font-weight:700;font-size:.8rem;line-height:1.2;padding:6px 10px;transition:border-color .15s ease,transform .15s ease,background-color .15s ease}.mode-ui-v3-surface .mode-ui-v3-chip-button:hover{border-color:var(--mode-v3-accent);background:#0c736733;transform:translateY(-1px)}.mode-ui-v3-surface .mode-ui-v3-chip-button:focus-visible{outline:2px solid var(--mode-v3-accent);outline-offset:2px}.mode-ui-v3-surface .mode-ui-v3-chip-button:disabled,.mode-ui-v3-surface .mode-ui-v3-chip-button.is-disabled{opacity:.55;cursor:not-allowed;transform:none}.mode-ui-v3-surface .mode-ui-v3-section{border:1px solid var(--mode-v3-border);border-left:4px solid var(--mode-v3-accent);border-radius:12px;padding:12px;background:var(--mode-v3-card-bg);margin-top:12px}.mode-ui-v3-surface .mode-ui-v3-section-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.mode-ui-v3-surface .mode-ui-v3-step{min-width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--mode-v3-accent-soft);color:var(--mode-v3-text-main);font-size:.74rem;font-weight:700}.mode-ui-v3-surface .mode-ui-v3-section-title{margin:0;font-size:.98rem;font-weight:700;color:var(--mode-v3-text-main)}.mode-ui-v3-surface .mode-ui-v3-difficulty-badge{border:1px solid var(--mode-v3-border);border-radius:999px;padding:2px 8px;font-size:.74rem;font-weight:700}.mode-ui-v3-surface .mode-ui-v3-item-card{border:1px solid var(--mode-v3-border);border-radius:10px;background:#ffffffb8;padding:10px;margin-top:8px}.mode-ui-v3-surface .mode-ui-v3-item-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}.mode-ui-v3-surface .mode-ui-v3-item-index{color:var(--mode-v3-accent);font-weight:800;font-size:.85rem}.mode-ui-v3-surface .mode-ui-v3-mini-chip{border-radius:999px;border:1px solid var(--mode-v3-border);padding:1px 7px;background:var(--mode-v3-accent-soft);color:var(--mode-v3-text-sub);font-size:.72rem;font-weight:700}.mode-ui-v3-surface .mode-ui-v3-subtext{color:var(--mode-v3-text-sub);line-height:1.5}.mode-ui-v3-surface .mode-ui-v3-expand-button{margin-top:8px;width:100%;border:1px solid var(--mode-v3-border);border-radius:10px;background:var(--mode-v3-accent-soft);color:var(--mode-v3-text-main);font-size:.82rem;font-weight:700;padding:8px 10px}.mode-ui-v3-surface .mode-ui-v3-expand-button:hover{border-color:var(--mode-v3-accent)}.mode-ui-v3-surface .mode-ui-v3-grammar-list{margin:0;padding-left:1.2rem;display:grid;gap:6px;color:var(--mode-v3-text-main);line-height:1.5}.mode-ui-v3-surface .mode-ui-v3-highlight-box{border:1px solid var(--mode-v3-border);border-radius:10px;background:#ffecc0b8;padding:10px;color:#533414;font-weight:600}.mode-ui-v3-surface .mode-ui-v3-correction{border:1px solid var(--mode-v3-border);border-radius:10px;background:#ffffffb3;padding:10px;display:grid;gap:8px}.mode-ui-v3-surface .mode-ui-v3-correction-before{color:var(--mode-v3-danger)}.mode-ui-v3-surface .mode-ui-v3-correction-after{color:var(--mode-v3-safe);font-weight:700}.mode-ui-v3-surface .mode-ui-v3-primary-button{border:1px solid var(--mode-v3-border);border-radius:10px;background:var(--mode-v3-accent-soft);color:var(--mode-v3-text-main);font-weight:700;font-size:.82rem;padding:9px 12px}.mode-ui-v3-surface .mode-ui-v3-primary-button:hover{border-color:var(--mode-v3-accent);background:#0c73672e}.mode-ui-v3-surface .mode-ui-v3-quote{margin:0;border-radius:10px;border:1px solid var(--mode-v3-border);background:#ffffffb3;padding:10px;line-height:1.55;color:var(--mode-v3-text-main)}.mode-ui-v3-surface .mode-ui-v3-empty-state{color:var(--mode-v3-text-sub);text-align:center;padding:12px}.mode-ui-v3-surface .mode-ui-v3-tag-row{display:flex;flex-wrap:wrap;gap:6px}.mode-ui-v3-surface .mode-ui-v3-tag-row span{border:1px solid var(--mode-v3-border);border-radius:999px;background:var(--mode-v3-accent-soft);color:var(--mode-v3-text-sub);font-size:.72rem;font-weight:700;padding:4px 10px}.mode-ui-v3-surface .mode-ui-v3-grammar-noissue-card{border:1px solid var(--mode-v3-border);border-radius:12px;background:var(--mode-v3-card-bg);padding:12px;margin-bottom:12px;display:grid;gap:8px}.mode-ui-v3-surface .mode-ui-v3-grammar-noissue-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.mode-ui-v3-surface .mode-ui-v3-status-ok{border:1px solid var(--mode-v3-border);border-radius:999px;background:var(--mode-v3-accent-soft);color:var(--mode-v3-accent);font-size:.72rem;font-weight:800;padding:3px 9px}.mode-ui-v3-surface.is-passage-03 .mode-ui-v3-passage-hero{border:1px solid var(--mode-v3-border);border-radius:12px;background:var(--mode-v3-card-bg);padding:12px;margin-bottom:12px}.mode-ui-v3-surface.is-passage-03 .mode-ui-v3-passage-title{margin:0;font-size:1rem;font-weight:800;color:var(--mode-v3-text-main)}.mode-ui-v3-surface.is-passage-03 .mode-ui-v3-passage-chip-row{display:flex;flex-wrap:wrap;gap:6px}.mode-ui-v3-surface.is-passage-03 .mode-ui-v3-passage-chip-row span{border:1px solid var(--mode-v3-border);border-radius:999px;background:var(--mode-v3-accent-soft);color:var(--mode-v3-text-sub);font-size:.72rem;font-weight:700;padding:4px 10px}.mode-ui-v3-surface.is-passage-03 .mode-ui-v3-flow-card{border:1px solid var(--mode-v3-border);border-radius:12px;background:#ffffffc7;padding:12px}.mode-ui-v3-surface.is-passage-03 .mode-ui-v3-flow-headline{margin:0 0 10px;color:var(--mode-v3-text-main);font-weight:800;line-height:1.45}.mode-ui-v3-surface.is-passage-03 .mode-ui-v3-flow-stack{display:grid;justify-items:start;gap:5px}.mode-ui-v3-surface.is-passage-03 .mode-ui-v3-flow-node,.mode-ui-v3-surface.is-passage-03 .mode-ui-v3-flow-takeaway{border:1px solid var(--mode-v3-border);border-radius:10px;background:var(--mode-v3-card-bg);color:var(--mode-v3-text-main);line-height:1.45}.mode-ui-v3-surface.is-passage-03 .mode-ui-v3-flow-node{padding:8px 10px;max-width:min(95%,640px)}.mode-ui-v3-surface.is-passage-03 .mode-ui-v3-flow-arrow{color:var(--mode-v3-accent);font-weight:800;margin-left:10px}.mode-ui-v3-surface.is-passage-03 .mode-ui-v3-flow-takeaway{padding:10px 12px;font-weight:700;max-width:min(98%,700px)}@media(max-width:640px){.mode-ui-v3-surface{padding:12px}.mode-ui-v3-surface .mode-ui-v3-section{padding:10px}}