.xs{margin:var(--sp-lg) 0 0;gap:var(--sp-md12);max-width:520px;padding:0;list-style:none;display:grid}.xs-card{isolation:isolate;align-items:center;gap:var(--sp-md);min-height:88px;padding:var(--sp-md) var(--sp-lg20);border-radius:var(--r-card);color:var(--on-fill);background:radial-gradient(70% 120% at 100% 100%, color-mix(in srgb, var(--lang-glow) 70%, transparent), transparent 70%), linear-gradient(120deg, var(--lang-edge), var(--lang-deep) 45%, var(--lang-fill));box-shadow:0 5px 0 var(--lang-edge), 0 18px 32px -24px color-mix(in srgb, var(--notebook-ink) 70%, transparent);transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s;display:flex;position:relative;overflow:hidden}.xs-card__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.xs-card__link{letter-spacing:-.02em;color:var(--on-fill);font-size:24px;font-weight:900;line-height:1.1;text-decoration:none}.xs-card__link:after{content:"";position:absolute;inset:0}.xs-card__link:focus-visible{outline:none}.xs-card:has(.xs-card__link:focus-visible){outline:3px solid var(--brand);outline-offset:3px}.xs-card__meta{color:var(--on-fill);font-size:15px;font-weight:600;line-height:1.4}.xs-card__host{color:var(--on-fill);opacity:.88;font-size:13px;font-weight:600}.xs-card__arrow{background:color-mix(in srgb, var(--on-fill) 18%, transparent);width:40px;height:40px;color:var(--on-fill);border-radius:50%;flex:none;padding:9px;transition:background .2s,translate .2s}.xs-card:hover{box-shadow:0 7px 0 var(--lang-edge), 0 22px 36px -24px color-mix(in srgb, var(--notebook-ink) 75%, transparent);transform:translateY(-2px)}.xs-card:hover .xs-card__arrow{background:color-mix(in srgb, var(--on-fill) 30%, transparent);translate:2px -2px}.xs-card:active{box-shadow:0 2px 0 var(--lang-edge);transform:translateY(2px)scale(.99)}@media (prefers-reduced-motion:reduce){.xs-card,.xs-card__arrow{transition:none}.xs-card:hover,.xs-card:active{transform:none}.xs-card:hover .xs-card__arrow{translate:none}}@media (width<=560px){.xs-card{min-height:80px;padding:var(--sp-md12) var(--sp-md)}.xs-card__link{font-size:22px}.xs-card__meta{font-size:14px}}.mk-word{--radius:var(--r-card);--depth:4px;text-align:start;flex-direction:column;gap:2px;min-width:0;padding:12px 16px;display:flex}.mk-word__front{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:22px;line-height:1.2;overflow:hidden}.mk-word__ipa{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mk-word__meaning{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.mk-word--big .mk-word__front{font-size:26px}.mk-art{aspect-ratio:587/900;perspective:1200px;width:100%;position:relative}.mk-art__card{gap:var(--sp-sm);padding:var(--sp-md12);background:var(--surface);border:2px solid var(--border);box-shadow:0 4px 0 var(--border), 0 18px 28px color-mix(in srgb, var(--text-primary) 10%, transparent);transform:rotateY(calc(-14deg * var(--dir))) rotateX(4deg);border-radius:22px;flex-direction:column;transition:transform .45s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;inset:0;overflow:hidden}.mk-art__label{color:var(--lang-text);font-size:11px}.mk-art__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mk-art__list li{align-items:center;gap:var(--sp-sm);border-radius:var(--r-tile);background:var(--surface-muted);color:var(--text-primary);padding:8px 10px;font-size:13px;font-weight:700;line-height:1.25;display:flex}.mk-art__list li.is-next{background:var(--lang-fill);color:var(--lang-ink)}.mk-art__num{opacity:.8;flex:none;font-size:11px}.mk-art__title{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;min-width:0}.mk-art__icon{width:28px;height:28px;color:var(--lang-text);background:color-mix(in srgb, var(--lang-fill) 13%, var(--surface));border-radius:8px;flex:none;place-items:center;display:inline-grid}.mk-art__words{justify-content:center;gap:var(--sp-md12);flex-direction:column;flex:1;display:flex}.mk-art__words .mk-word{--depth:3px}.mk-art__prompt{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.35}.mk-art__sentence{color:var(--text-primary);margin:0;font-size:22px;line-height:1.3}.mk-art__gap{background:color-mix(in srgb, var(--success) 14%, var(--surface));color:var(--success-text);border-radius:6px;padding:0 6px}.mk-art__options{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mk-art__options li{justify-content:space-between;align-items:center;gap:var(--sp-sm);border-radius:var(--r-tile);border:2px solid var(--border);background:var(--surface);color:var(--text-secondary);padding:8px 12px;font-size:16px;display:flex}.mk-art__options li.is-right{border-color:var(--success);background:color-mix(in srgb, var(--success) 12%, var(--surface));color:var(--success-text);font-weight:700}.mk-art__because{border-radius:var(--r-tile);background:var(--surface-muted);color:var(--text-secondary);margin:auto 0 0;padding:8px 10px;font-size:12px;line-height:1.4}.mk-art__story{color:var(--text-primary);margin:0;font-size:20px;line-height:1.2}.mk-art__dialogue{gap:var(--sp-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mk-art__dialogue li{border-inline-start:3px solid var(--border);flex-direction:column;gap:1px;padding-inline-start:10px;display:flex}.mk-art__dialogue li.is-guest{border-inline-start-color:var(--lang-fill)}.mk-art__speaker{color:var(--lang-text);font-size:11px;font-weight:800}.mk-art__line{color:var(--text-primary);font-size:15px;line-height:1.3}.mk-art__gloss{color:var(--text-tertiary);font-size:11px;line-height:1.35}@media (prefers-reduced-motion:reduce){.mk-art__card{transition:none}}@media (width<=560px){.mk-art__card{padding:var(--sp-sm);border-radius:18px;gap:6px}.mk-art__list li{gap:6px;padding:6px 8px;font-size:11px}.mk-art__list li:nth-child(n+5){display:none}.mk-art .mk-word{padding:8px 10px}.mk-art .mk-word__front{font-size:16px}.mk-art .mk-word__meaning{font-size:11px}.mk-art__prompt,.mk-art__because{font-size:10px}.mk-art__sentence{font-size:16px}.mk-art__options li{padding:4px 8px;font-size:13px}.mk-art__because{display:none}.mk-art__story{font-size:16px}.mk-art__line{font-size:12px}.mk-art__gloss{display:none}.mk-art__dialogue{gap:6px}}.mk-vis--drill .mk-vis__screen:has(.mk-art){inset-inline-start:32%}.mk-vis--words .mk-art__words{justify-content:flex-start}@media (width<=560px){:is(.mk-vis--drill .mk-vis__screen:has(.mk-art),.mk-vis--stories .mk-vis__screen:has(.mk-art)){top:124px}}