html:has(.vocab-root){scroll-behavior:auto}.vocab-root{--pipi-edge:#f5f1e4;max-width:var(--shell-max);font-family:var(--font-main);margin:0 auto;container-type:inline-size}.vocab-main{padding:var(--shell-pad);gap:32px;display:grid}.vocab-hero{text-align:left;min-width:0;padding-block:8px}.vocab-brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.vocab-brand-mark{object-fit:cover;border-radius:10px;width:40px;height:40px}.vocab-brand-text{gap:3px;min-width:0;display:grid}.vocab-brand-name{font-size:calc(15px * var(--type-scale,1));color:var(--text-primary);font-weight:650}.vocab-brand-tag{font-size:calc(12px * var(--type-scale,1));color:var(--text-secondary);line-height:1.45}.vocab-root .vocab-h1{font-family:var(--font-main);font-weight:700;font-size:calc(clamp(30px, 5vw, 48px) * var(--type-scale,1));letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere;color:var(--text-primary);margin:0;line-height:1.2}.vocab-h1>span{display:block}.vocab-title-phrase{max-width:100%;display:inline-block}.vocab-h1-accent{color:var(--text-secondary)}.vocab-lede{max-width:38ch;font-size:calc(16px * var(--type-scale,1));text-wrap:pretty;color:var(--text-secondary);margin:20px 0 0;line-height:1.7}.vocab-lede>span{max-width:100%;display:inline-block}.vocab-root:lang(ko) :is(p,h1,button,.vocab-btn,.app-cta-headline,.app-cta-sub){word-break:keep-all}.vocab-root:lang(ja){line-break:strict}.vocab-start{flex-direction:column;align-items:flex-start;gap:12px;margin-top:28px;display:flex}.vocab-root .vocab-start-note{font-size:calc(13px * var(--type-scale,1));text-wrap:pretty;color:var(--text-secondary);margin:0;line-height:1.6}.vocab-stage{border:1px solid var(--border-default);background:var(--bg-raised);border-radius:20px;flex-direction:column;align-items:stretch;gap:24px;width:100%;min-width:0;padding:clamp(16px,2.5vw,28px);display:flex}.vocab-stage-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;display:flex}.vocab-stage-heading>span{font-size:calc(13px * var(--type-scale,1));color:var(--text-primary);font-weight:600}.vocab-root .vocab-taste{font-size:calc(12px * var(--type-scale,1));color:var(--text-secondary);text-wrap:pretty;margin:0;line-height:1.5}.vocab-setup{gap:16px;width:100%;display:grid}.vocab-setup-row{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.vocab-setup-label{font-size:calc(12px * var(--type-scale,1));color:var(--text-secondary);font-weight:600;line-height:1.5}.vocab-dir-seg,.vocab-level-seg{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.vocab-root :is(.vocab-dir-seg,.vocab-level-seg) button{min-width:0;min-height:44px;font:inherit;font-size:calc(14px * var(--type-scale,1));color:var(--text-secondary);cursor:pointer;text-wrap:balance;background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 10px;line-height:1.4}.vocab-root :is(.vocab-dir-seg,.vocab-level-seg) button.active{color:var(--text-primary);background:var(--bg-raised);border-color:var(--border-default);font-weight:650}.vocab-root :is(.vocab-dir-seg,.vocab-level-seg) button:hover:not(.active){color:var(--text-primary);background:var(--border-subtle)}.vocab-seg{border-bottom:1px solid var(--border-default);flex-wrap:wrap;display:flex}.vocab-root .vocab-seg button{min-width:0;min-height:48px;font:inherit;font-size:calc(14px * var(--type-scale,1));text-wrap:balance;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 4px;line-height:1.4}.vocab-root .vocab-seg button.active{border-bottom-color:var(--text-primary);color:var(--text-primary);font-weight:650}.vocab-root :is(.vocab-dir-seg,.vocab-level-seg,.vocab-seg) button:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.vocab-main>.app-cta{box-shadow:none;background:var(--bg-raised);border-color:var(--border-default);border-radius:16px;margin:0}.vocab-root .app-cta-headline,.vocab-root .app-cta-sub{font-family:var(--font-main);text-wrap:pretty}.vocab-root .app-cta-btn{box-shadow:none;border-radius:10px}@container (width>=880px){.vocab-main{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:start;gap:40px}.vocab-hero{padding-top:48px}.vocab-main>.app-cta{grid-column:1/-1}}.vocab-flash-top{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.vocab-pipi{object-fit:contain;filter:none}.vocab-pipi-sm{width:48px;height:48px}.vocab-progress{font-family:var(--font-main);font-size:calc(13px * var(--type-scale,1));letter-spacing:.04em;color:var(--brand-words-accent);font-variant-numeric:tabular-nums;background:0 0;padding:4px 12px}.vocab-flash{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.vocab-card-3d{color:inherit;font:inherit;perspective:1200px;cursor:pointer;background:0 0;border:0;width:100%;height:auto;min-height:clamp(240px,56vw,300px);padding:0;display:block}.vocab-card-inner{width:100%;min-height:inherit;transform-style:preserve-3d;transition:transform .5s var(--ease);display:grid;position:relative}.vocab-card-content{flex-direction:column;align-items:center;gap:8px;display:flex}.vocab-card-inner.is-flipped{transform:rotateY(180deg)}.vocab-card-face{overflow-wrap:anywhere;-webkit-backface-visibility:hidden;backface-visibility:hidden;text-align:center;border:1px solid color-mix(in oklab, var(--brand-words-primary) 30%, transparent);background:var(--bg-card);border-radius:16px;flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;gap:8px;min-width:0;padding:clamp(20px,4vw,32px);line-height:1.5;display:flex;position:relative}.vocab-card-back{border-color:color-mix(in oklab, var(--brand-words-accent) 38%, transparent);background:var(--bg-card);transform:rotateY(180deg)}.vocab-card-3d:focus-visible{outline:none}.vocab-card-3d:focus-visible .vocab-card-inner{outline:2px solid var(--text-primary);outline-offset:2px;border-radius:16px}.vocab-word{font-family:var(--font-display);font-weight:700;font-size:calc(clamp(36px, 9vw, 56px) * var(--type-scale,1));color:var(--text-primary);line-height:1.25}.vocab-reading{font-family:var(--font-main);font-size:calc(clamp(15px, 3vw, 18px) * var(--type-scale,1));color:var(--brand-words-accent)}.vocab-hint{font-size:calc(12px * var(--type-scale,1));color:var(--text-muted);margin-top:8px}.vocab-meaning{font-family:var(--font-display);font-weight:700;font-size:calc(clamp(26px, 6vw, 38px) * var(--type-scale,1));color:var(--text-primary)}.vocab-ex{text-wrap:balance;font-size:calc(15px * var(--type-scale,1));color:var(--text-secondary);margin-top:10px}.vocab-ex-tr{text-wrap:balance;font-size:calc(13px * var(--type-scale,1));color:var(--text-muted)}.vocab-eval{flex-wrap:wrap;gap:8px;width:100%;display:flex}.vocab-eval.is-hidden{visibility:hidden}.vocab-eval-btn{--ev:var(--text-muted);border-radius:var(--radius-md);min-height:44px;line-height:1.45;font-family:var(--font-display);font-size:calc(14px * var(--type-scale,1));color:var(--text-primary);background:color-mix(in oklab, var(--ev) 14%, var(--bg-raised));border:1px solid color-mix(in oklab, var(--ev) 44%, transparent);cursor:pointer;transition:background var(--dur-fast) var(--ease);padding:10px 6px;font-weight:600}.vocab-eval-btn:hover{background:color-mix(in oklab, var(--ev) 24%, var(--bg-raised))}.vocab-hard{--ev:var(--accent-warm)}.vocab-good{--ev:var(--brand-words-accent)}.vocab-easy{--ev:var(--status-success)}.vocab-quiz{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.vocab-q{text-align:center}.vocab-q,.vocab-feedback{scroll-margin-top:5rem;scroll-margin-bottom:1rem}.vocab-q:focus-visible,.vocab-feedback:focus-visible{outline:2px solid var(--text-primary);outline-offset:4px;border-radius:var(--radius-md)}.vocab-q-prompt{font-size:calc(13px * var(--type-scale,1));color:var(--text-muted);margin-bottom:6px}.vocab-q-word{font-family:var(--font-display);font-weight:700;font-size:calc(clamp(32px, 8vw, 48px) * var(--type-scale,1));color:var(--text-primary)}.vocab-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.vocab-choice{border-radius:var(--radius-md);min-width:0;min-height:48px;line-height:1.5;font-family:var(--font-body);font-size:calc(15px * var(--type-scale,1));color:var(--text-primary);background:var(--bg-raised);border:1px solid var(--border-default);cursor:pointer;transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);padding:14px 12px}.vocab-choice:hover:not([disabled]){border-color:color-mix(in oklab, var(--brand-words-primary) 50%, transparent)}.vocab-choice[disabled]{cursor:default}.vocab-choice.is-correct{border-color:var(--status-success);background:color-mix(in oklab, var(--status-success) 18%, var(--bg-raised))}.vocab-choice.is-wrong{border-color:var(--status-error);background:color-mix(in oklab, var(--status-error) 18%, var(--bg-raised))}.vocab-feedback{border-radius:var(--radius-md);background:var(--bg-raised);border:1px solid var(--border-default);width:100%;animation:vocab-fade var(--dur-base) var(--ease-out);font-size:calc(14px * var(--type-scale,1));color:var(--text-secondary);flex-direction:column;gap:8px;padding:14px 16px;display:flex}.vocab-feedback strong{color:var(--text-primary)}.vocab-feedback.is-correct strong{color:var(--status-success)}.vocab-feedback.is-wrong strong{color:var(--status-error)}.vocab-feedback-ex{color:var(--text-muted);font-size:calc(13px * var(--type-scale,1))}.vocab-next{align-self:flex-end;margin-top:4px}.vocab-done{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:clamp(12px,3vw,24px) 0;display:flex}.vocab-done strong{font-family:var(--font-display);font-size:calc(clamp(18px, 3vw, 22px) * var(--type-scale,1));color:var(--text-primary)}.vocab-done .vocab-quiz-result-title{font-family:var(--font-display);font-size:calc(clamp(18px, 3vw, 22px) * var(--type-scale,1));color:var(--text-primary);font-weight:700;line-height:inherit;margin:0}.vocab-score{font-family:var(--font-main);font-size:calc(15px * var(--type-scale,1));color:var(--brand-words-accent)}.vocab-interactive{border:0;flex-direction:column;align-items:stretch;gap:24px;width:100%;min-width:0;margin:0;padding:0;display:flex}.vocab-root .vocab-interactive:disabled button{cursor:wait;opacity:.55}.vocab-ready-notice{color:var(--text-secondary);font-size:calc(14px * var(--type-scale,1));overflow-wrap:anywhere;margin:0;line-height:1.55}.vocab-ready-status{min-height:3.1em;margin:0 0 4px}.vocab-ready-notice a{max-width:100%;min-height:44px;color:var(--brand-words-accent);text-underline-offset:.2em;align-items:center;text-decoration:underline;display:inline-flex}.vocab-ready-notice a:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}.vocab-ready-notice noscript p{margin:8px 0 0}.vocab-language-context{font-size:calc(14px * var(--type-scale,1));color:var(--text-primary);overflow-wrap:anywhere;margin:0 0 12px}.vocab-reference{border:1px solid var(--border-subtle);font-size:calc(15px * var(--type-scale,1));overflow-wrap:anywhere;border-radius:12px;margin:20px 0 0;padding:12px 16px}.vocab-reference summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:700}.vocab-reference summary:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}.vocab-reference ol{margin:16px 0 0;padding-inline-start:24px}.vocab-reference li{border-top:1px solid var(--border-subtle);padding:12px 0}.vocab-reference p{margin:8px 0}.vocab-reference-word{color:var(--text-primary)}.vocab-reference-example{line-height:1.8}.vocab-done-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.vocab-retry-summary,.vocab-retry-note p{color:var(--text-secondary);font-size:calc(14px * var(--type-scale,1));overflow-wrap:anywhere;margin:0;line-height:1.55}.vocab-retry-note{border-left:3px solid var(--brand-words-accent);background:var(--bg-card);margin-bottom:12px;padding:12px}.vocab-done-cta{border-top:1px solid color-mix(in oklab, var(--brand-words-primary) 20%, var(--border-subtle));flex-direction:column;align-items:center;gap:10px;width:100%;max-width:380px;margin-top:4px;padding-top:16px;display:flex}.vocab-done-cta-text{font-size:calc(13px * var(--type-scale,1));color:var(--text-secondary);text-align:center;margin:0;line-height:1.55}.vocab-btn{text-align:center;text-wrap:balance;border-radius:var(--radius-md);max-width:100%;height:auto;min-height:48px;line-height:1.45;font-family:var(--font-display);font-size:calc(15px * var(--type-scale,1));cursor:pointer;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-weight:600;text-decoration:none;display:inline-flex}.vocab-root .vocab-btn{font-family:var(--font-main);border-radius:10px;text-decoration:none}.vocab-root .vocab-btn--primary{color:var(--bg-base);background:var(--text-primary);border-color:var(--text-primary);box-shadow:none}.vocab-root .vocab-btn--primary:hover{background:var(--text-secondary);border-color:var(--text-secondary);color:var(--bg-base)}.vocab-root .vocab-btn--primary>span[aria-hidden]{flex:none}.vocab-btn--ghost{min-width:140px;color:var(--text-secondary);background:var(--bg-card);border-color:color-mix(in oklab, var(--brand-words-primary) 26%, transparent)}.vocab-btn--ghost:hover{color:var(--text-primary);border-color:color-mix(in oklab, var(--brand-words-primary) 50%, transparent)}.vocab-btn:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}@keyframes vocab-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.vocab-card-face,.vocab-feedback{animation:none}.vocab-card-inner{transition:none}}@media (width<=460px){.vocab-choices{grid-template-columns:1fr}}.vocab-writing-preview{border-top:1px solid var(--border-subtle);text-align:left;gap:12px;min-width:0;margin-top:24px;padding-top:24px;display:grid}.vocab-writing-preview :is(h2,p){overflow-wrap:normal;text-wrap:pretty;margin:0}.vocab-writing-preview h2{font-size:calc(18px * var(--type-scale,1));color:var(--text-primary);line-height:1.4}.vocab-writing-preview p{font-size:calc(15px * var(--type-scale,1));color:var(--text-secondary);line-height:1.6}.vocab-writing-preview .vocab-btn{justify-self:start}.vocab-writing-preview .vocab-writing-preview-note{font-size:calc(14px * var(--type-scale,1))}#vocab-practice{scroll-margin-top:5rem}.vocab-done-cta .app-cta{text-align:left;width:100%}.vocab-done .app-cta-headline{font-size:calc(16px * var(--type-scale,1))}.vocab-main:has(.vocab-done)>.app-cta{display:none}.vocab-root :is(.vocab-dir-seg,.vocab-level-seg,.vocab-seg,.vocab-eval)>button{flex:1 1 max-content;overflow-wrap:normal;max-width:100%}.pw-guide:lang(ja){word-break:normal;line-break:strict}.pw-guide:lang(ja) .ak-faq>summary{gap:12px}.pw-guide:lang(ja) .ak-faq>summary:after{flex-shrink:0}.pw-footer .pw-footer-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, calc(150px * var(--type-scale,1))), 1fr));gap:clamp(24px,3vw,48px)}.pw-footer .pw-footer-grid>*{min-width:0}