.ym-app{min-height:100dvh;display:flex;background:var(--surface-container-low);color:var(--on-surface);font-family:var(--font-body)}.ym-drawer{display:none}@media(min-width:900px){.ym-drawer{display:flex;flex-direction:column;width:248px;flex-shrink:0;padding:18px 12px;gap:4px;background:var(--surface);border-right:1px solid var(--outline-variant);position:sticky;top:0;height:100dvh}}.ym-drawer-brand{display:flex;align-items:center;gap:10px;padding:4px 10px 16px;font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--on-surface);text-decoration:none}.ym-drawer-nav{display:flex;flex-direction:column;gap:4px}.drawer-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:999px;color:var(--on-surface-variant);text-decoration:none;font-weight:600;font-size:15px;border:none;background:none;cursor:pointer}.drawer-item:hover{background:var(--surface-container)}.drawer-item.active{background:var(--secondary-container);color:var(--on-secondary-container)}.ym-main{flex:1;min-width:0;display:flex;flex-direction:column}.ym-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;height:56px;padding:0 12px;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--outline-variant)}.ym-topbar-brand{display:flex;align-items:center;text-decoration:none}.ym-topbar-title{flex:1;min-width:0;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--on-surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:900px){.ym-topbar{height:60px;padding:0 32px}.ym-topbar-brand{display:none}}.ym-topbar .ym-topbar-back{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.ym-topbar-back .ym-back-label{display:none;font-weight:600;font-size:14px}@media(min-width:900px){.ym-topbar .ym-topbar-back{width:auto;padding:0 16px 0 12px;border-radius:999px;margin-right:4px}.ym-topbar-back .ym-back-label{display:inline}}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:none;background:none;color:var(--on-surface-variant);cursor:pointer;text-decoration:none}.icon-btn:hover{background:var(--surface-container)}.ym-content{flex:1;min-width:0;padding:16px 16px 88px}@media(min-width:900px){.ym-content{padding:28px 32px 40px}}.ym-page{max-width:880px;margin:0 auto}.ym-page-wide{max-width:1100px;margin:0 auto}.ym-bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:space-around;align-items:center;height:68px;padding:6px 4px;background:var(--surface-container);border-top:1px solid var(--outline-variant)}.navdest{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;padding:4px;border:none;background:none;cursor:pointer;text-decoration:none;color:var(--on-surface-variant);font-size:11px;font-weight:600}.navdest.active{color:var(--primary)}.nav-ic-wrap{position:relative;display:inline-flex}@media(min-width:900px){.ym-bottomnav{display:none}.ym-content{padding-bottom:40px}}.ym-h1{font-family:var(--font-display);font-weight:700;font-size:28px;color:var(--on-surface);margin:0 0 4px}.ym-sub{color:var(--on-surface-variant);font-size:15px;margin:0 0 20px}.ym-section-title{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant);margin:24px 0 10px}.ym-body{font-size:18.5px;line-height:1.9;color:var(--on-surface)}.ym-body .ym-h2{font-family:var(--font-display);font-weight:700;font-size:22px;margin:28px 0 10px;color:var(--on-surface)}.ym-body .ym-h3{font-family:var(--font-display);font-weight:700;font-size:17px;margin:22px 0 8px;color:var(--primary)}.ym-body .ym-h2:first-child,.ym-body .ym-h3:first-child{margin-top:0}.ym-body .ym-p{margin:0 0 16px}.ym-body strong{font-weight:700;color:var(--on-surface)}.ym-body em{font-style:italic;color:var(--on-surface-variant)}.ym-jp{font-family:var(--font-jp);font-weight:500;font-size:1.05em;ruby-position:over}.ym-jp rt{font-size:.58em;color:var(--on-surface-variant);font-weight:600;line-height:1.15;letter-spacing:-.02em}.ym-body ruby.ym-jp{line-height:2.4}.ym-jp ruby{ruby-position:over;font-weight:inherit}.ym-body .ym-jp:has(ruby){line-height:2.4}.ym-note-body{line-height:1.85}.ym-note-body ruby.ym-jp{line-height:2.5}.ym-note-body .ym-jp:has(ruby){line-height:2.5}.ym-jp-phrase{display:inline-block;vertical-align:bottom;text-align:left;margin:2px .2em}.ym-jp-phrase .ym-jp-read{display:block;font-size:.58em;font-weight:500;line-height:1.25;color:var(--on-surface-variant)}.ym-ja{font-family:var(--font-jp);font-weight:500;font-size:1.05em}.ym-body .ym-ja,.ym-gblock-text .ym-ja{padding:0 .14em}.ym-romaji{font-style:italic;color:var(--on-surface-variant)}.ym-term{border-bottom:1px dotted var(--outline);cursor:help}.ym-body .ym-list{margin:4px 0 16px;padding-left:4px;list-style:none;display:flex;flex-direction:column;gap:8px}.ym-body .ym-item{position:relative;padding-left:22px}.ym-body .ym-item:before{content:"";position:absolute;left:4px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--primary);opacity:.55}.ym-chip{display:inline;align-items:center;padding:1px 8px;border-radius:8px;font-family:var(--font-jp);font-weight:600;font-size:.92em;line-height:1.5;white-space:normal;overflow-wrap:anywhere;vertical-align:baseline;max-width:100%;box-decoration-break:clone;-webkit-box-decoration-break:clone}.ym-chip-kanji{background:color-mix(in srgb,var(--magic-1) 16%,transparent);color:var(--on-surface)}.ym-chip-vocab{background:var(--secondary-container);color:var(--on-secondary-container)}.ym-chip-grammar{background:var(--primary-container);color:var(--on-primary-container)}a.ym-chip:hover{filter:brightness(.96);box-shadow:inset 0 0 0 1px var(--outline-variant)}.ym-note{display:flex;flex-direction:column;gap:4px;margin:16px 0;padding:14px 16px;border-radius:var(--r-md, 14px);border-left:4px solid var(--primary);background:var(--surface-container)}.ym-note-head{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--on-surface-variant)}.ym-note-head .material-symbols-rounded{font-size:18px}.ym-note-body .ym-p:last-child{margin-bottom:0}.ym-note-tip{border-left-color:var(--primary)}.ym-note-l1-advantage{border-left-color:var(--success);background:color-mix(in srgb,var(--success-container) 50%,var(--surface-container))}.ym-note-l1-advantage .ym-note-head{color:var(--success)}.ym-note-l1-pitfall,.ym-note-warning{border-left-color:var(--error);background:color-mix(in srgb,var(--error-container) 45%,var(--surface-container))}.ym-note-l1-pitfall .ym-note-head,.ym-note-warning .ym-note-head{color:var(--error)}.ym-note-culture{border-left-color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,var(--surface-container))}.ym-note-example{border-left-color:var(--secondary)}.ym-sent{margin:14px 0;padding:16px;border-radius:16px;background:var(--surface-container-high);border:1px solid var(--outline-variant)}.ym-sent-card{background:var(--surface-container)}.ym-sent-jp{font-family:var(--font-jp);font-weight:500;font-size:21px;line-height:1.5;color:var(--on-surface)}.ym-sent-romaji{font-style:italic;font-size:13px;color:var(--on-surface-variant);margin-top:2px}.ym-sent-pt{margin-top:8px;font-size:15px;color:var(--on-surface-variant)}.ym-reading{margin:16px 0;padding:16px 18px;border-radius:16px;background:var(--surface-container-high);border:1px solid var(--outline-variant)}.ym-reading-head{display:flex;align-items:center;gap:6px;margin-bottom:10px;color:var(--primary)}.ym-reading-head .material-symbols-rounded{font-size:20px}.ym-reading-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.ym-reading-furi{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.ym-reading-furi-toggle{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--on-surface-variant);cursor:pointer;-webkit-user-select:none;user-select:none}.ym-reading-furi-box{width:16px;height:16px;border-radius:4px;border:2px solid var(--outline);display:inline-flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s}.ym-reading-furi-box:after{content:"";width:8px;height:8px;border-radius:2px;background:transparent;transition:background .12s}.ym-reading-furi:checked~.ym-reading-head .ym-reading-furi-box{background:var(--primary);border-color:var(--primary)}.ym-reading-furi:checked~.ym-reading-head .ym-reading-furi-box:after{background:var(--on-primary, #fff)}.ym-reading-furi:focus-visible~.ym-reading-head .ym-reading-furi-box{outline:2px solid var(--primary);outline-offset:2px}.ym-reading-jp{font-family:var(--font-jp);font-weight:500;font-size:23px;line-height:2.3;color:var(--on-surface)}.ym-reading-jp ruby{ruby-position:over}.ym-reading-jp rt{font-size:.5em;color:var(--on-surface-variant);font-weight:600;transition:opacity .15s}.ym-reading-furi:not(:checked)~.ym-reading-jp rt{opacity:0}.ym-reading-romaji{font-style:italic;font-size:13.5px;color:var(--on-surface-variant);margin-top:8px}.ym-reading-trans{margin-top:12px}.ym-reading-trans>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--primary)}.ym-reading-trans>summary::-webkit-details-marker{display:none}.ym-reading-trans>summary .material-symbols-rounded{font-size:16px}.ym-reading-pt{margin-top:10px;font-size:15px;color:var(--on-surface-variant);line-height:1.6}.ym-ex{margin:16px 0;padding:16px;border-radius:16px;background:var(--surface-container);border:1px dashed var(--outline)}.ym-ex-head{display:flex;align-items:center;gap:6px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);margin-bottom:6px}.ym-ex-head .material-symbols-rounded{font-size:18px}.ym-ex-prompt{font-weight:600;margin-bottom:10px}.ym-ex-choices{display:flex;flex-wrap:wrap;gap:8px;border:none;padding:0;margin:0;min-inline-size:0}.ym-ex-choice{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 16px;border-radius:999px;background:var(--surface);border:1px solid var(--outline-variant);font-family:var(--font-jp);font-size:15px;color:var(--on-surface);cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .1s ease}.ym-ex-choice:active{transform:scale(.97)}@media(prefers-reduced-motion:reduce){.ym-ex-choice{transition:none}}.ym-ex-choice input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.ym-ex-choice:hover{border-color:var(--primary)}.ym-ex-choice:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}.ym-ex-choice:before{font-family:Material Symbols Rounded;font-size:18px;line-height:1}.ym-ex-choice:has(input[data-correct=true]:checked){background:var(--success-container);color:var(--on-success-container);border-color:transparent;font-weight:700}.ym-ex-choice:has(input[data-correct=true]:checked):before{content:"check"}.ym-ex-choice:has(input[data-correct=false]:checked){background:var(--error-container);color:var(--on-error-container);border-color:transparent;font-weight:700}.ym-ex-choice:has(input[data-correct=false]:checked):before{content:"close"}.ym-ex-choices:has(input[data-correct=false]:checked) .ym-ex-choice:has(input[data-correct=true]){background:var(--success-container);color:var(--on-success-container);border-color:transparent;font-weight:700}.ym-ex-choices:has(input[data-correct=false]:checked) .ym-ex-choice:has(input[data-correct=true]):before{content:"check"}.ym-ex:has(.ym-ex-choices) .ym-ex-expl{display:none}.ym-ex:has(.ym-ex-choices input:checked) .ym-ex-expl{display:block}.ym-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ym-ex-answer{font-family:var(--font-jp);font-weight:600;color:var(--success)}.ym-ex-expl{margin-top:8px;font-size:14px;color:var(--on-surface-variant)}.ym-checklist{margin:22px 0 4px;padding:16px;border-radius:16px;background:color-mix(in srgb,var(--primary-container) 35%,var(--surface-container))}.ym-checklist-head{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--on-surface);margin-bottom:10px}.ym-check{display:flex;align-items:flex-start;gap:9px;padding:5px 0}.ym-check-ic{color:var(--success);font-size:22px;line-height:1.35;flex-shrink:0}.ym-check-text{flex:1;line-height:1.6}.ym-grid{display:grid;gap:14px}.ym-cards{display:flex;flex-direction:column;gap:12px}.ym-tile{display:block;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--outline-variant);border-radius:18px;padding:16px;box-shadow:var(--elev-1, 0 1px 3px rgba(0,0,0,.08));transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease}.ym-tile:hover{box-shadow:var(--elev-2, 0 4px 14px rgba(0,0,0,.1));transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 35%,var(--outline-variant))}.ym-tile:active{transform:translateY(0);box-shadow:var(--elev-1, 0 1px 3px rgba(0,0,0,.08))}.ym-tile.is-locked{opacity:.55;pointer-events:none}@media(prefers-reduced-motion:reduce){.ym-tile,.ym-kanji-cell,.ym-linkrow,.ym-vocab-row{transition:none}.ym-tile:hover{transform:none}}.ym-tile-title{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--on-surface)}.ym-tile-sub{color:var(--on-surface-variant);font-size:14px;margin-top:2px}.ym-prog{height:8px;border-radius:999px;background:var(--surface-container-highest);overflow:hidden}.ym-prog>i{display:block;height:100%;background:var(--primary);border-radius:999px}.ym-kanji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px}.ym-kanji-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--outline-variant);border-radius:14px;text-decoration:none;color:var(--on-surface);box-shadow:var(--elev-1, 0 1px 2px rgba(0,0,0,.06));transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.ym-kanji-cell:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--elev-2, 0 4px 14px rgba(0,0,0,.1))}.ym-kanji-cell:active{transform:translateY(0)}.ym-kanji-cell .k{font-family:var(--font-jp);font-size:30px;font-weight:700}.ym-kanji-cell .m{font-size:10px;color:var(--on-surface-variant);margin-top:2px;text-align:center;padding:0 4px;overflow:hidden;max-height:24px}.ym-vocab-row{display:flex;align-items:baseline;gap:12px;padding:12px 14px;border-bottom:1px solid var(--outline-variant)}.ym-vocab-row .w{font-family:var(--font-jp);font-weight:600;font-size:18px;min-width:96px}.ym-vocab-row .r{font-size:13px;color:var(--on-surface-variant);min-width:80px}.ym-vocab-row .g{flex:1;color:var(--on-surface-variant)}.ym-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--surface-container-highest);color:var(--on-surface-variant)}.ym-pill-primary{background:var(--primary-container);color:var(--on-primary-container)}.ym-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;row-gap:4px;font-size:13px;color:var(--on-surface-variant);margin-bottom:10px}.ym-breadcrumb a{color:var(--on-surface-variant);text-decoration:none;min-width:0;max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ym-breadcrumb a:hover{color:var(--primary);text-decoration:underline}.ym-pill-link{text-decoration:none}.ym-pill-link:hover{background:var(--primary-container);color:var(--on-primary-container)}.ym-kanji-cell-char{font-family:var(--font-jp);font-size:30px;font-weight:700;line-height:1}.ym-kanji-cell-romaji{font-size:12px;color:var(--on-surface-variant);margin-top:5px;text-align:center;letter-spacing:.02em;font-weight:600}.ym-kanji-hero{display:flex;align-items:center;gap:20px;margin:8px 0 4px}.ym-kanji-hero-char{font-family:var(--font-jp);font-weight:700;font-size:88px;line-height:1;color:var(--on-surface)}.ym-kanji-hero-meta{min-width:0}.ym-kanji-hero-meaning{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--on-surface);margin:0 0 8px}.ym-card-plain{background:var(--surface);border:1px solid var(--outline-variant);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.ym-reading-row{display:flex;align-items:flex-start;gap:12px}.ym-reading-label{font-family:var(--font-jp);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--on-surface-variant);min-width:34px;padding-top:7px}.ym-reading-list{display:flex;gap:8px;flex-wrap:wrap}.ym-reading{display:inline-flex;align-items:baseline;padding:4px 10px;border-radius:10px;background:var(--surface-container-highest);font-family:var(--font-jp);font-size:15px}.ym-reading-main{font-weight:700;color:var(--on-surface)}.ym-reading-oku{color:var(--on-surface-variant);font-weight:500}.ym-reading-oku:before{content:"・";color:var(--outline)}.ym-reading.is-level{background:var(--primary-container)}.ym-reading.is-level .ym-reading-main{color:var(--on-primary-container)}.ym-reading-note{display:flex;align-items:center;gap:8px;margin:2px 0 0;font-size:12px;color:var(--on-surface-variant)}.ym-reading-note .ym-reading{padding:2px 8px;font-size:13px}.ym-kanji-mini{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;font-family:var(--font-jp);font-size:26px;font-weight:700;background:var(--surface);border:1px solid var(--outline-variant);color:var(--on-surface);text-decoration:none}.ym-kanji-mini:hover{border-color:var(--primary)}.ym-vocab-row{display:block;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--outline-variant);border-radius:14px;padding:12px 16px}a.ym-vocab-row:hover{border-color:var(--primary)}.ym-vocab-hw{font-family:var(--font-jp);font-weight:700;font-size:19px;color:var(--on-surface)}.ym-vocab-hw rt{font-size:.58em;color:var(--on-surface-variant);font-weight:500}.ym-vocab-gloss{color:var(--on-surface-variant);font-size:14px;margin-top:4px}.ym-vocab-hero{margin:8px 0 4px}.ym-vocab-hero h1{margin:0}.ym-vocab-hero-hw{font-family:var(--font-jp);font-weight:700;font-size:40px;color:var(--on-surface)}.ym-vocab-hero-hw rt{font-size:.5em;color:var(--on-surface-variant);font-weight:500}.ym-vocab-hero-romaji{font-style:italic;color:var(--on-surface-variant);margin-top:4px}.ym-sense-list{list-style:none;margin:4px 0;padding:0;display:flex;flex-direction:column;gap:2px}.ym-sense{display:flex;gap:12px;padding:8px 4px;border-bottom:1px solid var(--outline-variant)}.ym-sense:last-child{border-bottom:none}.ym-sense-n{flex-shrink:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--surface-container-highest);color:var(--on-surface-variant);font-size:12px;font-weight:700}.ym-sense-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:3px}.ym-sense-gloss{color:var(--on-surface);line-height:1.5}.ym-tag{display:inline-flex;align-items:center;padding:1px 8px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.03em;background:var(--surface-container-highest);color:var(--on-surface-variant)}.ym-tag-reg{background:color-mix(in srgb,var(--gold) 22%,var(--surface-container-highest));color:var(--on-surface)}.ym-grammar-pattern{font-family:var(--font-jp);font-size:14px;color:var(--primary);margin-top:6px}.ym-grammar-pattern-hero{font-size:22px;margin-top:8px}.ym-form-row{display:flex;align-items:baseline;gap:14px}.ym-form-jp{font-family:var(--font-jp);font-weight:700;font-size:20px;color:var(--on-surface);min-width:64px}.ym-form-meaning{color:var(--on-surface-variant)}.ym-prose{display:flex;flex-direction:column;gap:14px}.ym-gblock{background:var(--surface);border:1px solid var(--outline-variant);border-radius:16px;padding:14px 16px}.ym-gblock-head{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--on-surface-variant);margin-bottom:6px}.ym-gblock-text{margin:0;line-height:1.75;color:var(--on-surface);white-space:pre-wrap;max-width:68ch}.ym-empty{text-align:center;padding:40px 16px}.ym-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:var(--primary-container);margin-top:-8px}.ym-public{min-height:100dvh;background:var(--surface);color:var(--on-surface);font-family:var(--font-body)}.ym-public-top{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;max-width:1100px;margin:0 auto}.ym-public-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:22px}.ym-public-hero{position:relative;overflow:hidden;padding:24px 24px 40px;max-width:1100px;margin:0 auto}.ym-public-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 80% 0%,color-mix(in srgb,var(--magic-1) 16%,transparent),transparent 60%)}.ym-public-hero-grid{position:relative;display:grid;grid-template-columns:1fr;gap:24px;align-items:center}@media(min-width:860px){.ym-public-hero-grid{grid-template-columns:1.1fr .9fr}}.ym-public-hero-copy{order:2}.ym-public-hero-art{order:1;display:flex;justify-content:center}@media(min-width:860px){.ym-public-hero-copy{order:1}.ym-public-hero-art{order:2}}.ym-public-h1{font-family:var(--font-display);font-weight:800;font-size:clamp(30px,5vw,44px);line-height:1.1;margin:14px 0 12px}.ym-public-lead{color:var(--on-surface-variant);font-size:17px;line-height:1.6;max-width:480px}.ym-public-cta{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.ym-public-features{display:grid;grid-template-columns:1fr;gap:16px;padding:8px 24px 40px;max-width:1100px;margin:0 auto}@media(min-width:700px){.ym-public-features{grid-template-columns:repeat(3,1fr)}}.ym-public-feat-ic{width:48px;height:48px;border-radius:14px;background:var(--primary-container);color:var(--on-primary-container);display:flex;align-items:center;justify-content:center}.ym-public-footer{text-align:center;color:var(--on-surface-variant);font-size:12px;padding:24px;border-top:1px solid var(--outline-variant)}.ym a:focus-visible,.ym button:focus-visible,.ym summary:focus-visible,.drawer-item:focus-visible,.navdest:focus-visible,.icon-btn:focus-visible,.ym-chip:focus-visible,.ym-tile:focus-visible,.ym-vocab-row:focus-visible,.ym-kanji-mini:focus-visible,.ym-kanji-cell:focus-visible,.ym-linkrow:focus-visible,.ym-ex-choice:focus-visible,.ym-pager-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:10px}.ym-ex-choice:focus-visible,.ym-chip:focus-visible{border-radius:999px}.ym-skip{position:fixed;top:8px;left:8px;z-index:100;transform:translateY(-150%);background:var(--primary);color:var(--on-primary);padding:10px 16px;border-radius:999px;font-weight:700;text-decoration:none;transition:transform .15s}.ym-skip:focus{transform:translateY(0)}.ym-card-soft{background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:20px;padding:20px;margin:4px 0 8px}.ym-pill-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.ym-pill-level{background:var(--primary-container);color:var(--on-primary-container)}.ym-grid-2{grid-template-columns:1fr}@media(min-width:640px){.ym-grid-2{grid-template-columns:1fr 1fr}}.ym-vocab-row.is-static{background:var(--surface-container-low)}.ym-chip-row{display:flex;gap:8px;flex-wrap:wrap}.ym-unlocks{margin-top:24px;padding-top:4px;border-top:1px solid var(--outline-variant)}.ym-unlocks .ym-chip{font-size:14px;padding:4px 12px}a.ym-chip{text-decoration:none}.ym-linkrow{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--outline-variant);text-decoration:none;color:var(--on-surface)}.ym-linkrow:hover{border-color:var(--primary)}.ym-linkrow>span{flex:1;min-width:0}.ym-pager{display:flex;justify-content:space-between;gap:12px;margin-top:32px}.ym-pager-link{display:flex;align-items:center;gap:10px;max-width:48%;padding:12px 16px;border-radius:14px;background:var(--surface-container);text-decoration:none;color:var(--on-surface);font-weight:600}.ym-pager-link:hover{background:var(--surface-container-high)}.ym-pager-next{margin-left:auto;text-align:right}.ym-pager-link span{display:flex;flex-direction:column;min-width:0}.ym-pager-link small{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant)}.ym-pager-link span:not(small){overflow:hidden}.ym-more{margin-top:4px}.ym-more>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--surface-container-high);color:var(--primary);font-weight:700;font-size:14px}.ym-more>summary::-webkit-details-marker{display:none}.ym-more>summary:after{content:"expand_more";font-family:Material Symbols Rounded;font-size:18px}.ym-more[open]>summary:after{content:"expand_less"}.ym-more[open]>summary{margin-bottom:4px}.ym-grammar-hero-title{font-family:var(--font-display);font-weight:800;font-size:clamp(22px,4vw,30px);line-height:1.15;margin:0;color:var(--on-surface)}.ym-grammar-hero .ym-grammar-pattern{font-size:18px;margin-top:8px}.ym-lesson-body{max-width:72ch}@media(max-width:899px){.ym-bottomnav{padding-bottom:calc(6px + env(safe-area-inset-bottom));height:calc(68px + env(safe-area-inset-bottom))}.ym-content{padding-bottom:calc(88px + env(safe-area-inset-bottom))}}.ym-chip{cursor:pointer;transition:filter .12s,box-shadow .12s}.ym-tip{position:fixed;z-index:60;max-width:min(280px,90vw);display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:12px;background:var(--surface-container-highest);color:var(--on-surface);border:1px solid var(--outline-variant);box-shadow:0 8px 24px #0000002e;font-family:var(--font-body);font-size:13px;line-height:1.4;pointer-events:none;animation:ym-tip-in .12s ease}.ym-tip[hidden]{display:none}.ym-tip-reading{font-family:var(--font-jp);font-weight:700;color:var(--primary)}.ym-tip-gloss{color:var(--on-surface-variant)}@keyframes ym-tip-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}.ym-dialog{border:none;padding:0;background:transparent;max-width:min(420px,92vw);border-radius:24px}.ym-dialog::backdrop{background:#120e1c80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ym-dialog-card{background:var(--surface);color:var(--on-surface);border-radius:24px;padding:24px;box-shadow:0 18px 50px #00000052}.ym-dialog[open] .ym-dialog-card{animation:ym-pop .18s cubic-bezier(.2,.7,.3,1)}@keyframes ym-pop{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.ym-dialog-kind{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary)}.ym-dialog-title{font-family:var(--font-jp);font-weight:700;font-size:34px;line-height:1.1;margin-top:4px;color:var(--on-surface)}.ym-dialog-reading{font-family:var(--font-jp);font-size:16px;color:var(--on-surface-variant);margin-top:6px}.ym-dialog-gloss{margin-top:12px;color:var(--on-surface);line-height:1.55}.ym-dialog-actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}@media(prefers-reduced-motion:reduce){.ym-tip,.ym-dialog[open] .ym-dialog-card{animation:none}}.ym-dialog-card{position:relative;max-height:84vh;overflow-y:auto}.ym-dialog-x{position:absolute;top:12px;right:12px}.ym-dialog-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:2px}.ym-dialog-ruby{font-family:var(--font-jp);font-size:20px;color:var(--on-surface-variant)}.ym-dialog-ruby rt{font-size:.5em}.ym-dialog-romaji{font-style:italic;color:var(--on-surface-variant);margin-top:4px}.ym-dialog-readings{display:flex;flex-direction:column;gap:10px;margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--surface-container)}.ym-dialog-reading-line{display:flex;align-items:flex-start;gap:10px}.ym-reading-romaji{font-family:var(--font-body);font-style:italic;font-size:.82em;color:var(--on-surface-variant);margin-left:6px}.ym-dialog-ex{display:flex;flex-direction:column;gap:8px;margin-top:14px}.ym-dialog-ex-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--outline-variant)}.ym-dialog-ex-row:last-child{border-bottom:none}.ym-dialog-ex-row ruby{font-family:var(--font-jp);font-weight:600}.ym-dialog-ex-row ruby rt{font-size:.5em;color:var(--on-surface-variant)}.ym-dialog-ex-row>span:last-child{color:var(--on-surface-variant);font-size:14px;text-align:right}.ym-dialog-senses{margin:14px 0 0;padding-left:22px;display:flex;flex-direction:column;gap:10px}.ym-dialog-senses li{padding-left:4px}.ym-dialog-senses li::marker{color:var(--primary);font-weight:700}.ym-dialog-senses .ym-tag{margin-right:8px}.ym-dialog-sense-gloss{color:var(--on-surface)}.ym-dialog-forms{display:flex;flex-direction:column;gap:8px;margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--surface-container)}.ym-dialog-form-row{display:flex;align-items:baseline;gap:12px}.ym-dialog-form-row>span:first-child{font-family:var(--font-jp);font-weight:700;font-size:18px;min-width:56px}.ym-dialog-form-row>span:last-child{color:var(--on-surface-variant)}.ym-dialog-expl{margin:14px 0 0;line-height:1.6;color:var(--on-surface)}.ym-sent-more[open]{margin-top:8px;padding-top:8px;border-top:1px dashed var(--outline-variant)}.ym-sent-literal,.ym-sent-expl{display:block}.ym-sent-literal,.ym-sent-expl{margin-top:8px}.ym-pill-gold{background:color-mix(in srgb,var(--gold) 28%,var(--surface-container-highest));color:var(--on-surface)}.ym-rev-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.ym-rev-progress{flex:1;min-width:160px;max-width:320px;height:8px;border-radius:999px;background:var(--surface-container-highest);overflow:hidden}.ym-rev-progress>i{display:block;height:100%;background:var(--primary);border-radius:999px}.ym-rev-card{background:var(--surface);border:1px solid var(--outline-variant);border-radius:24px;box-shadow:var(--elev-1, 0 1px 3px rgba(0,0,0,.08));padding:28px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.ym-rev-front{font-family:var(--font-jp);font-size:52px;font-weight:700;color:var(--on-surface);line-height:1.1}.ym-rev-reveal{width:100%;margin-top:4px}.ym-rev-reveal>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:999px;background:var(--primary);color:var(--on-primary);font-weight:700}.ym-rev-reveal>summary::-webkit-details-marker{display:none}.ym-rev-reveal[open]>summary{display:none}.ym-rev-romaji{font-style:italic;color:var(--on-surface-variant);margin-top:8px}.ym-rev-meaning{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--primary);margin-top:4px}.ym-rev-ratings{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.ym-rev-rate{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 4px;border:none;border-radius:14px;cursor:pointer;font:inherit}.ym-rev-rate-l{font-weight:700}.ym-rev-rate-iv{font-size:12px;opacity:.85}@media(max-width:520px){.ym-rev-ratings{grid-template-columns:repeat(2,1fr)}}.ym-rev-foot{text-align:center;font-size:13px;color:var(--on-surface-variant);margin-top:18px}.ym-sess-top{display:flex;align-items:center;gap:12px;margin-bottom:10px}.ym-sess-prog{flex:1;height:8px;border-radius:999px;background:var(--surface-container-highest);overflow:hidden}.ym-sess-prog>i{display:block;height:100%;background:var(--primary);border-radius:999px}.ym-sess-count{font-size:13px;font-weight:700;color:var(--on-surface-variant)}.ym-sess-card{border-style:solid}.ym-sess-q{font-family:var(--font-jp);font-weight:700;font-size:40px;text-align:center;color:var(--on-surface);margin:8px 0 16px;line-height:1.2}.ym-sess-actions{display:flex;justify-content:flex-end;margin-top:16px}.ym-practice-tile{display:block;position:relative;text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--outline-variant);border-radius:18px;padding:16px;box-shadow:var(--elev-1, 0 1px 3px rgba(0,0,0,.08));font:inherit;color:inherit;text-decoration:none;transition:box-shadow .16s,transform .16s,border-color .16s}.ym-practice-tile:hover{box-shadow:var(--elev-2, 0 4px 14px rgba(0,0,0,.1));transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 35%,var(--outline-variant))}.ym-practice-badge{position:absolute;top:-8px;right:12px}.ym-practice-ic{width:44px;height:44px;border-radius:14px;background:var(--primary-container);color:var(--on-primary-container);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.ym-practice-jp{font-family:var(--font-jp);font-size:13px;color:var(--on-surface-variant)}@media(prefers-reduced-motion:reduce){.ym-practice-tile{transition:none}}.ym-say-romaji{display:inline-block;padding:0 .4em;border-radius:7px;background:var(--surface-container-highest);color:var(--on-surface);font-family:var(--font-jp);font-weight:700;font-size:.9em;line-height:1.7;letter-spacing:.01em}.ym-say{font-style:normal}.ym-bd{margin:4px 0 14px}.ym-bd-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--primary);margin-bottom:6px}.ym-bd-tok{display:grid;grid-template-columns:minmax(56px,max-content) minmax(70px,max-content) 1fr;column-gap:14px;row-gap:2px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--outline-variant)}.ym-bd-tok:last-child{border-bottom:none}.ym-bd-jp{font-family:var(--font-jp);font-weight:700;font-size:17px;color:var(--on-surface)}.ym-bd-read{font-size:13px;color:var(--on-surface-variant)}.ym-bd-gloss{color:var(--on-surface)}.ym-bd-role{grid-column:2 / -1;font-size:13px;color:var(--on-surface-variant);font-style:italic}.ym-bd-parts{margin:10px 0 14px;padding-top:10px;border-top:1px dashed var(--outline-variant);display:flex;flex-direction:column;gap:10px}.ym-bd-part{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.ym-bd-part .ym-chip{font-size:15px}.ym-bd-pexpl{flex:1;min-width:180px;color:var(--on-surface-variant);font-size:14.5px;line-height:1.55}.ym-kicker{margin-bottom:2px}.ym-kicker .ym-jp{font-size:18px;color:var(--primary);font-weight:700}.ym-kicker rt{color:var(--on-surface-variant)}.ym-stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:18px 14px;border-radius:18px;background:var(--surface);border:1px solid var(--outline-variant);box-shadow:var(--elev-1, 0 1px 3px rgba(0,0,0,.08))}.ym-stat-ic{width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary-container);color:var(--on-primary-container);margin-bottom:4px}.ym-stat-n{font-family:var(--font-display);font-weight:800;font-size:30px;line-height:1;color:var(--primary)}.ym-stat-label{font-size:13px;color:var(--on-surface-variant)}.ym-home-hero{display:flex;align-items:center;gap:8px;padding:18px 20px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--magic-1) 18%,var(--primary-container)),var(--primary-container));box-shadow:var(--elev-1, 0 1px 3px rgba(0,0,0,.08))}.ym-home-hero-art{flex-shrink:0}.ym-home-hero-body{min-width:0;flex:1}.ym-home-hero-title{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--on-surface);margin-top:6px}.ym-home-hero-sub{font-size:13px;color:var(--on-surface-variant);margin-top:2px}.ym-home-hero-cta{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}@media(max-width:520px){.ym-home-hero{flex-direction:column;text-align:center}.ym-home-hero-cta{justify-content:center}}.ym-quick{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--outline-variant);box-shadow:var(--elev-1, 0 1px 3px rgba(0,0,0,.08));text-decoration:none;color:inherit;transition:box-shadow .16s,transform .16s,border-color .16s}.ym-quick:hover{box-shadow:var(--elev-2, 0 4px 14px rgba(0,0,0,.1));transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 35%,var(--outline-variant))}.ym-quick-ic{width:42px;height:42px;border-radius:12px;background:var(--secondary-container);color:var(--on-secondary-container);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ym-quick-t{font-family:var(--font-display);font-weight:700;color:var(--on-surface)}.ym-quick-d{font-size:13px;color:var(--on-surface-variant)}.ym-page-wide section+section{margin-top:28px}.ym-page-wide section>.ym-section-title:first-child{margin-top:0}.ym-sent-list{display:flex;flex-direction:column;gap:12px}.ym-sent-more{margin-top:10px}.ym-sent-more>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--primary)}.ym-sent-more>summary::-webkit-details-marker{display:none}.ym-sent-more>summary:after{content:"expand_more";font-family:Material Symbols Rounded;font-size:16px}.ym-sent-more[open]>summary:after{content:"expand_less"}.ym-sent-literal{margin:8px 0 0;font-size:14px;color:var(--on-surface-variant)}.ym-sent-literal span{font-weight:700;color:var(--on-surface)}.ym-sent-expl{margin:6px 0 0;font-size:14px;line-height:1.6;color:var(--on-surface-variant)}.ym-reading-more>summary{font-size:12px;padding:6px 12px}.ym-reading-more{margin-top:2px}.ym-filterbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:4px 0 6px}.ym-search{display:inline-flex;align-items:center;gap:8px;flex:1;min-width:220px;height:44px;padding:0 14px;border-radius:999px;background:var(--surface-container-highest);color:var(--on-surface-variant)}.ym-search input{flex:1;min-width:0;border:none;outline:none;background:none;font:inherit;color:var(--on-surface)}.ym-search input::placeholder{color:var(--on-surface-variant)}.ym-search:focus-within{outline:2px solid var(--primary);outline-offset:1px}.ym-search-clear{display:inline-flex;border:none;background:none;cursor:pointer;color:var(--on-surface-variant);border-radius:999px;padding:2px}.ym-search-clear:hover{background:color-mix(in srgb,var(--on-surface) 10%,transparent)}.ym-segmented{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--surface-container-highest)}.ym-seg{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:none;border-radius:999px;background:none;cursor:pointer;font:inherit;font-weight:600;font-size:14px;color:var(--on-surface-variant);transition:background .15s,color .15s}.ym-seg:hover{background:color-mix(in srgb,var(--on-surface) 7%,transparent)}.ym-seg.is-active{background:var(--secondary-container);color:var(--on-secondary-container)}.ym-seg-n{font-size:12px;opacity:.8}.ym-filter-count{font-size:13px;color:var(--on-surface-variant);margin:2px 0 14px}.ym-empty-mini{display:flex;align-items:center;gap:8px;padding:28px 16px;color:var(--on-surface-variant);justify-content:center}@media(max-width:560px){.ym-segmented{width:100%}.ym-seg{flex:1;justify-content:center}}.ym-chip[data-gloss],.ym-chip[data-reading]{cursor:pointer}a.ym-chip[data-gloss]:hover,a.ym-chip[data-reading]:hover,a.ym-chip[data-gloss]:focus-visible,a.ym-chip[data-reading]:focus-visible{filter:brightness(.97);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--primary) 55%,transparent)}.ym-chip[data-gloss]:after{content:"info";font-family:Material Symbols Rounded;font-size:.85em;opacity:0;margin-left:2px;transition:opacity .12s;vertical-align:-1px}.ym-chip[data-gloss]:hover:after,.ym-chip[data-gloss]:focus-visible:after{opacity:.65}.ym-build{margin-top:10px}.ym-build-answer{min-height:50px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px;border-radius:12px;border:1.5px dashed var(--outline);background:var(--surface);margin-bottom:12px}.ym-build-answer:empty:before{content:"Toque nas peças para montar a frase";color:var(--on-surface-variant);font-size:13.5px}.ym-build-bank{display:flex;flex-wrap:wrap;gap:8px}.ym-build-tok{font-family:var(--font-jp);font-size:17px;min-height:42px;padding:8px 14px;border-radius:10px;border:1px solid var(--outline-variant);background:var(--surface-container-high);color:var(--on-surface);cursor:pointer;transition:border-color .12s,transform .08s}.ym-build-tok:hover{border-color:var(--primary)}.ym-build-tok:active{transform:scale(.96)}.ym-build-answer .ym-build-tok{background:var(--secondary-container);color:var(--on-secondary-container);border-color:transparent}.ym-build-actions{display:flex;gap:8px;margin-top:12px}.ym-build-result{margin-top:12px;font-weight:700}.ym-build.is-correct .ym-build-result{color:var(--success)}.ym-build.is-correct .ym-build-answer{border-color:var(--success);border-style:solid}.ym-build.is-wrong .ym-build-result{color:var(--error)}.ym-build.is-wrong .ym-build-answer{border-color:var(--error);border-style:solid}.ym-match{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.ym-match-col{display:flex;flex-direction:column;gap:8px}.ym-match-item{text-align:left;padding:11px 13px;border-radius:10px;border:1px solid var(--outline-variant);background:var(--surface);color:var(--on-surface);cursor:pointer;font:inherit;font-size:14.5px;transition:background .12s,border-color .12s}.ym-match-item:hover:not(.is-matched){border-color:var(--primary)}.ym-match-item.is-sel{background:var(--primary-container);color:var(--on-primary-container);border-color:transparent}.ym-match-item.is-matched{background:var(--success-container);color:var(--on-success-container);border-color:transparent;opacity:.8;cursor:default;pointer-events:none}.ym-match-item.is-wrong{background:var(--error-container);color:var(--on-error-container);border-color:transparent}.ym-match-right .ym-match-item{font-family:var(--font-jp)}.ym-match-result{margin-top:12px;font-weight:700;color:var(--success)}.ym-input{margin-top:10px}.ym-input-row{display:flex;gap:8px;flex-wrap:wrap}.ym-input-field{flex:1;min-width:180px;min-height:44px;padding:8px 14px;border-radius:12px;border:1.5px solid var(--outline-variant);background:var(--surface);color:var(--on-surface);font:inherit;font-size:17px}.ym-input-field:focus{outline:2px solid var(--primary);outline-offset:1px;border-color:transparent}.ym-input.is-correct .ym-input-field{border-color:var(--success)}.ym-input.is-wrong .ym-input-field{border-color:var(--error)}.ym-input-show{display:inline-flex;margin-top:8px;border:none;background:none;cursor:pointer;color:var(--primary);font:inherit;font-weight:700;font-size:13px;padding:4px 0}.ym-input-result{margin-top:10px;font-weight:700}.ym-input.is-correct .ym-input-result{color:var(--success)}.ym-input.is-wrong .ym-input-result{color:var(--error)}.ym-input-answer{margin-top:8px;color:var(--on-surface)}.ym-input-answer b{font-family:var(--font-jp);color:var(--success);font-size:18px}.ym-ex-reveal>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:999px;background:var(--primary);color:var(--on-primary);font-weight:700;font-size:14px}.ym-ex-reveal>summary::-webkit-details-marker{display:none}.ym-ex-reveal[open]>summary{margin-bottom:10px}.ym-ex-reveal .ym-ex-answer{font-family:var(--font-jp);font-weight:700;color:var(--success);font-size:18px}@media(prefers-reduced-motion:reduce){.ym-build-tok,.ym-match-item{transition:none}}@media(max-width:520px){.ym-match{grid-template-columns:1fr}.ym-match-right{margin-top:4px}}.ym-stroke-decomp{display:grid;grid-template-columns:1fr;gap:12px;margin:6px 0 8px}@media(min-width:640px){.ym-stroke-decomp:has(.ym-strokes):has(.ym-decomp){grid-template-columns:1fr 1fr;align-items:start}}.ym-strokes-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ym-strokes-label{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--on-surface-variant)}.ym-btn-text{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--primary);font-weight:700;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:8px}.ym-btn-text:hover{background:var(--primary-container)}.ym-strokes-stage{display:flex;justify-content:center}.ym-strokes-svg{width:200px;height:200px;background:var(--surface-container-high);border-radius:var(--r-md, 14px)}.ym-stroke-ghost{fill:var(--outline-variant);opacity:.35}.ym-stroke-active{fill:var(--on-surface)}.ym-strokes-ctrl{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:10px}.ym-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid var(--outline-variant);background:var(--surface);color:var(--on-surface);cursor:pointer}.ym-icon-btn:disabled{opacity:.4;cursor:default}.ym-icon-btn:not(:disabled):hover{background:var(--surface-container-high)}.ym-strokes-count{font-size:13px;color:var(--on-surface-variant);min-width:92px;text-align:center;font-variant-numeric:tabular-nums}.ym-strokes-cred{margin-top:8px;font-size:11px;color:var(--on-surface-variant);text-align:center;opacity:.85}.ym-decomp{display:flex;flex-direction:column;gap:10px}.ym-decomp-parts{display:flex;flex-wrap:wrap;gap:8px}.ym-decomp-part{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 8px;font-family:var(--font-jp);font-size:26px;border-radius:12px;background:var(--surface-container-high);color:var(--on-surface);text-decoration:none}.ym-decomp-part.is-link{border:1px solid var(--outline-variant)}.ym-decomp-part.is-link:hover{background:var(--primary-container);color:var(--on-primary-container)}.ym-decomp-hint{font-size:12px;color:var(--on-surface-variant)}.ym-h1{font-size:24px;font-weight:800;margin:4px 0 2px}.ym-sub{color:var(--on-surface-variant);font-size:14px;margin:0 0 8px}.ym-kana-tabs{display:inline-flex;gap:4px;background:var(--surface-container-high);border-radius:999px;padding:4px;margin:10px 0 16px}.ym-seg{border:none;background:none;padding:7px 18px;border-radius:999px;font-weight:700;font-size:14px;color:var(--on-surface-variant);cursor:pointer}.ym-seg.is-on{background:var(--surface);color:var(--on-surface);box-shadow:0 1px 3px #0000001f}.ym-kana-layout{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:760px){.ym-kana-layout{grid-template-columns:264px 1fr;align-items:start}}.ym-kana-stage{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px}@media(min-width:760px){.ym-kana-stage{position:sticky;top:12px}}.ym-kana-viewer{display:flex;flex-direction:column;align-items:center;gap:8px}.ym-kana-svg{background:var(--surface-container-high);border-radius:var(--r-md, 14px)}.ym-kana-ghost path{fill:none;stroke:var(--outline-variant);stroke-width:inherit;stroke-linecap:round;stroke-linejoin:round;opacity:.4}.ym-kana-ghost path.ym-kana-ghostfill{fill:var(--outline-variant);stroke:none;opacity:.45}.ym-kana-mark-bg{fill:var(--surface-container-highest, var(--surface-container-high));stroke:var(--outline-variant);stroke-width:4;opacity:.9}.ym-kana-mark-n{font-size:68px;font-weight:700;fill:var(--primary);font-family:inherit}.ym-kana-ball{fill:var(--primary);opacity:0;pointer-events:none;offset-rotate:0deg}@keyframes ym-ball-run{0%{offset-distance:0%;opacity:0}4%{offset-distance:2%;opacity:1}96%{offset-distance:98%;opacity:1}to{offset-distance:100%;opacity:0}}@keyframes ym-pen-run{0%{stroke-dashoffset:var(--ym-len)}to{stroke-dashoffset:0}}@keyframes ym-mark-inout{0%{opacity:0}12%{opacity:1}88%{opacity:1}to{opacity:0}}.ym-kana-draw{fill:none;stroke:var(--primary);stroke-width:inherit;stroke-linecap:round;stroke-linejoin:round}.ym-kana-stage-meta{display:flex;align-items:baseline;gap:8px}.ym-kana-stage-char{font-family:var(--font-jp);font-size:32px;color:var(--on-surface)}.ym-kana-stage-romaji{font-size:16px;color:var(--on-surface-variant)}.ym-kana-grid{display:flex;flex-direction:column;gap:6px}.ym-kana-row{display:flex;flex-wrap:wrap;gap:6px}.ym-kana-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:56px;border-radius:10px;border:1px solid var(--outline-variant);background:var(--surface);cursor:pointer;gap:2px}.ym-kana-cell:hover{background:var(--surface-container-high)}.ym-kana-cell.is-sel{background:var(--primary-container);border-color:var(--primary)}.ym-kana-cell.is-nostroke{opacity:.45}.ym-kana-cell-char{font-family:var(--font-jp);font-size:22px;line-height:1;color:var(--on-surface)}.ym-kana-cell-romaji{font-size:10px;color:var(--on-surface-variant)}.ym-credits-group{margin-bottom:18px}.ym-credits-note{font-size:13px;color:var(--on-surface-variant);margin:-2px 0 10px}.ym-credit{padding:12px 14px;border:1px solid var(--outline-variant);border-radius:var(--r-md, 14px);background:var(--surface)}.ym-credit-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.ym-credit-name{font-weight:700;color:var(--on-surface)}.ym-credit-lic{font-size:12px;font-weight:700;color:var(--primary);white-space:nowrap}.ym-credit-what{font-size:13px;color:var(--on-surface-variant);margin-top:2px}.ym-credit-holder{font-size:12px;color:var(--on-surface-variant);margin-top:6px;line-height:1.5}.ym-credit-link{color:var(--primary);text-decoration:none}.ym-credit-link:hover{text-decoration:underline}.ym-kana-combo{display:flex;gap:8px;align-items:flex-start;justify-content:center}