[hidden]{display:none!important}.flow-mode main{max-width:880px}.flow-mode #title{font-size:1rem;font-weight:600;line-height:1.4;color:var(--tl-ink-soft);margin:var(--tl-space-3) 0}.flow-bar{display:flex;gap:var(--tl-space-3);align-items:center;flex-wrap:wrap;margin:var(--tl-space-4) 0}.flow-phase{flex:1;font-size:14px;margin:0;color:var(--tl-ink-soft)}.flow-road-button,.flow-whole{background:transparent;font-size:14px}.flow-heading{font-size:clamp(1.55rem,4vw,2rem);line-height:1.35;margin:var(--tl-space-4) 0}.flow-part{border:0!important;box-shadow:none!important;background:none!important}.flow-context{border-left:3px solid var(--tl-seal);padding-left:var(--tl-space-3);margin:var(--tl-space-3) 0 var(--tl-space-4);font-size:1.05rem}.flow-goal{margin:var(--tl-space-4) 0}.flow-prerequisite{font-size:15px;color:var(--tl-ink-soft)}.flow-session-plan{padding-left:22px;line-height:2}.flow-word{border-bottom:1px solid var(--tl-hair);padding:var(--tl-space-4) 0}.flow-word-jp{font:600 clamp(27px,5vw,36px)/1.7 var(--tl-font-jp)}.flow-word-jp rt{font-size:12px}.flow-word-jp .cell-han{font:400 14px/1.5 var(--tl-font-ui);color:var(--tl-ink-soft)}.flow-word-meaning{font-size:1.12rem;margin:var(--tl-space-2) 0}.flow-word-usage,.flow-example-vi{color:var(--tl-ink-soft);margin:var(--tl-space-2) 0}.flow-word .jp{font-size:23px}.flow-reading{display:block;font-size:16px}.flow-controls{display:flex;justify-content:space-between;gap:var(--tl-space-4);padding-top:var(--tl-space-5);border-top:1px solid var(--tl-hair);margin-top:var(--tl-space-5)}.flow-primary{background:var(--tl-ink);color:var(--tl-paper);border-color:var(--tl-ink);padding:12px 22px}.flow-mode button:disabled{opacity:.45}.flow-self-check{display:flex;gap:var(--tl-space-3);padding:var(--tl-space-4) 0}.flow-self-check input{flex:none}.flow-status{font-size:14px;color:var(--tl-ink-soft)}.flow-chapter{border-bottom:1px solid var(--tl-hair);padding:var(--tl-space-3) 0}.flow-chapter>summary{font-weight:600;font-size:1.2rem;min-height:64px}.flow-unit{display:flex;align-items:center;gap:var(--tl-space-3);width:100%;text-align:left;border:0;border-radius:0;border-top:1px solid var(--tl-hair);background:transparent;padding:var(--tl-space-4) 0}.flow-unit-info{flex:1}.flow-unit-number{color:var(--tl-seal);font-family:var(--tl-font-mono)}.flow-unit small{font-size:12px;color:var(--tl-ink-soft)}.flow-roadmap h1{font-size:clamp(1.8rem,5vw,2.5rem)}.flow-roadmap>.flow-primary{margin:var(--tl-space-3) 0 var(--tl-space-5)}.flow-full-dialog a{display:block;overflow-wrap:anywhere}.flow-full-content{margin-bottom:var(--tl-space-5)}.flow-listen-tip{color:var(--tl-ink-soft);font-size:15px}.flow-mode #practice>section>h2,.flow-mode #flow-transfer>h2{display:none}.flow-mode #flow-guide,.flow-mode #flow-words,.flow-mode #flow-role,.flow-mode #flow-review{padding-bottom:var(--tl-space-3)}@media(max-width:480px){.flow-whole{font-size:12px;padding:8px}.flow-unit small{max-width:64px}.flow-controls button{flex:1}.flow-bar{gap:8px}.flow-word-jp{font-size:29px}}@media(prefers-reduced-motion:no-preference){.flow-part:not([hidden]){animation:flow-in .16s ease-out}@keyframes flow-in{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}}}

.flow-word-tabs{display:grid;grid-template-columns:repeat(var(--word-count),minmax(0,1fr));border-bottom:1px solid var(--tl-hair);gap:4px;margin-top:var(--tl-space-4)}.flow-word-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;padding:10px 5px;font-family:var(--tl-font-jp);font-size:18px;min-height:64px}.flow-word-tabs button[aria-selected=true]{border-bottom-color:var(--tl-seal);font-weight:700}.flow-word-tabs small{display:block;font:400 12px/1.4 var(--tl-font-ui);color:var(--tl-ink-soft);margin-top:4px}.flow-word:last-child{border-bottom:0}.flow-word-panel .flow-word{padding-top:var(--tl-space-3)}