.vocab-card{--vocab-gender:var(--color-line);border:1px solid var(--color-line);border-top:4px solid var(--vocab-gender);text-align:center;background:#fff;border-radius:.9rem;flex-direction:column;align-items:center;gap:.35rem;padding:.6rem .6rem .75rem;display:flex}.vocab-card[data-gender=m]{--vocab-gender:#3867d6}.vocab-card[data-gender=f]{--vocab-gender:#7b5cd6}.vocab-card__art{aspect-ratio:1;background:var(--color-bg);object-fit:contain;border-radius:.6rem;width:100%;display:block}.vocab-card__he{color:var(--color-navy);font-size:1.5rem;font-weight:700;line-height:1.6}.vocab-card__mark{vertical-align:.3em;color:var(--vocab-gender);background:color-mix(in srgb, var(--vocab-gender) 12%, #fff);border-radius:999px;margin-inline-start:.4rem;padding:0 .4rem;font-size:.8rem;font-weight:700}.vocab-card__meaning{color:var(--color-muted);font-size:.95rem;line-height:1.3}.widget-frame[data-vocab-sheet] .widget-frame__title,.widget-frame[data-vocab-sheet] .widget-frame__instruction{line-height:1.6}.vocab-sheet__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}@media (min-width:40rem){.vocab-sheet__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:56rem){.vocab-sheet__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.vocab-sheet__tap{cursor:pointer;border-radius:.9rem;width:100%;transition:transform .16s cubic-bezier(.23,1,.32,1),box-shadow .16s cubic-bezier(.23,1,.32,1);display:block}.vocab-sheet__tap:active{transform:scale(.97)}.vocab-sheet__tap:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (hover:hover) and (pointer:fine){.vocab-sheet__tap:hover{box-shadow:0 4px 14px #15315e1a}}@media (prefers-reduced-motion:reduce){.vocab-sheet__tap{transition:none}}.vocab-sheet__tap[data-heard=true] .vocab-card{border-color:color-mix(in srgb, var(--color-accent) 45%, var(--color-line))}.card-sheet-grid{grid-template-columns:repeat(3,63mm);grid-auto-rows:88mm;justify-content:center;margin-inline:auto;display:grid}.card-sheet-cell{box-sizing:border-box;outline-offset:-.1mm;text-align:center;outline:.2mm dashed #b7c0cc;flex-direction:column;justify-content:center;align-items:center;gap:2.5mm;padding:5mm;display:flex}.card-sheet-cell__art{object-fit:contain;width:44mm;height:44mm}.card-sheet-cell__he{color:#15315e;font-size:26pt;font-weight:700;line-height:1.6}.card-sheet-cell__mark{font-size:12pt;font-weight:700}.card-sheet-cell__meaning{color:#12181f;font-size:20pt;font-weight:700;line-height:1.25}.card-sheet-cell__hint{color:#4b5563;font-size:11pt;line-height:1.6}.card-sheet-cell[data-gender=m] .card-sheet-cell__mark{color:#3867d6}.card-sheet-cell[data-gender=f] .card-sheet-cell__mark{color:#7b5cd6}.card-sheet-page{padding-block:8mm}.card-sheet-label{text-align:center;color:#626e7e;margin-bottom:4mm;font-size:10pt}@page card-sheet{size:A4;margin:0}@media print{:is(.elev-shell,.viewing-as,.elev-acting):has(~* .card-sheet){display:none}body:has(.card-sheet){--elev-footer-display:none;background:#fff}main:has(>.card-sheet-preview){max-inline-size:none;padding:0}.card-sheet{page:card-sheet}.card-sheet-page{box-sizing:border-box;break-after:page;break-inside:avoid;height:297mm;padding-block:12mm 0;overflow:hidden}.card-sheet>:last-child>.card-sheet-page:last-child{break-after:auto}.card-sheet-label{margin-bottom:3mm;font-size:8pt;line-height:1}.card-sheet-cell{-webkit-print-color-adjust:exact;print-color-adjust:exact}.card-sheet-screen-only{display:none!important}}@media screen and (max-width:48rem){.card-sheet-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto}.card-sheet-cell{aspect-ratio:63/88;gap:.25rem;padding:.4rem}.card-sheet-cell__art{aspect-ratio:1;width:100%;height:auto}.card-sheet-cell__he{font-size:1.05rem}.card-sheet-cell__mark{font-size:.7rem}.card-sheet-cell__meaning{font-size:.95rem}.card-sheet-cell__hint{font-size:.7rem}}.vw{--vw-ease:cubic-bezier(.23, 1, .32, 1);position:relative}.vw__player{min-inline-size:0}.vw[data-mode=side]{grid-template-columns:minmax(0,1fr) 16.5rem;align-items:stretch;gap:12px;display:grid}.vw[data-mode=side] .vw__panel{min-block-size:0;position:relative}.vw[data-mode=side] .vw__sheet{position:absolute;inset:0}.vw[data-mode=below]{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.vw[data-mode=below]>*{min-inline-size:0}.vw__sheet{border:1px solid var(--color-line);background:#fff;border-radius:18px;flex-direction:column;gap:8px;min-block-size:0;padding:12px;display:flex}.vw__head{align-items:baseline;gap:8px;display:flex}.vw__title{color:var(--color-navy);font-weight:700}.vw__count{color:var(--color-muted);font-variant-numeric:tabular-nums;margin-inline-start:auto;font-size:.85rem}.vw__head .vw__close{margin-inline-start:4px}.vw__list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:8px;min-block-size:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.vw[data-mode=below] .vw__list{scroll-snap-type:x proximity;flex-direction:row;padding-block-end:4px;overflow:auto visible}.vw[data-mode=below] .vw__list>li{scroll-snap-align:start;flex:0 0 min(15rem,78%)}.vw__list>li[data-word]{animation:vw-in .24s var(--vw-ease) both}@keyframes vw-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.vw__list>li[data-word]{animation:.16s linear both vw-fade}@keyframes vw-fade{0%{opacity:0}}}.vw__word{--vw-gender:var(--color-line);border:1px solid var(--color-line);border-inline-start:4px solid var(--vw-gender);transition:box-shadow .24s var(--vw-ease), border-color .24s var(--vw-ease);background:#fff;border-radius:12px;align-items:stretch;display:flex;position:relative}.vw__word[data-gender=m]{--vw-gender:#3867d6}.vw__word[data-gender=f]{--vw-gender:#7b5cd6}li[data-fresh=true]>.vw__word{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 35%, transparent)}.vw__listen{all:unset;box-sizing:border-box;cursor:pointer;min-inline-size:0;transition:transform .16s var(--vw-ease);border-radius:10px;flex:1;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.vw__listen:active{transform:scale(.97)}.vw__listen:focus-visible,.vw__rewind:focus-visible,.vw__chip:focus-visible,.vw__close:focus-visible,.vw__print:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.vw__art{background:var(--color-bg);object-fit:contain;border-radius:8px;block-size:48px;inline-size:48px}.vw__text{min-inline-size:0;display:grid}.vw__he{color:var(--color-navy);text-wrap:balance;font-size:1.1rem;font-weight:700;line-height:1.6}.vw__mark{vertical-align:.3em;color:var(--vw-gender);margin-inline-start:6px;font-size:.7rem;font-weight:700}.vw__meaning{color:var(--color-muted);overflow-wrap:anywhere;font-size:.9rem;line-height:1.3}.vw__icon{color:var(--color-muted)}.vw__rewind,.vw__close{all:unset;box-sizing:border-box;min-block-size:32px;inline-size:32px;color:var(--color-muted);cursor:pointer;border-radius:8px;place-items:center;display:grid}.vw__rewind{border-inline-start:1px solid var(--color-line);border-radius:0;border-start-end-radius:10px;border-end-end-radius:10px;inline-size:36px}@media (hover:hover) and (pointer:fine){.vw__rewind:hover,.vw__close:hover{color:var(--color-navy);background:var(--color-bg)}}.vw__ghost{border:1px dashed var(--color-line);border-radius:12px;min-block-size:50px}.vw[data-mode=below] .vw__ghost{display:none}.vw__empty{color:var(--color-muted);margin:0;font-size:.85rem}.vw__print{text-align:center;background:var(--color-navy);color:#fff;min-block-size:44px;animation:vw-in .24s var(--vw-ease) both;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 8px;padding:6px 14px;font-weight:700;line-height:1.3;text-decoration:none;display:flex}.vw__print>span{white-space:nowrap}.vw__print-tr{opacity:.85;font-weight:500}.vw[data-mode=overlay] .vw__panel{z-index:3;flex-direction:column;align-items:flex-end;gap:8px;max-block-size:70%;inline-size:min(18rem,100% - 32px);display:flex;position:absolute;inset-block-start:max(16px, var(--ls-top-block,0px));inset-inline-end:16px}.vw[data-mode=overlay] .vw__sheet{color:#fff;-webkit-backdrop-filter:blur(10px);min-block-size:0;inline-size:100%;animation:vw-in .24s var(--vw-ease) both;background:#0d1420db;border-color:#ffffff1f;overflow:hidden}.vw[data-mode=overlay] .vw__title,.vw[data-mode=overlay] .vw__he{color:#fff}.vw[data-mode=overlay] :is(.vw__count,.vw__meaning,.vw__icon,.vw__close,.vw__rewind,.vw__empty){color:#ffffffbf}.vw[data-mode=overlay] .vw__word{border-color:#ffffff24;border-inline-start-color:var(--vw-gender);background:#ffffff0f}.vw[data-mode=overlay] .vw__rewind{border-inline-start-color:#ffffff24}.vw[data-mode=overlay] .vw__art{background:#fff}.vw[data-mode=overlay] .vw__ghost{border-color:#ffffff2e}.vw__chip{all:unset;box-sizing:border-box;cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(8px);min-block-size:40px;transition:background-color .24s var(--vw-ease), transform .16s var(--vw-ease);background:#0d1420c7;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 6px;font-size:.85rem;font-weight:700;display:inline-flex}.vw__chip:active{transform:scale(.97)}.vw__chip img{object-fit:contain;background:#fff;border-radius:999px;block-size:28px;inline-size:28px}.vw__chip .vw__count{color:#ffffffbf;margin:0}.vw__chip[data-fresh=true]{background:color-mix(in srgb, var(--color-accent) 80%, black)}.vw:fullscreen{background:#000;display:block}.vw:fullscreen .vw__player,.vw:fullscreen .elev-player{block-size:100%;inline-size:100%}.vw:fullscreen .elev-player{aspect-ratio:auto;border-radius:0}@media (orientation:portrait) and (max-width:919px){.ls-deck[data-slide-kind=video]:has(.elev-player[data-portrait]:not([data-loaded=landscape])) :is(.vw,.vw__player){flex-direction:column;flex:1;min-block-size:0;display:flex}}
