.toast-viewport{position:fixed;top:1rem;right:1rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem;width:min(360px,calc(100vw - 2rem));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:.6rem;padding:.7rem .8rem;border-radius:10px;background:var(--color-surface-raised);border:1px solid var(--color-border);box-shadow:var(--shadow-menu);pointer-events:auto;animation:toast-enter .18s ease-out}@media(prefers-reduced-motion:reduce){.toast{animation:none}}@keyframes toast-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.toast__icon{flex-shrink:0;font-size:1rem;line-height:1.4}.toast__image{flex-shrink:0;width:42px;height:48px;object-fit:contain}.toast__body{flex:1;min-width:0}.toast__title{margin:0;font-weight:600;font-size:.9rem;color:var(--color-text)}.toast__description{margin:.15rem 0 0;font-size:.85rem;color:var(--color-text-muted)}.toast__close{flex-shrink:0;border:none;background:transparent;color:var(--color-text-muted);font-size:.8rem;line-height:1;cursor:pointer;padding:.2rem;border-radius:4px}.toast__close:hover,.toast__close:focus-visible{background:var(--color-surface-hover);color:var(--color-text)}.toast--success .toast__icon{color:var(--color-success)}.toast--reward .toast__icon,.toast--info .toast__icon{color:var(--color-on-primary-soft)}.toast--error .toast__icon{color:var(--color-danger)}.toast--error{border-color:var(--color-danger-border)}.toast--clickable{cursor:pointer}.toast--clickable:hover,.toast--clickable:focus-visible{background:var(--color-surface-hover)}@media(max-width:480px){.toast-viewport{top:.5rem;right:.5rem;left:.5rem;width:auto}}.page{max-width:clamp(720px,75vw,1440px);margin:0 auto;padding:3rem 1.5rem}.page--fill{height:100%;display:flex;flex-direction:column}.page__title{margin:0 0 .25rem;font-size:2rem}.page__title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 .25rem}.page__title-row .page__title{margin:0}.page__subtitle{margin:0 0 2rem;color:var(--color-text-muted)}.page--narrow{max-width:420px}.page--wide{max-width:min(1600px,92vw)}.page__loading{max-width:720px;margin:3rem auto;padding:0 1.5rem;color:var(--color-text-muted)}.page--skill-detail,.page--classroom{max-width:1100px}.achievements-page__header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.achievements-page__header .page__title,.achievements-page__header .page__subtitle{margin-bottom:0}.achievements-page__summary{display:flex;flex-wrap:wrap;gap:.75rem}.achievements-page__summary-item{padding:.5rem .9rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);font-size:.85rem;color:var(--color-text-muted)}.achievements-page__summary-item strong{color:var(--color-text);font-size:1rem}@media(max-width:680px){.achievements-page__header{flex-direction:column;align-items:flex-start}}.achievements-section{margin-top:2.25rem}.achievements-section__title{margin:0 0 .25rem;font-size:1.2rem;font-weight:700}.achievements-section__subtitle{margin:0 0 1.25rem;font-size:.9rem;color:var(--color-text-muted)}.achievements-section--showcase{padding:1.75rem 1.5rem;border:1px solid var(--color-border);border-radius:18px;background:var(--color-washi-surface)}.achievement-showcase{display:grid;grid-template-columns:repeat(2,minmax(96px,150px));justify-content:center;gap:1.25rem 2rem;margin-top:.5rem}.achievement-showcase__slot{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;border:none;border-radius:16px;background:transparent;font:inherit;color:inherit;text-align:center}button.achievement-showcase__slot{cursor:pointer;transition:transform .16s ease,background-color .16s ease}button.achievement-showcase__slot:hover{background:var(--color-surface-hover);transform:translateY(-2px)}.achievement-showcase__slot--principal{grid-column:1 / -1;justify-self:center}.achievement-showcase__image{width:100%;max-width:112px;aspect-ratio:7 / 8}.achievement-showcase__slot--principal .achievement-showcase__image{max-width:170px}.achievement-showcase__empty-mark{display:grid;place-items:center;width:100%;max-width:112px;aspect-ratio:1 / 1;border-radius:50%;border:2px dashed var(--color-border-strong);color:var(--color-text-muted);font-size:1.6rem}.achievement-showcase__slot--principal .achievement-showcase__empty-mark{max-width:150px;font-size:2rem}.achievement-showcase__label{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-height:1.2em}.achievement-showcase__name{font-size:.85rem;font-weight:700}.achievement-showcase__tier{font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--color-on-primary-soft);background:var(--color-primary-soft);padding:.1rem .5rem;border-radius:999px}.achievement-showcase__empty-text{font-size:.78rem;color:var(--color-text-muted)}.achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.achievements-grid.achievements-grid--special{grid-template-columns:repeat(auto-fill,minmax(240px,320px));justify-content:start}@media(max-width:680px){.achievements-grid{grid-template-columns:1fr}}@media(min-width:1000px){.achievements-grid{grid-template-columns:repeat(3,1fr)}}.achievement-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.75rem 1.5rem 1.5rem;border:1px solid var(--color-border);border-radius:18px;background:var(--color-washi-surface);box-shadow:var(--shadow-xs);cursor:pointer;font:inherit;color:inherit;text-align:center;transition:transform .16s ease,box-shadow .16s ease}.achievement-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg),0 0 0 1px var(--color-primary-border),var(--shadow-accent)}.achievement-card:active{transform:translateY(-1px)}.achievement-card:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.achievement-card--maxed{box-shadow:var(--shadow-xs),var(--shadow-accent)}.achievement-card__image{width:100%;max-width:132px;aspect-ratio:7 / 8;margin-bottom:.25rem}.achievement-card__body{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:100%}.achievement-card__name{margin:0;font-size:1.1rem;font-weight:700}.achievement-card__tier{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-on-primary-soft);background:var(--color-primary-soft);padding:.2rem .65rem;border-radius:999px}.achievement-card__description{margin:.15rem 0 0;font-size:.85rem;color:var(--color-text-muted);max-width:32ch}.achievement-card__progress-label{margin:.5rem 0 0;font-size:.82rem;font-weight:600}.achievement-card .progress-bar{width:100%;margin-top:.35rem}.achievement-card__maxed{margin:.5rem 0 0;font-size:.85rem;font-weight:700;color:var(--color-primary)}.achievement-card__pips{display:flex;gap:.35rem;list-style:none;margin:.4rem 0 0;padding:0}.achievement-card__pip{width:8px;height:8px;border-radius:50%;background:var(--color-border-strong);opacity:.5}.achievement-card__pip--done{background:var(--color-primary);opacity:1}.achievement-card__next{margin:.2rem 0 0;font-size:.8rem;color:var(--color-text-muted)}@media(prefers-reduced-motion:reduce){.achievement-card,button.achievement-showcase__slot{transition:none}.achievement-card:hover,button.achievement-showcase__slot:hover{transform:none}}.achievement-badge-image{position:relative;display:inline-flex;align-items:center;justify-content:center}.achievement-badge-image__img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.achievement-badge-image--locked .achievement-badge-image__img{opacity:.55;filter:grayscale(.85)}.achievement-badge-image__lock{position:absolute;right:-2px;bottom:6px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--color-surface-raised);border:1px solid var(--color-border);font-size:.8rem;box-shadow:var(--shadow-sm)}.achievement-modal-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;background:var(--color-overlay);animation:achievement-modal-backdrop-enter .12s ease-out}.achievement-modal{width:min(100%,520px);max-height:min(88vh,720px);overflow-x:hidden;overflow-y:auto;padding:1.5rem;border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem;animation:achievement-modal-enter .16s ease-out}.achievement-modal__header{display:flex;justify-content:space-between;align-items:center;width:100%;gap:1rem}.achievement-modal__header h2{margin:0;font-size:1.2rem;text-align:left}.achievement-modal__close{flex-shrink:0;width:2.1rem;height:2.1rem;padding:0;border:0;border-radius:50%;background:var(--color-surface-hover);color:var(--color-text);font-size:1.3rem;line-height:1;cursor:pointer}.achievement-modal__close:hover{background:var(--color-surface-active)}.achievement-modal__empty{padding:1rem 0;color:var(--color-text-muted);font-size:.9rem}@keyframes achievement-modal-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes achievement-modal-enter{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.achievement-modal-backdrop,.achievement-modal{animation:none}}.achievement-detail-modal__image{width:100%;max-width:200px;aspect-ratio:7 / 8;margin:.25rem 0 .5rem}.achievement-detail-modal__description{margin:0;color:var(--color-text-muted);font-size:.9rem}.achievement-detail-modal__progress-label{margin:.75rem 0 0;font-weight:600;font-size:.9rem}.achievement-detail-modal .progress-bar{width:100%;margin-top:.4rem}.achievement-detail-modal__next{margin:.4rem 0 0;font-size:.85rem;color:var(--color-text-muted)}.achievement-detail-modal__maxed{margin:.6rem 0 0;font-weight:700;color:var(--color-primary)}.achievement-detail-modal__history-title{align-self:flex-start;margin:1.25rem 0 .5rem;font-size:.95rem}.achievement-detail-modal__history{display:flex;flex-direction:column;gap:.5rem;width:100%;margin:0;padding:0;list-style:none}.achievement-detail-modal__history-item{display:flex;align-items:baseline;gap:.6rem;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-muted);text-align:left}.achievement-detail-modal__history-item--done{border-color:var(--color-primary-border);background:var(--color-primary-soft);color:var(--color-text)}.achievement-detail-modal__history-mark{flex-shrink:0;font-weight:700}.achievement-detail-modal__history-item--done .achievement-detail-modal__history-mark{color:var(--color-primary)}.achievement-detail-modal__history-tier{flex-shrink:0;min-width:4.5rem;font-weight:700}.achievement-detail-modal__history-detail{margin-left:auto;font-size:.85rem}.achievement-showcase-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1rem;width:100%;margin-top:.5rem}.achievement-showcase-picker__option{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem .5rem;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);color:inherit;font:inherit;text-align:center;cursor:pointer}.achievement-showcase-picker__option:hover{background:var(--color-surface-hover)}.achievement-showcase-picker__option:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.achievement-showcase-picker__option--selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.achievement-showcase-picker__option:disabled{opacity:.6;cursor:not-allowed}.achievement-showcase-picker__image{width:100%;max-width:84px;aspect-ratio:7 / 8}.achievement-showcase-picker__name{font-size:.78rem;font-weight:600}.achievement-showcase-picker__tier{font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--color-on-primary-soft);background:var(--color-primary-soft);padding:.1rem .45rem;border-radius:999px}.achievement-showcase-picker__remove{margin-top:1rem;border:1px solid var(--color-danger-border);border-radius:6px;padding:.5rem .85rem;background:var(--color-surface);color:var(--color-danger);font:inherit;font-weight:600;cursor:pointer}.achievement-showcase-picker__remove:hover{background:var(--color-danger-soft)}.achievement-showcase-picker__remove:disabled{opacity:.6;cursor:not-allowed}.reading-heading{margin-bottom:2rem}.reading-heading__eyebrow{margin:0 0 .35rem;color:var(--color-primary);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.reading-library__list{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin:0;padding:0;list-style:none}.reading-library__card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;overflow:hidden;min-height:130px;padding:1.4rem;border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface);color:inherit;box-shadow:var(--shadow-sm);text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.reading-library__card:before{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 45%,color-mix(in srgb,var(--color-primary) 8%,transparent));content:"";opacity:0;pointer-events:none;transition:opacity .18s ease}.reading-library__card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-3px)}.reading-library__card:hover:before{opacity:1}.reading-library__main{display:flex;align-items:center;min-width:0;gap:1rem}.reading-library__thumbnail{display:grid;flex:0 0 68px;width:68px;height:68px;overflow:hidden;place-items:center;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface-subtle);color:var(--color-text-muted);font-size:1.45rem;transition:border-color .18s ease,transform .22s ease}.reading-library__thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.reading-library__card:hover .reading-library__thumbnail{border-color:var(--color-primary);transform:scale(1.04)}.reading-library__card:hover .reading-library__thumbnail img{transform:scale(1.08)}.reading-library__text{min-width:0}.reading-library__badge{display:inline-block;margin-top:.5rem;padding:.15rem .6rem;border:1px solid var(--color-primary);border-radius:999px;font-size:.8rem;font-weight:700;color:var(--color-primary)}.reading-library__card h2,.reading-library__card p{margin:0}.reading-library__card h2{margin-bottom:.4rem;font-size:1.25rem}.reading-library__card p{color:var(--color-text-muted)}.reading-library__indicator{position:relative;display:grid;flex:0 0 auto;width:42px;height:42px;place-items:center;border:1px solid color-mix(in srgb,var(--color-primary) 35%,transparent);border-radius:50%;background:color-mix(in srgb,var(--color-primary) 9%,transparent);color:var(--color-primary);transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.reading-library__indicator svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.reading-library__card:hover .reading-library__indicator{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary);transform:translate(4px) scale(1.04)}.reading-reader{max-width:min(1280px,94vw)}.reading-reader__back{display:inline-block;margin-bottom:1.25rem;color:var(--color-text-muted)}.reading-book{overflow:visible;border:1px solid var(--color-border);border-radius:24px;background:var(--color-surface);box-shadow:var(--shadow-md)}.reading-book__header{padding:2.5rem 3rem 2rem;border-bottom:1px solid var(--color-border);text-align:center}.reading-book__header h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,5vw,3.2rem)}.reading-book__header p{margin:.65rem 0 0;color:var(--color-text-muted)}.reading-book__sentences{padding:0 3rem 1.5rem;cursor:grab}.reading-book__sentences[data-dragging=true]{cursor:grabbing;-webkit-user-select:none;user-select:none;scroll-behavior:auto}.reading-sentence{border-bottom:0}.reading-sentence__japanese-cell,.reading-sentence__translation-cell{display:flex;align-items:flex-start;min-width:0;padding:.9rem 0}.reading-sentence__japanese-cell{padding-right:0}.reading-sentence__translation-cell{padding:0 0 .9rem;border-left:0}.reading-sentence--with-translation .reading-sentence__japanese-cell{padding-bottom:.3rem}.reading-sentence__japanese{margin:0;font-family:"Noto Serif JP",Yu Mincho,serif;font-size:clamp(1.25rem,3vw,1.65rem);line-height:1.7}.reading-image-block{display:flex;justify-content:center;margin:1.25rem 0}.reading-image-block__frame{position:relative;overflow:hidden;max-width:min(100%,32rem);border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface-subtle)}.reading-image-block__img{display:block;width:100%;height:auto;transition:filter .32s ease}.reading-image-block__img--blurred{filter:blur(14px)}.reading-image-block__reveal{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;border:0;background:color-mix(in srgb,black 35%,transparent);color:#fff;font:inherit;font-weight:700;text-align:center;text-shadow:0 1px 3px color-mix(in srgb,black 60%,transparent);cursor:pointer;opacity:1;transition:opacity .32s ease,visibility .32s ease}.reading-image-block__reveal:disabled{visibility:hidden;opacity:0;cursor:default}.reading-image-block__reveal:focus-visible{outline:3px solid var(--color-primary);outline-offset:-3px}.reading-spoiler{width:100%;margin:0;padding:.8rem 1rem;border:0;border-radius:10px;background:var(--color-surface-subtle);color:var(--color-text-muted);font:inherit;font-size:.96rem;line-height:1.6;text-align:left;cursor:pointer}.reading-spoiler:hover{background:var(--color-surface-hover)}.reading-spoiler span{display:block;filter:blur(5px);opacity:.72;transition:filter .18s ease,opacity .18s ease;-webkit-user-select:none;user-select:none}.reading-spoiler--revealed span{filter:blur(0);opacity:1;-webkit-user-select:text;user-select:text}.reading-sentence__translation-label{margin-bottom:.2rem;color:var(--color-text-muted);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.reading-book__title-translation{color:var(--color-text);font-size:1.05rem;font-weight:700}.reading-book__header-translation{max-width:42rem;margin:.55rem auto 0;text-align:center}.reading-ruby{ruby-position:over}.reading-ruby rt{color:var(--color-text-muted);font-size:.52em;font-weight:500}.reading-ruby--hover rt,.reading-ruby--hidden rt{opacity:0;transition:opacity .14s ease}.reading-ruby--hover:hover rt,.reading-ruby--hover:focus rt,.reading-word__trigger:focus-visible .reading-ruby--hover rt{opacity:1}.reading-ruby--hover:focus-visible{border-radius:3px;outline:2px solid var(--color-primary);outline-offset:2px}.reading-word{position:relative;display:inline}.reading-word__trigger{padding:0 .08em;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.reading-word__trigger:focus-visible,.reading-spoiler:focus-visible,.reading-library__card:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.reading-word__reading{color:var(--color-text-muted);font-size:1.275rem}.reading-book__completion{display:flex;justify-content:center;padding:1rem 3rem 0}.reading-book__completion-button{border:1px solid var(--color-primary);border-radius:999px;padding:.6rem 1.5rem;font-weight:700;color:var(--color-on-primary);background:var(--color-primary);cursor:pointer}.reading-book__completion-button:disabled{opacity:.6;cursor:default}.reading-book__completion-done{margin:0;font-weight:700;color:var(--color-primary)}.reading-book__footer{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 3rem;border-top:1px solid var(--color-border);border-radius:0 0 24px 24px;background:var(--color-surface-subtle)}.reading-book__footer-intro{display:flex;flex-direction:column;gap:.2rem}.reading-book__footer-intro span{color:var(--color-text-muted);font-size:.9rem}.reading-book__options{display:flex;align-items:flex-end;justify-content:flex-end;flex-wrap:wrap;gap:1rem}.reading-book__option-group{min-width:0;margin:0;padding:0;border:0}.reading-book__option-group{display:flex;align-items:center;flex-direction:column}.reading-book__option-group legend{width:100%;margin-bottom:.35rem;padding:0;color:var(--color-text-muted);font-size:.78rem;font-weight:700;text-align:center}.reading-mode-switch{display:inline-flex;align-items:center;justify-content:center;min-width:4.5rem;min-height:2.65rem;padding:.55rem .85rem;border:1px solid var(--color-border-strong);border-radius:10px;background:var(--color-surface);color:var(--color-text);font:inherit;font-weight:700;cursor:pointer}.reading-mode-switch:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.reading-furigana-switch,.reading-orientation-switch{min-width:7rem}.reading-mode-switch--word{min-width:8rem}.reading-book__option-group:disabled{opacity:.42}.reading-book__option-group:disabled button{cursor:not-allowed}.reading-book__mode-toggle{display:inline-flex;align-items:center;flex:0 0 auto;gap:.65rem;padding:.7rem 1rem;border:1px solid var(--color-border-strong);border-radius:999px;background:var(--color-surface);color:var(--color-text);font:inherit;font-weight:700;cursor:pointer}.reading-book__mode-indicator{display:block;width:.75rem;height:.75rem;border-radius:50%;background:var(--color-text-muted)}.reading-book__mode-toggle--active{border-color:var(--color-primary-border);background:var(--color-primary-soft);color:var(--color-on-primary-soft)}.reading-book__mode-toggle--active .reading-book__mode-indicator{background:var(--color-primary)}.reading-book__mode-toggle:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.reading-book--vertical .reading-book__sentences{--reading-column-height: min(70vh, 680px);box-sizing:border-box;width:100%;padding:0;height:calc(var(--reading-column-height) + var(--reading-vertical-pad-compensation, 6.5rem));overflow-x:auto;overflow-y:hidden;writing-mode:vertical-rl;text-orientation:upright}.reading-book--vertical .reading-book__sentences{--reading-fade-left: 0px;--reading-fade-right: 0px;-webkit-mask-image:linear-gradient(to right,transparent,var(--color-text) var(--reading-fade-left),var(--color-text) calc(100% - var(--reading-fade-right)),transparent);mask-image:linear-gradient(to right,transparent,var(--color-text) var(--reading-fade-left),var(--color-text) calc(100% - var(--reading-fade-right)),transparent);overscroll-behavior-x:contain;scrollbar-width:none}.reading-book--vertical .reading-book__sentences::-webkit-scrollbar{display:none}.reading-book--vertical .reading-book__sentences[data-scroll-next=true]{--reading-fade-left: min(2.5rem, 12%)}.reading-book--vertical .reading-book__sentences[data-scroll-previous=true]{--reading-fade-right: min(2.5rem, 12%)}.reading-book--vertical .reading-sentence{display:block;height:100%}.reading-book--vertical .reading-sentence__japanese-cell{display:block;height:100%;padding:0 0 0 .9rem}.reading-book--vertical .reading-sentence__japanese{height:100%}.reading-book--vertical .reading-sentence__translation-cell{height:100%;padding:0 .9rem;overflow-y:auto;writing-mode:horizontal-tb;width:11rem}.reading-book--vertical .reading-image-block{display:flex;align-items:center;justify-content:center;height:100%;margin:0;padding:0 .9rem;writing-mode:horizontal-tb}.reading-book--vertical .reading-image-block__frame{max-width:22rem;max-height:100%}.reading-book--vertical .reading-image-block__img{display:block;width:auto;height:auto;max-width:22rem;max-height:var(--reading-column-height)}.reading-book--vertical .reading-book__reading-area{position:relative;padding:1.5rem 4.75rem}.reading-book__page-button{touch-action:none;-webkit-user-select:none;user-select:none;--page-edge-direction: to right;--page-arrow-shift: -3px;position:absolute;top:0;bottom:0;display:grid;place-items:center;width:3.5rem;padding:0;border:0;border-radius:0;background:linear-gradient(var(--page-edge-direction),color-mix(in srgb,var(--color-text-muted) 6%,transparent),transparent);color:var(--color-text-muted);font:inherit;cursor:pointer;transition:color .18s ease}.reading-book__page-button:disabled{visibility:hidden}.reading-book__page-button:before{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--page-edge-direction),color-mix(in srgb,var(--color-text-muted) 12%,transparent),transparent);content:"";opacity:0;pointer-events:none;transition:opacity .18s ease}.reading-book__page-arrow{position:relative;width:2rem;height:2.5rem;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}.reading-book__page-button--next{left:0}.reading-book__page-button--previous{--page-edge-direction: to left;--page-arrow-shift: 3px;right:0}.reading-book__page-button:hover,.reading-book__page-button:focus-visible{color:var(--color-text)}.reading-book__page-button:hover:before,.reading-book__page-button:focus-visible:before{opacity:1}.reading-book__page-button:hover .reading-book__page-arrow,.reading-book__page-button:focus-visible .reading-book__page-arrow{transform:translate(var(--page-arrow-shift-x, var(--page-arrow-shift)),var(--page-arrow-shift-y, 0px))}.reading-book--horizontal .reading-book__reading-area{position:relative;padding:4.75rem 0}.reading-book--horizontal .reading-book__sentences{--reading-fade-top: 0px;--reading-fade-bottom: 0px;box-sizing:border-box;height:min(70vh,680px);padding-top:0;padding-bottom:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent,var(--color-text) var(--reading-fade-top),var(--color-text) calc(100% - var(--reading-fade-bottom)),transparent);mask-image:linear-gradient(to bottom,transparent,var(--color-text) var(--reading-fade-top),var(--color-text) calc(100% - var(--reading-fade-bottom)),transparent)}.reading-book--horizontal .reading-book__sentences::-webkit-scrollbar{display:none}.reading-book--horizontal .reading-book__sentences[data-scroll-previous=true]{--reading-fade-top: min(2.5rem, 12%)}.reading-book--horizontal .reading-book__sentences[data-scroll-next=true]{--reading-fade-bottom: min(2.5rem, 12%)}.reading-book--horizontal .reading-book__page-button{--page-arrow-shift-x: 0px;left:0;right:0;width:100%;height:3.5rem}.reading-book--horizontal .reading-book__page-button--previous{--page-edge-direction: to bottom;--page-arrow-shift-y: -3px;top:0;bottom:auto}.reading-book--horizontal .reading-book__page-button--next{--page-edge-direction: to top;--page-arrow-shift-y: 3px;top:auto;bottom:0}@media(prefers-reduced-motion:reduce){.reading-book__page-button,.reading-book__page-button:before,.reading-book__page-arrow{transition:none}.reading-book__page-button .reading-book__page-arrow{transform:none}}.reading-book__page-button:focus-visible,.reading-book__sentences:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}@media(hover:none){.reading-ruby--hover rt{opacity:0!important}}@media(max-width:900px){.reading-book__footer{align-items:stretch;flex-direction:column}.reading-book__options{justify-content:flex-start}}@media(max-width:640px){.reading-book--horizontal .reading-book__reading-area{padding:3.75rem 0}.reading-book--vertical .reading-book__reading-area{padding:1rem 3.75rem}.reading-book--vertical .reading-book__sentences{--reading-vertical-pad-compensation: 5.5rem}.reading-library__card{min-height:112px;padding:1.1rem}.reading-library__main{gap:.85rem}.reading-library__thumbnail{flex-basis:60px;width:60px;height:60px}.reading-book__header,.reading-book__sentences,.reading-book__footer{padding-right:1.25rem;padding-left:1.25rem}.reading-book__sentences{padding-bottom:1rem}.reading-sentence{display:block}.reading-sentence__japanese-cell,.reading-sentence__translation-cell{padding-right:0;padding-left:0}.reading-sentence__japanese-cell{padding-top:.9rem;padding-bottom:.3rem}.reading-sentence__translation-cell{padding-top:0;padding-bottom:.9rem;border-left:0}.reading-book__footer{align-items:stretch;flex-direction:column}.reading-book__options,.reading-book__option-group,.reading-mode-switch{width:100%}.reading-book__options{align-items:stretch;flex-direction:column}.reading-book__mode-toggle{justify-content:center}}.michi-card-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:flex-end;justify-content:center;padding:1rem;background:var(--color-overlay)}.michi-card{position:relative;display:flex;flex-direction:column;gap:.35rem;box-sizing:border-box;width:min(26rem,100%);max-height:85vh;padding:1.25rem 2.75rem 1.25rem 1.25rem;overflow-y:auto;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface);box-shadow:var(--shadow-lg);color:var(--color-text);overflow-wrap:anywhere}.michi-card p{margin:0}.michi-card__close{position:absolute;top:.4rem;right:.5rem;width:2.5rem;height:2.5rem;border:0;border-radius:50%;background:transparent;color:var(--color-text);font-size:1.6rem;cursor:pointer}.michi-card__close:focus-visible{outline:2px solid var(--color-focus-ring)}.michi-card__word{font-size:1.8rem}.michi-card__reading{color:var(--color-text-muted);font-size:1.05rem}.michi-card__meaning{font-size:1.05rem}.michi-card__view-stats,.michi-card__actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.michi-card__view-stats{color:var(--color-text-muted);font-size:.85rem}.michi-card__stat{display:inline-flex;align-items:center;gap:.25rem}.michi-card__stat-icon{width:.95em;height:.95em;flex-shrink:0}.michi-card__kanji-stats{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none}.michi-card__kanji-stat{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-muted);font-size:.85rem}.michi-card__kanji-stat--untracked{border-style:dashed;opacity:.7}.michi-card__kanji-stat-character{color:var(--color-text);font-size:1.15rem;font-weight:700}.michi-card__recall{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3rem}.michi-card__recall-blur{filter:blur(6px);opacity:.6;-webkit-user-select:none;user-select:none}.michi-card__recall-stats{margin:.2rem 0 0;font-size:.85rem}.michi-card__recall-hint{margin:0;font-size:.9rem}.michi-card__reveal{align-self:center;margin-top:.4rem;padding:.4rem .9rem;font-size:.85rem}@media(min-width:40rem){.michi-card-backdrop{align-items:center}}.mp-page{display:grid;gap:1rem;align-content:start}.mp-room,.mp-entry,.mp-lobby,.mp-master,.mp-master-spectator,.mp-disciple,.mp-summary,.mp-summary-view,.mp-final{display:grid;gap:1rem;min-width:0}.mp-panel{display:grid;gap:.75rem;min-width:0;padding:1rem;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);color:var(--color-text)}.mp-panel__title{margin:0;font-size:1.1rem;overflow-wrap:anywhere}.mp-panel p{margin:0}.mp-muted{color:var(--color-text-muted);font-size:.9rem}.mp-entry__actions{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:1.5rem;padding-block:.5rem}.mp-button.mp-entry__tile{position:relative;isolation:isolate;flex:1 1 18rem;max-width:26rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.3rem;aspect-ratio:7 / 5;min-height:17rem;padding:1rem 1rem 1.5rem;overflow:hidden;border:2px solid var(--color-primary);border-radius:20px;background:var(--color-media-badge);box-shadow:var(--shadow-md);color:var(--color-on-media);text-align:center}.mp-entry__tile-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 35%}.mp-entry__tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,var(--color-media-scrim) 0%,transparent 55%)}.mp-button.mp-entry__tile:hover:not(:disabled){background:var(--color-media-badge);box-shadow:var(--shadow-lg)}.mp-entry__tile-badge{position:absolute;top:42%;left:50%;translate:-50% -50%;display:grid;place-items:center;width:8.5rem;height:8.5rem;border:5px solid var(--color-primary);border-radius:50%;background:var(--color-media-glass);box-shadow:var(--shadow-lg);color:var(--color-on-media)}.mp-button.mp-entry__tile:hover:not(:disabled) .mp-entry__tile-badge,.mp-button.mp-entry__tile:focus-visible .mp-entry__tile-badge{scale:1.08;box-shadow:0 0 34px 10px color-mix(in srgb,var(--color-primary) 80%,transparent),var(--shadow-lg)}.mp-entry__tile-badge svg{width:55%;height:55%;filter:drop-shadow(0 1px 4px var(--color-media-scrim))}.mp-entry__tile-title{font-size:1.85rem;font-weight:800;line-height:1.15}.mp-entry__tile-hint{color:var(--color-on-media-muted);font-size:1.1rem;font-weight:500}.mp-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:flex-end;justify-content:center;padding:1rem;background:var(--color-overlay)}.mp-sheet{position:relative;display:flex;flex-direction:column;gap:.35rem;box-sizing:border-box;width:min(26rem,100%);max-height:85vh;padding:1.25rem 2.75rem 1.25rem 1.25rem;overflow-y:auto;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface);box-shadow:var(--shadow-lg);color:var(--color-text);overflow-wrap:anywhere}.mp-sheet p{margin:0}.mp-sheet__close{position:absolute;top:.4rem;right:.5rem;width:2.5rem;height:2.5rem;border:0;border-radius:50%;background:transparent;color:var(--color-text);font-size:1.6rem;cursor:pointer}.mp-sheet__close:focus-visible{outline:2px solid var(--color-focus-ring)}@media(min-width:40rem){.mp-sheet-backdrop{align-items:center}}.mp-join-dialog{gap:.75rem;padding:1.5rem 1.25rem 1.25rem;text-align:center}.mp-join-dialog__row{display:flex;align-items:stretch;gap:.5rem}.mp-join-dialog__row .mp-input{flex:1 1 auto;min-width:0;width:auto}.mp-join-dialog__go{flex:0 0 3.25rem;display:grid;place-items:center;padding:0;font-size:1.4rem}.mp-hero{justify-items:center;text-align:center;background:var(--color-washi-surface)}.mp-hero__glyph{margin:0;font-size:3rem;line-height:1;color:var(--color-primary)}.mp-button{min-height:2.75rem;padding:.55rem 1rem;border:1px solid var(--color-border-strong);border-radius:10px;background:var(--color-surface);color:var(--color-text);font:inherit;font-weight:700;cursor:pointer}.mp-button:hover:not(:disabled){background:var(--color-surface-hover)}.mp-button:focus-visible,.mp-card__main:focus-visible,.mp-card__info:focus-visible,.mp-suggestions button:focus-visible,.mp-input:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.mp-button:disabled,.mp-card__main:disabled{opacity:.55;cursor:not-allowed}.mp-button--primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.mp-button--primary:hover:not(:disabled){background:var(--color-primary-hover)}.mp-button--success{border-color:var(--color-success);background:var(--color-success-soft);color:var(--color-on-success-soft)}.mp-button--danger{border-color:var(--color-danger);background:var(--color-danger);color:var(--color-on-danger)}.mp-button--ghost{border-color:transparent;background:transparent}.mp-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.mp-field{font-weight:700;font-size:.9rem}.mp-input{box-sizing:border-box;width:100%;min-height:2.75rem;padding:.5rem .75rem;border:1px solid var(--color-field-border);border-radius:10px;background:var(--color-field-bg);color:var(--color-field-text);font:inherit}.mp-input--code{font-size:1.4rem;letter-spacing:.55em;text-indent:.55em;text-align:center;text-transform:uppercase}.mp-input--clue{font-size:1.3rem}.mp-input[aria-invalid=true]{border-color:var(--color-danger-border)}.mp-feedback{min-height:1.4rem;font-size:.9rem;color:var(--color-text-muted)}.mp-feedback--error{color:var(--color-danger);font-weight:700}.mp-feedback--ok{color:var(--color-success);font-weight:700}.mp-suggestions{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}.mp-suggestions button{display:inline-flex;gap:.4rem;align-items:baseline;min-height:2.5rem;padding:.3rem .7rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-subtle);color:var(--color-text);font:inherit;cursor:pointer}.mp-suggestions small{color:var(--color-text-muted)}.mp-badge{display:inline-flex;align-items:center;padding:.3rem .8rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-subtle);color:var(--color-text-muted);font-size:.9rem;font-weight:700;line-height:1.2}.mp-badge--success{border-color:var(--color-success-border);background:var(--color-success-soft);color:var(--color-on-success-soft)}.mp-badge--warning{border-color:var(--color-warning-border);background:var(--color-warning-soft);color:var(--color-on-warning-soft)}.mp-badge--accent{border-color:var(--color-primary-border);background:var(--color-primary-soft);color:var(--color-on-primary-soft)}.mp-banner{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between;margin:0;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:12px}.mp-banner p{margin:0}.mp-banner--warning{border-color:var(--color-warning-border);background:var(--color-warning-soft);color:var(--color-on-warning-soft)}.mp-banner--success{border-color:var(--color-success-border);background:var(--color-success-soft);color:var(--color-on-success-soft)}.mp-banner--danger{border-color:var(--color-danger-border);background:var(--color-danger-soft);color:var(--color-on-danger-soft)}.mp-header{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between}.mp-info{display:inline-flex;flex-wrap:wrap;align-items:center;margin:0 0 .6rem;padding:.6rem .4rem;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface-subtle);list-style:none}.mp-info__item{display:flex;align-items:center;gap:.6rem;padding:0 1.1rem;color:var(--color-text-muted);font-size:.95rem}.mp-info__item+.mp-info__item{border-left:1px solid var(--color-border-strong)}.mp-info__item strong{color:var(--color-text);font-weight:700}.mp-info__icon{flex:0 0 auto}.mp-header__title{margin:0;font-size:1.4rem}.mp-countdown{display:grid;gap:.1rem;margin:0;padding:.4rem .9rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);text-align:center}.mp-countdown__label{color:var(--color-text-muted);font-size:.75rem}.mp-countdown__value{font-size:1.5rem;font-variant-numeric:tabular-nums;font-weight:800}.mp-countdown--urgent{border-color:var(--color-warning-border);background:var(--color-warning-soft)}.mp-countdown--expired{border-color:var(--color-danger-border);background:var(--color-danger-soft)}.mp-countdown--expired .mp-countdown__value{font-size:.95rem}.mp-code-panel{justify-items:center;gap:1.1rem;padding:1.5rem 1.25rem;text-align:center}.mp-code-panel__label{color:var(--color-primary);font-size:1.05rem;letter-spacing:.02em}.mp-code-panel__code{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.5rem,3vw,1.1rem);color:var(--color-text);font-size:clamp(2.2rem,9vw,3.4rem);font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.mp-code-panel__copy{display:inline-flex;gap:.6rem;align-items:center;padding:.75rem 1.5rem;border:1px solid var(--color-primary);border-radius:14px;background:var(--color-surface-subtle);color:var(--color-text);font:inherit;font-weight:700;cursor:pointer}.mp-code-panel__copy:hover{background:var(--color-primary-soft)}.mp-code-panel__copy:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mp-code-panel__facts{display:flex;flex-wrap:wrap;gap:.75rem 0;align-items:center;justify-content:center;margin:0;padding:0;list-style:none;color:var(--color-text-muted)}.mp-code-panel__facts li{display:flex;gap:.6rem;align-items:center;padding:0 1.1rem}.mp-code-panel__facts li+li{border-left:1px solid var(--color-border)}.mp-code-panel__facts svg{flex:0 0 auto;color:var(--color-primary)}.mp-code-panel__facts strong{color:var(--color-primary);font-weight:700}.mp-players{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}.mp-player{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-subtle)}.mp-player__identity{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;min-width:0;overflow-wrap:anywhere}.mp-player__identity .avatar{box-sizing:border-box;margin-right:.5rem;border:3px solid var(--color-border)}.mp-player__identity strong{margin-right:.6rem;font-size:1.25rem;font-weight:800}.mp-player--empty{justify-content:flex-start;gap:.75rem;border-style:dashed;background:transparent;color:var(--color-text-muted)}.mp-player__slot-icon{display:grid;flex:0 0 auto;place-items:center;width:2.5rem;height:2.5rem}.mp-lobby__columns{display:grid;grid-template-columns:minmax(0,65fr) minmax(0,35fr);gap:1rem;align-items:start}.mp-lobby__side{display:grid;gap:1rem;min-width:0}.mp-lobby__side .mp-actions{flex-direction:column;align-items:stretch}.mp-lobby__action{display:inline-flex;gap:.75rem;align-items:center;justify-content:center;min-height:3.5rem;border-radius:14px;font-size:1.1rem;--mp-button-icon-cut: var(--color-primary)}.mp-lobby__action.mp-button--primary{color:var(--color-on-media)}.mp-lobby__action.mp-button--success{--mp-button-icon-cut: var(--color-success-soft)}.mp-lobby__action:disabled{opacity:.45}.mp-lobby__action--leave{color:var(--color-primary)}.mp-button__icon{flex:0 0 auto}.mp-lobby__side .mp-actions .mp-muted{text-align:center}@media(max-width:760px){.mp-lobby__columns{grid-template-columns:minmax(0,1fr)}.mp-lobby__side{order:-1}}.mp-player__side{display:flex;flex-shrink:0;gap:.6rem;align-items:center;margin-left:auto}.mp-player__kick{min-height:2.25rem;padding:.3rem .9rem;border:1px solid var(--color-danger-border);border-radius:8px;background:transparent;color:var(--color-danger);font:inherit;font-size:.9rem;font-weight:700;cursor:pointer}.mp-player__kick:hover:not(:disabled){background:var(--color-danger-soft)}.mp-player__kick:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.mp-player__kick:disabled{opacity:.55;cursor:not-allowed}.mp-player__ready{flex-shrink:0;margin-left:auto}.mp-rules{min-width:0;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface);color:var(--color-text);overflow:hidden}.mp-rules__toggle{display:flex;gap:1rem;align-items:center;width:100%;padding:.9rem 1.25rem .9rem 1rem;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.mp-rules__toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.mp-rules__icon{display:grid;flex:0 0 auto;place-items:center;width:3rem;height:3rem;border-radius:12px;background:var(--color-surface-subtle);color:var(--color-text-muted)}.mp-rules__heading{display:grid;flex:1 1 auto;gap:.15rem;min-width:0}.mp-rules__title{font-size:1.05rem;font-weight:700}.mp-rules__summary{color:var(--color-text-muted);font-size:.9rem}.mp-rules__toggle[aria-expanded=true] .mp-rules__summary{display:none}.mp-rules__chevron{flex:0 0 auto;transition:transform .2s ease}.mp-rules__chevron--open{transform:rotate(180deg)}.mp-rules__body{display:grid;gap:.35rem;margin:0;padding:.25rem 1.25rem 1.1rem 3.5rem}.mp-rules__body[hidden]{display:none}@media(prefers-reduced-motion:reduce){.mp-rules__chevron{transition:none}}.mp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,7.5rem),1fr));gap:.6rem;margin:0;padding:0;list-style:none}.mp-card{position:relative;display:flex;min-width:0;border:2px solid transparent;border-radius:12px;color:var(--color-on-media)}.mp-card__face{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:0;border:2px solid var(--color-border-strong);border-radius:12px;background:var(--color-media-badge) url(/images/dojo/asobi/card/cardunselected.webp) center / cover no-repeat;pointer-events:none;transition:border-color .2s ease,background-color .2s ease}.mp-card__main{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;gap:.2rem;align-items:center;justify-content:center;min-width:0;min-height:4.5rem;padding:.6rem 1.4rem;border:0;border-radius:10px;background:transparent;color:var(--color-on-media);font:inherit;text-align:center;overflow-wrap:anywhere}button.mp-card__main{cursor:pointer}.mp-card__word{font-size:1.35rem;line-height:1.5}.mp-card__badge,.mp-card__status{font-size:.7rem;font-weight:700;color:var(--color-on-media-muted)}.mp-card__info{position:absolute;z-index:2;top:.15rem;right:.15rem;width:2rem;height:2rem;border:0;border-radius:50%;background:transparent;color:var(--color-on-media-muted);font-size:1.05rem;cursor:pointer}.mp-card__info:hover{background:var(--color-media-glass);color:var(--color-on-media)}.mp-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:10px;background:url(/images/dojo/asobi/card/cardselected.webp) center / cover no-repeat;opacity:0;pointer-events:none}.mp-card--selected:before,.mp-card--target:before{opacity:1}.mp-card--selected .mp-card__face{border-color:var(--color-primary)}.mp-card--target .mp-card__face{border-color:var(--color-warning-border)}.mp-card--found .mp-card__face{border-color:var(--color-success);box-shadow:inset 0 0 0 999px color-mix(in srgb,var(--color-success) 26%,transparent)}.mp-card--missed .mp-card__face{border-color:var(--color-danger-border);box-shadow:inset 0 0 0 999px color-mix(in srgb,var(--color-danger) 24%,transparent)}.mp-card--replaced .mp-card__face{border-style:dashed}.mp-card ruby{ruby-align:center}.mp-master__head{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:center;justify-content:space-between}.mp-counter{display:flex;margin-left:auto;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:center;padding:.8rem 1.25rem;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface-subtle)}.mp-counter__text{font-size:1.05rem;font-weight:600}.mp-counter__count{color:var(--color-primary);font-size:1.4rem;font-weight:800}.mp-counter__gems{display:flex;gap:.6rem;align-items:center}.mp-counter__gem{fill:transparent;stroke:var(--color-border-strong);transition:fill .15s ease,stroke .15s ease}.mp-counter__gem--filled{fill:var(--color-primary)}@media(prefers-reduced-motion:reduce){.mp-counter__gem{transition:none}}.mp-clue-display{font-size:clamp(1.6rem,6vw,2.4rem);font-weight:800;line-height:1.6;overflow-wrap:anywhere}.mp-clue-display small{font-size:.9rem;font-weight:600;color:var(--color-text-muted)}.mp-targets{color:var(--color-text-muted)}.mp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.6rem}.mp-stat{display:grid;gap:.1rem;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-subtle);text-align:center}.mp-stat small{color:var(--color-text-muted);font-size:.75rem}.mp-stat strong{font-size:1.4rem;font-variant-numeric:tabular-nums}.mp-result{min-height:1.4rem;font-weight:700}.mp-steps{display:flex;align-items:center;margin:0;padding:1rem .5rem;overflow-x:auto;list-style:none;scrollbar-width:thin}.mp-step{position:relative;display:flex;flex:0 0 auto;align-items:center;gap:.75rem;padding:.55rem 1.25rem .55rem .6rem;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface-subtle)}.mp-step:not(:last-child){margin-right:1.5rem}.mp-step:not(:last-child):after{content:"";position:absolute;top:50%;left:100%;width:1.5rem;height:2px;background:color-mix(in srgb,var(--color-primary) 55%,transparent)}.mp-step__num{display:grid;flex:0 0 auto;place-items:center;width:2rem;height:2rem;border:1.5px solid var(--color-border-strong);border-radius:50%;color:var(--color-text-muted);font-size:.95rem;font-weight:700}.mp-step__text{display:grid;gap:.05rem;text-align:left;white-space:nowrap}.mp-step__name{font-weight:700}.mp-step small{color:var(--color-text-muted)}.mp-step--current{border-color:var(--color-primary);background:linear-gradient(145deg,var(--color-primary-soft),var(--color-surface-subtle));box-shadow:0 0 16px color-mix(in srgb,var(--color-primary) 30%,transparent)}.mp-step--current .mp-step__num{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.mp-step--current small{color:var(--color-on-primary-soft)}.mp-step--completed{border-color:var(--color-success-border)}.mp-step--completed .mp-step__num{border-color:var(--color-success);background:var(--color-success-soft);color:var(--color-on-success-soft)}.mp-feed,.mp-attempts,.mp-runs,.mp-changes{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}.mp-feed li{padding:.4rem .7rem;border-radius:10px;border:1px solid var(--color-border)}.mp-feed--ok{background:var(--color-success-soft);border-color:var(--color-success-border)}.mp-feed--ko{background:var(--color-danger-soft);border-color:var(--color-danger-border)}.mp-delta{margin-left:.4rem;color:var(--color-success);font-weight:800;font-variant-numeric:tabular-nums}.mp-delta--neg{color:var(--color-danger)}.mp-attempts{display:flex;flex-wrap:wrap}.mp-chip{display:inline-block;margin:.15rem .3rem .15rem 0;padding:.15rem .6rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-subtle)}.mp-chip--ok,.mp-chip--target{border-color:var(--color-success-border);background:var(--color-success-soft)}.mp-chip--ko{border-color:var(--color-danger-border);background:var(--color-danger-soft)}.mp-run{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:12px}.mp-scoreboard__list{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.mp-scoreboard__row{display:grid;grid-template-columns:2rem auto minmax(0,1fr) auto;gap:.15rem .6rem;align-items:center;padding:.4rem .6rem;border:1px solid var(--color-border);border-radius:12px}.mp-scoreboard__row--me{border-color:var(--color-primary);background:var(--color-primary-soft)}.mp-scoreboard__avatar{position:relative;display:inline-flex}.mp-scoreboard__row .avatar{box-sizing:border-box;border:2px solid var(--color-border)}.mp-scoreboard__rank{font-weight:800;text-align:center}.mp-scoreboard__name{display:flex;flex-wrap:wrap;gap:.35rem;align-items:baseline;min-width:0;overflow-wrap:anywhere}.mp-scoreboard__name small{color:var(--color-text-muted)}.mp-scoreboard__score{font-size:1.15rem;font-weight:800;font-variant-numeric:tabular-nums}.mp-scoreboard__score small{color:var(--color-text-muted);font-weight:600}.mp-scoreboard__bar{grid-column:3 / -1;height:.4rem;border-radius:999px;background:var(--color-progress-track);overflow:hidden}.mp-scoreboard__bar span{display:block;height:100%;background:var(--color-primary)}.mp-podium{justify-items:center;text-align:center}.mp-podium__winners{font-size:1.5rem;font-weight:800;overflow-wrap:anywhere}@media(min-width:40rem){.mp-grid{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr))}}@media(max-width:30rem){.mp-info{gap:.4rem 0}.mp-info__item{padding:0 .75rem;font-size:.9rem}.mp-entry__tile-badge{width:7rem;height:7rem}.mp-entry__tile-title{font-size:1.5rem}.mp-entry__tile-hint{font-size:.95rem}.mp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-header{align-items:stretch}.mp-countdown{flex:1}}@media(prefers-reduced-motion:no-preference){.mp-button.mp-entry__tile{transition:transform .2s ease,box-shadow .2s ease}.mp-entry__tile-badge{transition:scale .25s ease,box-shadow .25s ease}.mp-button.mp-entry__tile:hover:not(:disabled){transform:translateY(-4px)}.mp-card,.mp-scoreboard__bar span{transition:background-color .2s ease,border-color .2s ease,width .4s ease}}html[data-theme=dark] .app-content:has(.mp-page){background-color:var(--color-bg);background-image:url(/images/background/seigaiha-sombre.png);background-repeat:repeat;background-size:420px auto}.mp-timer-option{grid-auto-flow:column;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem}.mp-timer-option__text{display:grid;gap:.15rem}.mp-switch{position:relative;flex:0 0 auto;width:3.25rem;height:1.85rem;padding:0;border:1px solid var(--color-border-strong);border-radius:999px;background:var(--color-surface-subtle);cursor:pointer;transition:background .15s ease}.mp-switch__thumb{position:absolute;top:50%;left:.2rem;width:1.3rem;height:1.3rem;border-radius:50%;background:var(--color-text-muted);translate:0 -50%;transition:translate .15s ease,background .15s ease}.mp-switch[aria-checked=true]{border-color:var(--color-primary);background:var(--color-primary)}.mp-switch[aria-checked=true] .mp-switch__thumb{background:var(--color-on-media);translate:1.4rem -50%}.mp-switch:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.mp-switch:disabled{opacity:.55;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.mp-switch,.mp-switch__thumb{transition:none}}.mp-summary-view{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start}.mp-summary-view__main{display:grid;gap:1rem;min-width:0}@media(max-width:760px){.mp-summary-view{grid-template-columns:minmax(0,1fr)}}.mp-scoreboard__row{transition:border-color .25s ease,background .25s ease,box-shadow .25s ease}.mp-scoreboard__row--ready{border-color:var(--color-success-border);background:var(--color-success-soft);animation:mp-ready-pulse .9s ease-out}.mp-scoreboard__row--ready .avatar{border-color:var(--color-success)}.mp-scoreboard__check{position:absolute;right:-.25rem;bottom:-.25rem;display:grid;place-items:center;width:1.15rem;height:1.15rem;border-radius:50%;background:var(--color-success);color:var(--color-on-media);font-size:.7rem;font-weight:900;line-height:1;animation:mp-ready-pop .35s cubic-bezier(.34,1.56,.64,1)}.mp-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip-path:inset(50%);white-space:nowrap}@keyframes mp-ready-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--color-success) 65%,transparent)}to{box-shadow:0 0 0 .6rem transparent}}@keyframes mp-ready-pop{0%{scale:0}to{scale:1}}@media(prefers-reduced-motion:reduce){.mp-scoreboard__row,.mp-scoreboard__row--ready,.mp-scoreboard__check{animation:none;transition:none}}.mp-card__pickers{position:absolute;top:-.75rem;left:.5rem;z-index:2;display:flex;align-items:center;pointer-events:none}.mp-card__pickers .mp-card__picker{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;margin-left:-.45rem;border:2px solid var(--color-border-strong);border-radius:50%;background:var(--color-surface-subtle);color:var(--color-on-media);font-size:.65rem;font-weight:700;box-shadow:0 1px 4px var(--color-media-shadow)}.mp-card__pickers .mp-card__picker:first-child{margin-left:0}.mp-card__pickers .mp-card__picker--ok{border-color:var(--color-success)}.mp-card__pickers .mp-card__picker--ko{border-color:var(--color-danger-border)}.mp-card{transform:perspective(700px) translateY(var(--mp-lift, 0)) rotateX(var(--mp-rx, 0deg)) rotateY(var(--mp-ry, 0deg)) rotate(var(--mp-rz, 0deg)) scale(var(--mp-scale, 1));transition:transform .16s ease-out,filter .2s ease}.mp-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:10px;background:radial-gradient(circle 16rem at var(--mp-gx, 50%) var(--mp-gy, 0%),var(--color-media-sheen),var(--color-media-sheen-soft) 45%,transparent 100%);opacity:0;pointer-events:none;transition:opacity .2s ease}.mp-card__reading{position:absolute;top:calc(100% - 1rem);left:12%;right:12%;z-index:-1;padding:1.05rem .5rem .15rem;border:2px solid var(--color-border-strong);border-top:0;border-radius:0 0 10px 10px;background:var(--color-media-badge);color:var(--color-on-media);font-size:.85rem;line-height:1.25;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(-.9rem);pointer-events:none;transition:opacity .18s ease,transform .22s ease-out}@media(hover:hover){.mp-card:hover{--mp-lift: -.9rem;--mp-scale: 1.07;--mp-rx: 6deg;--mp-rz: -1.2deg;z-index:3;filter:drop-shadow(0 16px 12px var(--color-media-shadow))}.mp-card:hover:after{opacity:1}.mp-card:hover .mp-card__reading{opacity:1;transform:none}}.mp-card:has(:focus-visible){--mp-lift: -.9rem;--mp-scale: 1.07;--mp-rx: 6deg;--mp-rz: -1.2deg;z-index:3;filter:drop-shadow(0 16px 12px var(--color-media-shadow))}.mp-card:has(:focus-visible):after{opacity:1}.mp-card:has(:focus-visible) .mp-card__reading{opacity:1;transform:none}.mp-card--flip{animation:mp-card-flip .55s linear}.mp-card--flip .mp-card__face{transition:border-color .01s .275s,box-shadow .01s .275s}.mp-card--flip:before{transition:opacity .01s .275s}@keyframes mp-card-flip{0%{transform:perspective(700px) translateY(var(--mp-lift, 0)) rotateX(var(--mp-rx, 0deg)) rotate(var(--mp-rz, 0deg)) scale(var(--mp-scale, 1)) rotateY(calc(var(--mp-ry, 0deg) + 0deg));animation-timing-function:ease-in}50%{transform:perspective(700px) translateY(var(--mp-lift, 0)) rotateX(var(--mp-rx, 0deg)) rotate(var(--mp-rz, 0deg)) scale(var(--mp-scale, 1)) rotateY(calc(var(--mp-ry, 0deg) + 90deg))}50.01%{transform:perspective(700px) translateY(var(--mp-lift, 0)) rotateX(var(--mp-rx, 0deg)) rotate(var(--mp-rz, 0deg)) scale(var(--mp-scale, 1)) rotateY(calc(var(--mp-ry, 0deg) + -90deg));animation-timing-function:ease-out}to{transform:perspective(700px) translateY(var(--mp-lift, 0)) rotateX(var(--mp-rx, 0deg)) rotate(var(--mp-rz, 0deg)) scale(var(--mp-scale, 1)) rotateY(calc(var(--mp-ry, 0deg) + 0deg))}}@font-face{font-family:Kana Sprint Klee One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/klee-one-119-400-normal-BrbuZe3q.woff2) format("woff2");unicode-range:U+20,U+3001-30FF,U+31F0-31FF,U+FF61-FF9F}@font-face{font-family:Kana Sprint Shippori Mincho;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/shippori-mincho-119-400-normal-Bs_Hnnbl.woff2) format("woff2");unicode-range:U+20,U+3001-30FF,U+31F0-31FF,U+FF61-FF9F}@font-face{font-family:Kana Sprint PixelMplus12;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pixel-mplus-12-kana-J2VjiY9k.woff2) format("woff2");unicode-range:U+3000-30FF,U+31F0-31FF}.ks-font--standard{font-family:inherit}.ks-font--handwritten{font-family:Kana Sprint Klee One,sans-serif;font-weight:400}.ks-font--print{font-family:Kana Sprint Shippori Mincho,serif;font-weight:400}.ks-font--pixel{font-family:Kana Sprint PixelMplus12,monospace;font-weight:400;font-synthesis:none;font-variant-ligatures:none;text-rendering:optimizeSpeed;-webkit-font-smoothing:none}.statistics{min-width:0}.statistics .admin-page-header{margin-bottom:2rem}.statistics .admin-page-header__title{letter-spacing:-.035em}.statistics-toolbar,.statistics-tabs,.statistics-pagination{display:flex;gap:.75rem;align-items:center}.statistics-toolbar{justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.75rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.statistics-tabs{gap:.25rem;padding:.3rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.statistics-tabs button,.statistics-back,.statistics-pagination button{min-height:44px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--color-text-muted);padding:.65rem 1rem;font:inherit;font-size:.875rem;font-weight:600;cursor:pointer}.statistics-tabs button[aria-selected=true]{background:var(--color-primary-soft);color:var(--color-on-primary-soft)}.statistics-tabs button:hover,.statistics-back:hover,.statistics-pagination button:not(:disabled):hover{background:var(--color-surface-hover);color:var(--color-text)}.statistics :is(button,select,[tabindex="0"]):focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.statistics-toolbar label{display:flex;gap:.75rem;align-items:center;color:var(--color-text-muted);font-size:.875rem}.statistics-toolbar select{min-height:44px;padding:.65rem .85rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer}.statistics-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0 0 2.5rem}.statistics-cards article{position:relative;padding:1.5rem;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);box-shadow:var(--shadow-xs)}.statistics-cards span{display:block;color:var(--color-text-muted);font-size:.875rem;line-height:1.5}.statistics-cards strong{display:block;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:650;line-height:1.2;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-top:.65rem}.statistics-cards--small{margin:1.5rem 0}.statistics-cards--small strong{font-size:1.65rem}.statistics-section-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.statistics-section-heading h2{margin:0;font-size:1.25rem;letter-spacing:-.02em}.statistics-section-heading p{margin:.4rem 0 0;color:var(--color-text-muted);font-size:.875rem}.statistics-period-badge{padding:.4rem .75rem;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-muted);font-size:.75rem;white-space:nowrap}.statistics-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.statistics-table{width:100%;border-collapse:collapse;background:var(--color-surface);font-size:.875rem;font-variant-numeric:tabular-nums}.statistics-table caption{caption-side:bottom;padding:1rem 1.25rem;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.75rem;text-align:left;line-height:1.6}.statistics-table th,.statistics-table td{padding:1.1rem 1.25rem;text-align:right;white-space:nowrap;border-bottom:1px solid var(--color-border)}.statistics-table tr>:first-child{text-align:left}.statistics-table thead th{padding-top:.9rem;padding-bottom:.9rem;background:var(--color-surface-subtle);color:var(--color-text-muted);font-size:.75rem;font-weight:600}.statistics-table tbody th{font-weight:600}.statistics-table tbody tr:last-child>*{border-bottom:0}.statistics-table tbody tr:hover{background:var(--color-surface-hover)}.statistics-table th small{display:block;margin-top:.25rem;font-weight:400;color:var(--color-text-muted)}.statistics-table__clickable{cursor:pointer}.statistics-feature-link{display:inline-flex;align-items:center;gap:.75rem;min-height:32px;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;text-align:left}.statistics-feature-link span{color:var(--color-primary)}.statistics-feature-link:hover{color:var(--color-link)}.statistics-legend{margin:1.5rem 0 0;padding:1.25rem;background:var(--color-surface);border-radius:12px;font-size:.8rem;line-height:1.6}.statistics-legend h3{margin:0 0 1rem;font-size:.875rem;font-weight:600}.statistics-definitions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin:0}.statistics-definitions dt{margin-bottom:.25rem;font-weight:600}.statistics-definitions dd{margin:0;color:var(--color-text-muted)}.statistics-back,.statistics-pagination button{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.statistics-message{padding:2.5rem 1.5rem;border:1px dashed var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-text-muted);text-align:center}.statistics-activity{list-style:none;padding:0}.statistics-activity li{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem;padding:1rem 0;border-bottom:1px solid var(--color-border)}.statistics-activity time{color:var(--color-text-muted);font-size:.875rem}.statistics-pagination{justify-content:flex-end;margin-top:1.25rem;font-size:.875rem}.statistics-pagination button:disabled{opacity:.45;cursor:default}@media(max-width:1000px){.statistics-definitions,.statistics-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.statistics.page{padding:1.5rem 1rem}.statistics-toolbar{align-items:stretch}.statistics-tabs{width:100%;gap:0}.statistics-tabs button{flex:1;padding:.65rem .4rem;font-size:.75rem}.statistics-toolbar label{width:100%;justify-content:space-between}.statistics-cards{gap:.75rem;margin-bottom:2rem}.statistics-cards article{padding:1rem}.statistics-cards span{font-size:.8rem}.statistics-definitions{grid-template-columns:1fr;gap:1rem}.statistics-table tr>:first-child{position:sticky;left:0;background:var(--color-surface);box-shadow:1px 0 0 var(--color-border)}}:root{--neutral-0: #ffffff;--neutral-25: #fdfaf7;--neutral-50: #f7f7fb;--neutral-100: #f8f9fc;--neutral-150: #dcdce6;--neutral-200: #e2e2ec;--neutral-300: #b3b7c5;--neutral-400: #8b91a3;--neutral-500: #6b6b80;--neutral-600: #596174;--neutral-700: #454b5c;--neutral-750: #333847;--neutral-800: #292d39;--neutral-850: #20232d;--neutral-900: #181a22;--neutral-950: #101117;--ink-950: #1a1a2e;--sand-50: #fbf7f0;--sand-100: #e8e3d6;--vermillion-100: #f4e2da;--vermillion-200: #e3bfae;--vermillion-300: #d86a50;--vermillion-400: #b3492f;--vermillion-500: #8f3922;--vermillion-700: #492821;--vermillion-800: #3a211d;--vermillion-contrast: #fff8f4;--green-50: #e6f4ed;--green-100: #bfe8d4;--green-300: #7fcda3;--green-400: #56c88a;--green-500: #1e8e5a;--green-600: #177347;--green-700: #145c44;--green-800: #183a29;--green-900: #0b2114;--red-50: #fbeaea;--red-300: #ee7777;--red-500: #c73e3e;--red-700: #8f2525;--red-800: #442020;--red-900: #2a0d0d;--amber-50: #f5ecd8;--amber-300: #e0b84e;--amber-400: #d9a516;--amber-500: #a8842c;--amber-600: #9a8c1c;--amber-700: #9a6b1c;--amber-800: #3a311a;--amber-900: #201a08;--blue-50: #dfe9f6;--blue-300: #75a6e8;--blue-600: #2b5fa3;--blue-800: #1d3048;--blue-900: #0c1a2c;--indigo-50: #dde3f2;--indigo-100: #c1cae3;--indigo-300: #8298d5;--indigo-500: #2b3f6b;--indigo-700: #1e2c4d;--indigo-800: #252c42;--indigo-900: #171b28;--indigo-contrast: #f4f6fb;--emerald-50: #dcefe6;--emerald-100: #b7dccb;--emerald-300: #56bd93;--emerald-500: #1f7a5c;--emerald-800: #18382e;--emerald-900: #151f1c;--emerald-contrast: #f3faf7;--purple-500: #7a4fb5;--brown-500: #a35d2b;--kana-level-1: #2f8f57;--kana-level-1-soft: #eaf6ee;--kana-level-2: #3568d6;--kana-level-2-soft: #eaf0fd;--kana-level-3: #d98a3d;--kana-level-3-soft: #fbeee0;--black-rgb: 0 0 0;--white-rgb: 255 255 255;--ink-rgb: 26 26 46;--vermillion-rgb: 179 73 47;--indigo-rgb: 43 63 107;--chalk-white-rgb: 245 241 230;--spoiler-rgb: 15 16 22}:root,html[data-theme=light]{color-scheme:light;--color-bg: var(--neutral-50);--color-surface: var(--neutral-0);--color-surface-raised: var(--neutral-0);--color-surface-subtle: var(--neutral-25);--color-surface-hover: var(--neutral-50);--color-surface-active: var(--neutral-150);--color-overlay: rgb(var(--black-rgb) / .5);--color-on-media: rgb(var(--white-rgb));--color-on-media-muted: rgb(var(--white-rgb) / .82);--color-media-scrim: rgb(var(--black-rgb) / .72);--color-media-badge: rgb(var(--black-rgb) / .68);--color-media-glass: rgb(var(--black-rgb) / .32);--color-media-shadow: rgb(var(--black-rgb) / .5);--color-media-sheen: rgb(var(--white-rgb) / .08);--color-media-sheen-soft: rgb(var(--white-rgb) / .035);--color-toggle-hover-border: rgb(var(--white-rgb) / .6);--color-toggle-hover-bg: rgb(var(--white-rgb) / .12);--color-whiteboard-bg-start: #16261b;--color-whiteboard-bg-end: #0d1712;--color-whiteboard-hint: rgb(var(--chalk-white-rgb) / .35);--color-floating-search-shadow: rgb(var(--black-rgb) / .35);--color-spoiler-bg: rgb(var(--spoiler-rgb) / .92);--color-spoiler-bg-hover: rgb(var(--spoiler-rgb) / .78);--color-text: var(--ink-950);--color-text-muted: var(--neutral-500);--color-text-subtle: var(--neutral-500);--color-text-inverse: var(--neutral-0);--color-link: var(--vermillion-400);--color-link-hover: var(--vermillion-500);--color-border: var(--neutral-200);--color-border-strong: var(--neutral-500);--color-focus-ring: var(--vermillion-400);--color-primary: var(--vermillion-400);--color-primary-hover: var(--vermillion-500);--color-primary-active: var(--vermillion-500);--color-on-primary: var(--vermillion-contrast);--color-primary-soft: var(--vermillion-100);--color-primary-soft-hover: var(--vermillion-100);--color-on-primary-soft: var(--vermillion-500);--color-primary-border: var(--vermillion-200);--color-success: var(--green-600);--color-success-hover: var(--green-700);--color-success-soft: var(--green-50);--color-success-border: var(--green-500);--color-on-success: var(--neutral-0);--color-on-success-soft: var(--green-700);--color-warning: var(--amber-600);--color-warning-soft: var(--amber-50);--color-warning-border: var(--amber-600);--color-on-warning: var(--amber-900);--color-on-warning-soft: var(--amber-700);--color-danger: var(--red-500);--color-danger-hover: var(--red-700);--color-danger-soft: var(--red-50);--color-danger-border: var(--red-500);--color-on-danger: var(--neutral-0);--color-on-danger-soft: var(--red-700);--color-field-bg: var(--neutral-0);--color-field-text: var(--ink-950);--color-field-placeholder: var(--neutral-500);--color-field-border: var(--neutral-200);--color-field-disabled-bg: var(--neutral-50);--color-field-disabled-text: var(--neutral-500);--color-washi-surface: var(--sand-50);--color-progress-track: var(--sand-100);--color-star: var(--amber-400);--color-timer-start: var(--amber-500);--color-result-highlight: var(--amber-700);--color-dojo: var(--indigo-500);--color-dojo-hover: var(--indigo-700);--color-on-dojo: var(--indigo-contrast);--color-dojo-soft: var(--indigo-50);--color-on-dojo-soft: var(--indigo-700);--color-dojo-border: var(--indigo-100);--color-dojo-surface: var(--neutral-100);--color-dojo-progress-track: #dfe3ee;--color-classroom: var(--emerald-500);--color-classroom-hover: var(--green-700);--color-on-classroom: var(--emerald-contrast);--color-classroom-soft: var(--emerald-50);--color-on-classroom-soft: var(--green-700);--color-classroom-border: var(--emerald-100);--color-classroom-surface: #f6fbf9;--color-classroom-progress-track: #dcece5;--color-kana: var(--blue-600);--color-on-kana: #f4f8fc;--color-kana-soft: var(--blue-50);--color-kana-level-1: var(--kana-level-1);--color-kana-level-1-soft: var(--kana-level-1-soft);--color-kana-level-2: var(--kana-level-2);--color-kana-level-2-soft: var(--kana-level-2-soft);--color-kana-level-3: var(--kana-level-3);--color-kana-level-3-soft: var(--kana-level-3-soft);--color-tag-0: var(--blue-600);--color-tag-1: var(--green-600);--color-tag-2: var(--brown-500);--color-tag-3: var(--purple-500);--color-on-tag: var(--neutral-0);--color-tickets: var(--amber-700);--color-tickets-soft: var(--amber-50);--color-wheel-none: var(--neutral-150);--color-wheel-money-low: var(--green-100);--color-wheel-money-mid: var(--green-300);--color-wheel-money-high: var(--green-600);--color-wheel-label: var(--ink-950);--shadow-xs: 0 1px 2px rgb(var(--ink-rgb) / .05);--shadow-sm: 0 1px 3px rgb(var(--ink-rgb) / .06);--shadow-md: 0 4px 12px rgb(var(--ink-rgb) / .08);--shadow-lg: 0 10px 20px rgb(var(--ink-rgb) / .1);--shadow-menu: 0 4px 16px rgb(var(--black-rgb) / .1);--shadow-control: 0 1px 2px rgb(var(--black-rgb) / .25);--shadow-focus: 0 0 0 2px var(--color-primary-soft);--shadow-outline: 0 0 0 2px var(--color-border);--shadow-accent: 0 0 16px rgb(var(--vermillion-rgb) / .25);--shadow-dojo-accent: 0 0 16px rgb(var(--indigo-rgb) / .25);--shadow-raised-control: 0 2px 4px rgb(var(--ink-rgb) / .25);--shadow-drop-sm: 0 2px 4px rgb(var(--ink-rgb) / .15);--shadow-drop-md: 0 3px 4px rgb(var(--ink-rgb) / .25);--shadow-sticky-top: 0 -4px 12px rgb(var(--ink-rgb) / .08);--shadow-progress-label: 0 0 4px rgb(var(--white-rgb) / .9), 0 0 1px rgb(var(--white-rgb) / .9);--color-scrollbar: var(--color-primary-border);--color-selection-bg: var(--color-primary-soft);--color-selection-text: var(--color-text)}html[data-theme=dark]{color-scheme:dark;--color-bg: var(--neutral-950);--color-surface: var(--neutral-900);--color-surface-raised: var(--neutral-850);--color-surface-subtle: var(--neutral-850);--color-surface-hover: var(--neutral-800);--color-surface-active: var(--neutral-750);--color-overlay: rgb(var(--black-rgb) / .7);--color-text: #f2f3f7;--color-text-muted: var(--neutral-300);--color-text-subtle: var(--neutral-400);--color-text-inverse: var(--neutral-950);--color-link: #e17b63;--color-link-hover: #ef9a84;--color-border: var(--neutral-750);--color-border-strong: var(--neutral-600);--color-focus-ring: #e17b63;--color-primary: var(--vermillion-300);--color-primary-hover: #e17b63;--color-primary-active: #be563d;--color-on-primary: #1b0c08;--color-primary-soft: var(--vermillion-800);--color-primary-soft-hover: var(--vermillion-700);--color-on-primary-soft: #f3b7a7;--color-primary-border: #714033;--color-success: var(--green-400);--color-success-hover: #6ed59b;--color-success-soft: var(--green-800);--color-success-border: #2f6d4a;--color-on-success: var(--green-900);--color-on-success-soft: #9ee8bc;--color-warning: var(--amber-300);--color-warning-soft: var(--amber-800);--color-warning-border: #746026;--color-on-warning: var(--amber-900);--color-on-warning-soft: #f1d98c;--color-danger: var(--red-300);--color-danger-hover: #f28d8d;--color-danger-soft: var(--red-800);--color-danger-border: #813b3b;--color-on-danger: var(--red-900);--color-on-danger-soft: #f4b0b0;--color-field-bg: var(--neutral-850);--color-field-text: #f2f3f7;--color-field-placeholder: var(--neutral-400);--color-field-border: var(--neutral-700);--color-field-disabled-bg: var(--neutral-900);--color-field-disabled-text: var(--neutral-400);--color-washi-surface: #211d1b;--color-progress-track: #39332d;--color-star: #f0c34e;--color-timer-start: var(--amber-300);--color-result-highlight: #f1d98c;--color-dojo: var(--indigo-300);--color-dojo-hover: #9aace0;--color-on-dojo: #101522;--color-dojo-soft: var(--indigo-800);--color-on-dojo-soft: #bdc9ec;--color-dojo-border: #465575;--color-dojo-surface: var(--indigo-900);--color-dojo-progress-track: #31384a;--color-classroom: var(--emerald-300);--color-classroom-hover: #6bcca4;--color-on-classroom: #0d241b;--color-classroom-soft: var(--emerald-800);--color-on-classroom-soft: #a5e4ca;--color-classroom-border: #2e6955;--color-classroom-surface: var(--emerald-900);--color-classroom-progress-track: #294239;--color-kana: var(--blue-300);--color-on-kana: var(--blue-900);--color-kana-soft: var(--blue-800);--color-kana-level-1: #66c58b;--color-kana-level-1-soft: #1c3928;--color-kana-level-2: #7ba3ed;--color-kana-level-2-soft: #202f4e;--color-kana-level-3: #e4a65e;--color-kana-level-3-soft: #422f1f;--color-tag-0: #386fae;--color-tag-1: var(--green-600);--color-tag-2: #92532a;--color-tag-3: #7149a6;--color-on-tag: var(--neutral-0);--color-tickets: var(--amber-300);--color-tickets-soft: var(--amber-800);--color-wheel-none: var(--neutral-700);--color-wheel-money-low: #315f49;--color-wheel-money-mid: #28744f;--color-wheel-money-high: var(--green-600);--color-wheel-label: var(--neutral-0);--shadow-xs: 0 1px 2px rgb(var(--black-rgb) / .3);--shadow-sm: 0 1px 3px rgb(var(--black-rgb) / .35);--shadow-md: 0 4px 12px rgb(var(--black-rgb) / .4);--shadow-lg: 0 10px 24px rgb(var(--black-rgb) / .5);--shadow-menu: 0 8px 24px rgb(var(--black-rgb) / .55);--shadow-control: 0 1px 2px rgb(var(--black-rgb) / .55);--shadow-focus: 0 0 0 2px var(--color-primary-border);--shadow-outline: 0 0 0 2px var(--color-border);--shadow-accent: 0 0 18px rgb(var(--vermillion-rgb) / .35);--shadow-dojo-accent: 0 0 18px rgb(var(--indigo-rgb) / .45);--shadow-raised-control: 0 2px 4px rgb(var(--black-rgb) / .55);--shadow-drop-sm: 0 2px 4px rgb(var(--black-rgb) / .45);--shadow-drop-md: 0 3px 5px rgb(var(--black-rgb) / .55);--shadow-sticky-top: 0 -4px 12px rgb(var(--black-rgb) / .4);--shadow-progress-label: 0 0 4px rgb(var(--black-rgb) / .85), 0 0 1px rgb(var(--black-rgb) / .85);--color-scrollbar: var(--color-primary-border);--color-selection-bg: var(--color-primary-soft);--color-selection-text: var(--color-text)}::selection{background:var(--color-selection-bg);color:var(--color-selection-text)}:where(input,textarea,select,button){font:inherit}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select){border:1px solid var(--color-field-border);background-color:var(--color-field-bg);color:var(--color-field-text)}:where(input,textarea)::placeholder{color:var(--color-field-placeholder);opacity:1}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select):disabled,:where(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea):read-only{border-color:var(--color-field-border);background-color:var(--color-field-disabled-bg);color:var(--color-field-disabled-text)}:where(input,textarea,select):disabled{cursor:not-allowed}:where(input,textarea,select,button,a):focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}:where(input[type=checkbox],input[type=radio]){accent-color:var(--color-primary)}:where(input[type=checkbox],input[type=radio]):disabled{cursor:not-allowed;opacity:.65}input[type=file]::file-selector-button{margin-right:.75rem;border:1px solid var(--color-border);border-radius:6px;padding:.4rem .75rem;background:var(--color-surface);color:var(--color-text);cursor:pointer}input[type=file]::file-selector-button:hover{background:var(--color-surface-hover)}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.admin-kanji-page{display:grid;gap:1rem}.admin-kanji-tabs{display:flex;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.admin-kanji-tabs button,.admin-kanji-search button,.admin-kanji-filters button,.admin-kanji-pagination button,.admin-kanji-editor__actions button,.admin-kanji-skip,.admin-kanji-empty button{min-height:2.6rem;padding:.55rem .9rem;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);background:var(--color-surface);font-weight:700}.admin-kanji-tabs button[aria-selected=true],.admin-kanji-editor__actions .admin-kanji-primary{border-color:var(--color-primary);color:var(--color-on-primary);background:var(--color-primary)}.admin-kanji-section{display:grid;gap:1rem}.admin-kanji-search,.admin-kanji-filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end}.admin-kanji-search label{width:100%;font-weight:700}.admin-kanji-search input,.admin-kanji-filters input,.admin-kanji-filters select,.admin-kanji-verifiable-field>input,.admin-kanji-verifiable-field>select,.admin-kanji-verifiable-field .radical-select input,.admin-kanji-verifiable-field .radical-select select,.admin-kanji-list-field input{min-height:2.6rem;padding:.55rem .7rem;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);background:var(--color-surface)}.admin-kanji-search input{flex:1 1 20rem}.admin-kanji-stats{display:flex;flex-wrap:wrap;gap:.5rem}.admin-kanji-stats>*{padding:.55rem .75rem;border-radius:8px;background:var(--color-surface-hover)}.admin-kanji-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:10px}.admin-kanji-pagination{display:flex;align-items:center;justify-content:center;gap:1rem}.admin-kanji-table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-kanji-table th,.admin-kanji-table td{max-width:15rem;padding:.65rem;border-bottom:1px solid var(--color-border);overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.admin-kanji-table th{background:var(--color-surface-hover)}.admin-kanji-table__row{cursor:pointer}.admin-kanji-table__row:hover,.admin-kanji-table__row:focus{background:var(--color-surface-hover);outline:none}.admin-kanji-table td button{padding:0;border:0;color:var(--color-link);background:transparent;font-weight:750}.admin-kanji-badge{display:inline-flex;padding:.25rem .5rem;border-radius:999px;font-size:.75rem;font-weight:750}.admin-kanji-badge--verified{color:var(--color-on-success-soft);background:var(--color-success-soft)}.admin-kanji-badge--pending{color:var(--color-on-warning-soft);background:var(--color-warning-soft)}.admin-kanji-editor{display:grid;gap:1rem;padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.admin-kanji-editor__header{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center}.admin-kanji-editor__header>div{display:grid;gap:.2rem}.admin-kanji-editor__header>div span,.admin-kanji-editor__history{color:var(--color-text-muted);font-size:.8rem}.admin-kanji-editor__header p{margin:0;font-family:Shippori Mincho,serif;font-size:4rem;line-height:1}.admin-kanji-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.admin-kanji-verifiable-field,.admin-kanji-list-field{display:grid;gap:.55rem;align-content:start;min-width:0;margin:0;padding:.9rem;border:1px solid var(--color-border);border-radius:9px}.admin-kanji-list-field{border:0}.admin-kanji-list-field legend,.admin-kanji-verifiable-field>label:first-child{font-weight:750}.admin-kanji-list-field__row{display:grid;grid-template-columns:1fr auto;gap:.4rem}.admin-kanji-list-field__row button,.admin-kanji-add{border:1px solid var(--color-border);border-radius:7px;color:var(--color-text);background:var(--color-surface-hover)}.admin-kanji-add{justify-self:start;min-height:2.2rem;padding:.4rem .7rem}.admin-kanji-editor__actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.admin-kanji-feedback{color:var(--color-on-success-soft)}.admin-kanji-verification-progress{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:1.1rem}.admin-kanji-verification-progress span{color:var(--color-text-muted);font-size:.9rem}.admin-kanji-skip{justify-self:end}@media(max-width:720px){.admin-kanji-fields{grid-template-columns:1fr}.admin-kanji-editor__header{grid-template-columns:1fr auto}.admin-kanji-editor__header .admin-kanji-badge{grid-column:1 / -1;justify-self:start}}.page.kanji-sprint{width:min(100%,1120px)}.kjs-heading{position:relative;overflow:hidden;margin-top:1rem;padding:clamp(1.25rem,4vw,2rem);border:1px solid var(--color-dojo-border);border-radius:20px;background:linear-gradient(135deg,var(--color-washi-surface),var(--color-dojo-soft));box-shadow:var(--shadow-sm)}.kjs-heading:after{position:absolute;right:1rem;bottom:-3.5rem;color:var(--color-dojo);font-family:serif;font-size:9rem;line-height:1;opacity:.08;content:"漢"}.kjs-heading>*{position:relative;z-index:1}.kjs-heading__eyebrow{margin:0 0 .35rem;color:var(--color-dojo);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.kjs-modes{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:1.25rem 0;padding:.35rem;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface)}.kjs-mode{min-height:2.8rem;border:0;border-radius:10px;color:var(--color-text-muted);background:transparent;font-weight:750}.kjs-mode span{margin-left:.35rem;padding:.18rem .4rem;border:1px solid var(--color-dojo-border);border-radius:999px;color:var(--color-on-dojo-soft);background:var(--color-dojo-soft);font-size:.65rem}.kjs-mode--active{color:var(--color-on-dojo);background:var(--color-dojo);box-shadow:var(--shadow-sm)}.kjs-learning{display:grid;gap:1.25rem}.kjs-learning__layout{display:grid;grid-template-columns:minmax(14rem,18rem) minmax(0,1fr);gap:1.25rem;align-items:start}.kjs-grades{display:grid;gap:1rem}.kjs-grade-card{display:grid;padding:0;border:1px solid var(--color-dojo-border);border-radius:14px;background:var(--color-surface)}.kjs-grade-card__metric>div:first-child{display:flex;justify-content:space-between;gap:.75rem}.kjs-grade-card>header{display:contents}.kjs-grade-card__toggle{display:grid;grid-template-columns:1fr auto auto;gap:.75rem;align-items:center;min-width:0;width:100%;padding:1rem;border:0;border-radius:inherit;color:var(--color-text);background:transparent;text-align:left}.kjs-grade-card__toggle small{white-space:nowrap}.kjs-grade-card__toggle>span:last-child{color:var(--color-text-muted);font-size:1.15rem}.kjs-grade-card__levels span,.kjs-grade-card__metric span{color:var(--color-text-muted);font-size:.75rem}.kjs-grade-card__details{display:grid;gap:1rem;padding:0 1rem 1rem}.kjs-grade-card__levels{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.kjs-grade-card__levels p{display:grid;gap:.15rem;margin:0}.kjs-grade-card__levels strong{font-size:.85rem}.kjs-grade-card__metric{display:grid;gap:.35rem}.kjs-grade-card__metric strong{font-size:.8rem}.kjs-grade-card__track{overflow:hidden;height:.45rem;border-radius:999px;background:var(--color-dojo-progress-track)}.kjs-grade-card__track span{display:block;height:100%;border-radius:inherit}.kjs-grade-card__track--viewed span{background:var(--color-primary)}.kjs-grade-card__track--learned span{background:var(--color-dojo)}.kjs-list-button{justify-self:start;padding:.5rem .75rem;border:1px solid var(--color-dojo-border);border-radius:8px;color:var(--color-on-dojo-soft);background:var(--color-dojo-soft);font-weight:700}.kjs-card{display:grid;justify-items:center;min-height:31rem;padding:clamp(1.5rem,5vw,3rem);border:1px solid var(--color-dojo-border);border-radius:22px;background:var(--color-washi-surface);box-shadow:var(--shadow-md);text-align:center}.kjs-card__kanji{margin:auto 0 0;color:var(--color-text);font-family:Shippori Mincho,serif;font-size:clamp(7rem,26vw,12rem);line-height:1}.kjs-card__preview-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;justify-self:stretch;padding:.5rem .9rem;border:1px solid var(--color-primary-border);border-radius:10px;background:var(--color-primary-soft, var(--color-washi-surface));color:var(--color-primary);font-size:.85rem}.kjs-card__preview-banner button{border:1px solid var(--color-primary-border);border-radius:8px;padding:.3rem .7rem;background:none;color:inherit;font:inherit;cursor:pointer}.kjs-card__answer-stage,.kjs-card__answer{display:grid;justify-items:center;width:100%}.kjs-card__answer-stage>*{grid-area:1 / 1}.kjs-card--concealed .kjs-card__answer{filter:blur(8px);opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none}.kjs-card__meaning{margin:1.2rem 0 0;color:var(--color-text);font-size:clamp(1.4rem,4vw,2rem);font-weight:750}.kjs-card__grade,.kjs-card__seen{margin:.45rem 0 0;color:var(--color-text-muted);font-size:.85rem}.kjs-card__seen{color:var(--color-on-dojo-soft);font-weight:700}.kjs-card__exposure{display:inline-flex;align-items:center;gap:.3rem;margin:.35rem 0 0;color:var(--color-text-muted);font-size:.8rem}.kjs-card__exposure-icon{width:.95em;height:.95em;flex-shrink:0}.kjs-card__details{display:grid;width:min(100%,34rem);margin:1.5rem 0 0;text-align:left}.kjs-card__details>div{display:grid;grid-template-columns:minmax(7.5rem,.7fr) 1fr;gap:1rem;padding:.65rem 0;border-top:1px solid var(--color-border)}.kjs-card__details dt{color:var(--color-text-muted);font-size:.85rem;font-weight:750}.kjs-card__details dd{margin:0;color:var(--color-text);font-size:1rem}.kjs-card__radical-button{border:none;background:none;padding:0;color:var(--color-link);font-family:inherit;font-size:inherit;text-decoration:underline;cursor:pointer}.kjs-card__radical-button:disabled{color:var(--color-text-muted);cursor:wait}.kjs-card__on-toggle{margin-top:.75rem;padding:.55rem .8rem;border:1px solid var(--color-dojo-border);border-radius:9px;color:var(--color-on-dojo-soft);background:var(--color-dojo-soft);font-weight:750}.kjs-card__on-readings{width:min(100%,34rem);margin-top:.75rem;padding:.8rem 1rem;border-radius:10px;background:var(--color-surface)}.kjs-card__on-readings p{margin:.35rem 0 0}.kjs-card__dictionary-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:.75rem;border:none;background:none;padding:0;color:var(--color-link);font-family:inherit;font-size:.9rem;font-weight:750;text-decoration:underline;cursor:pointer}.kjs-card__dictionary-link-icon{width:.95em;height:.95em;flex-shrink:0}.kjs-card__actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:min(100%,30rem);margin-top:auto;padding-top:2rem}.kjs-card__actions button{min-height:3rem;border:1px solid var(--color-dojo-border);border-radius:10px;background:var(--color-surface);font-weight:800}.kjs-card__actions .kjs-card__learned{border-color:var(--color-dojo);color:var(--color-on-dojo);background:var(--color-dojo)}.kjs-card__actions--single{grid-template-columns:1fr}.kjs-card__actions .kjs-card__unlearn{border-color:var(--color-danger-border);color:var(--color-danger);background:var(--color-danger-soft)}.kjs-card__reveal{z-index:1;align-self:center;justify-self:center;width:min(calc(100% - 3rem),18rem);min-height:3.25rem;margin:0;padding:.75rem 1.5rem;border:1px solid var(--color-dojo-border);border-radius:10px;color:var(--color-on-dojo-soft);background:var(--color-dojo-soft);font-size:1.05rem;font-weight:800}.kjs-card__actions button:disabled{cursor:wait;opacity:.65}.kjs-unavailable,.kjs-complete{display:grid;place-items:center;min-height:22rem;padding:2rem;border:1px dashed var(--color-dojo-border);border-radius:18px;background:var(--color-washi-surface);text-align:center}.kjs-unavailable>span,.kjs-complete>span{color:var(--color-dojo);font-size:4rem}.kjs-unavailable h2,.kjs-unavailable p,.kjs-complete h2,.kjs-complete p{margin:.25rem 0}.kjs-modal-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;background:var(--color-overlay)}.kjs-modal{width:min(100%,660px);max-height:min(86vh,760px);overflow-x:hidden;overflow-y:auto;padding:1.25rem;border:1px solid var(--color-dojo-border);border-radius:18px;background:var(--color-surface);box-shadow:var(--shadow-lg)}.kjs-modal__header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.kjs-modal__header h2,.kjs-modal__header p{margin:0}.kjs-modal__header p{margin-top:.2rem;color:var(--color-text-muted)}.kjs-modal__header button{width:2.25rem;height:2.25rem;padding:0;border:0;border-radius:50%;background:var(--color-surface-hover);font-size:1.5rem}.kjs-legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:1rem 0;color:var(--color-text-muted);font-size:.78rem}.kjs-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(4rem,1fr));gap:.5rem;margin:0;padding:0;list-style:none}.kjs-list__item{position:relative;display:grid;place-items:center;align-items:center;min-height:3.2rem;padding:.4rem;border:1px solid var(--color-border);border-radius:9px;color:var(--color-text-muted);background:var(--color-washi-surface)}.kjs-list__item-button{display:grid;place-items:center;align-items:center;width:100%;height:100%;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;transition:transform .1s ease}.kjs-list__item-button:hover{transform:scale(1.05)}.kjs-list__item-button:active{transform:scale(.95)}.kjs-list__item-button:disabled{cursor:default;opacity:.6;transform:none}.kjs-list__item span:first-child,.kjs-list__item-button span:first-child{position:absolute;top:.3rem;left:.4rem;font-size:.72rem;line-height:1}.kjs-list__item span:last-child,.kjs-list__item-button span:last-child{color:var(--color-text);font-family:Shippori Mincho,serif;font-size:1.75rem;line-height:1;text-align:center}.kjs-list__item--learned{border-color:var(--color-dojo-border);color:var(--color-on-dojo-soft);background:var(--color-dojo-soft)}.kjs-list__item--seen{border-color:var(--color-primary-border);color:var(--color-primary)}@media(max-width:800px){.kjs-learning__layout{grid-template-columns:1fr}.kjs-grades{grid-template-columns:1fr 1fr}}@media(max-width:560px){.kjs-grades{grid-template-columns:1fr}.kjs-card__details>div{grid-template-columns:1fr;gap:.25rem}.kjs-card{min-height:27rem}}*{box-sizing:border-box}html,body,#root{height:100%}html,body{margin:0;overflow:hidden}body{background:var(--color-bg);color:var(--color-text)}.app-shell{display:flex;flex-direction:column;height:100%}.app-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}.app-content,.path-skills-scroll{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) transparent}.app-content::-webkit-scrollbar,.path-skills-scroll::-webkit-scrollbar{width:10px}.app-content::-webkit-scrollbar-track,.path-skills-scroll::-webkit-scrollbar-track{background:transparent}.app-content::-webkit-scrollbar-thumb,.path-skills-scroll::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.app-content::-webkit-scrollbar-thumb:hover,.path-skills-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary)}.nav-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap}.nav-bar__brand{display:flex;align-items:center;text-decoration:none}.nav-bar__logo{height:2rem;width:auto;display:block}.nav-bar__links{display:flex;align-items:center;gap:1rem;font-size:.9rem}.nav-bar__links a{color:var(--color-text);text-decoration:none}.nav-bar__links a:hover{color:var(--color-link-hover)}.user-menu{position:relative}.user-menu__trigger{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;padding:.2rem;cursor:pointer;color:var(--color-text);font-size:.9rem}.user-menu__avatar{position:relative;display:inline-flex;flex-shrink:0;width:1.75rem;height:1.75rem}.user-menu__avatar-inner{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:999px;background:var(--color-primary-soft);color:var(--color-on-primary-soft);font-weight:600;font-size:.85rem;overflow:hidden}.user-menu__avatar-dot{position:absolute;top:-1px;right:-1px;width:.55rem;height:.55rem;border-radius:999px;background:var(--color-danger);border:1.5px solid var(--color-surface)}.user-menu__avatar img{width:100%;height:100%;object-fit:cover}.user-menu__name{color:var(--color-text-muted)}.user-menu__dropdown{position:absolute;top:calc(100% + .4rem);right:0;min-width:10rem;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-menu);padding:.35rem;z-index:10}.user-menu__item{display:block;width:100%;text-align:left;text-decoration:none;box-sizing:border-box;background:none;border:none;border-radius:6px;padding:.5rem .6rem;cursor:pointer;font-size:.9rem;color:var(--color-text)}.user-menu__item:hover{background:var(--color-primary-soft);color:var(--color-on-primary-soft)}.user-menu__item--with-badge{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.user-menu__badge{flex:0 0 auto;min-width:1.25rem;padding:.05rem .4rem;border-radius:999px;background:var(--color-primary-soft);color:var(--color-on-primary-soft);font-size:.7rem;font-weight:600;text-align:center}.profile-page{max-width:760px}.profile-form{display:grid;gap:1.5rem}.profile-form__avatar-section{display:flex;align-items:center;gap:1.25rem}.profile-form__avatar{display:grid;place-items:center;width:6rem;height:6rem;flex:0 0 6rem;overflow:hidden;border-radius:999px;background:var(--color-primary-soft);color:var(--color-on-primary-soft);font-size:2rem;font-weight:700}.profile-form__avatar img{width:100%;height:100%;object-fit:cover}.profile-form__avatar-actions,.profile-form__badges{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.profile-form__avatar-actions{margin-top:.75rem}.profile-form__file-input{display:none}.profile-showcase{margin-top:1.5rem}.profile-showcase .achievement-showcase{margin-top:.75rem}.profile-showcase__link{display:inline-block;margin-top:1rem;font-size:.9rem;font-weight:600;color:var(--color-link);text-decoration:none}.profile-showcase__link:hover,.profile-showcase__link:focus-visible{color:var(--color-link-hover);text-decoration:underline}.profile-form__secondary-button,.profile-form__submit{border:1px solid var(--color-primary);border-radius:6px;padding:.55rem .85rem;cursor:pointer;font:inherit;font-weight:600}.profile-form__secondary-button{background:var(--color-surface);color:var(--color-primary)}.profile-form__submit{background:var(--color-primary);color:var(--color-on-primary)}.profile-form__text-button{border:0;background:none;color:var(--color-text-muted);cursor:pointer;font:inherit}.profile-form__secondary-button:disabled,.profile-form__submit:disabled,.profile-form__text-button:disabled{cursor:not-allowed;opacity:.6}.profile-form__label{margin:0 0 .5rem;font-size:.9rem;font-weight:600}.profile-form__badge{border-radius:999px;padding:.3rem .7rem;background:var(--color-primary-soft);color:var(--color-on-primary-soft);font-size:.8rem;font-weight:600}.profile-form__roles .dashboard-card__hint{margin-top:.65rem}.auth-form__field.profile-form__checkbox-field{flex-direction:row;align-items:center;gap:.6rem}.profile-form__checkbox-field input{width:auto}.profile-form__success{margin:0;color:var(--color-success)}.profile-form__footer{display:flex;justify-content:flex-end}@media(max-width:560px){.profile-form__avatar-section{align-items:flex-start;flex-direction:column}}.avatar-creator__layout{display:grid;grid-template-columns:minmax(0,20rem) minmax(0,1fr);gap:1.5rem;margin-top:1rem;align-items:start}.avatar-creator__preview{aspect-ratio:1;overflow:hidden;border:1px solid var(--color-border);border-radius:12px;background:var(--color-primary-soft)}.avatar-creator__canvas{display:block;width:100%;height:100%}.avatar-creator__controls{display:grid;gap:1rem;min-width:0}.avatar-creator__genders{display:inline-flex;justify-self:start;overflow:hidden;border:1px solid var(--color-border);border-radius:999px}.avatar-creator__genders button{border:0;padding:.4rem 1.1rem;background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;font:inherit;font-weight:600}.avatar-creator__genders button[aria-checked=true]{background:var(--color-primary);color:var(--color-on-primary)}.avatar-creator__genders button:disabled{cursor:not-allowed;opacity:.5}.avatar-creator__tabs{display:flex;flex-wrap:wrap;gap:.4rem}.avatar-creator__tabs button{border:1px solid var(--color-border);border-radius:999px;padding:.35rem .85rem;background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;font:inherit;font-size:.9rem;font-weight:600}.avatar-creator__tabs button[aria-selected=true]{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.avatar-creator__options{display:grid;grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));gap:.6rem}.avatar-creator__option{aspect-ratio:1;overflow:hidden;padding:0;border:2px solid var(--color-border);border-radius:10px;background:var(--color-primary-soft);cursor:pointer}.avatar-creator__option:hover,.avatar-creator__option:focus-visible{border-color:var(--color-primary)}.avatar-creator__option[aria-pressed=true]{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.avatar-creator__panel{display:grid;gap:1rem}.avatar-creator__colors{display:flex;flex-wrap:wrap;gap:.6rem}.avatar-creator__swatch{width:2.25rem;height:2.25rem;padding:0;border:2px solid var(--color-border);border-radius:999px;cursor:pointer}.avatar-creator__swatch:hover,.avatar-creator__swatch:focus-visible{border-color:var(--color-primary)}.avatar-creator__swatch[aria-pressed=true]{border-color:var(--color-surface);box-shadow:0 0 0 2px var(--color-primary)}.avatar-creator__thumbnail{display:block;width:100%;height:100%}.avatar-creator__footer{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.25rem}@media(max-width:720px){.avatar-creator__layout{grid-template-columns:1fr}.avatar-creator__preview{width:min(100%,18rem);margin:0 auto}.avatar-creator__options{grid-template-columns:repeat(auto-fill,minmax(4.25rem,1fr))}}.nav-bar__resources{display:inline-flex;gap:.4rem}.resource-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.25rem .7rem;font-size:.75rem;font-weight:600;white-space:nowrap}.resource-pill--experience{background:var(--color-primary-soft);color:var(--color-on-primary-soft)}.resource-pill--money{background:var(--color-success-soft);color:var(--color-success)}.resource-pill--exam-tickets{background:var(--color-tickets-soft);color:var(--color-tickets)}.dojo-exp-gain{margin:.25rem 0 0;font-size:.8rem;font-weight:600;color:var(--color-on-primary-soft)}.nav-bar__links button{background:none;border:1px solid var(--color-border);border-radius:6px;padding:.4rem .75rem;cursor:pointer;font-size:.9rem;color:var(--color-text)}.tools-menu{position:relative}.nav-bar__links .tools-menu__trigger{display:inline-flex;align-items:center;gap:.3rem;background:none;border:none;padding:.3rem .1rem;cursor:pointer;color:var(--color-text-muted);font-size:.9rem}.nav-bar__links .tools-menu__trigger:hover{color:var(--color-text)}.tools-menu__chevron{transition:transform .15s ease}.tools-menu__chevron--open{transform:rotate(180deg)}.tools-menu__dropdown{position:absolute;top:calc(100% + .4rem);right:0;min-width:12rem;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-menu);padding:.35rem;z-index:10}.tools-menu__item{display:block;width:100%;text-align:left;text-decoration:none;box-sizing:border-box;border-radius:6px;padding:.5rem .6rem;cursor:pointer;font-size:.9rem;color:var(--color-text)}.tools-menu__item:hover{background:var(--color-primary-soft);color:var(--color-on-primary-soft)}.nav-bar__links .tools-menu__toggle{display:flex;align-items:center;gap:.6rem;width:100%;background:none;border:none;border-radius:6px;padding:.5rem .6rem;cursor:pointer;font-size:.9rem;color:var(--color-text)}.nav-bar__links .tools-menu__toggle:hover{background:var(--color-primary-soft)}.tools-menu__toggle-label{flex:1;text-align:left}.tools-menu__switch{position:relative;display:inline-block;width:2rem;height:1.1rem;border-radius:999px;background:var(--color-border);flex-shrink:0;transition:background .15s ease}.tools-menu__switch-thumb{position:absolute;top:2px;left:2px;width:.9rem;height:.9rem;border-radius:999px;background:var(--color-surface);box-shadow:var(--shadow-control);transition:transform .15s ease}.tools-menu__toggle--active .tools-menu__switch{background:var(--color-primary)}.tools-menu__toggle--active .tools-menu__switch-thumb{transform:translate(.9rem)}.status-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--color-text-muted)}.status-badge__dot{width:8px;height:8px;border-radius:999px;flex-shrink:0;background:var(--color-warning)}.status-badge--ok .status-badge__dot{background:var(--color-success)}.status-badge--error .status-badge__dot{background:var(--color-danger)}.status-badge--loading .status-badge__dot,.status-badge--warning .status-badge__dot{background:var(--color-warning)}.status-badge--unknown .status-badge__dot{background:var(--color-text-muted)}.hero{margin:0 auto;padding:5rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.hero__logo{max-width:100%;width:320px;height:auto}.hero__subtitle{margin:0;color:var(--color-text-muted);font-size:1.1rem}.hero__actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.hero__cta{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none}.hero__cta--primary{background:var(--color-primary);color:var(--color-on-primary)}.hero__cta--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.auth-form{display:flex;flex-direction:column;gap:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1.5rem}.auth-form__field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.auth-form__field input,.auth-form__field textarea{padding:.5rem .65rem;border:1px solid var(--color-border);border-radius:6px;font-size:1rem;font-family:inherit}.auth-form__field textarea{resize:vertical}.auth-form__password-wrapper{position:relative;display:flex}.auth-form__password-wrapper input{flex:1;padding-right:2.5rem}.auth-form__password-toggle{position:absolute;top:50%;right:.35rem;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;background:none;border:none;border-radius:6px;padding:0;color:var(--color-text-muted);cursor:pointer}.auth-form__password-toggle svg{width:1.1rem;height:1.1rem}.auth-form__password-toggle:hover{color:var(--color-text)}.auth-form__password-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.auth-form__error{background:var(--color-danger-soft);border:1px solid var(--color-danger-border);color:var(--color-danger);padding:.6rem .85rem;border-radius:8px;font-size:.9rem;margin:0}.auth-form__success{background:var(--color-success-soft);border:1px solid var(--color-success-border);color:var(--color-success);padding:.6rem .85rem;border-radius:8px;font-size:.9rem;margin:0}.auth-form button[type=submit]{background:var(--color-text);color:var(--color-surface);border:none;border-radius:6px;padding:.6rem 1rem;cursor:pointer;font-size:.95rem}.auth-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.auth-form__secondary{border:0;background:transparent;color:var(--color-link);cursor:pointer;text-decoration:underline}.auth-form__secondary:disabled{cursor:not-allowed;opacity:.6}.auth-form__secondary:hover:not(:disabled){color:var(--color-link-hover)}.auth-form__switch{margin-top:1rem;font-size:.9rem;color:var(--color-text-muted)}.dashboard-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.dashboard-card__title{margin:0 0 .25rem;font-size:1.05rem}.dashboard-card__hint{margin-top:.75rem;color:var(--color-text-muted);font-size:.9rem}.dashboard-header{margin-bottom:1.5rem}.progress-overview__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin:1rem 0}@media(max-width:860px){.progress-overview__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.progress-overview__grid{grid-template-columns:1fr}}.progress-metric{display:grid;gap:.35rem;align-content:start}.progress-metric__label{font-size:.8rem;color:var(--color-text-muted)}.progress-metric__value{font-size:1.3rem;font-weight:700}.progress-overview__link{display:block;margin-top:.5rem;text-align:right;color:var(--color-link);font-weight:600;text-decoration:none}.progress-overview__link:hover{color:var(--color-link-hover)}.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:1.5rem;align-items:start}@media(max-width:860px){.dashboard-main-grid{grid-template-columns:1fr}}.next-course-card__when{font-weight:600}.next-course-card__teacher{color:var(--color-text-muted)}.schema-version-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.9rem}.schema-version-row__label{color:var(--color-text-muted)}.schema-version-row__value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.teacher-application-form{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.teacher-application-form__field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.teacher-application-form__field textarea{resize:vertical;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:6px;font-family:inherit;font-size:.95rem}.teacher-application-form__submit{align-self:flex-start;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:6px;padding:.5rem 1.1rem;font-size:.9rem;cursor:pointer}.teacher-application-form__submit:disabled{opacity:.6;cursor:not-allowed}.skills-filters{display:flex;flex-direction:column;gap:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1.25rem;margin-bottom:1.5rem}.skills-filters__search{padding:.6rem .8rem;border:1px solid var(--color-border);border-radius:6px;font-size:1rem}.skills-filters__families{display:flex;flex-direction:column;gap:.75rem}.skills-filters__family{display:flex;align-items:baseline;flex-wrap:wrap;gap:.6rem}.skills-filters__family-name{font-weight:600;font-size:.85rem;min-width:90px;color:var(--color-text-muted)}.skills-filters__tags{display:flex;flex-wrap:wrap;gap:.5rem}.skills-filters__no-tags{color:var(--color-text-muted);font-size:.85rem}.tag-filter{background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;padding:.3rem .75rem;font-size:.85rem;cursor:pointer;color:var(--color-text)}.tag-filter--active{background:var(--color-text);color:var(--color-surface);border-color:var(--color-text)}.skills-filters__reset{align-self:flex-start;background:none;border:1px solid var(--color-border);border-radius:6px;padding:.4rem .75rem;cursor:pointer;font-size:.85rem;color:var(--color-text)}.skills-empty{color:var(--color-text-muted);padding:1.5rem 0}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.skill-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1.25rem;display:flex;flex-direction:column;gap:.6rem}.skill-card__name{margin:0;font-size:1.1rem}.skill-card__description{margin:0;color:var(--color-text-muted);font-size:.9rem}.skill-card__tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.tag-pill{display:inline-block;border-radius:999px;padding:.2rem .6rem;font-size:.75rem;color:var(--color-on-tag)}.tag-pill--0{background:var(--color-tag-0)}.tag-pill--1{background:var(--color-tag-1)}.tag-pill--2{background:var(--color-tag-2)}.tag-pill--3{background:var(--color-tag-3)}.tag-pill-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.skill-detail__tags{margin-bottom:1.5rem}.skill-card-link{display:block;text-decoration:none;color:inherit}.teachers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.teacher-directory-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1.25rem;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.teacher-directory-card:hover{border-color:var(--color-primary-border);background:var(--color-surface-hover);transform:translateY(-2px)}.teacher-directory-card__icon{color:var(--color-text-muted);flex-shrink:0}.teacher-directory-card__body{min-width:0}.teacher-directory-card__name{margin:0;font-size:1.05rem}.teacher-directory-card__code{margin:.2rem 0 0;color:var(--color-text-muted);font-size:.85rem}.teacher-directory-card__actions{display:flex;flex-direction:column;gap:.5rem;width:100%}.teacher-directory-card__cta{align-self:stretch;text-align:center}.teacher-directory-card__cta--link{background:transparent;border:1px solid var(--color-border);border-radius:6px;padding:.5rem 1.1rem;font-size:.9rem;color:var(--color-text);text-decoration:none}.teacher-directory-card__cta--link:hover{border-color:var(--color-primary-border);color:var(--color-primary)}.vocabulary-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.vocabulary-empty{color:var(--color-text-muted);padding:1.5rem 0}.vocabulary-empty--celebrate{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.25rem 1.5rem;border:1.5px solid var(--color-success);border-radius:14px;background:var(--color-success-soft);color:var(--color-text)}.vocab-setup__mastery-progress{margin:.25rem 0 0;color:var(--color-text-muted);font-size:.9rem;font-weight:600}.vocab-setup__switch{display:flex;align-items:center;gap:.6rem;font-size:.9rem;font-weight:600;color:var(--color-text);cursor:pointer}.vocabulary-list{list-style:none;margin:0;padding:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;overflow:visible}.vocabulary-list--refreshing{opacity:.55;transition:opacity .15s}.vocabulary-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.25rem;padding:.85rem 1.25rem;border-bottom:1px solid var(--color-border)}.vocabulary-row:last-child{border-bottom:none}.vocabulary-row:first-child{border-radius:9px 9px 0 0}.vocabulary-row:last-child{border-radius:0 0 9px 9px}.vocabulary-row:only-child{border-radius:9px}.vocabulary-row__japanese{flex:0 0 auto;min-width:5rem;font-size:1.2rem}.vocabulary-row__japanese ruby{ruby-align:center}.vocabulary-row__japanese rt{font-size:.58em;font-weight:400;line-height:1.4;letter-spacing:0;color:var(--color-text-muted)}.vocabulary-row__meaning{flex:1 1 160px;font-weight:600}.vocabulary-meaning__list{margin:0;padding-left:1.25em;display:flex;flex-direction:column;gap:.15em}.vocabulary-row__approved{flex:0 0 auto;width:1.75rem;height:1.75rem;align-self:center;object-fit:contain}.vocabulary-row__tags{flex:0 1 auto;color:var(--color-text-muted);font-size:.8rem;text-align:right}.external-dictionary{position:relative;flex:0 0 auto;margin-left:auto}.external-dictionary__trigger{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;padding:0;border:1px solid var(--color-border);border-radius:6px;background:none;color:var(--color-text-muted);cursor:pointer;font-size:.75rem;white-space:nowrap}.external-dictionary__trigger:hover,.external-dictionary__trigger[aria-expanded=true]{border-color:var(--color-link);color:var(--color-link)}.external-dictionary__icon{width:1rem;height:1rem;flex:0 0 auto;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.external-dictionary__menu{position:absolute;top:calc(100% + .35rem);right:0;z-index:10;min-width:13rem;padding:.3rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-raised);box-shadow:var(--shadow-menu)}.external-dictionary__link{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.45rem .55rem;border-radius:6px;color:var(--color-text);font-size:.85rem;text-decoration:none}.external-dictionary__link:hover{background:var(--color-primary-soft);color:var(--color-on-primary-soft)}.dictionary-search{margin-bottom:2rem}.dictionary-search__input{width:100%;padding:.9rem 1.15rem;border:1px solid var(--color-field-border);border-radius:10px;background:var(--color-field-bg);color:var(--color-field-text);font-size:1.05rem}.dictionary-search__input::placeholder{color:var(--color-field-placeholder)}.dictionary-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:2rem;align-items:start}.dictionary-side{position:sticky;top:1.5rem;display:flex;flex-direction:column;gap:1rem}.dictionary-side .dictionary-sidebar{position:static}.dictionary-sidebar{position:sticky;top:1.5rem;display:flex;flex-direction:column;gap:.75rem;padding:1.1rem 1.25rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-washi-surface)}.dictionary-sidebar__title{margin:0;font-size:1rem}.dictionary-sidebar__filter{padding:.5rem .7rem;border:1px solid var(--color-field-border);border-radius:8px;background:var(--color-field-bg);color:var(--color-field-text);font-size:.85rem}.dictionary-sidebar__filter::placeholder{color:var(--color-field-placeholder)}.dictionary-sidebar__list{max-height:55vh}.dictionary-sidebar__empty{padding:.5rem .6rem;color:var(--color-text-muted);font-size:.85rem}.dictionary-results{min-width:0}.dictionary-results__header{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .85rem;margin-bottom:1rem}.dictionary-results__count{color:var(--color-text-muted);font-size:.9rem;font-weight:600}.dictionary-results__active-filters{display:flex;flex-wrap:wrap;gap:.4rem}.dictionary-results__active-filters .tag-filter{cursor:default}.dictionary-results__header .skills-filters__reset{margin-left:auto}@media(max-width:860px){.dictionary-layout{grid-template-columns:1fr}.dictionary-side,.dictionary-sidebar{position:static}.dictionary-sidebar__list{max-height:40vh}}.live-class-library__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.live-class-library__header .dashboard-card__title{margin:0}.live-class-library__add{display:inline-flex;align-items:center;gap:.4rem;border:none;border-radius:8px;padding:.5rem 1.1rem;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;background:var(--color-primary);color:var(--color-on-primary)}.live-class-library__add:hover:not(:disabled){background:var(--color-primary-hover)}.live-class-library__add:disabled{opacity:.6;cursor:not-allowed}.course-modal .live-class-question-form.auth-form{background:none;border:none;padding:0}.live-class-question-form textarea,.live-class-exercise__answer textarea{min-height:7rem;resize:vertical}.live-class-question-form fieldset{display:grid;gap:.65rem;border:1px solid var(--color-border);border-radius:8px;padding:.8rem}.live-class-question-form__option{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:center}.live-class-question-form__remove{flex-shrink:0;border:1px solid var(--color-border);border-radius:8px;background:none;color:var(--color-text-muted);font-size:.85rem;cursor:pointer;padding:.4rem .7rem}.live-class-question-form__remove:hover{border-color:var(--color-primary);color:var(--color-primary)}.live-class-question-form__add-option{justify-self:start;border:none;background:none;color:var(--color-text-muted);text-decoration:underline;cursor:pointer;font-size:.85rem}.dictionary-annotation-editor{display:grid;gap:.4rem}.dictionary-annotation-editor__toolbar{display:flex;justify-content:flex-end}.dictionary-annotation-editor__associate{border:1px solid var(--color-primary-border);border-radius:999px;background:var(--color-primary-soft, var(--color-washi-surface));color:var(--color-primary);font-size:.85rem;padding:.35rem .9rem;cursor:pointer}.dictionary-annotation-editor__associate:disabled{border-color:var(--color-border);background:none;color:var(--color-text-muted);cursor:not-allowed}.dictionary-annotation-editor__preview{border:1px dashed var(--color-border);border-radius:8px;padding:.6rem .75rem;color:var(--color-text-muted);font-size:.95rem;line-height:1.6}.dictionary-annotation-editor__preview-empty{font-style:italic}.dictionary-annotation-editor__error{color:var(--color-danger);font-size:.85rem;margin:0}.dictionary-annotation-editor__chip,.live-class-prompt__word{border:none;background:none;padding:0;font:inherit;color:var(--color-primary);border-bottom:1px dotted var(--color-primary);cursor:pointer}.live-class-prompt__word--static{cursor:default}.dictionary-association-popover{position:fixed;z-index:1100;top:0;left:0;box-sizing:border-box;display:flex;flex-direction:column;gap:.6rem;width:min(360px,90vw);max-height:min(420px,70vh);padding:.9rem 1rem;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);box-shadow:var(--shadow-lg);color:var(--color-text);overflow-y:auto}.dictionary-association-popover__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.dictionary-association-popover__header h3{margin:0;font-size:1rem}.dictionary-association-popover__close{border:0;background:transparent;color:var(--color-text-muted);font-size:1.3rem;line-height:1;cursor:pointer}.dictionary-association-popover__results{overflow-y:auto}.dictionary-association-popover__entry{margin:0}.dictionary-association-popover__actions{display:flex;gap:.5rem}.live-class-exercise__actions,.live-class-exercise__header>div:last-child{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}.live-class-exercise__actions{margin-top:1.25rem}.live-class-exercise__action{border:1px solid var(--color-border);border-radius:8px;padding:.5rem 1.1rem;font-size:.9rem;font-weight:600;cursor:pointer;background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-xs)}.live-class-exercise__action:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.live-class-exercise__action:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.live-class-exercise__action--danger{margin-left:auto;border:none;background:var(--color-danger);color:var(--color-on-danger)}.live-class-exercise__action--danger:hover:not(:disabled){border-color:transparent;background:var(--color-danger-hover);color:var(--color-on-danger)}.live-class-library__list,.live-class-exercise__responses ul{display:grid;gap:.7rem;list-style:none;padding:0}.live-class-library__list li,.live-class-exercise__library article,.live-class-exercise__responses li{display:flex;justify-content:space-between;gap:1rem;padding:.75rem;border:1px solid var(--color-border);border-radius:8px}.live-class-library__list li>div,.live-class-exercise__library article>div{display:grid;gap:.25rem}.live-class-library__list li>div>strong,.live-class-exercise__library article>div>strong{white-space:pre-line}.live-class-library__list li>div:last-child{display:flex;gap:.5rem;align-items:center}.live-class-library__edit,.live-class-library__delete{display:inline-flex;align-items:center;gap:.4rem;border-radius:8px;padding:.45rem .9rem;font-size:.85rem;cursor:pointer;background:none}.live-class-library__edit{border:1px solid var(--color-border);color:var(--color-text-muted)}.live-class-library__edit:hover{border-color:var(--color-primary);color:var(--color-primary)}.live-class-library__delete{border:1px solid var(--color-danger-border);color:var(--color-danger)}.live-class-library__delete:hover{background:var(--color-danger-soft)}.live-class-library__filters{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem}.live-class-library__filter{position:relative;display:inline-flex;align-items:center}.live-class-library__filter-actions{position:absolute;right:.35rem;display:none;gap:.25rem}.live-class-library__filter:hover .live-class-library__filter-actions,.live-class-library__filter:focus-within .live-class-library__filter-actions{display:flex}.live-class-library__filter:hover .tag-filter,.live-class-library__filter:focus-within .tag-filter{padding-right:3.2rem}.live-class-library__filter-actions button{display:inline-flex;align-items:center;justify-content:center;width:1.3rem;height:1.3rem;border:none;border-radius:50%;padding:0;cursor:pointer;background:var(--color-surface);color:inherit}.live-class-library__filter-actions button:hover{background:var(--color-bg)}.live-class-library__filter-rename{border:1px solid var(--color-primary);border-radius:999px;padding:.3rem .75rem;font-size:.85rem;font:inherit}.live-class-library__add-tag{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.7rem;height:1.7rem;border:none;border-radius:50%;padding:0;cursor:pointer;background:var(--color-primary);color:var(--color-on-primary)}.live-class-library__add-tag:hover:not(:disabled){background:var(--color-primary-hover)}.live-class-library__add-tag:disabled{opacity:.6;cursor:not-allowed}.live-class-library__add-tag-icon{width:1rem;height:1rem}.live-class-library__tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}.live-class-library__tag{display:inline-block;border-radius:999px;padding:.15rem .6rem;font-size:.75rem;background:var(--color-primary-soft);color:var(--color-text)}.live-class-exercise{margin-block:1rem}.live-class-exercise__header{display:flex;justify-content:space-between;gap:1rem;align-items:center}.live-class-exercise__header>div:first-child{display:flex;gap:.7rem;align-items:center}.live-class-exercise__state,.live-class-exercise__received{border-radius:999px;padding:.25rem .6rem;background:var(--color-primary-soft);color:var(--color-on-primary-soft)}.live-class-exercise__timer{border-radius:999px;padding:.25rem .6rem;font-variant-numeric:tabular-nums;font-weight:600;background:var(--color-dojo-soft);color:var(--color-on-dojo-soft)}.live-class-exercise__timer--urgent{background:var(--color-danger-soft);color:var(--color-danger)}.live-class-exercise__shown-answer{padding:1rem;border:2px solid var(--color-primary);border-radius:.75rem;background:var(--color-primary-soft)}.live-class-exercise__shown-answer p{margin:.5rem 0 0;white-space:pre-wrap}.live-class-exercise__own-response{padding:1rem;border:1px solid var(--color-primary-border);border-radius:.75rem;background:var(--color-primary-soft)}.live-class-exercise__own-response p{margin:.5rem 0;white-space:pre-wrap}.live-class-exercise__correction{display:grid;gap:.5rem}.live-class-exercise__correction-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.live-class-exercise__correction-actions .live-class-exercise__evaluation{min-height:0;padding:.35rem .7rem;font-size:.8rem}.live-class-correction-btn{display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--color-border);border-radius:999px;padding:.35rem .8rem;font-size:.8rem;font-weight:700;cursor:pointer;color:var(--color-text);background:var(--color-surface);transition:background-color .15s ease,border-color .15s ease,color .15s ease}.live-class-correction-btn svg{width:.85rem;height:.85rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.live-class-correction-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.live-class-correction-btn--true[aria-pressed=true]{border-color:var(--color-success-border);background:var(--color-success);color:var(--color-on-success)}.live-class-correction-btn--false[aria-pressed=true]{border-color:var(--color-danger-border);background:var(--color-danger);color:var(--color-on-danger)}.live-class-correction-btn--show[aria-pressed=true],.live-class-correction-btn--edit[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.live-class-correction-btn--show[aria-pressed=true]:hover:not(:disabled),.live-class-correction-btn--edit[aria-pressed=true]:hover:not(:disabled){color:var(--color-on-primary);background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.live-class-exercise__correction-form{display:grid;gap:.5rem}.live-class-exercise__correction-form textarea{width:100%;min-height:4.5rem;padding:.6rem .75rem;border:1px solid var(--color-dojo-border);border-radius:10px;outline:0;color:var(--color-field-text);background:var(--color-surface);font:inherit;line-height:1.4;resize:vertical}.live-class-exercise__correction-form textarea:focus{border-color:var(--color-dojo);box-shadow:var(--shadow-dojo-accent)}.live-class-exercise__correction-form-actions{display:flex;gap:.5rem}.live-class-exercise__correction-preview{margin:0;padding:.5rem .75rem;border-left:3px solid var(--color-primary);background:var(--color-primary-soft);border-radius:0 8px 8px 0;white-space:pre-wrap}.live-class-exercise__correction-preview::selection,.live-class-exercise__student-result::selection{background:var(--color-primary);color:var(--color-on-primary)}.live-class-exercise__student-result{padding:1rem;border:1px solid var(--color-primary-border);border-radius:.75rem;background:var(--color-primary-soft)}.live-class-exercise__student-result p{margin:.25rem 0}.live-class-exercise__distribution{margin-top:1.25rem;padding:1rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-surface)}.live-class-exercise__distribution h4{margin:0 0 .75rem}.live-class-exercise__distribution ol{display:block;margin:0;padding:0;list-style:none;border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden}.live-class-exercise__distribution li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem .75rem;background:var(--color-surface)}.live-class-exercise__distribution li:nth-child(2n){background:var(--color-surface-subtle)}.live-class-exercise__distribution li+li{border-top:1px solid var(--color-border)}.live-class-exercise__distribution-label{display:inline-flex;align-items:center;gap:.4rem}.live-class-quick-question{margin-block:1rem;padding:1rem;border:1px solid var(--color-primary-border);border-radius:.75rem;background:var(--color-surface-raised)}.live-class-quick-question__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.live-class-quick-question__header h3{margin:0}.live-class-quick-question fieldset{display:grid;gap:.75rem;margin:.25rem 0;padding:1rem;border:1px solid var(--color-border);border-radius:.75rem}.live-class-quick-question fieldset legend{padding-inline:.35rem;font-weight:700}.live-class-quick-question .live-class-question-form__option{gap:.75rem;min-height:2.75rem;padding:.55rem .7rem;border:1px solid var(--color-border);border-radius:.65rem;background:var(--color-surface)}.live-class-quick-question .live-class-question-form__option>input[type=text],.live-class-quick-question .live-class-question-form__option>input:not([type]){width:100%}.live-class-quick-question fieldset>button{justify-self:start;margin-top:.15rem}.live-class-exercise__library{display:grid;gap:.6rem;margin-block:1rem;max-height:18rem;overflow:auto}.live-class-exercise__content{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.live-class-exercise__content>h3{white-space:pre-line}.live-class-exercise__answer{display:grid;gap:.65rem;max-width:42rem}.live-class-exercise__answer label{display:flex;gap:.5rem;align-items:center}.live-class-exercise__responses li span{overflow-wrap:anywhere;text-align:right;white-space:pre-line}@media(max-width:760px){.live-class-exercise__header,.live-class-library__list li,.live-class-exercise__library article,.live-class-exercise__responses li{align-items:stretch;flex-direction:column}.live-class-exercise__responses li span{text-align:left}}.live-class-panel__duration{display:grid;gap:.4rem;max-width:30rem;margin-block:1rem}.live-class-room__session-actions{display:flex;gap:.65rem;flex-wrap:wrap}.live-class-history__list{display:grid;gap:.65rem;padding:0;list-style:none}.live-class-history__list li{display:grid;grid-template-columns:minmax(12rem,1fr) auto auto;gap:1rem;align-items:center;padding:.75rem;border:1px solid var(--color-border);border-radius:8px}.live-class-history__list li div{display:grid;gap:.2rem}@media(max-width:620px){.live-class-history__list li{grid-template-columns:1fr;gap:.35rem}}.daily-quests-panel__header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.daily-quests-panel__subtitle{margin:0;color:var(--color-text-muted);font-size:.85rem}.daily-quests-panel__count{color:var(--color-text-muted);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.daily-quests-panel__progress{margin:.75rem 0 1rem}.daily-quests-panel__list{display:grid;gap:.85rem;padding:0;list-style:none}.daily-quests-panel__item{display:flex;align-items:flex-start;gap:.75rem}.daily-quests-panel__checkbox{margin-top:.2rem;width:1.1rem;height:1.1rem;flex-shrink:0;accent-color:var(--color-primary)}.daily-quests-panel__item-body{display:grid;gap:.35rem;flex:1;min-width:0}.daily-quests-panel__item-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.daily-quests-panel__item-label{font-weight:600}.daily-quests-panel__item--completed .daily-quests-panel__item-label{color:var(--color-text-muted)}.daily-quests-panel__item-progress{color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.daily-quests-panel__bonus{margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--color-border);display:grid;gap:.35rem}.daily-quests-panel__bonus--completed .daily-quests-panel__item-label{color:var(--color-text-muted)}.path-skills-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;padding:.75rem .5rem;margin:-.75rem -.5rem}.path-skills-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.path-skill-row__link{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;background:var(--color-surface);border:1.5px solid var(--color-primary-border);border-radius:10px;padding:1.25rem;text-decoration:none;color:inherit;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.path-skill-row__link:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg),0 0 0 1px var(--color-primary-border),var(--shadow-accent)}.path-skill-row__link:active{transform:translateY(-1px);transition-duration:80ms}.path-skill-row__link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.path-skill-row--dojo .path-skill-row__link{border-color:var(--color-dojo-border)}.path-skill-row--dojo .path-skill-row__link:hover{box-shadow:var(--shadow-lg),0 0 0 1px var(--color-dojo-border),var(--shadow-dojo-accent)}.path-skill-row--dojo .path-skill-row__link:focus-visible{outline-color:var(--color-dojo)}.path-skill-row__info{flex:1 1 280px;display:flex;flex-direction:column;gap:.5rem}.path-skill-row__name{margin:0;font-size:1.1rem}.path-skill-row__description{margin:0;color:var(--color-text-muted);font-size:.9rem}.path-skill-row__evaluations{display:flex;flex-wrap:wrap;gap:.75rem}.path-skill-row__evaluations .evaluation-panel{padding:.75rem 1rem;min-width:140px}.skill-progress{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:.75rem 1rem;min-width:160px;display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center}.skill-progress__lessons{margin:0;font-size:.8rem;color:var(--color-text-muted)}.skill-progress__bar{width:100%}.skill-progress__points{margin:0;font-size:.85rem;font-weight:600}.skill-progress__placeholder{margin:0;color:var(--color-text-muted);font-size:.85rem}.progress-bar{position:relative;width:100%;height:8px;background:var(--color-progress-track);border-radius:999px;overflow:hidden}.progress-bar__fill{height:100%;background:var(--color-primary);border-radius:999px;transition:width .2s ease}.progress-bar--large{height:1.75rem}.progress-bar__percentage{position:absolute;top:50%;right:.65rem;transform:translateY(-50%);font-size:.85rem;font-weight:700;color:var(--color-text);text-shadow:var(--shadow-progress-label);pointer-events:none}.objectives-intro{margin:0;color:var(--color-text-muted);max-width:78ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.objectives-header{position:relative;flex-shrink:0;height:11rem;display:flex;align-items:center;gap:1.5rem;background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:14px;padding:0 2.75rem;margin-bottom:2.25rem;overflow:hidden;isolation:isolate}.objectives-header__icon{flex-shrink:0;width:4.5rem;height:4.5rem;border-radius:50%;object-fit:cover}.objectives-header__text{position:relative;z-index:1;display:flex;flex-direction:column;gap:.4rem}.objectives-header__text .page__title{margin:0}.objectives-header__art{position:absolute;inset:0 0 0 auto;height:100%;width:auto;max-width:40%;object-fit:cover;object-position:right center;opacity:.85;z-index:0;pointer-events:none}.paths-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.path-card{position:relative;isolation:isolate;overflow:hidden;background:var(--color-washi-surface);border:1.5px solid var(--color-primary-border);border-radius:10px;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--shadow-xs);background-image:url(/images/japan_wave_art.png);background-repeat:no-repeat;background-position:bottom -1.5rem right -1.5rem;background-size:8rem;color:inherit;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.path-card:hover{transform:translateY(-3px) scale(1.01);box-shadow:var(--shadow-lg),0 0 0 1px var(--color-primary-border),var(--shadow-accent)}.path-card:active{transform:translateY(-1px) scale(1.005);transition-duration:80ms}.path-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.path-card--sakura{background-image:url(/images/bambou.png)}.path-card--dojo{background-color:var(--color-dojo-surface);border-color:var(--color-dojo-border)}.path-card--dojo:hover{box-shadow:var(--shadow-lg),0 0 0 1px var(--color-dojo-border),var(--shadow-dojo-accent)}.path-card--dojo:focus-visible{outline-color:var(--color-dojo)}.path-card__mascot{position:absolute;top:.85rem;right:.85rem;width:4.25rem;height:4.25rem;object-fit:contain;filter:drop-shadow(var(--shadow-drop-sm));pointer-events:none}.path-card__header{display:flex;align-items:center;gap:.85rem}.path-card__badge{flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--color-primary-soft);color:var(--color-on-primary-soft);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.path-card--dojo .path-card__badge{background:var(--color-dojo-soft);color:var(--color-on-dojo-soft)}.path-card__name{margin:0;font-size:1.15rem}.path-card__count{margin:0;color:var(--color-text-muted);font-size:.85rem}.path-card__progress{display:flex;flex-direction:column;gap:.35rem}.path-card__progress-label{display:flex;justify-content:space-between;font-size:.8rem;color:var(--color-text-muted)}.progress-bar--dojo .progress-bar__fill{background:var(--color-dojo)}.progress-bar--dojo{background:var(--color-dojo-progress-track)}.paths-section+.paths-section{margin-top:2.5rem}.paths-section__title{margin:0 0 1rem;font-size:1.3rem}.classroom-tracks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.classroom-track-card{background:var(--color-classroom-surface);border:1.5px solid var(--color-classroom-border);border-radius:6px;padding:1.5rem;display:flex;flex-direction:column;gap:.85rem;color:inherit;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.classroom-track-card:hover{transform:translateY(-3px) scale(1.01);box-shadow:var(--shadow-lg),0 0 0 1px var(--color-classroom-border)}.classroom-track-card:focus-visible{outline:2px solid var(--color-classroom);outline-offset:2px}.classroom-track-card__header{display:flex;align-items:center;gap:.85rem}.classroom-track-card__badge{flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:6px;background:var(--color-classroom-soft);display:flex;align-items:center;justify-content:center;font-size:1.3rem}.classroom-track-card__name{margin:0;font-size:1.15rem}.classroom-track-card__teacher{margin:0;color:var(--color-text-muted);font-size:.85rem}.classroom-track-card__progress{display:flex;flex-direction:column;gap:.35rem}.classroom-track-card__count{color:var(--color-text-muted);font-size:.85rem}.classroom-track-card__empty{margin:0;color:var(--color-text-muted);font-size:.9rem;font-style:italic}.progress-bar--classroom .progress-bar__fill{background:var(--color-classroom)}.progress-bar--classroom{background:var(--color-classroom-progress-track)}.classroom-skill-track-detail-list{list-style:none;margin:1.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.6rem}.classroom-skill-track-detail-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:.85rem 1.25rem;display:flex;align-items:center;gap:1rem}.classroom-skill-track-detail-item--validated{background:var(--color-on-classroom);border-color:var(--color-classroom-border)}.classroom-skill-track-detail-item__number{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background:var(--color-progress-track);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.classroom-skill-track-detail-item--validated .classroom-skill-track-detail-item__number{background:var(--color-classroom-soft);color:var(--color-on-classroom-soft)}.classroom-skill-track-detail-item__name{flex:1;font-weight:600;color:inherit;text-decoration:none}.classroom-skill-track-detail-item__name:hover{text-decoration:underline}.classroom-skill-track-detail-item__name--custom{display:flex;align-items:center;gap:.5rem;cursor:default}.classroom-skill-track-detail-item__name--custom:hover{text-decoration:none}.classroom-member-card__actions{display:flex;align-items:center;gap:.75rem}.path-progress-card{flex-shrink:0;margin-bottom:1.5rem;background:var(--color-washi-surface);border:1.5px solid var(--color-primary-border);border-radius:14px;padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:1rem}.path-progress-card--dojo{background:var(--color-dojo-surface);border-color:var(--color-dojo-border)}.path-progress-card__top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.path-progress-card__label{display:flex;align-items:center;gap:.75rem;font-weight:600}.path-progress-card__icon{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.path-progress-card--dojo .path-progress-card__icon{background:var(--color-dojo-soft);color:var(--color-on-dojo-soft)}.path-progress-card__icon-svg{width:1.15rem;height:1.15rem}.path-progress-card__percentage{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.path-progress-card--dojo .path-progress-card__percentage{color:var(--color-on-dojo-soft)}.path-progress-card__stats{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem;color:var(--color-text-muted);font-size:.95rem}.path-progress-card__stat{display:flex;align-items:center;gap:.5rem}.path-progress-card__stat-svg{width:1rem;height:1rem;color:var(--color-primary)}.path-progress-card--dojo .path-progress-card__stat-svg{color:var(--color-on-dojo-soft)}.lesson-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.lesson-tab{background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;padding:.4rem .9rem;font-size:.85rem;cursor:pointer;color:var(--color-text)}.lesson-tab--active{background:var(--color-text);color:var(--color-surface);border-color:var(--color-text)}.lesson-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1.5rem;margin-bottom:1.5rem}.lesson-section__title{margin:0 0 1rem;font-size:1.2rem}.lesson-content{display:flex;flex-direction:column;gap:1.25rem}.lesson-content__paragraph{margin:0;line-height:1.6}.lesson-content__heading{margin:.5rem 0 0;font-size:1.05rem}.lesson-content__list{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.35rem;line-height:1.6}.lesson-highlight{background:none;color:inherit;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}.lesson-pattern{margin:0;align-self:flex-start;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:.75rem 1.25rem;font-size:1.3rem}.lesson-example{margin:0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem}.lesson-example__japanese{margin:0;font-size:1.2rem}.lesson-example__romaji{margin:0;font-style:italic;color:var(--color-text-muted)}.lesson-example__french{margin:0;font-size:.95rem}.lesson-example__context{margin:0;font-size:.85rem;color:var(--color-text-muted)}.lesson-callout{border-left:4px solid var(--color-text);background:var(--color-bg);border-radius:0 8px 8px 0;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.35rem}.lesson-callout__title{margin:0;font-weight:600}.lesson-callout__text{margin:0;line-height:1.6}.kana-table__caption{margin:0 0 .75rem;color:var(--color-text-muted);font-size:.9rem}.kana-table__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:.5rem}.kana-table__cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:.5rem .25rem}.kana-table__kana{font-size:1.4rem}.kana-table__romaji{font-size:.75rem;color:var(--color-text-muted)}.evaluation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.lesson-definition{display:flex;flex-direction:column;gap:1.5rem}.lesson-definition-summary{display:flex;flex-direction:column;gap:.75rem}.lesson-definition-summary__duration{margin:0;align-self:flex-start;font-size:.85rem;color:var(--color-text-muted)}.lesson-definition-objective{background:var(--color-washi-surface);border:1px solid var(--color-primary-border);border-radius:8px;padding:.75rem 1rem}.lesson-definition-objective__title{margin:0 0 .35rem;font-weight:600;color:var(--color-on-primary-soft)}.lesson-definition-objective__text{margin:0;line-height:1.6}.lesson-definition-grammar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin:0}.lesson-definition-grammar-grid dt{margin:0 0 .15rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted)}.lesson-definition-grammar-grid dd{margin:0;font-size:1rem}.lesson-definition-description{display:flex;flex-direction:column;gap:.5rem}.lesson-definition-description__title{margin:0;font-size:1.05rem}.lesson-definition-description__paragraph{margin:0;line-height:1.6}.lesson-attention-points{display:flex;flex-direction:column;gap:.6rem}.lesson-attention-point{border-left:4px solid var(--color-border);background:var(--color-bg);border-radius:0 8px 8px 0;padding:.6rem .9rem;display:flex;flex-direction:column;gap:.3rem}.lesson-attention-point--warning{border-left-color:var(--color-danger-border)}.lesson-attention-point--important{position:relative;border:1px solid var(--color-warning-border);background:var(--color-washi-surface);border-radius:10px;padding:.6rem .9rem .6rem 1rem;box-shadow:var(--shadow-sm);gap:.25rem}.lesson-attention-point--note{position:relative;border:1px solid var(--color-dojo-border);background:var(--color-dojo-soft);border-radius:10px;padding:.6rem .9rem .6rem 1rem;box-shadow:var(--shadow-sm);gap:.25rem}.lesson-attention-point__badge{margin:0;align-self:flex-start;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.lesson-attention-point--important .lesson-attention-point__badge{display:inline-flex;align-items:center;gap:.3rem;color:var(--color-warning)}.lesson-attention-point--important .lesson-attention-point__badge:before{content:"★";font-size:.85em}.lesson-attention-point--note .lesson-attention-point__badge{display:inline-flex;align-items:center;gap:.3rem;color:var(--color-dojo)}.lesson-attention-point--note .lesson-attention-point__badge:before{content:"✦";font-size:.85em}.lesson-attention-point--warning .lesson-attention-point__badge{color:var(--color-danger)}.lesson-attention-point__title{margin:0;font-size:1rem}.lesson-attention-point__paragraph{margin:0;line-height:1.6}.lesson-attention-point__correct{margin:0;color:var(--color-success);background:var(--color-success-soft);border-radius:6px;padding:.3rem .5rem}.lesson-attention-point__translation{color:var(--color-text);font-weight:400}.lesson-attention-point__mistake{display:flex;flex-direction:column;gap:.25rem}.lesson-attention-point__incorrect{margin:0;color:var(--color-danger);border-radius:6px;padding:.3rem .5rem}.lesson-attention-point__fix{margin:0;color:var(--color-success);border-radius:6px;padding:.3rem .5rem}.lesson-attention-point__explanation{margin:0;font-size:.85rem;color:var(--color-text-muted)}.lesson-examples-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.85rem}.lesson-examples-section__title{margin:0;font-size:1.05rem}.lesson-definition-examples{display:flex;flex-direction:column;gap:1rem}.example-card{position:relative;margin:0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:.65rem 1rem .75rem;display:flex;flex-direction:column;gap:.3rem;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}@media(hover:hover)and (pointer:fine){.example-card:hover{border-color:var(--color-primary-border);box-shadow:var(--shadow-md);transform:translateY(-1px)}}.example-card__japanese{margin:0;font-size:1.35rem;font-weight:500;line-height:2.2}.example-card__translation{margin:0;font-size:.98rem;color:var(--color-text)}.example-card__note{margin:0;font-size:.82rem;color:var(--color-text-muted);font-style:italic}.lesson-segment{display:inline}.lesson-segment--theme{color:var(--color-dojo);font-weight:600}.lesson-segment--grammar{background:var(--color-primary-soft);color:var(--color-on-primary-soft);font-weight:600;border-radius:4px;padding:.05em .2em}.example-card__japanese ruby{ruby-align:center}.example-card__japanese rt{font-size:.58em;font-weight:400;line-height:1.4;letter-spacing:0;color:var(--color-text-muted)}.skill-detail__layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2rem;align-items:start}.skill-detail__main{min-width:0}.skill-detail__sidebar{position:sticky;top:1.5rem;display:flex;flex-direction:column;gap:1.25rem}@media(max-width:860px){.skill-detail__layout{grid-template-columns:1fr}.skill-detail__sidebar{position:static}}.evaluation-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.evaluation-panel__title{margin:0;font-size:1rem}.evaluation-panel__stars{font-size:1.4rem;letter-spacing:.2rem;color:var(--color-text-muted)}.evaluation-panel__score{font-size:1.4rem;font-weight:600;color:var(--color-text-muted)}.evaluation-star--filled{color:var(--color-star)}.self-evaluation__stars{display:flex;gap:.15rem}.self-evaluation-star{background:none;border:none;padding:.1rem;font-size:1.4rem;line-height:1;color:var(--color-text-muted);cursor:pointer}.self-evaluation-star--filled{color:var(--color-star)}.self-evaluation-star:disabled{cursor:wait}.self-evaluation__label{margin:0;font-weight:600}.self-evaluation__remove{background:none;border:none;padding:0;font-size:.8rem;color:var(--color-text-muted);text-decoration:underline;cursor:pointer}.self-evaluation__error{margin:0;font-size:.85rem;color:var(--color-danger)}.evaluation-panel__score--filled{color:var(--color-text)}.exam-panel__start{background:var(--color-text);color:var(--color-surface);border:none;border-radius:6px;padding:.45rem .9rem;font-size:.85rem;cursor:pointer}.exam-panel__start--secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.evaluation-panel--appreciations{align-items:stretch;text-align:left}.received-appreciation-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem;width:100%}.received-appreciation{border-top:1px solid var(--color-border);padding-top:.6rem;display:flex;flex-direction:column;gap:.15rem}.received-appreciation:first-child{border-top:none;padding-top:0}.received-appreciation__teacher{margin:0;font-weight:600;font-size:.9rem}.received-appreciation__stars{font-size:1.1rem;letter-spacing:.15rem;color:var(--color-star)}.received-appreciation__label{margin:0;font-size:.85rem;color:var(--color-text-muted)}.received-appreciation__date{margin:0;font-size:.8rem;color:var(--color-text-muted)}.exam-runner{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1.5rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}.exam-runner__header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}.exam-runner__title{margin:0;font-size:1.2rem}.exam-runner__quit{background:none;border:none;padding:0;font-size:.85rem;color:var(--color-text-muted);text-decoration:underline;cursor:pointer}.exam-runner__progress{margin:0;color:var(--color-text-muted);font-size:.9rem}.exam-question{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.exam-question__text{padding:0;font-size:1.05rem;font-weight:600;margin-bottom:.5rem}.exam-question__answers{display:flex;flex-direction:column;gap:.5rem}.exam-answer{display:flex;align-items:center;gap:.6rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:.6rem .85rem;cursor:pointer}.exam-answer--selected{border-color:var(--color-text);font-weight:600}.exam-runner__nav{display:flex;justify-content:space-between;gap:1rem}.exam-runner__nav-button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;color:var(--color-text)}.exam-runner__nav-button:disabled{opacity:.5;cursor:not-allowed}.exam-runner__submit{background:var(--color-text);color:var(--color-surface);border:none;border-radius:6px;padding:.5rem 1.1rem;font-size:.9rem;cursor:pointer}.exam-runner__submit:disabled{opacity:.5;cursor:not-allowed}.exam-runner__hint{margin:0;color:var(--color-text-muted);font-size:.85rem}.exam-runner__error{margin:0;font-size:.85rem;color:var(--color-danger)}.exam-result__score{margin:0;font-size:2rem;font-weight:700}.exam-result__detail{margin:0;color:var(--color-text-muted)}.exam-correction__title{margin:.5rem 0 0;font-size:1.05rem}.exam-correction{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.75rem}.exam-correction__item{border-left:4px solid var(--color-border);padding:.5rem .85rem;background:var(--color-bg);border-radius:0 8px 8px 0;display:flex;flex-direction:column;gap:.25rem}.exam-correction__item--correct{border-left-color:var(--color-success-border)}.exam-correction__item--incorrect{border-left-color:var(--color-danger-border)}.exam-correction__question{margin:0;font-weight:600}.exam-correction__answer{margin:0;font-size:.9rem}.exam-correction__explanation{margin:0;font-size:.85rem;color:var(--color-text-muted)}.exam-runner__close{align-self:flex-start;background:var(--color-text);color:var(--color-surface);border:none;border-radius:6px;padding:.5rem 1.1rem;font-size:.9rem;cursor:pointer}.evaluation-panel__comment{font-size:1.4rem;font-weight:600;color:var(--color-text-muted)}.evaluation-panel__placeholder{margin:0;color:var(--color-text-muted);font-size:.85rem}.admin-layout{display:flex;align-items:flex-start;min-height:100%}.admin-layout__content{flex:1;min-width:0}.admin-sidebar__toggle,.admin-sidebar__overlay{display:none}.admin-sidebar{position:sticky;top:0;align-self:flex-start;flex:0 0 250px;width:250px;max-height:100vh;overflow-y:auto;padding:2rem 1rem;border-right:1px solid var(--color-border);box-sizing:border-box}.admin-sidebar__group{margin-bottom:1.5rem}.admin-sidebar__group-label{margin:0 0 .4rem;padding:0 .75rem;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.admin-sidebar__link{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;border-radius:6px;color:var(--color-text);text-decoration:none;font-size:.9rem}.admin-sidebar__link:hover{background:var(--color-washi-surface)}.admin-sidebar__link--active{background:var(--color-primary-soft);color:var(--color-on-primary-soft);font-weight:600}.admin-sidebar__link-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-sidebar__counter{flex:0 0 auto;min-width:1.5rem;padding:.1rem .4rem;border-radius:999px;background:var(--color-primary-soft);color:var(--color-on-primary-soft);font-size:.75rem;font-weight:600;text-align:center}.messages-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.messages-list__item{display:flex;flex-direction:column;gap:.2rem;text-decoration:none;color:var(--color-text);padding:.85rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-raised)}.messages-list__item:hover{border-color:var(--color-primary)}.messages-list__item--unread{position:relative;padding-left:1.5rem}.messages-list__item--unread:before{content:"";position:absolute;left:.6rem;top:1.1rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--color-primary)}.messages-list__item--unread .messages-list__title{font-weight:700}.messages-list__title{font-weight:500}.messages-list__excerpt{color:var(--color-text-muted);font-size:.9rem}.messages-list__date{color:var(--color-text-muted);font-size:.8rem}.message-detail{max-width:640px}.message-detail__date{color:var(--color-text-muted);font-size:.85rem;margin-top:-.5rem}.message-detail__content{white-space:pre-wrap;line-height:1.6}.admin-page-header{margin-bottom:2rem}.admin-page-header__title{margin:0 0 .25rem;font-size:2rem}.admin-page-header__subtitle{margin:0;color:var(--color-text-muted)}@media(max-width:900px){.admin-layout{display:block}.admin-sidebar__toggle{display:inline-flex;align-items:center;margin-bottom:1.5rem;padding:.5rem .9rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);font-size:.9rem;cursor:pointer}.admin-sidebar{position:fixed;top:0;left:0;z-index:30;width:min(280px,80vw);height:100%;max-height:none;background:var(--color-surface);box-shadow:var(--shadow-menu);transform:translate(-100%);transition:transform .2s ease}.admin-sidebar--open{transform:translate(0)}.admin-sidebar__overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--color-overlay)}}.beta-key-admin__create,.beta-key-admin__generated,.beta-key-admin__list{margin-top:1.25rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);padding:1.25rem}.beta-key-admin__create{display:flex;align-items:center;justify-content:space-between;gap:1rem}.beta-key-admin__create h2,.beta-key-admin__create p,.beta-key-admin__list h2{margin:0}.beta-key-admin__create p{margin-top:.35rem;color:var(--color-text-muted)}.beta-key-admin__create button,.beta-key-admin__generated button{border:0;border-radius:6px;background:var(--color-text);color:var(--color-surface);padding:.65rem 1rem;cursor:pointer}.beta-key-admin__generated{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;border-color:var(--color-primary-border);background:var(--color-primary-soft)}.beta-key-admin__warning{flex-basis:100%;margin:0;font-weight:600}.beta-key-admin__generated code{overflow-wrap:anywhere;font-size:1rem}.beta-key-admin__table-wrapper{margin-top:1rem;overflow-x:auto}.beta-key-admin__table{width:100%;border-collapse:collapse}.beta-key-admin__table th,.beta-key-admin__table td{padding:.75rem;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle}.beta-key-admin__status{display:inline-block;border-radius:999px;padding:.2rem .55rem;font-size:.8rem;font-weight:700}.beta-key-admin__status--available{color:var(--color-success);background:var(--color-success-soft)}.beta-key-admin__status--used{color:var(--color-dojo);background:var(--color-dojo-soft)}.beta-key-admin__status--revoked{color:var(--color-danger);background:var(--color-danger-soft)}.beta-key-admin__email{color:var(--color-text-muted);font-size:.85rem}.beta-key-admin__revoke{border:1px solid var(--color-danger-border);border-radius:6px;background:transparent;color:var(--color-danger);padding:.4rem .65rem;cursor:pointer}@media(max-width:700px){.beta-key-admin__create{align-items:stretch;flex-direction:column}}.role-admin__create,.role-admin__list,.user-admin__search,.user-admin__list{margin-top:1.25rem}.role-admin__create-fields{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.6rem}.role-admin__row,.user-admin__row{margin-top:.75rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);padding:1rem}.role-admin__summary,.user-admin__summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.role-admin__badge{display:inline-block;border-radius:999px;padding:.15rem .5rem;font-size:.75rem;font-weight:700;color:var(--color-dojo);background:var(--color-dojo-soft)}.role-admin__key code{color:var(--color-text-muted);font-size:.8rem}.role-admin__meta{margin:.2rem 0 0;color:var(--color-text-muted);font-size:.85rem}.role-admin__actions{display:flex;gap:.5rem}.role-admin__editor{margin-top:1rem;border-top:1px solid var(--color-border);padding-top:1rem}.role-admin__editor-fields{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.6rem;margin-bottom:1rem}.role-admin__editor-fields label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.role-admin__permissions-table{width:100%;border-collapse:collapse;margin-bottom:.75rem}.role-admin__permissions-table th,.role-admin__permissions-table td{padding:.5rem .25rem;border-bottom:1px solid var(--color-border);text-align:left}.role-admin__zone-group{margin-bottom:1rem}.role-admin__zone-group-title{margin:0 0 .4rem;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.role-admin__create-fields input,.role-admin__create-fields button,.role-admin__editor-fields input,.role-admin__editor-fields select,.role-admin__editor-fields button,.role-admin__permissions-table select,.user-admin__search input,.user-admin__search select,.user-admin__search button{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-size:.9rem;font-family:inherit}.role-admin__create-fields button,.role-admin__editor-fields button,.user-admin__search button{cursor:pointer}.role-admin__create-fields input:focus,.role-admin__editor-fields input:focus,.role-admin__editor-fields select:focus,.role-admin__permissions-table select:focus,.user-admin__search input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.role-admin__create-fields button:focus-visible,.role-admin__editor-fields button:focus-visible,.user-admin__search button:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.role-admin__create-fields button:hover:not(:disabled),.role-admin__editor-fields button:hover:not(:disabled),.user-admin__search button:hover:not(:disabled){background:var(--color-washi-surface)}.role-admin__create-fields button:disabled,.role-admin__editor-fields button:disabled,.user-admin__search button:disabled{opacity:.6;cursor:not-allowed}.user-admin__search{display:flex;gap:.6rem}.user-admin__email{color:var(--color-text-muted);font-size:.85rem}.user-admin__roles{display:flex;flex-wrap:wrap;gap:.35rem}.user-admin__pill{display:inline-block;border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:600;color:var(--color-on-primary-soft);background:var(--color-primary-soft)}.user-admin__pill--none{color:var(--color-text-muted);background:transparent;border:1px dashed var(--color-border)}.user-admin__editor{margin-top:1rem;border-top:1px solid var(--color-border);padding-top:1rem;display:flex;flex-direction:column;gap:.5rem}.user-admin__role-line{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.user-admin__success{margin:0 0 .5rem;color:var(--color-success);font-size:.85rem}.admin-user-list{list-style:none;margin:1.25rem 0 0;padding:0;display:flex;flex-direction:column;gap:.6rem}.admin-user-list__row{display:flex;align-items:center;gap:.85rem;width:100%;box-sizing:border-box;text-align:left;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);padding:.75rem 1rem;cursor:pointer;font:inherit;color:inherit}.admin-user-list__row:hover,.admin-user-list__row:focus-visible{border-color:var(--color-primary-border);outline:none}.admin-user-list__avatar{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:999px;background:var(--color-primary-soft);color:var(--color-on-primary-soft);font-weight:700;font-size:.95rem;flex-shrink:0}.admin-user-list__info{display:flex;flex-direction:column;min-width:0;flex:1 1 12rem}.admin-user-list__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-list__email{color:var(--color-text-muted);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-list__roles{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end;flex:1 1 10rem}.admin-user-list__chevron{color:var(--color-text-muted);flex-shrink:0}@media(max-width:700px){.admin-user-list__row{flex-wrap:wrap}.admin-user-list__roles{justify-content:flex-start;width:100%;padding-left:3.1rem}}.admin-user-panel__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);display:flex;justify-content:flex-end;z-index:100}.admin-user-panel{background:var(--color-surface);width:100%;max-width:26rem;height:100%;box-sizing:border-box;display:flex;flex-direction:column;box-shadow:var(--shadow-menu);overflow-y:auto}.admin-user-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid var(--color-border)}.admin-user-panel__identity{display:flex;align-items:center;gap:.85rem;min-width:0}.admin-user-panel__avatar{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:999px;background:var(--color-primary-soft);color:var(--color-on-primary-soft);font-weight:700;font-size:1.1rem;flex-shrink:0}.admin-user-panel__name{margin:0;font-size:1.1rem}.admin-user-panel__email{margin:.15rem 0 0;color:var(--color-text-muted);font-size:.85rem}.admin-user-panel__id{margin:.15rem 0 0;color:var(--color-text-muted);font-size:.75rem}.admin-user-panel__close{border:none;background:none;cursor:pointer;font-size:1.4rem;line-height:1;color:var(--color-text-muted);padding:.1rem .4rem}.admin-user-panel__close:hover{color:var(--color-text)}.admin-user-panel__body{padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem;flex:1}.admin-user-panel__section-title{margin:0 0 .6rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted)}.admin-user-panel__role-list{display:flex;flex-direction:column;gap:.5rem}.admin-user-panel__role-card{display:flex;align-items:flex-start;gap:.65rem;border:1px solid var(--color-border);border-radius:10px;padding:.65rem .85rem;cursor:pointer}.admin-user-panel__role-card--held{border-color:var(--color-primary-border);background:var(--color-washi-surface)}.admin-user-panel__role-name{font-weight:600}.admin-user-panel__role-description{display:block;margin:.15rem 0 0;color:var(--color-text-muted);font-size:.8rem}.admin-user-panel__footer{padding:1rem 1.25rem;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.5rem}.admin-user-panel__footer-actions{display:flex;justify-content:flex-end;gap:.6rem}@media(max-width:700px){.admin-user-panel{max-width:none}}.admin-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.admin-application-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.admin-application-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1.25rem;display:flex;flex-direction:column;gap:.6rem}.admin-application-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.admin-application-card__name{margin:0;font-weight:600}.admin-application-card__email{margin:0;color:var(--color-text-muted);font-size:.85rem}.admin-application-card__message{margin:0;padding:.75rem 1rem;background:var(--color-washi-surface);border-radius:8px;font-size:.9rem;line-height:1.5}.admin-application-card__date{margin:0;color:var(--color-text-muted);font-size:.8rem}.admin-application-card__actions{display:flex;gap:.75rem}.feature-flags-group{margin-bottom:2rem}.feature-flags-group__title{font-size:1.05rem;margin-bottom:.75rem}.feature-flags-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.feature-flags-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1rem 1.25rem}.feature-flags-row__info{display:flex;flex-direction:column;gap:.25rem}.feature-flags-row__label{margin:0;font-weight:600}.feature-flags-row__description{margin:0;color:var(--color-text-muted);font-size:.85rem}.feature-flags-row__notice{margin:0;color:var(--color-warning);font-size:.8rem}.feature-flags-row__date{margin:0;color:var(--color-text-muted);font-size:.75rem}.feature-flags-row__success{margin:0;color:var(--color-success);font-size:.75rem}.feature-flags-toggle{flex-shrink:0;padding:.4rem 1rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-washi-surface);color:var(--color-text-muted);font-size:.85rem;cursor:pointer}.feature-flags-toggle--on{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.feature-flags-toggle:disabled{opacity:.6;cursor:not-allowed}.admin-sentence-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.admin-sentence-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1.25rem;display:flex;flex-direction:column;gap:.4rem}.admin-sentence-card__japanese{margin:0;font-size:1.1rem}.admin-sentence-card__translation{margin:0;color:var(--color-text-muted)}.admin-sentence-card__skills{margin:0;font-size:.8rem;color:var(--color-on-primary-soft)}.admin-lesson-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.admin-lesson-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1rem 1.25rem}.admin-lesson-card__info{display:flex;flex-direction:column;gap:.25rem}.admin-lesson-card__title{margin:0;font-weight:600}.admin-lesson-card__meta{margin:0;color:var(--color-text-muted);font-size:.8rem}.admin-lesson-card__open{flex-shrink:0;border:1px solid var(--color-border);border-radius:6px;padding:.45rem 1rem;font-size:.85rem;color:var(--color-text);text-decoration:none}.admin-lesson-card__open:hover{background:var(--color-washi-surface)}button.admin-lesson-card__open{background:var(--color-surface);font:inherit;cursor:pointer}button.admin-lesson-card__open:disabled{cursor:not-allowed;opacity:.6}.admin-story-card{flex-wrap:wrap}.admin-story-card__actions{display:flex;flex-shrink:0;align-items:center;gap:.5rem}.admin-story-card .admin-lesson-card__info{min-width:0}.admin-story-card__identifier{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;color:var(--color-text-muted);font-size:.8rem}.admin-story-card__identifier code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.admin-story-card__identifier button{background:transparent;cursor:pointer}.admin-story-create{display:inline-flex;margin-bottom:1.25rem;padding:.6rem 1rem;border-radius:8px;background:var(--color-primary);color:var(--color-on-primary);text-decoration:none;font-weight:600}.admin-story-editor,.admin-story-sentences{display:flex;flex-direction:column;gap:1.25rem}.admin-story-metadata{max-width:none}.admin-story-thumbnail-editor{display:flex;align-items:center;gap:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--color-border)}.admin-story-thumbnail-editor__preview{display:grid;width:96px;height:96px;overflow:hidden;flex:0 0 auto;place-items:center;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface-subtle);color:var(--color-text-muted);font-size:2rem}.admin-story-thumbnail-editor__preview img{width:100%;height:100%;object-fit:cover}.admin-story-thumbnail-editor h2,.admin-story-thumbnail-editor p{margin:0}.admin-story-thumbnail-editor p{margin-top:.25rem;color:var(--color-text-muted);font-size:.9rem}.admin-story-thumbnail-editor__actions{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.admin-story-syntax-help{margin:0;padding:.85rem 1rem;border-left:3px solid var(--color-primary-border);background:var(--color-surface-subtle);color:var(--color-text-muted);line-height:1.6}.admin-story-syntax-help code{color:var(--color-text)}.admin-story-sentence{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface)}.admin-story-sentence__header,.admin-story-sentence__controls,.admin-story-actions{display:flex;align-items:center;gap:.6rem}.admin-story-sentence__header{justify-content:space-between}.admin-story-sentence__summary{display:flex;align-items:center;gap:.6rem;min-width:0;padding:0;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.admin-story-sentence__toggle{flex:0 0 auto;color:var(--color-text-muted)}.admin-story-sentence__preview-text{overflow:hidden;min-width:0;color:var(--color-text-muted);font-size:.9rem;font-weight:400;white-space:nowrap;text-overflow:ellipsis}.admin-story-sentence__header h2,.admin-story-preview p,.admin-story-sentence__error{margin:0}.admin-story-sentence__controls button,.admin-story-delete{padding:.4rem .65rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text);cursor:pointer}.admin-story-sentence__controls button:disabled,.admin-story-delete:disabled{cursor:not-allowed;opacity:.55}.admin-story-sentence__remove,.admin-story-delete{color:var(--color-danger);border-color:var(--color-danger-border)}.admin-story-preview{display:flex;flex-direction:column;gap:.4rem;min-height:4rem;padding:.75rem 1rem;border-radius:8px;background:var(--color-washi-surface)}.admin-story-preview p[lang=ja]{font-size:1.15rem;line-height:2}.admin-story-preview__dictionary{margin:0 .08rem;padding:.08rem .2rem;border-bottom:2px solid var(--color-primary);border-radius:3px;background:var(--color-primary-soft)}.admin-story-preview__dictionary--invalid{border-bottom-color:var(--color-danger);background:var(--color-danger-soft)}.admin-story-sentence__error{color:var(--color-danger);font-size:.85rem}.admin-story-actions{flex-wrap:wrap;position:sticky;bottom:0;z-index:5;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);box-shadow:var(--shadow-sticky-top)}.admin-story-image-editor{display:flex;align-items:center;gap:1.25rem}.admin-story-image-editor__preview{display:grid;width:96px;height:96px;overflow:hidden;flex:0 0 auto;place-items:center;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-subtle);color:var(--color-text-muted);font-size:2rem}.admin-story-image-editor__preview img{width:100%;height:100%;object-fit:cover}.admin-story-image-editor__actions{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.admin-story-image-editor__reveal{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-text-muted);font-size:.9rem}.admin-story-inserter{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.35rem 0}.admin-story-inserter__button{padding:.25rem .6rem;border:1px dashed var(--color-border);border-radius:999px;background:transparent;color:var(--color-text-muted);font-size:.78rem;cursor:pointer;transition:border-color .15s ease,color .15s ease}.admin-story-inserter__button:hover:not(:disabled){border-color:var(--color-primary);border-style:solid;color:var(--color-primary)}.admin-story-inserter__button:disabled{cursor:not-allowed;opacity:.5}@media(max-width:640px){.admin-story-thumbnail-editor,.admin-story-image-editor,.admin-story-sentence__header{align-items:flex-start;flex-direction:column}}.admin-lesson-form{display:flex;flex-direction:column;gap:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1.5rem;max-width:40rem}.admin-lesson-form__textarea{padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text);font-size:1rem;font-family:inherit;resize:vertical}.admin-lesson-form__textarea--code{font-family:monospace;font-size:.85rem}.admin-lesson-form__readonly-note{margin:0;padding:.75rem 1rem;background:var(--color-washi-surface);border-radius:8px;font-size:.85rem;color:var(--color-text-muted)}.admin-lesson-transfer{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1.5rem;margin-bottom:1.5rem;max-width:40rem}.admin-lesson-transfer__title{margin:0;font-size:1.05rem}.admin-lesson-transfer__hint{margin:0;color:var(--color-text-muted);font-size:.85rem}.admin-lesson-transfer__import{display:flex;flex-direction:column;gap:.35rem}.admin-lesson-transfer__report{display:flex;flex-direction:column;gap:.4rem;width:100%}.admin-lesson-transfer__errors{margin:0;background:var(--color-danger-soft);border:1px solid var(--color-danger-border);border-radius:8px;color:var(--color-danger);font-size:.85rem;list-style:disc;padding:.75rem 1rem .75rem 2rem}.admin-application-card__approve,.admin-application-card__reject{border:none;border-radius:6px;padding:.45rem 1rem;font-size:.85rem;cursor:pointer}.admin-application-card__approve{background:var(--color-success);color:var(--color-on-success)}.admin-application-card__approve:hover{background:var(--color-success-hover)}.admin-application-card__reject{background:none;border:1px solid var(--color-danger-border);color:var(--color-danger)}.admin-application-card__approve:disabled,.admin-application-card__reject:disabled{opacity:.6;cursor:not-allowed}.status-pill{display:inline-block;border-radius:999px;padding:.25rem .7rem;font-size:.75rem;font-weight:600;white-space:nowrap}.status-pill--pending{background:var(--color-primary-soft);color:var(--color-on-primary-soft)}.status-pill--approved{background:var(--color-success-soft);color:var(--color-success)}.status-pill--rejected{background:var(--color-danger-soft);color:var(--color-danger)}.status-pill--active{background:var(--color-success-soft);color:var(--color-success)}.status-pill--ended{background:var(--color-border);color:var(--color-text-muted)}.nav-bar__links a.nav-bar__teacher-link{color:var(--color-on-primary-soft);font-weight:600}.teacher-code{margin:0;font-family:monospace;font-size:1.4rem;font-weight:700;letter-spacing:.05em;color:var(--color-on-primary-soft)}.teacher-code-card{padding:1rem 1.5rem;gap:.25rem;margin-bottom:1rem}.teacher-code-card__main{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.teacher-code-card__info{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;min-width:0}.teacher-code-card__info .dashboard-card__title{margin:0}.teacher-code-card .dashboard-card__hint{margin-top:.1rem;font-size:.8rem}.teacher-code-card__actions{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.teacher-code-card__copy{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--color-border);border-radius:8px;padding:.45rem 1rem;font-size:.85rem;cursor:pointer;background:none;color:var(--color-text-muted);white-space:nowrap}.teacher-code-card__copy:hover{border-color:var(--color-primary);color:var(--color-primary)}.teacher-code-card__copy:disabled{opacity:.6;cursor:not-allowed}.teacher-lookup-form{display:flex;align-items:flex-end;gap:.75rem;margin-top:.5rem}.teacher-lookup-form__field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;flex:1}.teacher-lookup-form__field input{padding:.5rem .65rem;border:1px solid var(--color-border);border-radius:6px;font-size:1rem;text-transform:uppercase}.teacher-lookup-form__field input.teacher-search__input{text-transform:none}.teacher-lookup-form__search{background:var(--color-text);color:var(--color-surface);border:none;border-radius:6px;padding:.55rem 1.1rem;font-size:.9rem;cursor:pointer}.teacher-lookup-form__search:disabled{opacity:.6;cursor:not-allowed}.teacher-lookup-result{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.75rem;padding:.75rem 1rem;background:var(--color-washi-surface);border-radius:8px;font-size:.9rem}.teacher-lookup-result__submit{background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:6px;padding:.5rem 1.1rem;font-size:.9rem;cursor:pointer;white-space:nowrap}.teacher-lookup-result__submit:disabled{opacity:.6;cursor:not-allowed}.teacher-search-form{max-width:640px;margin:.75rem 0 1rem}.teacher-search-form__field{position:relative;display:flex;align-items:center}.teacher-search-form__icon{position:absolute;left:.85rem;width:18px;height:18px;color:var(--color-text-muted);pointer-events:none}.teacher-search-form__input{width:100%;padding:.6rem .85rem .6rem 2.5rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-size:1rem}.teacher-search-form__input:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.teacher-relation-list{list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.teacher-relation-card{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem;padding:.9rem 1.1rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface)}.teacher-relation-card__avatar{flex-shrink:0}.teacher-relation-card__body{flex:1;min-width:0}.teacher-relation-card__name{margin:0;font-weight:600}.teacher-relation-card__meta,.teacher-relation-card__classrooms{margin:.15rem 0 0;color:var(--color-text-muted);font-size:.85rem}.teacher-relation-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;width:100%}.teacher-relation-card__message{position:relative;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}.teacher-relation-card__message:disabled{opacity:.6;cursor:not-allowed}.teacher-relation-card__unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.1rem;height:1.1rem;padding:0 .3rem;border-radius:999px;background:var(--color-danger);color:var(--color-on-primary);font-size:.7rem;line-height:1}.teacher-relation-card__profile-link{background:transparent;border:1px solid var(--color-border);border-radius:6px;padding:.5rem 1rem;font-size:.9rem;color:var(--color-text);text-decoration:none}.teacher-relation-card__profile-link:hover{border-color:var(--color-primary-border);color:var(--color-primary)}.conversation-thread__header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.conversation-thread{display:flex;flex-direction:column;gap:.6rem;max-height:60vh;overflow-y:auto;padding:1rem;margin:1rem 0;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-subtle)}.conversation-bubble{align-self:flex-start;max-width:75%;padding:.6rem .85rem;border-radius:12px;background:var(--color-surface);border:1px solid var(--color-border)}.conversation-bubble--mine{align-self:flex-end;background:var(--color-primary-soft);border-color:var(--color-primary-border)}.conversation-bubble__content{margin:0;white-space:pre-wrap;word-break:break-word}.conversation-bubble__date{display:block;margin-top:.25rem;font-size:.75rem;color:var(--color-text-muted)}.conversation-composer{display:flex;align-items:flex-end;gap:.6rem}.conversation-composer__input{flex:1;resize:vertical;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:1rem}.conversation-composer__input:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.conversation-composer__send{background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:8px;padding:.6rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.conversation-composer__send:disabled{opacity:.6;cursor:not-allowed}.conversation-composer__send-icon{width:18px;height:18px}.conversation-ended-notice{margin:0;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-subtle);color:var(--color-text-muted);font-size:.9rem}.lesson-request-tabs{display:flex;flex-wrap:wrap;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.lesson-request-tabs button{min-height:2.4rem;padding:.45rem .85rem;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);background:var(--color-surface);font-weight:600;font-size:.85rem;cursor:pointer}.lesson-request-tabs button[aria-selected=true]{border-color:var(--color-primary);color:var(--color-on-primary);background:var(--color-primary)}.relationship-list{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:1rem}.relationship-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1.25rem;display:flex;flex-direction:column;gap:.6rem}.relationship-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.relationship-card__identity{display:flex;flex-direction:column;gap:.15rem}.relationship-card__name{margin:0;font-weight:600}.relationship-card__email{margin:0;color:var(--color-text-muted);font-size:.85rem}.relationship-card__date{margin:0;color:var(--color-text-muted);font-size:.8rem}.relationship-card__actions{display:flex;gap:.75rem}.relationship-card__actions--wrap{flex-wrap:wrap}.relationship-card__accept,.relationship-card__reject,.relationship-card__end{border:none;border-radius:6px;padding:.45rem 1rem;font-size:.85rem;cursor:pointer;align-self:flex-start}.relationship-card__accept{background:var(--color-success);color:var(--color-on-success)}.relationship-card__accept:hover{background:var(--color-success-hover)}.relationship-card__reject{background:none;border:1px solid var(--color-danger-border);color:var(--color-danger)}.relationship-card__end{background:none;border:1px solid var(--color-border);color:var(--color-text-muted)}.relationship-card__progress{display:inline-flex;align-items:center;gap:.4rem;border-radius:8px;padding:.45rem 1rem;font-size:.85rem;text-decoration:none;align-self:flex-start;background:var(--color-primary);color:var(--color-on-primary)}.relationship-card__accept:disabled,.relationship-card__reject:disabled,.relationship-card__end:disabled{opacity:.6;cursor:not-allowed}.relationship-card__classroom-picker{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding-top:.6rem;border-top:1px solid var(--color-border)}.relationship-card__classroom-select{flex:1;min-width:160px;padding:.4rem .6rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text);font-size:.85rem;cursor:pointer}.relationship-card__classroom-select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.relationship-card__classroom-add{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--color-border);border-radius:8px;padding:.45rem 1rem;font-size:.85rem;cursor:pointer;background:none;color:var(--color-text-muted);white-space:nowrap}.relationship-card__classroom-add:hover{border-color:var(--color-primary);color:var(--color-primary)}.relationship-card__classroom-add:disabled{opacity:.6;cursor:not-allowed}.classroom-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1rem}.classroom-form__field{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem}.classroom-form__inline{display:flex;align-items:center;gap:.6rem;margin-top:.5rem}.availability-add-button{display:block;width:100%;margin-bottom:1.25rem;padding:.9rem 1rem;border:none;border-radius:10px;background:var(--color-primary);color:var(--color-surface);font-size:1.05rem;font-weight:600;cursor:pointer}.availability-add-button:hover{background:var(--color-primary-hover)}.classroom-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.classroom-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1.25rem;display:flex;flex-direction:column;gap:.6rem}.classroom-card__name{margin:0;font-weight:600}.classroom-card__meta{margin:0;color:var(--color-text-muted);font-size:.8rem}.classroom-card__actions{display:flex;flex-wrap:wrap;gap:.75rem}.classroom-card__open{display:inline-block;border-radius:6px;padding:.45rem 1rem;font-size:.85rem;text-decoration:none;background:var(--color-primary);color:var(--color-on-primary)}.teacher-classes__form{flex-wrap:wrap}.teacher-classes__input{padding:.5rem .65rem;border:1px solid var(--color-border);border-radius:8px;font-size:.9rem;background:var(--color-bg);color:var(--color-text)}.teacher-classes__input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.teacher-classes__create{display:inline-flex;align-items:center;gap:.4rem;border:none;border-radius:8px;padding:.5rem 1.1rem;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;background:var(--color-primary);color:var(--color-on-primary)}.teacher-classes__create:hover{background:var(--color-primary-hover)}.teacher-classes__create:disabled{opacity:.6;cursor:not-allowed}.teacher-classes__actions{align-items:center}.teacher-classes__rename-trigger{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--color-border);border-radius:8px;padding:.45rem 1rem;font-size:.85rem;cursor:pointer;background:none;color:var(--color-text-muted)}.teacher-classes__rename-trigger:hover{border-color:var(--color-primary);color:var(--color-primary)}.teacher-classes__delete{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--color-danger-border);border-radius:8px;padding:.45rem 1rem;font-size:.85rem;cursor:pointer;background:none;color:var(--color-danger)}.teacher-classes__delete:hover{background:var(--color-danger-soft)}.teacher-classes__delete:disabled{opacity:.6;cursor:not-allowed}.teacher-classes__rename{display:flex;flex-direction:column;gap:.6rem}.teacher-classes__rename-actions{display:flex;flex-wrap:wrap;gap:.6rem}.teacher-classes__confirm{border:none;border-radius:8px;padding:.4rem .9rem;font-size:.85rem;cursor:pointer;background:var(--color-primary);color:var(--color-on-primary)}.teacher-classes__confirm:disabled{opacity:.6;cursor:not-allowed}.teacher-classes__cancel{border:1px solid var(--color-border);border-radius:8px;padding:.4rem .9rem;font-size:.85rem;cursor:pointer;background:none;color:var(--color-text-muted)}.classroom-student-select{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.classroom-student-select__list{list-style:none;margin:0;padding:.4rem;display:flex;flex-direction:column;gap:.2rem;max-height:12rem;overflow-y:auto;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface)}.classroom-student-select__option{display:flex;align-items:center;gap:.6rem;padding:.4rem .5rem;border-radius:6px;cursor:pointer;font-size:.9rem}.classroom-student-select__option:hover{background:var(--color-border)}.classroom-member-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.classroom-member-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.classroom-member-card__name{margin:0;font-weight:600}.classroom-assignment__type{margin:0 0 .2rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted)}.questionnaire-editor,.questionnaire-form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.questionnaire-editor label{display:flex;flex-direction:column;gap:.4rem;font-weight:600}.questionnaire-editor input,.questionnaire-editor select,.questionnaire-editor textarea,.questionnaire-question textarea{width:100%;padding:.7rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font:inherit}.questionnaire-editor textarea,.questionnaire-question textarea{resize:vertical}.questionnaire-question{margin:0;padding:1rem;border:1px solid var(--color-border);border-radius:10px}.questionnaire-question legend{padding:0 .4rem;font-weight:600}.questionnaire-question__legend{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.questionnaire-question__legend-text{font-weight:600}.questionnaire-option{display:flex;align-items:center;gap:.6rem;margin-top:.65rem}.questionnaire-editor__options{display:flex;flex-direction:column;gap:.6rem}.questionnaire-editor__options-label{font-weight:600}.questionnaire-editor__option-row{display:flex;align-items:center;gap:.6rem}.questionnaire-editor__option-row input[type=radio],.questionnaire-editor__option-row input[type=checkbox]{flex:0 0 auto;width:auto}.questionnaire-editor__option-row input[type=text]{flex:1 1 auto}.questionnaire-editor__option-row button{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;padding:0;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text-muted);font-size:.9rem;cursor:pointer}.questionnaire-editor__option-row button:hover:not(:disabled){border-color:var(--color-danger-border);color:var(--color-danger);background:var(--color-danger-soft)}.questionnaire-editor__option-row button:disabled{opacity:.5;cursor:not-allowed}.questionnaire-editor__add-option{align-self:flex-start;padding:.55rem 1.2rem;border:1px solid var(--color-primary);border-radius:8px;background:none;color:var(--color-primary);font-size:.9rem;cursor:pointer}.questionnaire-editor__add-option:hover:not(:disabled){background:var(--color-primary-soft)}.questionnaire-editor__add-option:disabled{opacity:.55;cursor:not-allowed}.questionnaire-editor__option-row button:focus-visible,.questionnaire-editor__add-option:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.admin-story-inserter--empty{padding:1.5rem 0}.admin-story-inserter--empty .admin-story-inserter__button{padding:.5rem 1rem;font-size:.9rem}.questionnaire-header{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1.5rem 1.75rem;margin:1.5rem 0;display:flex;flex-direction:column;gap:.85rem}.questionnaire-header__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.questionnaire-header__intro{display:flex;flex-direction:column;gap:.35rem;min-width:0}.questionnaire-header__title{margin:0;font-size:1.6rem}.questionnaire-header__instructions{margin:0;color:var(--color-text-muted)}.questionnaire-header__due{margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem;font-size:.85rem;color:var(--color-text-muted)}.questionnaire-header__due-icon{align-self:center;width:1em;height:1em;flex-shrink:0}.questionnaire-header__due strong{color:var(--color-text)}.questionnaire-header__due-note{font-style:italic}.questionnaire-response-counter{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.1rem;background:var(--color-classroom-soft);border:1px solid var(--color-classroom-border);border-radius:10px;padding:.6rem 1.25rem;min-width:9rem;text-align:center}.questionnaire-response-counter__value{font-size:1.35rem;font-weight:700;color:var(--color-on-classroom-soft)}.questionnaire-response-counter__label{font-size:.75rem;color:var(--color-on-classroom-soft)}.questionnaire-response-counter__extra{margin-top:.15rem;font-size:.72rem;color:var(--color-text-muted)}.questionnaire-section-title{display:flex;align-items:center;gap:.5rem;margin:1.5rem 0 .75rem;font-size:1rem}.questionnaire-section-title__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;height:1.4rem;padding:0 .35rem;border-radius:999px;background:var(--color-bg);color:var(--color-text-muted);font-size:.75rem;font-weight:700}.questionnaire-respondent-card--active{border-color:var(--color-classroom-border);background:var(--color-on-classroom)}.questionnaire-view-response-button{display:inline-flex;align-items:center;gap:.35rem;border:none;border-radius:8px;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600;cursor:pointer;background:var(--color-classroom);color:var(--color-on-classroom);white-space:nowrap}.questionnaire-view-response-button:hover{background:var(--color-classroom-hover)}.questionnaire-pending-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.questionnaire-pending-chip{background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;padding:.4rem .9rem;font-size:.85rem;color:var(--color-text-muted)}.questionnaire-response-detail{margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.questionnaire-response-detail__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.questionnaire-response-detail__title{margin:0}.questionnaire-correction-validated-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.3rem .85rem;font-size:.8rem;font-weight:600;background:var(--color-success-soft);color:var(--color-success)}.questionnaire-validate-correction-button{align-self:flex-start;margin-top:1.25rem;border:none;border-radius:8px;padding:.65rem 1.25rem;font-size:.9rem;font-weight:700;cursor:pointer;background:var(--color-success);color:var(--color-text-inverse)}.questionnaire-validate-correction-button:hover:not(:disabled){filter:brightness(1.05)}.questionnaire-validate-correction-button:disabled{opacity:.6;cursor:not-allowed}.questionnaire-correction-status{display:inline-flex;align-items:center;border-radius:999px;padding:.35rem .9rem;font-size:.85rem;font-weight:600;margin:0 0 1rem}.questionnaire-correction-status--done{background:var(--color-success-soft);color:var(--color-success)}.questionnaire-correction-status--pending{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted)}.questionnaire-answer-card-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.questionnaire-answer-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:.65rem}.questionnaire-answer-card__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.questionnaire-answer-card__heading{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.questionnaire-answer-card__index{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted)}.questionnaire-answer-card__type-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.15rem .65rem;font-size:.72rem;font-weight:600;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted)}.questionnaire-answer-card__prompt{margin:0;font-weight:600}.questionnaire-answer-card__free-text{margin:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:.75rem 1rem;line-height:1.55;white-space:pre-wrap}.questionnaire-answer-card__empty{color:var(--color-text-muted);font-style:italic}.questionnaire-answer-card__options{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.questionnaire-answer-card__option-chip{background:var(--color-classroom-soft);color:var(--color-on-classroom-soft);border-radius:999px;padding:.35rem .9rem;font-size:.85rem;font-weight:600}.questionnaire-answer-card__correction-note{margin:0;background:var(--color-success-soft);color:var(--color-text);border-radius:8px;padding:.75rem 1rem;line-height:1.5}.questionnaire-answer-card__correction-note strong{color:var(--color-success)}.questionnaire-correction-note-editor{display:flex;flex-direction:column;gap:.5rem;align-self:stretch}.questionnaire-correction-note-editor label{font-size:.8rem;font-weight:600;color:var(--color-text-muted)}.questionnaire-correction-note-editor textarea{width:100%;border:1px solid var(--color-border);border-radius:8px;padding:.65rem .85rem;font:inherit;resize:vertical}.questionnaire-correction-note-editor__save{align-self:flex-start;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;background:var(--color-classroom);color:var(--color-on-classroom)}.questionnaire-correction-note-editor__save:disabled{opacity:.6;cursor:not-allowed}.correction-status-badge{display:inline-flex;align-items:center;align-self:flex-start;border-radius:999px;padding:.25rem .8rem;font-size:.78rem;font-weight:700}.correction-status-badge--uncorrected{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted)}.correction-status-badge--correct{background:var(--color-success-soft);color:var(--color-success)}.correction-status-badge--incorrect{background:var(--color-danger-soft);color:var(--color-danger)}.correction-toggle-group{display:inline-flex;flex-wrap:wrap;align-self:flex-start;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;background:var(--color-surface)}.correction-toggle-group__button{border:none;border-right:1px solid var(--color-border);background:none;padding:.55rem 1.15rem;min-height:2.5rem;font-size:.85rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease}.correction-toggle-group__button:last-child{border-right:none}.correction-toggle-group__button:hover:not(:disabled){background:var(--color-bg);color:var(--color-text)}.correction-toggle-group__button[aria-pressed=true]{color:var(--color-text-inverse)}.correction-toggle-group__button--correct[aria-pressed=true]{background:var(--color-success)}.correction-toggle-group__button--incorrect[aria-pressed=true]{background:var(--color-danger)}.correction-toggle-group__button--uncorrected[aria-pressed=true]{background:var(--color-text-muted)}.correction-toggle-group__button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.questionnaire-header{padding:1.25rem}.questionnaire-response-counter{align-items:flex-start;text-align:left}.correction-toggle-group{display:flex;align-self:stretch}.correction-toggle-group__button{flex:1 1 0}}.classroom-tabs{display:flex;gap:.25rem;width:100%;margin:1rem 0 1.5rem;padding:.3rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);overflow-x:auto}.classroom-tabs__link{display:inline-flex;align-items:center;gap:.4rem;flex:0 0 auto;padding:.55rem 1.1rem;border-radius:999px;text-decoration:none;color:inherit;font-size:.95rem;white-space:nowrap}.classroom-tabs__link:hover{background:var(--color-washi-surface)}.classroom-tabs__link[aria-current=page]{background:var(--color-primary);color:var(--color-bg);font-weight:600}.classroom-tabs__link:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.classroom-tabs__count{min-width:1.4rem;padding:.05rem .4rem;border-radius:999px;background:var(--color-primary-soft);color:var(--color-on-primary-soft);font-size:.75rem;font-weight:600;text-align:center;font-variant-numeric:tabular-nums}.classroom-tabs__link[aria-current=page] .classroom-tabs__count{background:var(--color-bg);color:var(--color-primary)}.classroom-participants__subtitle{margin:1rem 0 .5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted)}.classroom-participants__teacher{margin:0;font-weight:600}.classroom-questions__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.classroom-question-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.classroom-question-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1.25rem;display:flex;flex-direction:column;gap:.6rem}.classroom-question-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.classroom-question-card__content{margin:0;font-weight:600}.classroom-question-card__actions{display:flex;gap:.75rem}.classroom-answer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.classroom-answer-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.35rem;align-items:flex-start}.classroom-answer-card--validated{border-color:var(--color-success-border)}.classroom-answer-card__content{margin:0}.classroom-form__inline--reply{flex-direction:column;align-items:stretch}.classroom-skill-track-list{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.6rem}.classroom-skill-track-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.classroom-skill-track-item__name{font-weight:600;color:inherit;text-decoration:none}.classroom-skill-track-item__name:hover{text-decoration:underline}.classroom-skill-track-item__name--custom{display:flex;align-items:center;gap:.5rem;cursor:default}.classroom-skill-track-item__name--custom:hover{text-decoration:none}.classroom-skill-track-item__actions{display:flex;gap:.4rem}.classroom-skill-track-item__move,.classroom-skill-track-item__edit{padding:.4rem .65rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text);font-size:.85rem;cursor:pointer}.classroom-skill-track-item__move:hover:not(:disabled),.classroom-skill-track-item__edit:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.classroom-skill-track-item__move:disabled,.classroom-skill-track-item__edit:disabled{cursor:not-allowed;opacity:.55}.classroom-form__inline--reply textarea{resize:vertical}.status-pill--unanswered{background:var(--color-border);color:var(--color-text-muted)}.status-pill--answered{background:var(--color-primary-soft);color:var(--color-on-primary-soft)}.status-pill--validated{background:var(--color-success-soft);color:var(--color-success)}.classroom-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:100}.classroom-modal__card{background:var(--color-surface);border-radius:10px;padding:1.5rem;width:100%;max-width:480px;display:flex;flex-direction:column;gap:.75rem}.classroom-modal__card--calendar{max-width:1100px;max-height:90vh;overflow-y:auto}.classroom-modal__actions--top{justify-content:flex-end}.classroom-modal__title{margin:0}.classroom-modal__card textarea{width:100%;resize:vertical;font-family:inherit;font-size:1rem}.classroom-modal__actions{display:flex;gap:.75rem;justify-content:flex-end}.classroom-modal__cancel{border:1px solid var(--color-border);border-radius:8px;padding:.5rem 1.1rem;font-size:.9rem;cursor:pointer;background:none;color:var(--color-text-muted)}.classroom-modal__cancel:hover{border-color:var(--color-primary);color:var(--color-primary)}.classroom-modal__confirm--danger{border:none;border-radius:8px;padding:.5rem 1.1rem;font-size:.9rem;font-weight:600;cursor:pointer;background:var(--color-danger);color:var(--color-on-danger)}.classroom-modal__confirm--danger:hover{background:var(--color-danger-hover)}.teacher-home__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.teacher-home__header-text{min-width:0}.teacher-nav-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:1.25rem;margin-bottom:1.5rem}@media(max-width:1100px){.teacher-nav-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.teacher-nav-grid{grid-template-columns:1fr}}.teacher-nav-card{display:flex;align-items:flex-start;gap:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.25rem 1.4rem;text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}.teacher-nav-card:hover,.teacher-nav-card:focus-visible{border-color:var(--color-primary-border);box-shadow:var(--shadow-md);transform:translateY(-1px)}.teacher-nav-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.teacher-nav-card__icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:10px;background:var(--color-primary-soft);color:var(--color-primary);flex-shrink:0}.teacher-nav-card__icon-svg{width:1.4rem;height:1.4rem}.teacher-nav-card__body{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:0}.teacher-nav-card__title{font-weight:600;font-size:1rem;color:var(--color-text)}.teacher-nav-card__description{font-size:.88rem;color:var(--color-text-muted)}.teacher-nav-card__meta{font-size:.82rem;color:var(--color-primary);font-weight:600}.teacher-nav-card__arrow{font-size:1.1rem;line-height:1;color:var(--color-text-muted);flex-shrink:0;align-self:center;transition:transform .15s ease,color .15s ease}.teacher-nav-card:hover .teacher-nav-card__arrow,.teacher-nav-card:focus-visible .teacher-nav-card__arrow{transform:translate(3px);color:var(--color-primary)}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border-radius:999px;background:var(--color-primary-soft);color:var(--color-on-primary-soft);font-weight:600}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--sm{width:2.75rem;height:2.75rem;font-size:1.1rem}.avatar--md{width:4.5rem;height:4.5rem;font-size:1.6rem}.nav-row-list{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.75rem}.nav-row{display:flex;align-items:center;gap:.9rem;padding:.85rem 1.1rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}.nav-row:hover,.nav-row:focus-visible{border-color:var(--color-primary-border);box-shadow:var(--shadow-sm)}.nav-row:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.nav-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.nav-row__title{font-weight:600}.nav-row__meta{font-size:.85rem;color:var(--color-text-muted)}.nav-row__chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform .15s ease,color .15s ease}.nav-row:hover .nav-row__chevron,.nav-row:focus-visible .nav-row__chevron{transform:translate(3px);color:var(--color-primary)}.student-detail__header{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;margin:1rem 0 1.5rem}.student-detail__identity{min-width:0;flex:1}.student-detail__since{margin:.35rem 0 0;color:var(--color-text-muted);font-size:.9rem}.skills-report{padding:0;overflow:hidden}.skills-report__summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;font-weight:600;cursor:pointer}.skills-report__summary-count{font-weight:400;font-size:.85rem;color:var(--color-text-muted)}.skills-report>:not(summary){padding:0 1.5rem 1.5rem}.skills-report__controls{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.skills-report__control{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:var(--color-text-muted)}.skills-report__control select{padding:.4rem .6rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text);font-size:.9rem;cursor:pointer}.skills-report__control select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skills-report__header{display:flex;align-items:center;gap:.75rem;padding:0 .9rem .4rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted)}.skills-report__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.skills-report__row{display:flex;align-items:center;gap:.75rem;padding:.6rem .9rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}.skills-report__row:hover,.skills-report__row:focus-visible{border-color:var(--color-primary-border);box-shadow:var(--shadow-sm)}.skills-report__row:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skills-report__level,.skills-report__header .skills-report__level{flex:0 0 2.75rem;text-align:center}.skills-report__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skills-report__rating{flex:0 0 7rem}.skills-report__stars{font-size:.9rem;letter-spacing:.1rem}.skills-report__not-evaluated{font-size:.85rem;color:var(--color-text-muted);font-style:italic}.skills-report__updated{flex:0 0 6rem;text-align:right;font-size:.85rem;color:var(--color-text-muted)}@media(max-width:640px){.skills-report__header{display:none}.skills-report__row{flex-wrap:wrap}.skills-report__name{white-space:normal}.skills-report__rating,.skills-report__updated{flex:0 0 100%;text-align:left;padding-left:3.5rem}}.history-timeline__summary{margin:0 0 1rem;color:var(--color-text-muted);font-size:.9rem}.history-timeline__filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.history-timeline__group+.history-timeline__group{margin-top:1.5rem}.history-timeline__month{margin:0 0 .6rem;font-size:.85rem;font-weight:600;color:var(--color-text-muted)}.history-timeline__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.history-timeline__row{display:flex;align-items:baseline;gap:.9rem;padding:.5rem 0;border-bottom:1px solid var(--color-border)}.history-timeline__row:last-child{border-bottom:none}.history-timeline__date{flex:0 0 3.5rem;color:var(--color-text-muted);font-size:.85rem}.history-timeline__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.history-timeline__title{margin:0}.history-timeline__meta{margin:0;color:var(--color-text-muted);font-size:.85rem}.history-timeline__link{align-self:flex-start;color:var(--color-link);font-size:.85rem;text-decoration:none}.history-timeline__link:hover{text-decoration:underline}@media(max-width:640px){.history-timeline__row{flex-wrap:wrap}.history-timeline__date{flex:0 0 100%}}.teacher-home-page .dashboard-card,.teacher-home-page .relationship-card,.teacher-home-page .classroom-card{border-radius:12px;box-shadow:var(--shadow-sm)}.teacher-home-page .relationship-card,.teacher-home-page .classroom-card{transition:box-shadow .15s ease,border-color .15s ease}.teacher-home-page .relationship-card:hover,.teacher-home-page .classroom-card:hover{border-color:var(--color-primary-border);box-shadow:var(--shadow-md)}.teacher-home-page .relationship-card__end,.teacher-home-page .classroom-card__open{display:inline-flex;align-items:center;gap:.4rem}.teacher-home-page__title-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;margin-right:.5rem;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary);vertical-align:middle}.teacher-home-page__title-icon-svg{width:1.05rem;height:1.05rem}.teacher-home-page__btn-icon{width:1em;height:1em;flex-shrink:0}.teacher-calendar{--fc-border-color: var(--color-border);--fc-page-bg-color: var(--color-surface);--fc-neutral-bg-color: var(--color-bg);--fc-neutral-text-color: var(--color-text-muted);--fc-today-bg-color: var(--color-primary-soft);--fc-button-text-color: var(--color-on-primary);--fc-button-bg-color: var(--color-primary);--fc-button-border-color: var(--color-primary);--fc-button-hover-bg-color: var(--color-primary-hover);--fc-button-hover-border-color: var(--color-primary-hover);--fc-button-active-bg-color: var(--color-primary-hover);--fc-button-active-border-color: var(--color-primary-hover);background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1.25rem;overflow-x:auto}.teacher-calendar .fc{font-family:inherit;color:var(--color-text)}.teacher-calendar .fc-toolbar-title{font-size:1.15rem;font-weight:600}.teacher-calendar .fc-button{border-radius:6px;text-transform:none;box-shadow:none}.teacher-calendar .fc-button:focus{box-shadow:var(--shadow-focus)}.teacher-calendar .fc-col-header-cell-cushion,.teacher-calendar .fc-timegrid-slot-label-cushion{color:var(--color-text-muted);font-weight:500;text-decoration:none}.teacher-calendar .fc-event.teacher-calendar__event--pending{background-color:var(--color-warning);border-color:var(--color-warning-border);color:var(--color-on-warning)}.teacher-calendar .fc-event.teacher-calendar__event--accepted{background-color:var(--color-success);border-color:var(--color-success-border);color:var(--color-on-success)}@media(max-width:640px){.teacher-calendar{padding:.75rem}.teacher-calendar .fc-header-toolbar{flex-direction:column;align-items:stretch;gap:.5rem}.teacher-calendar .fc-toolbar-chunk{display:flex;justify-content:center}.teacher-calendar .fc-button{padding:.3rem .6rem;font-size:.8rem}}.dojo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}.dojo-card{position:relative;display:flex;flex-direction:column;gap:.75rem;padding:2.6rem 1.5rem 1.5rem;border:1px solid var(--color-border);border-radius:18px;background:var(--color-washi-surface);box-shadow:var(--shadow-xs);transition:transform .2s ease,box-shadow .2s ease}.dojo-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.dojo-card__badge{position:absolute;top:-.5rem;left:-.5rem;display:inline-flex;align-items:center;gap:.35rem;height:1.7rem;padding:0 1rem 0 .9rem;line-height:1;font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;background:var(--color-primary);color:var(--color-on-primary);border-radius:5px 0 0 5px;clip-path:polygon(-20px -20px,100% 0,calc(100% - 12px) 50%,100% 100%,-20px calc(100% + 20px));filter:drop-shadow(var(--shadow-drop-md))}.dojo-card--kana .dojo-card__badge{background:var(--color-kana);color:var(--color-on-kana)}.dojo-card--kanji .dojo-card__badge{color:var(--color-on-dojo-soft);background:var(--color-dojo-soft)}.dojo-card--kanji .dojo-card__stage{background:linear-gradient(145deg,var(--color-dojo-soft),var(--color-washi-surface))}.dojo-card--kanji .dojo-card__glyph{color:var(--color-dojo)}.dojo-card--grammar .dojo-card__badge{background:var(--color-classroom);color:var(--color-on-classroom)}.dojo-card__stage{display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem;border-radius:12px;background:var(--color-primary-soft)}.dojo-card--kana .dojo-card__stage{background:var(--color-kana-soft)}.dojo-card--grammar .dojo-card__stage{background:var(--color-classroom-soft)}.dojo-card__glyph{margin:0;font-size:2rem;line-height:1;color:var(--color-on-primary-soft)}.dojo-card--kana .dojo-card__glyph{color:var(--color-kana)}.dojo-card--grammar .dojo-card__glyph{color:var(--color-on-classroom-soft)}.dojo-card__name{margin:0;font-size:1.2rem;font-weight:700}.dojo-card__description{margin:0;flex:1;color:var(--color-text-muted);font-size:.9rem}.dojo-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.dojo-card__tag{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-muted);font-size:.75rem}.dojo-card__action{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.75rem 1.4rem;border-radius:10px;background:var(--color-primary);color:var(--color-on-primary);text-decoration:none;font-size:.95rem;font-weight:600}.dojo-card__action:hover{background:var(--color-primary-hover)}.dojo-empty{margin:0;padding:1.25rem;color:var(--color-text-muted);text-align:center;border:1px dashed var(--color-border);border-radius:12px;background:var(--color-washi-surface)}.dojo-invite{display:flex;flex-direction:column;gap:.6rem;padding:1rem 1.25rem;border:1.5px solid var(--color-primary-border);border-radius:12px;background:var(--color-washi-surface)}.dojo-invite__header{display:flex;align-items:center;gap:.65rem}.dojo-invite__glyph{margin:0;font-size:1.5rem;color:var(--color-primary)}.dojo-invite__title{margin:0;font-size:1rem}.dojo-invite__text{margin:0;color:var(--color-text-muted);font-size:.85rem}.dojo-invite__action{align-self:flex-start;padding:.5rem 1.2rem;border-radius:6px;background:var(--color-primary);color:var(--color-on-primary);text-decoration:none;font-size:.9rem}.dojo-invite__action:hover{background:var(--color-primary-hover)}.ks-setup{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.9fr);gap:1.5rem;align-items:start}.ks-setup__kana-column,.ks-setup__options-column{min-width:0}.ks-setup__options-column{display:flex;flex-direction:column;gap:.85rem;position:sticky;top:1.5rem}.ks-choice-group{position:relative;margin:0;padding:1.1rem 1.25rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-washi-surface)}.ks-progression{display:flex;flex-direction:column;gap:.5rem;border-color:var(--color-primary)}.ks-progression__header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.ks-progression__title{margin:0;padding:0;font-size:1rem}.ks-progression__detail{padding:0;border:none;background:none;color:var(--color-primary);font-size:.8rem;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.ks-progression__summary{margin:0;font-size:1.1rem;font-weight:700}.ks-progression__summary strong{color:var(--color-primary)}.ks-progression__hint{margin:0;color:var(--color-text-muted);font-size:.85rem;line-height:1.4}.ks-progression__hint strong{color:var(--color-text)}.ks-progression__breakdown-group{display:flex;flex-direction:column}.ks-progression__breakdown-title{margin:.6rem 0 0;padding-top:.6rem;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.ks-progression__breakdown-group .ks-progression__breakdown-title:first-child{margin-top:.6rem}.ks-progression__breakdown{display:flex;flex-direction:column;gap:.35rem;margin:.4rem 0 0;padding:0;list-style:none}.ks-progression__breakdown-item{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;color:var(--color-text-muted)}.ks-progression__breakdown-item span:last-child{font-weight:700;color:var(--color-text)}.ks-advanced{padding:.9rem 1.25rem}.ks-advanced__summary{padding:0;cursor:pointer;list-style:none}.ks-advanced__summary::-webkit-details-marker{display:none}.ks-advanced__summary:after{content:"▾";float:right;color:var(--color-text-muted);transition:transform .15s ease}.ks-advanced[open] .ks-advanced__summary:after{transform:rotate(180deg)}.ks-advanced .ks-choice-group__hint{margin-top:.8rem}.ks-choice-group__legend{padding:0 .4rem;font-weight:600}.ks-choice-group__options{display:flex;gap:.75rem;flex-wrap:wrap}.ks-option{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;flex:1;min-width:150px;padding:.9rem 1rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text);cursor:pointer;text-align:left;transition:border-color .15s ease,background-color .15s ease}.ks-option--active{border-color:var(--color-primary);background:var(--color-primary-soft)}.ks-option__glyph{font-size:1.6rem;line-height:1;color:var(--color-primary)}.ks-option__label{font-weight:600}.ks-option__hint{color:var(--color-text-muted);font-size:.8rem}.ks-choice-group__hint{margin:-.4rem 0 .8rem;color:var(--color-text-muted);font-size:.85rem}.ks-option--custom{gap:.5rem}.ks-choice-group__options--compact{flex-wrap:nowrap;gap:.5rem}.ks-option--compact{flex:1 1 0;min-width:0;align-items:center;padding:.55rem .35rem;gap:.25rem;text-align:center}.ks-option--compact .ks-option__glyph{font-size:1.25rem}.ks-option--compact .ks-option__label{font-size:.72rem}.ks-choice-group__info-toggle{position:absolute;top:0;right:1rem;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;padding:0;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface);color:var(--color-text-muted);font-size:.7rem;font-weight:700;line-height:1;cursor:pointer}.ks-choice-group__info-toggle:hover,.ks-choice-group__info-toggle[aria-expanded=true]{border-color:var(--color-primary);color:var(--color-primary)}.ks-option__number-input{width:100%;padding:.5rem .6rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font:inherit}.ks-option__range-input{width:100%;accent-color:var(--color-primary)}.ks-level-priorities{display:flex;flex-direction:column;gap:.9rem}.ks-level-priority{display:flex;flex-direction:column;gap:.4rem}.ks-level-priority__label{font-weight:600;font-size:.9rem}.ks-level-priority__options{display:flex;gap:.5rem}.ks-level-priority__option{flex:1;padding:.5rem .6rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font:inherit;font-size:.85rem;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.ks-level-priority__option--active{border-color:var(--color-primary);background:var(--color-primary-soft)}.ks-font-options__hint{margin:0 0 .8rem;color:var(--color-text-muted);font-size:.85rem}.ks-font-option__preview{color:var(--color-on-primary-soft);font-size:2rem;line-height:1.2}.ks-font-option__preview.ks-font--pixel{font-size:36px;line-height:1}.ks-option--compact .ks-font-option__preview{font-size:1.2rem}.ks-option--compact .ks-font-option__preview.ks-font--pixel{font-size:24px}.ks-start{align-self:flex-start;padding:.7rem 1.8rem;border:none;border-radius:8px;background:var(--color-primary);color:var(--color-on-primary);font-size:1rem;cursor:pointer}.ks-start:hover:not(:disabled){background:var(--color-primary-hover)}.ks-start:disabled{opacity:.55;cursor:not-allowed}.ks-start--setup{width:100%;padding:.9rem 1.8rem;font-size:1.1rem;font-weight:700}.ks-setup__hint{margin:-1rem 0 0;color:var(--color-text-muted);font-size:.85rem}.ks-row-actions{display:flex;gap:.6rem;margin-bottom:.9rem}.ks-kana-table{min-height:100%}.ks-kana-table__title{margin:0;font-size:1rem;font-weight:600}.ks-kana-table__empty{margin:1rem 0 0;color:var(--color-text-muted);line-height:1.5}.ks-kana-table__hint{margin-top:1rem}.ks-row-action{padding:.35rem .85rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text);font-size:.8rem;cursor:pointer;transition:transform .15s ease,background .15s ease,color .15s ease,border-color .15s ease}.ks-row-action:hover{border-color:var(--color-primary)}.ks-row-action:active{transform:scale(.95)}.ks-row-action--pressed{border-color:var(--color-primary);background:var(--color-primary-soft, var(--color-washi-surface));color:var(--color-primary);transform:scale(.95);transition:transform .1s ease,background .1s ease,color .1s ease}.ks-kana-levels{--ks-level-1: var(--color-kana-level-1);--ks-level-1-soft: var(--color-kana-level-1-soft);--ks-level-2: var(--color-kana-level-2);--ks-level-2-soft: var(--color-kana-level-2-soft);--ks-level-3: var(--color-kana-level-3);--ks-level-3-soft: var(--color-kana-level-3-soft);display:flex;align-items:flex-start;gap:10px;overflow-x:auto}.ks-kana-level{flex:1 1 0;min-width:140px;border:1px solid var(--color-border);border-radius:10px;overflow:hidden;background:var(--color-surface)}.ks-kana-level--1{border-color:var(--ks-level-1)}.ks-kana-level--2{flex:1.35 1 0;min-width:190px;border-color:var(--ks-level-2)}.ks-kana-level--3{flex:2.35 1 0;min-width:320px;border-color:var(--ks-level-3)}.ks-kana-level__banner{display:block;width:100%;padding:.3rem .55rem;border:0;font-size:.68rem;font-family:inherit;font-weight:700;line-height:1.3;letter-spacing:.03em;cursor:pointer;text-align:center;text-transform:uppercase}.ks-kana-level__banner:hover{filter:brightness(.96)}.ks-kana-level__banner:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.ks-kana-level--1 .ks-kana-level__banner{background:var(--ks-level-1-soft);color:var(--ks-level-1)}.ks-kana-level--2 .ks-kana-level__banner{background:var(--ks-level-2-soft);color:var(--ks-level-2)}.ks-kana-level--3 .ks-kana-level__banner{background:var(--ks-level-3-soft);color:var(--ks-level-3)}.ks-kana-level__header{display:flex;border-bottom:1px solid var(--color-border);background:var(--color-bg)}.ks-kana-level__header>*{flex:1 1 0;min-width:0}.ks-kana-level__rows{display:flex;flex-direction:column}.ks-kana-family-header__cell{display:flex;align-items:center;min-height:2.3rem;padding:.45rem .55rem;color:var(--color-text-muted);font-size:.72rem;font-weight:700;line-height:1.15;text-transform:uppercase}.ks-kana-family__cell{display:flex;gap:.35rem;min-width:0;padding:.35rem}.ks-kana-family__cell .ks-row{flex:1}.ks-kana-family{display:flex}.ks-kana-family>*{flex:1 1 0;min-width:0}.ks-kana-family+.ks-kana-family{border-top:1px solid var(--color-border)}.ks-kana-family-header__yoon-group,.ks-kana-family__yoon-group{display:flex;min-width:0}.ks-kana-family-header__yoon-group>.ks-kana-family-header__cell:first-child,.ks-kana-family__yoon-group>.ks-kana-family__cell:first-child{flex:1 1 0}.ks-kana-family-header__yoon-group>.ks-kana-family-header__cell:last-child,.ks-kana-family__yoon-group>.ks-kana-family__cell:last-child{flex:1.35 1 0}.ks-kana-family-header__yoon-group>.ks-kana-family-header__cell+.ks-kana-family-header__cell,.ks-kana-family__yoon-group>.ks-kana-family__cell+.ks-kana-family__cell{border-left:1px solid var(--color-border)}.ks-row{display:flex;min-width:0;min-height:4.1rem;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.4rem .35rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);cursor:pointer;text-align:center;transition:border-color .15s ease,background-color .15s ease}.ks-row__top{display:flex;align-items:center;justify-content:space-between;gap:.25rem;width:100%}.ks-row__mastery-value{font-size:.65rem;font-weight:700;line-height:1}.ks-row__mastery-value--low{color:var(--color-danger)}.ks-row__mastery-value--mid{color:var(--color-warning)}.ks-row__mastery-value--high{color:var(--color-success)}.ks-row__mastery-value--pending{color:var(--color-text-muted)}.ks-row__mastery-bar{width:100%;height:3px;border-radius:999px;background:var(--color-progress-track);overflow:hidden}.ks-row__mastery-fill{display:block;height:100%;border-radius:999px;transition:width .2s ease}.ks-row__mastery-fill--low{background:var(--color-danger)}.ks-row__mastery-fill--mid{background:var(--color-warning)}.ks-row__mastery-fill--high{background:var(--color-success)}.ks-row:hover{border-color:var(--color-primary);background:var(--color-bg)}.ks-row--active{border-color:var(--color-primary);background:var(--color-primary-soft)}.ks-row--active:hover{background:var(--color-primary-soft)}.ks-row--placeholder{visibility:hidden}.ks-row__label{font-weight:600;font-size:.8rem}.ks-row__kana{color:var(--color-text-muted);font-size:.8rem;line-height:1.2;white-space:nowrap}.ks-row--active .ks-row__kana{color:var(--color-on-primary-soft)}@media(max-width:900px){.ks-setup{grid-template-columns:minmax(0,1fr)}.ks-setup__options-column{order:-1;position:static;top:auto}}.ks-header{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.ks-progress{margin:0;font-weight:600}.ks-score{margin:0;color:var(--color-text-muted)}.ks-quit{margin-left:auto;padding:.35rem .9rem;border:1px solid var(--color-border);border-radius:6px;background:none;color:var(--color-text-muted);font-size:.8rem;cursor:pointer}.ks-timer{margin-bottom:1rem}.ks-timer__track{height:.5rem;border-radius:999px;background:var(--color-progress-track);overflow:hidden}.ks-timer__bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--color-timer-start),var(--color-primary));transition:width .1s linear}.ks-timer__value{margin:.35rem 0 0;font-size:.85rem;color:var(--color-text-muted)}.ks-kana{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,4vw,2.5rem);flex-wrap:wrap;margin:1.5rem 0;padding:2rem 1rem;border:1px solid var(--color-border);border-radius:16px;background:var(--color-washi-surface);font-size:clamp(3.5rem,8vw,5.5rem);line-height:1;text-align:center;color:var(--color-text)}.ks-kana__variant{display:inline-flex;align-items:center;justify-content:center;min-width:1.25em}.ks-kana__variant.ks-font--pixel{font-size:84px;line-height:1}@media(max-width:640px){.ks-kana__variant.ks-font--pixel{font-size:60px}}.ks-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.ks-choice{position:relative;min-height:8rem;padding:1.4rem 1.5rem 2rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text);font-size:4rem;font-weight:600;line-height:1;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.ks-choice:hover:not(:disabled){border-color:var(--color-primary)}.ks-choice:disabled{cursor:default}.ks-choice--correct{border-color:var(--color-success-border);background:var(--color-success-soft);color:var(--color-on-success-soft)}.ks-choice--incorrect{border-color:var(--color-danger-border);background:var(--color-danger-soft);color:var(--color-on-danger-soft)}.ks-choice__mark{position:absolute;right:0;bottom:.4rem;left:0;font-size:.75rem;font-weight:600;line-height:1.2}.ks-written-answer{display:flex;flex-direction:column;gap:.5rem;max-width:32rem;margin:0 auto}.ks-written-answer__label{font-weight:600}.ks-written-answer__controls{display:flex;gap:.75rem}.ks-written-answer__input{min-width:0;flex:1;padding:.85rem 1rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text);font:inherit;font-size:1.1rem}.ks-written-answer__submit{padding:.85rem 1.25rem;border:0;border-radius:10px;background:var(--color-primary);color:var(--color-on-primary);font:inherit;font-weight:700;cursor:pointer}.ks-written-answer__submit:disabled{cursor:default;opacity:.55}.ks-feedback{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:start;margin:1rem 0 0;padding:1rem 1.25rem;border:1px solid;border-radius:10px}.ks-feedback--correct{border-color:var(--color-success-border);background:var(--color-success-soft);color:var(--color-success)}.ks-feedback--incorrect{border-color:var(--color-danger-border);background:var(--color-danger-soft);color:var(--color-danger)}.ks-feedback__icon{font-size:1.65rem;font-weight:700;line-height:1}.ks-feedback__content{min-width:0}.ks-feedback__title{margin:0;font-size:1.35rem;font-weight:700;line-height:1.1}.ks-feedback__answer{margin:.4rem 0 0;color:var(--color-text);font-size:1.05rem}.ks-feedback__answer strong{color:var(--color-danger);font-size:1.4rem;line-height:1}.ks-feedback__exp.dojo-exp-gain{margin-top:.45rem}.ks-result{display:flex;flex-direction:column;gap:.6rem;padding:2rem 1.5rem;border:1px solid var(--color-border);border-radius:16px;background:var(--color-washi-surface);text-align:center;align-items:center}.ks-result__score{margin:0;font-size:3rem;font-weight:700}.ks-result__detail{margin:0;color:var(--color-text-muted)}.ks-result__message{margin:.4rem 0;font-size:1.05rem;color:var(--color-result-highlight);font-weight:600}.ks-result__meta{margin:0;font-size:.85rem;color:var(--color-text-muted)}.ks-result__actions{display:flex;gap:.75rem;margin-top:.75rem;flex-wrap:wrap;justify-content:center}.ks-secondary{padding:.7rem 1.4rem;border:1px solid var(--color-primary);border-radius:8px;background:none;color:var(--color-primary);font-size:1rem;cursor:pointer}.ks-result__back{margin-top:.5rem;color:var(--color-text-muted);font-size:.9rem}.ks-option:focus-visible,.ks-choice:focus-visible,.ks-written-answer__input:focus-visible,.ks-written-answer__submit:focus-visible,.ks-row:focus-visible,.ks-row-action:focus-visible,.ks-option__number-input:focus-visible,.ks-option__range-input:focus-visible,.ks-level-priority__option:focus-visible,.ks-start:focus-visible,.ks-secondary:focus-visible,.ks-quit:focus-visible,.dojo-card__action:focus-visible,.dojo-invite__action:focus-visible,.vocab-setup-header__back:focus-visible,.vocab-setup__option:focus-visible,.vocab-setup__reset:focus-visible,.vocab-setup__start:focus-visible,.review-card__reveal-toggle:focus-visible,.dictionary-search__input:focus-visible,.dictionary-sidebar__filter:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.vocab-setup__theme-option:focus-visible,.vocab-setup__theme-option:has(:focus-visible){outline:3px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.ks-timer__bar,.ks-option,.ks-choice,.ks-row{transition:none}}.so-prompt{margin:.5rem 0 1.5rem;font-size:1.2rem;font-style:italic}.so-answer{display:flex;flex-wrap:wrap;gap:.5rem;min-height:3.5rem;padding:1rem;border:1px dashed var(--color-border);border-radius:10px;margin-bottom:1rem}.so-answer__placeholder{margin:0;color:var(--color-text-muted);font-style:italic}.so-bank{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.so-token{padding:.6rem 1rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text);font-size:1.15rem;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.so-token--bank:hover{border-color:var(--color-primary)}.so-token--answer{background:var(--color-washi-surface)}.so-token--correct{border-color:var(--color-success-border);background:var(--color-success-soft);color:var(--color-on-success-soft);cursor:default}.so-token--incorrect{border-color:var(--color-danger-border);background:var(--color-danger-soft);color:var(--color-on-danger-soft);cursor:default}.so-status{min-height:1.4rem;margin:0 0 1rem;font-weight:600}.so-actions{display:flex;gap:.75rem;flex-wrap:wrap}.so-token:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.daily-wheel__wheel-wrap{position:relative;width:260px;height:260px;margin:.5rem auto 1.75rem}.daily-wheel__pointer{position:absolute;top:-8px;left:50%;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:18px solid var(--color-primary);transform:translate(-50%);z-index:2}.daily-wheel__wheel{position:relative;width:100%;height:100%;border-radius:50%;border:4px solid var(--color-surface);box-shadow:var(--shadow-outline);transition:transform 3.2s cubic-bezier(.17,.67,.12,1)}.daily-wheel__slice-label{position:absolute;top:50%;left:50%;width:84px;margin-left:-42px;text-align:center;font-size:1.35rem;line-height:1.15}.daily-wheel__slice-label span{display:block;font-size:.7rem;font-weight:600;color:var(--color-wheel-label)}.daily-wheel__legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.daily-wheel__legend-item{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);font-size:.8rem}.daily-wheel__actions{display:flex;flex-direction:column;align-items:center;gap:.75rem}.daily-wheel__status{min-height:1.4rem;font-weight:600}.daily-wheel__reward-banner{padding:.6rem 1.2rem;border-radius:10px;background:var(--color-success-soft);color:var(--color-success);font-weight:600}.daily-wheel__error{color:var(--color-danger);font-weight:600}.daily-wheel__next-spin{color:var(--color-text-muted);font-size:.9rem}.vocab-review{display:flex;flex-direction:column;gap:1rem}.vocab-setup-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:2rem}.vocab-setup-header__intro{display:flex;align-items:flex-start;gap:1rem}.vocab-setup-header__intro .page__title{margin:0 0 .2rem;font-size:1.6rem}.vocab-setup-header__intro .page__subtitle{margin:0;font-size:.9rem}.vocab-setup-header__icon{flex:none;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:12px;background:var(--color-primary);color:var(--color-on-primary);font-size:1.4rem}.vocab-setup-header__back{flex:none;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text);text-decoration:none;font-size:.9rem;white-space:nowrap}.vocab-setup-header__back:hover{background:var(--color-bg)}.vocab-setup{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.9fr);gap:1.5rem;align-items:start;margin-bottom:1.25rem}.vocab-setup__content-column,.vocab-setup__options-column{min-width:0;display:flex;flex-direction:column;gap:1.25rem}.vocab-setup__options-column{gap:.85rem;position:sticky;top:1.5rem}@media(max-width:900px){.vocab-setup{grid-template-columns:minmax(0,1fr)}.vocab-setup__options-column{order:-1;position:static;top:auto}}.vocab-setup__group{margin:0;padding:1.5rem;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface)}.vocab-setup__legend{display:flex;align-items:center;gap:.5rem;padding:0 .2rem;font-size:1.05rem;font-weight:700}.vocab-setup__legend-icon{font-size:1.1rem}.vocab-setup__group-hint{margin:.3rem 0 1.1rem;padding:0 .2rem;color:var(--color-text-muted);font-size:.85rem}.vocab-setup__group-footnote{margin:.75rem 0 0;padding:0 .2rem;color:var(--color-text-muted);font-size:.8rem}.vocab-setup__themes{display:grid;grid-template-columns:1.6fr 1fr;gap:1.25rem;align-items:start}.vocab-setup__theme-picker{display:flex;flex-direction:column;gap:.6rem}.vocab-setup__theme-summary{display:flex;align-items:center;gap:.75rem;margin:0;padding:0 .2rem;color:var(--color-text-muted);font-size:.85rem}.vocab-setup__theme-summary-clear{padding:0;border:none;background:none;color:var(--color-primary);font-size:.85rem;font-weight:600;text-decoration:underline;cursor:pointer}.vocab-setup__theme-summary-clear:hover{color:var(--color-primary-hover)}.vocab-setup__theme-list{list-style:none;margin:0;padding:.5rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:.15rem}.vocab-setup__theme-picker .vocab-setup__theme-list{max-height:none}@media(max-width:900px){.vocab-setup__theme-picker .vocab-setup__theme-list{max-height:420px}}.vocab-setup__deck-groups{gap:.9rem}.vocab-setup__deck-group{display:flex;flex-direction:column;gap:.4rem}.vocab-setup__deck-group+.vocab-setup__deck-group{padding-top:.6rem;border-top:1px solid var(--color-border)}.vocab-setup__deck-group-title{display:flex;align-items:center;gap:.4rem;margin:0;padding:0 .3rem;color:var(--color-text);font-size:.85rem;font-weight:700}.vocab-setup__deck-group-avatar.avatar--sm{width:1.4rem;height:1.4rem;font-size:.65rem}.vocab-setup__deck-subgroup{display:flex;flex-direction:column;gap:.15rem;padding-left:1.4rem}.vocab-setup__deck-subgroup-title{margin:.15rem 0 .1rem;padding:0 .3rem;color:var(--color-text-muted);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.vocab-setup__deck-subgroup-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}.vocab-setup__theme-option{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border-radius:8px;font-size:.9rem;cursor:pointer;color:var(--color-text)}.vocab-setup__theme-option:hover{background:var(--color-bg)}.vocab-setup__theme-option--active{background:var(--color-primary-soft);color:var(--color-on-primary-soft);font-weight:600}.vocab-setup__theme-option input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.vocab-setup__summary{position:relative;display:flex;flex-direction:column;gap:.6rem;padding:1.25rem;border:1px solid var(--color-primary-border);border-radius:12px;background:var(--color-washi-surface)}.vocab-setup__summary-deco{position:absolute;top:.6rem;right:.9rem;font-size:1.4rem;color:var(--color-primary-border)}.vocab-setup__summary-count{margin:0;padding-right:1.5rem;color:var(--color-on-primary-soft);font-weight:700}.vocab-setup__summary-meta{margin:0;padding-right:1.5rem;color:var(--color-text-muted);font-size:.8rem}.vocab-setup__summary-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.vocab-setup__summary-pill{width:fit-content;padding:.3rem .75rem;border:1px solid var(--color-primary-border);border-radius:999px;background:var(--color-surface);font-size:.85rem}.vocab-setup__summary-hint{display:flex;align-items:flex-start;gap:.35rem;margin:.2rem 0 0;padding-top:.75rem;border-top:1px solid var(--color-primary-border);color:var(--color-text-muted);font-size:.8rem}.vocab-setup__options{display:flex;gap:.75rem;flex-wrap:wrap}.vocab-setup__options--grid2{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.vocab-setup__options--grid2 .vocab-setup__option{width:100%;min-width:0}.vocab-setup__options--wide-last .vocab-setup__option:last-child{grid-column:1 / -1}.vocab-setup__range{display:flex;flex-direction:column;gap:.5rem;cursor:default}.vocab-setup__range-value{font-size:1.05rem;font-weight:700}.vocab-setup__range-input{width:100%;accent-color:var(--color-primary)}.vocab-setup__range-bounds{display:flex;justify-content:space-between;color:var(--color-text-muted);font-size:.8rem}.vocab-setup__option{position:relative;flex:1;min-width:90px;padding:.9rem 1rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-text);font-size:1.1rem;font-weight:700;text-align:center;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.vocab-setup__option--wide{min-width:160px;font-size:.85rem;font-weight:600}.vocab-setup__option--active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-on-primary-soft)}.vocab-setup__option-check{position:absolute;top:-.5rem;right:-.5rem;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-primary);color:var(--color-on-primary);font-size:.7rem;box-shadow:var(--shadow-raised-control)}.vocab-setup__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem 1.25rem;border:1px solid var(--color-border);border-radius:14px;background:var(--color-washi-surface)}.vocab-setup__footer-summary{margin:0;font-size:.9rem;font-weight:600}.vocab-setup__footer-actions{display:flex;gap:.75rem;flex-wrap:wrap}.vocab-setup__reset{padding:.6rem 1.1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-size:.9rem;cursor:pointer}.vocab-setup__reset:hover{background:var(--color-bg)}.vocab-setup__start{padding:.7rem 1.6rem;border:none;border-radius:8px;background:var(--color-primary);color:var(--color-on-primary);font-size:.95rem;font-weight:600;cursor:pointer}.vocab-setup__start:hover:not(:disabled){background:var(--color-primary-hover)}.vocab-setup__start:disabled{opacity:.55;cursor:not-allowed}@media(max-width:640px){.vocab-setup__themes{grid-template-columns:1fr}.vocab-setup-header{flex-direction:column}}.review-session{display:flex;flex-direction:column;gap:1.25rem}.review-session__topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.review-session__topbar-intro{display:flex;align-items:flex-start;gap:1rem}.review-session__icon{flex:none;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:12px;background:var(--color-primary);color:var(--color-on-primary);font-size:1.4rem}.review-session__title-text{margin:0 0 .2rem;font-size:1.6rem}.review-session__subtitle-text{margin:0;color:var(--color-text-muted);font-size:.9rem}.review-session__topbar-actions{display:flex;align-items:center;gap:.6rem;flex:none}.review-session__infobar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.9rem 1.25rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.review-session__infobar-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.review-session__infobar-label{color:var(--color-text-muted)}.review-session__infobar-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}.review-session__infobar-tag{padding:.15rem .6rem;border:1px solid var(--color-primary-border);border-radius:999px;background:var(--color-primary-soft);color:var(--color-on-primary-soft);font-size:.8rem}.review-session__infobar-divider{width:1px;align-self:stretch;background:var(--color-border)}.review-session__progress-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;font-size:.85rem;color:var(--color-text-muted)}.review-session__progress-count{font-weight:700;color:var(--color-text)}.review-session__workspace{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:16px;background:var(--color-washi-surface);overflow:hidden}.review-session__body{display:grid;grid-template-columns:2fr 1fr;gap:1.25rem;align-items:start;padding:1.25rem}.review-session__actionbar-error{margin:0 1.25rem}.review-session__actionbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 1.25rem;border-top:1px solid var(--color-border);background:var(--color-surface)}.review-session__shortcuts{position:relative}.review-session__shortcuts-trigger{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface);color:var(--color-text-muted);font-size:.9rem;font-weight:700;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.review-session__shortcuts-trigger::-webkit-details-marker{display:none}.review-session__shortcuts-trigger:hover{border-color:var(--color-text-muted);color:var(--color-text)}.review-session__shortcuts-panel{position:absolute;bottom:calc(100% + .5rem);left:0;z-index:2;display:flex;flex-direction:column;gap:.4rem;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);box-shadow:var(--shadow-menu);white-space:nowrap}.review-session__shortcuts-panel p{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.85rem;color:var(--color-text)}.review-session__shortcuts-panel kbd{padding:.1rem .45rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);font-family:inherit;font-size:.8rem;font-weight:700}@media(max-width:640px){.review-session__body{grid-template-columns:1fr;padding:1rem}.review-session__actionbar{flex-direction:column;align-items:stretch;padding:1rem}.review-session__topbar{flex-direction:column}.review-session__infobar{flex-direction:column;align-items:flex-start}.review-session__infobar-divider{display:none}}.review-session--finished{align-items:flex-start;padding:2rem 1.75rem;border:1.5px solid var(--color-primary-border);border-radius:14px;background:var(--color-washi-surface)}.review-session__title{margin:0 0 .5rem}.review-session__summary{margin:0 0 1rem;color:var(--color-text-muted)}.review-session__actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.review-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 2rem;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface);min-height:16rem;justify-content:center;text-align:center}.review-card__pill{align-self:flex-start;padding:.25rem .8rem;border-radius:999px;background:var(--color-primary-soft);color:var(--color-on-primary-soft);font-size:.75rem;font-weight:700}.review-card__face{margin:.5rem 0 0;font-size:2.2rem}.review-card__face--front{font-weight:700;color:var(--color-text)}.review-card__divider{position:relative;width:100%;height:1px;margin:.75rem 0 .25rem;background:var(--color-border)}.review-card__divider-deco{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:0 .6rem;background:var(--color-surface);color:var(--color-primary-border);font-size:.9rem}.review-card__answer{margin:.5rem 0 0;font-size:1.8rem;font-weight:700;color:var(--color-text)}.review-card__back{position:relative;width:100%;min-height:4rem;display:flex;flex-direction:column;align-items:center}.review-card__face--blurred{filter:blur(10px);opacity:.8;-webkit-user-select:none;user-select:none;pointer-events:none}.review-card__reveal-toggle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.4rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text);font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-menu)}.review-card__reveal-toggle:hover{background:var(--color-bg)}.review-card__reveal-toggle-icon{width:1.1em;height:1.1em;flex-shrink:0}.review-card__face ruby,.review-card__answer ruby{ruby-align:center}.review-card__face rt,.review-card__answer rt{font-size:.5em;font-weight:400;line-height:1.4;letter-spacing:0;color:var(--color-text-muted)}.review-card__ruby--hover rt{opacity:0;transition:opacity .14s ease}.review-card__ruby--hover:hover rt,.review-card__ruby--hover:focus rt{opacity:1}.review-card__ruby--hover:focus-visible{border-radius:3px;outline:2px solid var(--color-primary);outline-offset:2px}.review-card__anki-toggle{padding:.5rem 1.1rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text);font-size:.85rem;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.review-card__anki-toggle:hover:not(:disabled),.review-card__anki-toggle--active:hover:not(:disabled){border-color:var(--color-toggle-hover-border);background:var(--color-toggle-hover-bg)}.review-card__anki-toggle--active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-on-primary-soft)}.review-card__anki-toggle:disabled{opacity:.55;cursor:not-allowed}.review-card__mastered-badge{align-self:flex-start;padding:.2rem .7rem;border-radius:999px;background:var(--color-success-soft);color:var(--color-success);font-size:.75rem;font-weight:600}.review-card__mastery-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.1rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.review-card__mastery-btn:hover:not(:disabled),.review-card__mastery-btn--active:hover:not(:disabled){border-color:var(--color-toggle-hover-border);background:var(--color-toggle-hover-bg);color:var(--color-text)}.review-card__mastery-btn:disabled{opacity:.55;cursor:not-allowed}.review-card__mastery-icon{width:1.1em;height:1.1em;flex-shrink:0}.review-card__mastery-btn--active{border-color:var(--color-success-border);background:var(--color-success-soft);color:var(--color-success)}.review-card__stats{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1.5rem 1.25rem;border:1px solid var(--color-primary-border);border-radius:16px;background:var(--color-washi-surface);text-align:center}.review-card__stats-actions{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;width:100%}.review-card__stats-actions .review-card__anki-toggle,.review-card__stats-actions .review-card__mastery-btn{width:100%;justify-content:center}.review-card__stats-error{width:100%;margin:0}.review-card__stats-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-primary-soft);color:var(--color-on-primary-soft)}.review-card__stats-icon-svg{width:1.2rem;height:1.2rem}.review-card__stats-count{margin:0;font-size:.9rem}.review-card__stats-count strong{color:var(--color-on-primary-soft)}.review-card__stats-divider{width:100%;height:1px;background:var(--color-primary-border)}.review-card__stats-row{display:flex;flex-direction:column;align-items:center;gap:.15rem;margin:0;font-size:.85rem}.review-card__stats-row span{color:var(--color-text-muted)}.review-card__stats-loading{margin:0;color:var(--color-text-muted);font-size:.85rem}.review-card__stats-kanji{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none}.review-card__stats-kanji-item{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .85rem;border:1px solid var(--color-primary-border);border-radius:999px;color:var(--color-text-muted);font-size:.95rem}.review-card__stats-kanji-item--untracked{border-style:dashed;opacity:.7}.review-card__stats-kanji-views{display:inline-flex;align-items:center;gap:.3rem}.review-card__stats-kanji-icon{width:.95em;height:.95em;flex-shrink:0}.review-card__stats-kanji-character{color:var(--color-text);font-size:1.35rem;font-weight:700}.review-card__stats-kanji-character--blurred{filter:blur(6px);-webkit-user-select:none;user-select:none}.review-card__stats-kanji-grade{padding:.1rem .5rem;border-radius:999px;background:var(--color-surface-hover);color:var(--color-text-muted);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.dict-verify__counter{font-weight:600;font-size:1.05rem}.dict-admin-tabs{display:inline-flex;flex-wrap:wrap;max-width:100%;gap:.25rem;padding:.25rem;margin-bottom:1.5rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-washi-surface)}.dict-admin-tabs__tab{padding:.55rem 1.1rem;border:0;border-radius:7px;background:transparent;color:var(--color-text-muted);font:inherit;cursor:pointer}.dict-admin-tabs__tab--active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm);font-weight:600}.dict-search{display:flex;flex-direction:column;gap:1.25rem}.dict-taxonomy{display:flex;flex-direction:column;gap:1rem;max-width:42rem}.dict-taxonomy__add{display:flex;align-items:flex-end;gap:1rem}.dict-taxonomy__add-field{flex:1}.dict-taxonomy__count{margin:0;font-size:.85rem;color:var(--color-text-muted)}.dict-taxonomy__list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface)}.dict-taxonomy__row{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem}.dict-taxonomy__row+.dict-taxonomy__row{border-top:1px solid var(--color-border)}.dict-taxonomy__name{flex:1;min-width:0}.dict-taxonomy__slug{font-size:.8rem;color:var(--color-text-muted)}.dict-taxonomy__edit{display:flex;align-items:center;gap:.75rem;width:100%}.dict-taxonomy__edit .dict-verify__input{flex:1}.dict-taxonomy__transfer{display:flex;flex-direction:column;gap:.5rem}.dict-taxonomy__transfer-toggle{display:flex;align-items:flex-start;gap:.5rem}.dict-taxonomy__transfer-options{display:flex;flex-direction:column;gap:.35rem;margin:0;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:8px;max-height:12rem;overflow-y:auto}.dict-taxonomy__transfer-option{display:flex;align-items:center;gap:.5rem}.dict-search__toolbar{display:flex;flex-direction:column;gap:.5rem;max-width:50rem}.dict-search__bar{display:flex;align-items:flex-end;gap:1rem}.dict-search__query{flex:1}.dict-search__create-hint{margin:0;font-size:.85rem;color:var(--color-text-muted)}.dict-search__form{max-width:42rem}.dict-search__form h2{margin:0;font-size:1.15rem}.dict-search__empty{display:flex;align-items:center;gap:1rem;padding:1.25rem;border:1px dashed var(--color-border);border-radius:10px;background:var(--color-washi-surface)}.dict-search__empty p,.dict-search-card h2,.dict-search-card p{margin:0}.dict-search__results{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1rem}.dict-search-card{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface)}.dict-search-card h2{font-size:1.45rem}.dict-search-card__reading{color:var(--color-text-muted);font-size:.9rem}.dict-search-card__identifier{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.25rem .75rem;padding:.75rem;border-radius:8px;background:var(--color-primary-soft)}.dict-search-card__identifier span{grid-column:1 / -1;color:var(--color-on-primary-soft);font-size:.75rem;font-weight:600;text-transform:uppercase}.dict-search-card__identifier strong{font-family:monospace;font-size:1.2rem}.dict-search-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto}.dict-search-card__approved{color:var(--color-success);font-weight:600}.dict-search-card__pending{color:var(--color-warning);font-weight:600}@media(max-width:640px){.dict-search__bar,.dict-search__empty{align-items:stretch;flex-direction:column}}.dict-verify{display:flex;flex-direction:column;gap:1rem;max-width:40rem;padding:1.5rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.dict-verify-layout{display:grid;grid-template-columns:minmax(0,40rem) minmax(14rem,18rem);align-items:start;gap:1.25rem}.dict-history{position:sticky;top:1rem;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.dict-history__title{margin:0;font-size:1rem}.dict-history__empty{margin:0;color:var(--color-text-muted);font-size:.85rem}.dict-history__list{display:flex;flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none}.dict-history__item{display:flex;align-items:center;gap:.75rem}.dict-history__body{display:flex;flex-direction:column;min-width:0}.dict-history__label,.dict-history__date{color:var(--color-text-muted);font-size:.8rem}.dict-history__item{--history-tone: var(--color-text-muted)}.dict-history__item--edited{--history-tone: var(--color-warning)}.dict-history__item--pre-approved{--history-tone: var(--color-primary)}.dict-history__item--approved{--history-tone: var(--color-success)}.dict-history__item .live-class-avatar{border-color:var(--history-tone)}.dict-history__label{color:var(--history-tone);font-weight:700}.dict-history__name{overflow-wrap:anywhere}.dict-stats{display:flex;flex-direction:column;gap:1.5rem}.dict-stats__counters{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem;margin:0}.dict-stats__counter{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px}.dict-stats__counter dt{color:var(--color-text-muted);font-size:.85rem}.dict-stats__counter dd{margin:0;font-size:1.75rem;font-weight:700}.dict-stats__title{margin:0 0 .75rem;font-size:1.1rem}.dict-stats__contributors{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none}.dict-stats__contributor{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px}.dict-stats__contributor-body{display:flex;flex-direction:column;min-width:0}.dict-stats__contributor-name{overflow-wrap:anywhere}.dict-stats__contributor-date{color:var(--color-text-muted);font-size:.8rem}.dict-activity__table{width:100%;border-collapse:collapse}.dict-activity__table th,.dict-activity__table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--color-border);vertical-align:middle}.dict-activity__table th{color:var(--color-text-muted);font-size:.85rem;font-weight:600}.dict-activity__reading{color:var(--color-text-muted)}.dict-activity__action{display:inline-flex;padding:.2rem .6rem;border-radius:999px;font-size:.8rem;font-weight:600;background:var(--color-surface-muted, var(--color-surface));border:1px solid var(--color-border)}.dict-activity__action--approved{color:var(--color-success)}.dict-activity__user{display:flex;align-items:center;gap:.5rem}@media(max-width:900px){.dict-verify-layout{grid-template-columns:minmax(0,1fr)}.dict-history{position:static}}.dict-verify__approval{margin:0;color:var(--color-text-muted);font-size:.9rem}.dict-verify__kanji-hint{margin:.35rem 0 0;color:var(--color-text-muted);font-size:.85rem}.dict-verify__confirmation{margin:0;padding:.5rem .85rem;border-radius:8px;background:var(--color-success-soft);color:var(--color-success);font-size:.9rem}.dict-verify__dirty-hint{margin:0;color:var(--color-on-primary-soft);font-size:.85rem;font-weight:600}.dict-verify__approval-blocked{margin:0;color:var(--color-text-muted);font-size:.85rem}.dict-verify__field{display:flex;flex-direction:column;gap:.4rem}.dict-verify__label{font-weight:600;font-size:.85rem}.dict-verify__input{padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text);font-size:1rem}.dict-verify__senses{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.dict-verify__sense-row{display:flex;align-items:center;gap:.5rem}.dict-verify__sense-row .dict-verify__input{flex:1}.dict-verify__validation{list-style:disc inside;display:flex;flex-direction:column;gap:.25rem}.dict-verify__sense-actions{display:flex;justify-content:center;gap:1.25rem}.dict-verify__sense-remove{flex-shrink:0;border:1px solid var(--color-border);border-radius:8px;background:none;color:var(--color-text-muted);font-size:1rem;line-height:1;cursor:pointer;padding:.5rem .75rem}.dict-verify__checkbox{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer}.dict-verify__kanji-furigana{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.dict-verify__kanji-furigana-row{display:flex;align-items:center;gap:.4rem}.dict-verify__kanji-furigana-row .dict-verify__input{width:5rem}.dict-verify__kanji-furigana-char{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.4rem .5rem;border-radius:8px;background:var(--color-primary-soft);color:var(--color-on-primary-soft);font-size:1.1rem;font-weight:600}.dict-verify__tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.dict-verify__no-tags{color:var(--color-text-muted);font-size:.85rem}.dict-verify__tag-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .5rem .25rem .75rem;border-radius:999px;background:var(--color-primary-soft);color:var(--color-on-primary-soft);font-size:.8rem}.dict-verify__tag-remove{border:none;background:none;color:inherit;font-size:1rem;line-height:1;cursor:pointer;padding:0}.dict-verify__add-tag{display:flex;gap:.5rem;align-items:center}.dict-verify__tag-select{padding:.4rem .6rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text)}.dict-verify__tag-select:not(.multi-select__trigger){align-self:flex-start;min-width:14rem;width:auto}.multi-select{position:relative}.multi-select__trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:14rem;font:inherit;text-align:left;cursor:pointer}.multi-select__trigger:disabled{cursor:not-allowed;opacity:.6}.multi-select__panel{position:absolute;z-index:20;top:calc(100% + .25rem);left:0;min-width:100%;max-height:16rem;overflow-y:auto;margin:0;padding:.25rem;list-style:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-menu)}.multi-select__option{display:flex;align-items:center;gap:.6rem;padding:.4rem .6rem;border-radius:6px;cursor:pointer;white-space:nowrap}.multi-select__option:hover,.multi-select__option:has(input:focus-visible){background:var(--color-bg)}.dict-verify__actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.dict-verify__reset{border:none;background:none;color:var(--color-text-muted);text-decoration:underline;cursor:pointer;font-size:.85rem}.live-class-room__header,.live-class-participants__header,.live-class-student-actions,.live-class-participant__actions,.live-class-chat__form>div{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.live-class-room__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:1.25rem;align-items:start}.live-class-chat__messages{display:flex;flex-direction:column;gap:.75rem;min-height:18rem;max-height:34rem;margin:1rem 0;padding:.75rem;overflow-y:auto;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-subtle)}.live-class-chat__empty{margin:auto;color:var(--color-text-muted)}.live-class-chat__message{padding:.65rem .8rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface)}.live-class-chat__message--teacher{border-color:var(--color-classroom-border);background:var(--color-classroom-soft)}.live-class-chat__message header{display:flex;align-items:baseline;gap:.55rem;color:var(--color-text-muted);font-size:.8rem}.live-class-chat__message header strong{color:var(--color-text);font-size:.95rem}.live-class-chat__message time{margin-left:auto}.live-class-chat__message p{margin:.35rem 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.live-class-chat__form,.live-class-chat__form label{display:flex;flex-direction:column;gap:.4rem}.live-class-chat__form textarea{flex:1 1 15rem;min-width:0}.live-class-participants{position:sticky;top:1.5rem}.live-class-participant__states{display:flex;gap:.35rem;flex-wrap:wrap}.live-class-participant__states span{padding:.15rem .45rem;border-radius:999px;background:var(--color-primary-soft);color:var(--color-on-primary-soft);font-size:.75rem}.live-class-participant__actions{justify-content:flex-end}@media(max-width:860px){.live-class-room__layout{grid-template-columns:1fr}.live-class-participants{position:static}}.page.live-class-page{width:100%;max-width:min(1720px,98vw);padding-block:1.5rem}.live-class-room__header{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;overflow:hidden;margin-bottom:1.25rem;padding:1rem 1.15rem;border:1px solid var(--color-dojo-border);border-radius:1rem;background:linear-gradient(135deg,var(--color-washi-surface),var(--color-dojo-soft));box-shadow:var(--shadow-sm)}.live-class-room__header:after{position:absolute;right:-2.5rem;bottom:-3.5rem;width:12rem;height:12rem;border:1.5rem solid var(--color-primary-soft);border-radius:50%;opacity:.42;content:""}.live-class-room__header>*{position:relative;z-index:1}.live-class-room__identity{display:grid;gap:.55rem;min-width:0}.live-class-room__back{width:fit-content;color:var(--color-text-muted);font-size:.78rem;font-weight:650;text-decoration:none;white-space:nowrap}.live-class-room__back:hover{color:var(--color-dojo)}.live-class-room__intro{display:flex;align-items:center;gap:.75rem}.live-class-room__emblem{display:inline-grid;flex:0 0 auto;place-items:center;width:2.8rem;height:2.8rem;border-radius:.9rem;color:var(--color-on-dojo);background:var(--color-dojo);box-shadow:var(--shadow-dojo-accent)}.live-class-room__emblem svg{width:1.55rem;height:1.55rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.live-class-room__intro .page__title{margin:0;font-size:clamp(1.55rem,3vw,2rem);line-height:1.05}.live-class-room__banner-meta{display:flex;flex-wrap:wrap;gap:.45rem}.live-class-room__banner-meta>span{display:inline-flex;align-items:center;gap:.35rem;min-height:1.8rem;padding:.3rem .55rem;border:1px solid var(--color-dojo-border);border-radius:999px;color:var(--color-text-muted);background:var(--color-surface);font-size:.75rem;line-height:1}.live-class-room__banner-meta svg{width:.9rem;height:.9rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.live-class-timer{display:inline-flex;align-items:baseline;gap:.4rem;padding:.35rem .9rem;border:1px solid var(--color-dojo-border);border-radius:999px;color:var(--color-on-dojo-soft);background:var(--color-dojo-soft);box-shadow:var(--shadow-xs);transition:color .2s ease,background-color .2s ease,border-color .2s ease}.live-class-timer svg{align-self:center;width:1.1rem;height:1.1rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.live-class-timer__value{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:750;letter-spacing:.02em;line-height:1}.live-class-timer__unit{color:var(--color-text-muted);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.live-class-timer--urgent{border-color:var(--color-danger-border);color:var(--color-danger);background:var(--color-danger-soft);animation:live-class-timer-pulse 2s ease-in-out infinite}.live-class-timer--urgent .live-class-timer__unit{color:var(--color-danger)}@keyframes live-class-timer-pulse{0%,to{box-shadow:var(--shadow-xs)}50%{box-shadow:0 0 0 4px var(--color-danger-soft)}}@media(prefers-reduced-motion:reduce){.live-class-timer--urgent{animation:none}}.live-class-speaker-overlay{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin:0 auto 1rem;padding:1rem 1.5rem;max-width:26rem;border:1px solid var(--color-primary-border, var(--color-border));border-radius:20px;background:var(--color-primary-soft, var(--color-washi-surface));box-shadow:var(--shadow-md);text-align:center;animation:live-class-speaker-overlay-in .22s ease}.live-class-speaker-overlay--urgent{border-color:var(--color-danger-border);animation:live-class-speaker-overlay-in .22s ease,live-class-timer-pulse 1.4s ease-in-out infinite}@keyframes live-class-speaker-overlay-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.live-class-speaker-overlay__header{display:flex;align-items:center;gap:.5rem;font-size:1.1rem}.live-class-speaker-overlay__mic{font-size:1.6rem;line-height:1}.live-class-speaker-overlay__timer{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:100%}.live-class-speaker-overlay__countdown{font-variant-numeric:tabular-nums;font-size:2.2rem;font-weight:800;letter-spacing:.02em}.live-class-speaker-overlay--urgent .live-class-speaker-overlay__countdown{color:var(--color-danger)}.live-class-speaker-overlay__progress{width:100%;height:.5rem;border-radius:999px;background:var(--color-surface-subtle);overflow:hidden}.live-class-speaker-overlay__progress-bar{height:100%;border-radius:999px;background:var(--color-primary, currentColor);transition:width 1s linear}.live-class-speaker-overlay--urgent .live-class-speaker-overlay__progress-bar{background:var(--color-danger)}.live-class-speaker-overlay__finished{margin:0;font-weight:700;color:var(--color-danger);animation:live-class-timer-pulse 1.4s ease-in-out infinite}.live-class-speaker-overlay__setup{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.live-class-speaker-overlay__presets{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.live-class-speaker-overlay__preset,.live-class-speaker-overlay__controls button,.live-class-speaker-popup__action{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.4rem .9rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text);font-weight:700;white-space:nowrap;box-shadow:var(--shadow-xs);transition:border-color .12s ease,background-color .12s ease,color .12s ease}.live-class-speaker-overlay__preset:hover,.live-class-speaker-overlay__controls button:hover:not(:disabled),.live-class-speaker-popup__action:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.live-class-speaker-overlay__preset--selected,.live-class-speaker-overlay__start,.live-class-speaker-popup__action--primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.live-class-speaker-overlay__preset--selected:hover,.live-class-speaker-overlay__start:hover:not(:disabled),.live-class-speaker-popup__action--primary:hover:not(:disabled){border-color:var(--color-primary-hover);background:var(--color-primary-hover);color:var(--color-on-primary)}.live-class-speaker-overlay__custom{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem}.live-class-speaker-overlay__custom input{width:8rem}.live-class-speaker-overlay__start{padding:.45rem 1.2rem}.live-class-speaker-overlay__start:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.live-class-speaker-overlay__controls{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:.2rem}.live-class-speaker-overlay__end,.live-class-speaker-popup__action--danger{border-color:var(--color-danger-border);color:var(--color-danger);background:var(--color-danger-soft)}.live-class-speaker-overlay__end:hover,.live-class-speaker-popup__action--danger:hover{border-color:var(--color-danger);color:var(--color-danger)}.live-class-speaker-popup__action:disabled{cursor:not-allowed;opacity:.55;border-color:var(--color-border);color:var(--color-text-muted);background:var(--color-surface)}.live-class-speaker-popup{position:fixed;z-index:1100;top:0;left:0;display:flex;flex-direction:column;gap:.5rem;padding:.7rem;min-width:12rem;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface);box-shadow:var(--shadow-md);animation:live-class-speaker-popup-in .15s ease}@keyframes live-class-speaker-popup-in{0%{opacity:0;transform:translateY(-4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.live-class-speaker-popup__header{display:flex;align-items:center;gap:.5rem}.live-class-speaker-popup__actions{display:flex;flex-direction:column;gap:.3rem;list-style:none;padding:0;margin:0}.live-class-speaker-clickable{cursor:pointer}@media(prefers-reduced-motion:reduce){.live-class-speaker-overlay,.live-class-speaker-overlay--urgent,.live-class-speaker-overlay__finished,.live-class-speaker-popup{animation:none}}.live-class-room__session-actions{align-items:center}.live-class-room__session-actions button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.65rem;padding:.65rem 1rem;border-radius:.75rem;font-weight:700;box-shadow:var(--shadow-sm);transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.live-class-room__session-actions button svg{width:1.05rem;height:1.05rem;flex:0 0 auto;fill:currentColor}.live-class-room__session-actions button:not(:disabled):hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.live-class-room__session-actions button:focus-visible{outline:2px solid var(--color-dojo);outline-offset:2px}.live-class-room__session-actions button:disabled{cursor:wait;opacity:.65;box-shadow:none}.live-class-room__start-session{border-color:var(--color-dojo);color:var(--color-on-dojo);background:var(--color-dojo)}.live-class-room__start-session:not(:disabled):hover{border-color:var(--color-dojo-hover);background:var(--color-dojo-hover)}.live-class-room__end-session{color:var(--color-danger);background:var(--color-danger-soft);border-color:var(--color-danger-border)}.live-class-room__end-session:not(:disabled):hover{border-color:var(--color-danger)}.live-class-room__layout{display:grid;grid-template-areas:"chat stage participants";grid-template-columns:minmax(240px,.72fr) minmax(420px,1.9fr) minmax(270px,.82fr);gap:1rem;align-items:start}.live-class-stage{grid-area:stage;min-width:0}.live-class-chat{grid-area:chat;min-width:0}.live-class-participants-column{grid-area:participants;min-width:0}.live-class-chat,.live-class-participants-column{position:sticky;top:1rem}.live-class-chat,.live-class-participants,.live-class-options,.live-class-raised-hands,.live-class-exercise,.live-class-ended{border-radius:14px;box-shadow:var(--shadow-sm)}.live-class-sidebar-heading{display:flex;align-items:center;gap:.65rem}.live-class-sidebar-heading__icon{display:inline-grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;color:var(--color-on-primary-soft);background:var(--color-primary-soft);font-size:.75rem;font-weight:800}.live-class-participants .live-class-sidebar-heading__icon{width:1.6rem;height:1.6rem;color:var(--color-text);background:transparent}.live-class-participants .live-class-sidebar-heading__icon svg{width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.live-class-options .live-class-sidebar-heading__icon{width:1.6rem;height:1.6rem;color:var(--color-text);background:transparent}.live-class-options .live-class-sidebar-heading__icon svg{width:1.3rem;height:1.3rem}.live-class-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem}.live-class-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.75rem;padding:.65rem 1.1rem;border:1px solid var(--color-border);border-radius:.75rem;color:var(--color-text);background:var(--color-surface);font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:var(--shadow-xs);transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.live-class-toolbar button:not(:disabled):hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.live-class-toolbar button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.live-class-toolbar .live-class-toolbar__primary{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.live-class-toolbar .live-class-toolbar__primary:not(:disabled):hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.live-class-toolbar button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.live-class-toolbar__hint{margin:-.5rem 0 1rem;color:var(--color-text-muted);font-size:.85rem}.live-class-toolbar__timer{display:flex;align-items:center;gap:.5rem;margin-left:auto;font-size:.85rem;font-weight:600;color:var(--color-text-muted)}.live-class-toolbar__timer select{min-height:2.75rem;padding:0 .65rem;border-radius:.75rem;font-size:.9rem;box-shadow:var(--shadow-xs)}.live-class-toolbar__timer select:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.live-class-toolbar__whiteboard{color:var(--color-on-dojo-soft);background:var(--color-dojo-soft);border-color:var(--color-dojo-border)}.live-class-toolbar__whiteboard:not(:disabled):hover{border-color:var(--color-dojo)}.live-class-toolbar__whiteboard--active,.live-class-toolbar__library--active{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.live-class-toolbar__whiteboard--active:not(:disabled):hover,.live-class-toolbar__library--active:not(:disabled):hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.live-class-whiteboard{padding:1rem;gap:.75rem}.live-class-whiteboard__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.live-class-whiteboard__tool-group,.live-class-whiteboard__color-group,.live-class-whiteboard__size-group{display:flex;align-items:center;gap:.35rem;padding:.3rem;border-radius:999px;background:var(--color-surface-subtle);border:1px solid var(--color-border)}.live-class-whiteboard__tool{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;padding:0;border-radius:999px;border:1px solid transparent;background:transparent;font-size:1.05rem}.live-class-whiteboard__tool[aria-pressed=true]{border-color:var(--color-dojo-border);background:var(--color-dojo-soft)}.live-class-whiteboard__swatch{width:1.5rem;height:1.5rem;padding:0;border-radius:999px;border:2px solid transparent;box-shadow:var(--shadow-xs)}.live-class-whiteboard__swatch[aria-pressed=true]{border-color:var(--color-dojo);transform:scale(1.12)}.live-class-whiteboard__size{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;padding:0;border-radius:999px;border:1px solid transparent;background:transparent}.live-class-whiteboard__size[aria-pressed=true]{border-color:var(--color-dojo-border);background:var(--color-dojo-soft)}.live-class-whiteboard__size-dot{display:block;border-radius:999px;background:var(--color-text)}.live-class-whiteboard__clear{margin-left:auto;padding:.4rem .85rem;border-radius:999px;border:1px solid var(--color-danger-border);color:var(--color-danger);background:var(--color-danger-soft);font-weight:700;font-size:.85rem}.live-class-whiteboard__clear:disabled{opacity:.5;cursor:not-allowed}.live-class-whiteboard__board{position:relative;width:100%;aspect-ratio:16 / 9;max-height:60vh;border-radius:14px;overflow:hidden;border:1px solid var(--color-dojo-border);box-shadow:var(--shadow-md)}.live-class-whiteboard__canvas{display:block;width:100%;height:100%}.live-class-whiteboard__hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin:0;padding:0 1.5rem;text-align:center;color:var(--color-whiteboard-hint);font-size:1.1rem;font-style:italic;pointer-events:none}@media(max-width:720px){.live-class-whiteboard__board{aspect-ratio:4 / 3;max-height:50vh}}.live-class-student-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--color-border)}.live-class-student-toolbar button{min-height:2.25rem;padding:.4rem .75rem;border-radius:8px;background:var(--color-surface);box-shadow:var(--shadow-xs);font-size:.82rem}.live-class-student-toolbar .live-class-student-toolbar__hand{display:inline-flex;align-items:center;gap:.45rem;min-height:2.4rem;padding:.45rem .85rem;border:1px solid var(--color-dojo-border);border-radius:999px;color:var(--color-on-dojo-soft);background:var(--color-washi-surface);box-shadow:var(--shadow-sm);font-size:.82rem;font-weight:700;transition:transform .12s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease}.live-class-student-toolbar__hand>span{font-size:1.08rem;line-height:1}.live-class-student-toolbar .live-class-student-toolbar__hand:hover:not(:disabled){transform:translateY(-1px);border-color:var(--color-dojo);background:var(--color-dojo-soft);box-shadow:var(--shadow-md)}.live-class-student-toolbar .live-class-student-toolbar__hand:focus-visible{outline:2px solid var(--color-dojo);outline-offset:2px}.live-class-student-toolbar .live-class-student-toolbar__hand--raised{border-color:var(--color-primary-border);color:var(--color-on-primary-soft);background:var(--color-primary-soft);box-shadow:var(--shadow-accent)}.live-class-student-toolbar .live-class-student-toolbar__hand--raised:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-soft-hover)}.live-class-student-toolbar .live-class-student-toolbar__hand:disabled{color:var(--color-field-disabled-text);background:var(--color-field-disabled-bg);box-shadow:none;opacity:.75}.live-class-student-toolbar__reaction{display:inline-flex;align-items:center;gap:.45rem;min-height:2.4rem;padding:.45rem .85rem;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text);background:var(--color-surface);font-weight:700}.live-class-student-toolbar__reaction:disabled{color:var(--color-field-disabled-text);background:var(--color-field-disabled-bg);box-shadow:none;opacity:.6}.live-class-points{gap:.6rem!important}.live-class-points__item{white-space:nowrap}.live-class-points-toast{position:fixed;top:calc(1rem + env(safe-area-inset-top,0px));left:50%;z-index:40;padding:.55rem 1.1rem;border-radius:999px;transform:translate(-50%);color:var(--color-on-primary-soft);background:var(--color-primary-soft);box-shadow:var(--shadow-md);font-size:.85rem;font-weight:700;pointer-events:none;animation:live-class-points-toast-in .2s ease}@keyframes live-class-points-toast-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.live-class-ended__points{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;margin:1rem 0;padding:0}.live-class-ended__points div{padding:.65rem .85rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-subtle)}.live-class-ended__points dt{color:var(--color-text-muted);font-size:.75rem}.live-class-ended__points dd{margin:.2rem 0 0;font-size:1rem;font-weight:700}.live-class-ended__results{display:grid;gap:.4rem;margin:1rem 0;padding:0;list-style:none}.live-class-ended__results li{display:flex;align-items:center;justify-content:space-between;padding:.5rem .85rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-subtle);font-weight:600}.live-class-exercise{min-height:34rem;margin:0;padding:clamp(1rem,2.2vw,2rem)}.live-class-exercise__header{padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.live-class-exercise--student-free-text .live-class-exercise__header{padding-bottom:.25rem;border-bottom:0}.live-class-exercise--student-free-text .live-class-exercise__header .dashboard-card__title{color:var(--color-text-muted);font-size:.85rem;font-weight:700}.live-class-exercise--student-free-text .live-class-exercise__state,.live-class-exercise--student-free-text .live-class-exercise__timer{padding:.2rem .55rem;font-size:.72rem}.live-class-exercise--student-free-text .live-class-exercise__content{margin-top:.8rem;padding-top:0;border-top:0}.live-class-exercise__prompt{max-width:48rem;margin:0;color:var(--color-text);font-size:clamp(1.35rem,2.3vw,1.8rem);line-height:1.3}.live-class-exercise__type-hint{display:inline-flex;margin:.55rem 0 1.25rem;padding:.22rem .55rem;border-radius:999px;color:var(--color-on-dojo-soft);background:var(--color-dojo-soft);font-size:.74rem;font-weight:700}.live-class-exercise__answer--free-text{gap:.75rem;max-width:none;padding:1rem;border:1px solid var(--color-primary-border);border-radius:14px;background:var(--color-primary-soft)}.live-class-exercise__free-text-field{position:relative}.live-class-exercise__free-text-field textarea{width:100%;min-height:10rem;padding:.9rem 1rem 2rem;border:1px solid var(--color-dojo-border);border-radius:12px;outline:0;color:var(--color-field-text);background:var(--color-surface);box-shadow:var(--shadow-xs);font:inherit;line-height:1.5}.live-class-exercise__free-text-field textarea:focus{border-color:var(--color-dojo);outline:0;box-shadow:var(--shadow-dojo-accent)}.live-class-exercise__free-text-field>span{position:absolute;right:.75rem;bottom:.55rem;color:var(--color-text-muted);font-size:.68rem;font-variant-numeric:tabular-nums}.live-class-exercise__answer--free-text>button{justify-self:end;min-height:2.35rem;padding:.45rem .85rem;border-color:var(--color-dojo);border-radius:8px;color:var(--color-on-dojo);background:var(--color-dojo);font-weight:700}.live-class-exercise__answer--free-text>button:disabled{border-color:var(--color-border);color:var(--color-field-disabled-text);background:var(--color-field-disabled-bg);opacity:1}.live-class-exercise--student-free-text .live-class-exercise__own-response--free-text{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;margin-top:.25rem;border-color:var(--color-dojo-border);background:var(--color-dojo-soft)}.live-class-exercise__own-response--free-text strong{color:var(--color-on-dojo-soft)}.live-class-exercise--student-multiple-choice .live-class-exercise__header{padding-bottom:.25rem;border-bottom:0}.live-class-exercise--student-multiple-choice .live-class-exercise__header .dashboard-card__title{color:var(--color-text-muted);font-size:.85rem;font-weight:700}.live-class-exercise--student-multiple-choice .live-class-exercise__state,.live-class-exercise--student-multiple-choice .live-class-exercise__timer{padding:.2rem .55rem;font-size:.72rem}.live-class-exercise--student-multiple-choice .live-class-exercise__content{margin-top:.8rem;padding-top:0;border-top:0}.live-class-exercise__answer--multiple-choice{gap:.65rem;max-width:48rem;margin-top:1.35rem}.live-class-exercise__choice{white-space:pre-line}.live-class-exercise__answer--multiple-choice .live-class-exercise__choice{display:flex;gap:.75rem;align-items:center;min-height:3.25rem;padding:.75rem .9rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-washi-surface);cursor:pointer;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease}.live-class-exercise__answer--multiple-choice .live-class-exercise__choice:hover{border-color:var(--color-dojo-border);background:var(--color-surface-hover)}.live-class-exercise__answer--multiple-choice .live-class-exercise__choice:focus-within{border-color:var(--color-dojo);box-shadow:var(--shadow-dojo-accent)}.live-class-exercise__answer--multiple-choice .live-class-exercise__choice--selected{border-color:var(--color-dojo);color:var(--color-on-dojo-soft);background:var(--color-dojo-soft);box-shadow:inset 3px 0 0 var(--color-dojo);font-weight:700}.live-class-exercise__choice input[type=radio]{flex:0 0 auto;width:1.1rem;height:1.1rem;margin:0;accent-color:var(--color-dojo)}.live-class-exercise__answer--multiple-choice>button{justify-self:end;min-height:2.35rem;margin-top:.2rem;padding:.45rem .85rem;border-color:var(--color-dojo);border-radius:8px;color:var(--color-on-dojo);background:var(--color-dojo);font-weight:700}.live-class-exercise__answer--multiple-choice>button:disabled{border-color:var(--color-border);color:var(--color-field-disabled-text);background:var(--color-field-disabled-bg);opacity:1}.live-class-exercise--student-multiple-choice .live-class-exercise__own-response--multiple-choice{margin-top:1.25rem;border-color:var(--color-dojo-border);background:var(--color-dojo-soft)}.live-class-exercise__own-response--multiple-choice>strong{color:var(--color-on-dojo-soft)}.live-class-exercise--student-multiple-choice .live-class-exercise__student-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:start;margin-top:1.25rem;border-color:var(--color-dojo-border);background:var(--color-dojo-soft)}.live-class-exercise--student-multiple-choice .live-class-exercise__student-result>div>strong{color:var(--color-on-dojo-soft)}.live-class-exercise__distribution li>span:last-child{flex:0 0 auto;color:var(--color-text-muted)}.live-class-exercise__correct-option-icon{display:inline-grid;flex:0 0 auto;place-items:center;width:1.2rem;height:1.2rem;border-radius:50%;color:var(--color-on-success);background:var(--color-success)}.live-class-exercise__correct-option-icon svg{width:.85rem;height:.85rem;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.live-class-answer-icon{display:inline-grid;flex:0 0 auto;place-items:center;margin-left:.4rem;width:1.2rem;height:1.2rem;border-radius:50%;vertical-align:-.2rem}.live-class-answer-icon svg{width:.85rem;height:.85rem;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.live-class-answer-icon--correct{color:var(--color-on-success);background:var(--color-success)}.live-class-answer-icon--incorrect{color:var(--color-on-danger);background:var(--color-danger)}.live-class-exercise--student-free-text .live-class-exercise__own-response--free-text+.live-class-exercise__shown-answer{margin-top:1rem}.live-class-exercise__evaluation{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.65rem;max-width:14rem;padding:.55rem .8rem;border:1px solid var(--color-dojo-border);border-radius:10px;background:var(--color-surface);font-size:.9rem;font-weight:800;text-align:center}.live-class-exercise__evaluation>span{font-size:1.1rem;line-height:1}.live-class-exercise__evaluation--pending{color:var(--color-on-warning-soft);background:var(--color-warning-soft);border-color:var(--color-warning-border)}.live-class-exercise__evaluation--correct{color:var(--color-on-success-soft);background:var(--color-success-soft);border-color:var(--color-success-border)}.live-class-exercise__evaluation--incorrect{color:var(--color-on-danger-soft);background:var(--color-danger-soft);border-color:var(--color-danger-border)}@media(max-width:560px){.live-class-exercise--student-multiple-choice .live-class-exercise__student-result,.live-class-exercise--student-free-text .live-class-exercise__own-response--free-text{grid-template-columns:1fr}.live-class-exercise__evaluation{justify-self:stretch;max-width:none}}.live-class-exercise__library-link{font-size:.88rem}.live-class-exercise__empty{display:grid;place-items:center;align-content:center;min-height:25rem;color:var(--color-text-muted);text-align:center}.live-class-exercise__empty>span{display:grid;place-items:center;width:3.5rem;height:3.5rem;margin-bottom:.75rem;border-radius:50%;color:var(--color-on-primary-soft);background:var(--color-primary-soft);font-size:1.5rem;font-weight:800}.live-class-exercise__empty h3,.live-class-exercise__empty p{margin:.2rem}.live-class-chat{display:flex;gap:0;min-height:min(42rem,calc(100vh - 11rem));max-height:calc(100vh - 2rem);margin:0;padding:0;overflow:hidden}.live-class-chat__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;flex:0 0 auto;padding:1rem 1rem .9rem;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.live-class-chat__help-trigger{display:grid;flex:0 0 auto;place-items:center;width:1.6rem;height:1.6rem;padding:0;border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-muted);background:var(--color-surface-subtle);font-size:.82rem;font-weight:700;line-height:1}.live-class-chat__help-trigger:hover{color:var(--color-text);background:var(--color-surface)}.live-class-chat__header .dashboard-card__title{margin:0}.live-class-chat__header .live-class-sidebar-heading__icon{width:2.5rem;height:2.5rem;color:var(--color-on-dojo);background:var(--color-dojo);box-shadow:var(--shadow-sm)}.live-class-chat__header .live-class-sidebar-heading__icon svg{width:1.35rem;height:1.35rem;fill:currentColor}.live-class-chat__header p{margin:.1rem 0 0;color:var(--color-text-muted);font-size:.74rem}.live-class-chat__messages{flex:1;min-height:14rem;margin:0;padding:1rem .85rem;border:0;border-radius:0;background:var(--color-surface-subtle);scrollbar-gutter:stable}.live-class-chat__empty{display:grid;place-items:center;gap:.3rem;width:100%;margin:1.5rem 0 auto;padding:1.25rem .75rem;border:1px dashed var(--color-border);border-radius:12px;color:var(--color-text-muted);background:var(--color-surface);text-align:center}.live-class-chat__empty>span{display:grid;place-items:center;width:2.4rem;height:2.4rem;margin-bottom:.25rem;border-radius:50%;color:var(--color-on-primary-soft);background:var(--color-primary-soft);font-size:.8rem;letter-spacing:.08em}.live-class-chat__empty strong{color:var(--color-text);font-size:.88rem}.live-class-chat__empty p{margin:0;font-size:.76rem}.live-class-chat__message{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.6rem;padding:0;border:0;background:transparent}.live-class-chat__message-content{min-width:0}.live-class-chat__message-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem .4rem;min-height:1.2rem}.live-class-chat__message-meta strong{font-size:.82rem}.live-class-chat__message-meta time{margin-left:auto;font-size:.7rem}.live-class-chat__teacher-badge{padding:.08rem .35rem;border-radius:999px;color:var(--color-on-primary-soft);background:var(--color-primary-soft);font-size:.62rem;font-weight:700}.live-class-chat__bubble{display:inline-block;max-width:100%;margin:.3rem 0 0;padding:.58rem .72rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);box-shadow:none;font-size:.88rem;line-height:1.45}.live-class-chat__message--teacher .live-class-chat__bubble{border-color:var(--color-primary-border);background:var(--color-primary-soft)}.live-class-chat__message--own .live-class-chat__bubble{border-color:var(--color-dojo-border);background:var(--color-kana-soft)}.live-class-chat__form{flex:0 0 auto;margin-top:auto;padding:.85rem 1rem 1rem;border-top:1px solid var(--color-border);background:var(--color-surface)}.live-class-chat__composer-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.live-class-chat__composer{display:flex;align-items:center;gap:.4rem;flex-wrap:nowrap;min-height:3.15rem;padding:.3rem .35rem;border:1px solid var(--color-border);border-radius:1.6rem;background:var(--color-surface);box-shadow:var(--shadow-xs);transition:border-color .12s ease,box-shadow .12s ease}.live-class-chat__composer:focus-within{border-color:var(--color-dojo);box-shadow:var(--shadow-dojo-accent)}.live-class-chat__composer textarea{flex:1;min-width:0;min-height:1.4rem;max-height:40vh;margin:0;padding:0;border:0;outline:0;overflow-y:auto;color:var(--color-field-text);background:transparent;box-shadow:none;font:inherit;line-height:1.4rem;white-space:pre-wrap;overflow-wrap:anywhere;resize:none}.live-class-chat__composer textarea:focus{border:0;outline:0;box-shadow:none}.live-class-chat__counter{flex:0 0 auto;color:var(--color-text-muted);font-size:.64rem;font-variant-numeric:tabular-nums}.live-class-chat__composer button{display:inline-grid;flex:0 0 auto;place-items:center;width:2.55rem;height:2.55rem;padding:0;border-color:var(--color-dojo);border-radius:50%;color:var(--color-on-dojo);background:var(--color-dojo);font-size:.95rem;line-height:1}.live-class-chat__composer button:disabled{border-color:var(--color-border);color:var(--color-field-disabled-text);background:var(--color-field-disabled-bg);opacity:1}.live-class-chat__composer .live-class-chat__emoji-trigger{width:2.1rem;height:2.1rem;border:0;color:var(--color-text-muted);background:transparent;font-size:1.05rem}.live-class-chat__composer .live-class-chat__emoji-trigger:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-subtle)}.live-class-chat__composer .live-class-chat__emoji-trigger:disabled{color:var(--color-field-disabled-text);background:transparent}.live-class-chat__bubble--sticker,.live-class-chat__message--teacher .live-class-chat__bubble--sticker,.live-class-chat__message--own .live-class-chat__bubble--sticker{padding:.2rem;border:0;background:transparent;box-shadow:none}.live-class-chat__bubble--sticker img{display:block;width:5.5rem;height:5.5rem;object-fit:contain}.live-class-chat__spoiler-wrapper{display:inline;white-space:nowrap}.live-class-chat__spoiler{padding:.02rem .35rem;border-radius:4px;color:transparent;background:var(--color-spoiler-bg);font:inherit;line-height:inherit;vertical-align:baseline;cursor:pointer;-webkit-user-select:none;user-select:none}.live-class-chat__spoiler:hover{background:var(--color-spoiler-bg-hover)}.live-class-chat__spoiler--revealed{color:inherit;background:var(--color-surface-subtle);cursor:default;-webkit-user-select:text;user-select:text}.live-class-chat__spoiler-revealers{display:inline-flex;flex:0 0 auto;align-items:center;gap:.15rem;margin-left:.3rem;vertical-align:middle}.live-class-chat__spoiler-revealers .live-class-avatar{width:1.15rem;height:1.15rem;border-width:1px;box-shadow:none;font-size:.5rem}.live-class-chat__picker-anchor{position:fixed;z-index:1000;transform:translateY(-100%) translateY(-.5rem)}.live-class-chat__help-anchor{position:fixed;z-index:1000}.live-class-chat__help-popover{width:16rem;padding:.75rem .85rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);box-shadow:var(--shadow-md)}.live-class-chat__help-popover h3{margin:0 0 .5rem;font-size:.82rem}.live-class-chat__help-popover dl{display:flex;flex-direction:column;gap:.5rem;margin:0}.live-class-chat__help-item dt code{padding:.05rem .35rem;border-radius:4px;background:var(--color-surface-subtle);font-size:.78rem}.live-class-chat__help-item dd{margin:.2rem 0 0;color:var(--color-text-muted);font-size:.76rem}.live-class-chat__picker{width:17rem;max-height:20rem;padding:.6rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);box-shadow:var(--shadow-md)}.live-class-chat__picker-tabs{display:flex;gap:.35rem;margin-bottom:.5rem}.live-class-chat__picker-tab{flex:1;padding:.35rem .5rem;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-muted);background:var(--color-surface-subtle);font-size:.8rem;font-weight:600}.live-class-chat__picker-tab[aria-selected=true]{border-color:var(--color-dojo);color:var(--color-on-dojo);background:var(--color-dojo)}.live-class-chat__picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.2rem;max-height:15rem;overflow-y:auto}.live-class-chat__picker-emoji{display:grid;place-items:center;aspect-ratio:1;padding:0;border:0;background:transparent;font-size:1.25rem;line-height:1}.live-class-chat__picker-emoji:hover{border-radius:8px;background:var(--color-surface-subtle)}.live-class-chat__picker-grid--stickers{grid-template-columns:repeat(4,1fr)}.live-class-chat__picker-sticker{display:grid;place-items:center;aspect-ratio:1;padding:.3rem;border:0;background:transparent}.live-class-chat__picker-sticker:hover{border-radius:8px;background:var(--color-surface-subtle)}.live-class-chat__picker-sticker img{width:100%;height:100%;object-fit:contain}.live-class-avatar{display:inline-grid;flex:0 0 auto;place-items:center;width:2.25rem;height:2.25rem;border:2px solid var(--color-surface);border-radius:50%;color:var(--color-on-primary-soft);background:var(--color-primary-soft);box-shadow:var(--shadow-outline);font-size:.72rem;font-weight:800;overflow:hidden}.live-class-avatar img{width:100%;height:100%;object-fit:cover}.live-class-avatar--tone-1{color:var(--color-on-classroom-soft);background:var(--color-classroom-soft)}.live-class-avatar--tone-2{color:var(--color-on-warning-soft);background:var(--color-warning-soft)}.live-class-avatar--tone-3{color:var(--color-on-dojo-soft);background:var(--color-dojo-soft)}.live-class-avatar--tone-4{color:var(--color-on-success-soft);background:var(--color-success-soft)}.live-class-participants-column{display:grid;gap:1rem;max-height:calc(100vh - 2rem);overflow-y:auto}.live-class-participants,.live-class-options,.live-class-raised-hands{margin:0;padding:1rem}.live-class-options__action{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:2.6rem;margin-top:.85rem;padding:0 1rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-subtle);color:var(--color-text);font-weight:600;font-size:.85rem;box-shadow:var(--shadow-xs);transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .05s ease}.live-class-options__action svg{width:1.05rem;height:1.05rem;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.live-class-options__action:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-on-primary-soft)}.live-class-options__action:active:not(:disabled){transform:scale(.98)}.live-class-options__action:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.live-class-options__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--color-border)}.live-class-options__row-label{font-size:.85rem;color:var(--color-text)}.live-class-switch{position:relative;flex-shrink:0;width:2.6rem;height:1.5rem;padding:.15rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-subtle);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.live-class-switch--on{background:var(--color-success);border-color:var(--color-success)}.live-class-switch__thumb{display:block;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--neutral-0);box-shadow:var(--shadow-control);transition:transform .15s ease}.live-class-switch--on .live-class-switch__thumb{transform:translate(1.1rem);background:var(--neutral-0)}.live-class-participant-group{margin-top:.85rem}.live-class-participant-group h3{margin:0 0 .45rem;color:var(--color-text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.live-class-participant-group ul,.live-class-raised-hands ul{display:grid;gap:0;margin:0;padding:0;list-style:none;border:1px solid var(--color-border);border-radius:10px;overflow:hidden}.live-class-participant{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:.65rem;align-items:center;padding:.65rem;background:var(--color-surface-subtle)}.live-class-participant+.live-class-participant{border-top:1px solid var(--color-border)}.live-class-participant__identity{min-width:0}.live-class-participant__name{display:flex;align-items:center;gap:.35rem;min-width:0}.live-class-participant__name>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-class-participant__raised-hand{flex:0 0 auto;color:var(--color-warning);font-size:.85rem;line-height:1}.live-class-participant__score{flex:0 0 auto;padding:.05rem .4rem;border-radius:999px;background:var(--color-surface-subtle);color:var(--color-text-muted);font-size:.7rem;font-weight:600;white-space:nowrap}.live-class-participant__role{padding:.2rem .45rem;border-radius:999px;color:var(--color-on-success-soft);background:var(--color-success-soft);font-size:.68rem}.live-class-participant__presence{grid-column:4;width:.55rem;height:.55rem;border-radius:50%;box-shadow:0 0 0 3px var(--color-surface)}.live-class-participant__presence--connected{background:var(--color-success)}.live-class-participant__presence--inactive,.live-class-participant__presence--left{background:var(--color-text-muted)}.live-class-participant--inactive .live-class-avatar{filter:grayscale(1);opacity:.55}.live-class-participant--left{opacity:.55}.live-class-participant__states span{padding:0;color:var(--color-success);background:transparent;font-size:.68rem}.live-class-participant__states span+span:before{content:"·";margin-right:.35rem}.live-class-participant__states .live-class-participant__presence-label{color:var(--color-text-muted)}.live-class-reconnect{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;padding:1.5rem;place-items:center;background:color-mix(in srgb,var(--color-bg) 82%,transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.live-class-reconnect__panel{width:min(100%,440px);padding:2.25rem;border:1px solid var(--color-border);border-radius:24px;background:var(--color-surface);box-shadow:var(--shadow-md);text-align:center}.live-class-reconnect__icon{display:grid;width:4.5rem;height:4.5rem;margin:0 auto 1.25rem;place-items:center;border-radius:50%;color:var(--color-primary);background:var(--color-primary-soft)}.live-class-reconnect__icon svg{width:2.25rem;height:2.25rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.live-class-reconnect h2,.live-class-reconnect p{margin:0}.live-class-reconnect p{margin-top:.55rem;color:var(--color-text-muted)}.live-class-reconnect button{width:100%;margin-top:1.75rem;padding:.9rem 1.25rem;border:1px solid var(--color-primary);border-radius:12px;color:var(--color-on-primary);background:var(--color-primary);font-size:1.05rem;font-weight:800;cursor:pointer}.live-class-reconnect button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.live-class-reconnect button:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.live-class-raised-hands{border-color:var(--color-warning-border);background:var(--color-warning-soft)}.live-class-raised-hands .dashboard-card__title{color:var(--color-on-warning-soft)}.live-class-raised-hands li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;align-items:center;padding:.65rem;background:var(--color-surface)}.live-class-raised-hands__actions{display:flex;grid-column:1 / -1;gap:.4rem}.live-class-raised-hands__actions button{flex:1;padding-inline:.45rem;font-size:.75rem}@media(max-width:1180px){.page.live-class-page{max-width:min(1100px,100%)}.live-class-room__layout{grid-template-areas:"stage participants" "chat chat";grid-template-columns:minmax(0,1fr) minmax(260px,.45fr)}.live-class-chat,.live-class-participants-column{position:static}.live-class-participants-column{max-height:none;overflow:visible}.live-class-chat{min-height:28rem;max-height:38rem}}@media(max-width:760px){.page.live-class-page{padding-inline:.75rem}.live-class-room__header,.live-class-room__identity{align-items:stretch}.live-class-room__header{grid-template-columns:minmax(0,1fr);gap:1rem}.live-class-room__identity{gap:.6rem}.live-class-room__banner-meta>span{flex:1 1 auto;justify-content:center}.live-class-room__session-actions{width:100%}.live-class-room__session-actions button{flex:1}.live-class-room__layout{grid-template-areas:"stage" "participants" "chat";grid-template-columns:minmax(0,1fr)}.live-class-exercise{min-height:25rem}.live-class-toolbar{flex-direction:column;align-items:stretch}.live-class-toolbar button{width:100%}.live-class-toolbar__timer{margin-left:0;justify-content:space-between}.live-class-chat{min-height:26rem}}.dictionary-import-progress{margin-block:1rem;padding:1rem;border:1px solid var(--color-border);border-radius:.75rem}.dictionary-import-progress p{margin:0 0 .75rem}.dictionary-import-progress progress{display:block;width:100%;height:1rem;accent-color:var(--color-primary)}.course-calendar__actions,.course-calendar__legend{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-block:1rem}.course-calendar__legend{color:var(--color-text-muted);font-size:.85rem}.course-modal{width:min(42rem,calc(100vw - 2rem));max-height:90dvh;overflow-y:auto}.course-modal.live-class-question-modal{width:min(62rem,calc(100vw - 2rem));max-height:94dvh}.course-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.course-modal__header h2{margin-top:0;overflow-wrap:anywhere}.course-form{display:grid;gap:.9rem}.course-form>label,.course-form__dates label{display:grid;gap:.3rem;min-width:0}.course-form input:not([type=radio]):not([type=checkbox]),.course-form select,.course-form textarea{width:100%;box-sizing:border-box;min-width:0}.course-form fieldset{min-width:0;border:1px solid var(--color-border);border-radius:6px;padding:.75rem}.course-form fieldset>label{display:flex;align-items:center;gap:.5rem;margin-block:.5rem}.course-form__dates{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.course-form__participants{max-height:15rem;overflow-y:auto}.course-form__participants label{display:flex;align-items:center;gap:.6rem;padding:.55rem .2rem;overflow-wrap:anywhere}.course-form__participants small{color:var(--color-text-muted)}.course-detail__description{white-space:pre-wrap;overflow-wrap:anywhere}.course-detail__participants{max-height:15rem;overflow-y:auto}.course-event{display:flex;flex-direction:column;padding:.15rem;overflow:hidden}.course-event strong,.course-event small{overflow:hidden;text-overflow:ellipsis}.teacher-calendar .fc-event.teacher-calendar__event--availability{background:var(--color-bg);color:var(--color-text-muted);border:1px dashed var(--color-border)}.student-calendar-legend .teacher-calendar__event--course,.teacher-calendar .fc-event.teacher-calendar__event--course{background:var(--color-primary-soft);color:var(--color-text);border-color:var(--color-primary)}.teacher-calendar .fc-event.teacher-calendar__event--conference{border-inline-start-width:5px}.student-calendar-legend .teacher-calendar__event--participating,.teacher-calendar .fc-event.teacher-calendar__event--participating{background:var(--color-success-soft);color:var(--color-on-success-soft);border-color:var(--color-success-border)}.teacher-calendar .fc-event.teacher-calendar__event--completed{opacity:.7}.teacher-calendar .fc-event.teacher-calendar__event--cancelled{background:var(--color-bg);color:var(--color-text-muted);border-color:var(--color-border);border-style:dashed}.teacher-calendar__event--cancelled .course-event strong{text-decoration:line-through}@media(max-width:640px){.course-form__dates{grid-template-columns:1fr}.course-calendar__actions>button{width:100%}.course-modal .classroom-modal__actions{flex-wrap:wrap}.course-modal .classroom-modal__actions>button{flex:1 1 100%}}.course-calendar__actions .availability-add-button{width:auto;margin:0}.course-calendar__actions>button{min-height:2.75rem;border-radius:8px;padding:.7rem 1.1rem;border:1px solid var(--color-primary);font:inherit;cursor:pointer}.course-calendar__actions>button:not(.availability-add-button){background:var(--color-surface);color:var(--color-primary)}.course-form input:not([type=radio]):not([type=checkbox]),.course-form select,.course-form textarea{min-height:2.75rem;padding:.6rem .7rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);font:inherit}.course-form textarea{resize:vertical}.course-form input:focus-visible,.course-form textarea:focus-visible,.course-form select:focus-visible,.course-modal button:focus-visible,.course-calendar__actions button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.course-modal .classroom-modal__actions{gap:.875rem;margin-top:1rem}.course-modal .classroom-modal__actions>button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:3rem;min-width:8.25rem;padding:.75rem 1.5rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-text);font:inherit;font-weight:600;line-height:1.4;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.course-modal .classroom-modal__actions>button:hover:not(:disabled){background:var(--color-primary-soft);border-color:var(--color-primary)}.course-modal .classroom-modal__actions>.course-modal__button--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.course-modal .classroom-modal__actions>.course-modal__button--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.course-modal .classroom-modal__actions>button:disabled,.course-modal__header>button:disabled{opacity:.55;cursor:not-allowed}.course-modal__header>button:hover:not(:disabled){background:var(--color-primary-soft);border-color:var(--color-primary)}.course-modal__header>button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:2.75rem;min-height:2.75rem;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:12px;font:inherit;font-size:1.4rem;cursor:pointer}@media(max-width:640px){.course-calendar__actions .availability-add-button{width:100%}}.student-course-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.student-course-card{min-width:0;overflow-wrap:anywhere}.student-course-card .next-course-card__link{display:inline-flex;align-items:center;min-height:44px}.public-course-detail>p{margin:0}.public-course-detail{gap:1rem;overflow-wrap:anywhere}.course-registration-button{min-height:44px;padding:.7rem 1rem;border:1px solid var(--color-primary);border-radius:8px;background:var(--color-primary-soft);color:var(--color-primary);font:inherit;cursor:pointer}.course-registration-button:disabled{opacity:.6;cursor:not-allowed}.quarter-hour-field{display:grid;align-content:start;gap:.3rem;min-width:0}.quarter-hour-field__controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.4rem}.course-detail__schedule{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding:1.1rem 1.25rem;border:1px solid var(--color-primary-border);border-radius:16px;background:var(--color-primary-soft);color:var(--color-on-primary-soft)}.course-detail__schedule>div{display:grid;align-content:start;gap:.4rem}.course-detail__eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.course-detail__schedule strong{font-size:1.05rem;line-height:1.5}.course-detail__badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:.25rem .5rem}.course-detail__badge{display:inline-flex;align-items:center;padding:.4rem .8rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-subtle);color:var(--color-text-muted);font-size:.8rem;font-weight:600;line-height:1.4}.course-detail__badge--primary{background:var(--color-primary-soft);color:var(--color-on-primary-soft);border-color:var(--color-primary-border)}.course-detail__badge--violet{background:var(--color-dojo-soft);color:var(--color-on-dojo-soft);border-color:var(--color-dojo-border)}.course-detail__badge--success{background:var(--color-success-soft);color:var(--color-on-success-soft);border-color:var(--color-success-border)}.course-detail__badge--warning{background:var(--color-warning-soft);color:var(--color-on-warning-soft);border-color:var(--color-warning-border)}.course-detail__badge--danger{background:var(--color-danger-soft);color:var(--color-on-danger-soft);border-color:var(--color-danger-border)}.course-detail__section{min-width:0;padding-top:.75rem}.course-detail__section h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.95rem}.course-detail__section .course-detail__description{margin:0;line-height:1.7;color:var(--color-text-muted)}.course-detail__count{min-width:1.5rem;padding:.15rem .4rem;border-radius:999px;background:var(--color-surface-subtle);color:var(--color-text-muted);font-size:.75rem;text-align:center}.course-detail__participant-list{display:grid;gap:.6rem;list-style:none;padding:0;margin:0}.course-detail__participant{display:flex;align-items:center;gap:.8rem;padding:.85rem 1rem;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface-subtle)}.course-detail__participant>div{min-width:0;display:grid;gap:.25rem;overflow-wrap:anywhere}.course-detail__participant small{color:var(--color-text-muted)}.course-modal .classroom-modal__actions>.course-detail__cancel{color:var(--color-on-danger-soft);border-color:var(--color-danger-border)}.course-modal .classroom-modal__actions>.course-detail__cancel:hover:not(:disabled){background:var(--color-danger-soft);border-color:var(--color-danger-border)}@media(max-width:480px){.course-detail__schedule{grid-template-columns:minmax(0,1fr)}}.teacher-calendar .fc-timegrid-event .fc-event-main{overflow:hidden}.teacher-calendar .course-event{box-sizing:border-box;height:100%;max-height:100%;min-width:0;line-height:1.2;gap:1px}.teacher-calendar .course-event>*{flex-shrink:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-event[data-density=compact] small,.course-event[data-density=minimal] small,.course-event[data-density=minimal] .course-event__time{display:none}.student-calendar-legend .teacher-calendar__event--unavailable,.teacher-calendar .fc-event.teacher-calendar__event--unavailable{background:repeating-linear-gradient(135deg,var(--color-surface) 0,var(--color-surface) 6px,var(--color-surface-active) 6px,var(--color-surface-active) 9px);border:1px solid var(--color-border-strong);color:var(--color-text-muted);cursor:default}.student-calendar-legend{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;padding:0;margin:1.25rem 0;list-style:none;color:var(--color-text-muted);font-size:.85rem}.student-calendar-legend li{display:flex;align-items:center;gap:.5rem}.student-calendar-legend__swatch{display:inline-block;flex-shrink:0;width:1.1rem;height:1.1rem;border:1px solid;border-radius:4px}.student-calendar-legend .teacher-calendar__event--available,.teacher-calendar .fc-event.teacher-calendar__event--available{background:var(--color-kana);border-color:var(--color-kana);color:var(--color-on-kana)}.kanji-link{color:inherit;text-decoration:none}.kanji-link:hover{color:var(--color-link-hover)}.kanji-link--button{display:inline;font:inherit;background:none;border:none;padding:0;cursor:pointer}.reading-ruby__kanji{transition:text-shadow .14s ease}.reading-ruby--active .reading-ruby__kanji{text-shadow:0 0 6px color-mix(in srgb,var(--color-primary) 85%,transparent),0 0 14px color-mix(in srgb,var(--color-primary) 55%,transparent)}ruby rt.reading-ruby__rt--active{font-weight:800}.reading-ruby__kana--active{color:var(--color-primary)}.vocabulary-row--highlighted{background:var(--color-primary-soft);box-shadow:inset 4px 0 0 var(--color-primary)}.kanji-dictionary__heading{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem 1.5rem;margin-bottom:1rem}.kanji-dictionary__heading .page__subtitle{margin-bottom:0}.kanji-dictionary__eyebrow{margin:0 0 .35rem;color:var(--color-dojo);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.kanji-detail__back,.kanji-detail__facts a,.kanji-dictionary__notice a,.kanji-word__link{color:var(--color-link)}.kanji-detail__back:hover,.kanji-detail__facts a:hover,.kanji-dictionary__notice a:hover,.kanji-word__link:hover{color:var(--color-link-hover)}.kanji-detail__back{align-self:flex-start}.kanji-dictionary__filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1.1rem 1.6rem;margin-bottom:1.5rem;padding:1.5rem;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface)}.kanji-dictionary__search{position:relative;display:flex;flex:1 1 100%;align-items:center;container-type:inline-size}.kanji-dictionary__search-icon{position:absolute;left:1.15rem;color:var(--color-text-muted);pointer-events:none}.kanji-dictionary__query{box-sizing:border-box;width:100%;height:3.7rem;padding:0 7.4rem 0 3.4rem;border:1px solid var(--color-field-border);border-radius:10px;background:var(--color-field-bg);color:var(--color-field-text);font-size:1.1rem}.kanji-dictionary__query::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.kanji-dictionary__kbd{position:absolute;right:4.4rem;min-width:2.1rem;padding:.3rem .6rem;border:1px solid var(--color-field-border);border-radius:6px;background:var(--color-surface);color:var(--color-text-muted);font:inherit;font-size:.95rem;line-height:1.2;text-align:center;pointer-events:none}.kanji-dictionary__field,.kanji-dictionary__filters .radical-select{display:flex;flex:1 1 12rem;flex-direction:column;gap:.45rem;min-width:0;color:var(--color-text-muted);font-size:.95rem;font-weight:500}.kanji-dictionary__filters .radical-select label{font-size:inherit;font-weight:inherit}.kanji-dictionary__field select,.kanji-dictionary__field input,.kanji-dictionary__filters .radical-select input,.kanji-dictionary__filters .radical-select select{box-sizing:border-box;width:100%;min-width:0;height:3.5rem;padding:0 1.1rem;border:1px solid var(--color-field-border);border-radius:8px;background:var(--color-field-bg);color:var(--color-field-text);font-size:1.05rem;font-weight:400}.kanji-dictionary__field select,.kanji-dictionary__filters .radical-select select{padding-right:2.8rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a90a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.2rem;cursor:pointer}.kanji-dictionary__actions{display:flex;align-items:center;align-self:flex-end;height:3.5rem;padding-left:1.6rem;border-left:1px solid var(--color-border)}.kanji-dictionary__reset{display:inline-flex;align-items:center;gap:.6rem;padding:.5rem .25rem;border:0;background:none;color:var(--color-text);font-size:1rem;cursor:pointer}.kanji-dictionary__reset:hover:not(:disabled){color:var(--color-link-hover)}.kanji-dictionary__reset:disabled{color:var(--color-text-muted);opacity:.6;cursor:not-allowed}.kanji-dictionary__query:focus-visible,.kanji-dictionary__field select:focus-visible,.kanji-dictionary__field input:focus-visible,.kanji-dictionary__filters .radical-select select:focus-visible,.kanji-dictionary__reset:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.kanji-dictionary__layout{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,1fr);gap:1.5rem;align-items:start}.kanji-dictionary__results{grid-column:1;grid-row:1;min-width:0}.kanji-dictionary__filters--side{grid-column:2;grid-row:1;position:sticky;top:1.5rem;display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:1rem;margin-bottom:0;padding:1.25rem}.kanji-dictionary__options-title{margin:0;font-size:1rem;font-weight:700}.kanji-dictionary__filters--side .kanji-dictionary__query{height:3.2rem;font-size:1rem}.kanji-dictionary__filters--side .kanji-dictionary__field,.kanji-dictionary__filters--side .radical-select{flex:none}.kanji-dictionary__filters--side .kanji-dictionary__field select,.kanji-dictionary__filters--side .radical-select select{height:3rem;font-size:1rem}.kanji-dictionary__filters--side .kanji-dictionary__actions{align-self:auto;height:auto;padding:1rem 0 0;border-top:1px solid var(--color-border);border-left:0}.kanji-dictionary__display{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;min-width:0;margin:0;padding:1rem 0 0;border:0;border-top:1px solid var(--color-border)}.kanji-dictionary__options-subtitle{padding:0 0 .75rem;font-size:1rem;font-weight:700}.kanji-dictionary__check{display:flex;align-items:center;gap:.6rem;font-size:.95rem;cursor:pointer}.kanji-dictionary__check input{width:1.15rem;height:1.15rem;margin:0;accent-color:var(--color-primary);cursor:pointer}.kanji-dictionary__check input:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@media(max-width:1100px){.kanji-dictionary__display{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));grid-column:1 / -1}.kanji-dictionary__layout{grid-template-columns:minmax(0,1fr)}.kanji-dictionary__filters--side{grid-column:1;position:static;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.kanji-dictionary__filters--side .kanji-dictionary__options-title,.kanji-dictionary__filters--side .kanji-dictionary__search,.kanji-dictionary__filters--side .kanji-dictionary__actions{grid-column:1 / -1}.kanji-dictionary__results{grid-row:2}}@media(max-width:720px){.kanji-dictionary__filters{padding:1rem}.kanji-dictionary__field,.kanji-dictionary__filters .radical-select{flex-basis:100%}.kanji-dictionary__actions{height:auto;padding-left:0;border-left:0}}@media(hover:none){.kanji-dictionary__kbd{display:none}.kanji-dictionary__query{padding-right:4.2rem}}@container (max-width: 22rem){.kanji-dictionary__kbd{display:none}.kanji-dictionary__query{padding-right:4.2rem}}.kanji-dictionary__draw{position:absolute;right:.6rem;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text-muted);cursor:pointer}.kanji-dictionary__draw svg{width:1.4rem;height:1.4rem}.kanji-dictionary__draw:hover{border-color:var(--color-primary-border);color:var(--color-primary)}.kanji-dictionary__draw:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.kanji-dictionary__notice{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:1rem 1.25rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-washi-surface)}.kanji-dictionary__notice p{margin:0}.kanji-dictionary__notice button{padding:.4rem .9rem;border:1px solid var(--color-primary-border);border-radius:8px;background:var(--color-surface);color:var(--color-primary);cursor:pointer}.kanji-dictionary section[aria-busy=true] .kanji-grid{opacity:.55;transition:opacity .15s}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kanji-grid.kanji-grid--minimal{grid-template-columns:repeat(auto-fill,3.3rem);justify-content:start;gap:.35rem}.kanji-card.kanji-card--minimal{position:relative;justify-content:center;padding:.5rem 0;border-radius:10px}.kanji-card.kanji-card--minimal:has(.kanji-card__mark){padding-top:1.1rem}.kanji-card--minimal .kanji-card__glyph{font-size:2.6rem}.kanji-card__mark{position:absolute;top:.15rem;right:.2rem;padding:0 .3rem;border-radius:999px;color:var(--color-text-muted);font-size:.75rem;font-weight:700;line-height:1.5}.kanji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.75rem;padding:0;margin:0;list-style:none}.kanji-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;height:100%;padding:.9rem .6rem;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);color:var(--color-text);text-align:center;text-decoration:none;transition:border-color .15s,box-shadow .15s}.kanji-card:hover{border-color:var(--color-dojo);box-shadow:var(--shadow-sm)}.kanji-card__glyph{font-family:Shippori Mincho,serif;font-size:3.25rem;line-height:1.1}.kanji-card__meaning{overflow-wrap:anywhere;font-size:.9rem;font-weight:600}.kanji-card__views{color:var(--color-text);font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums}.kanji-card__level,.kanji-card__match{color:var(--color-text-muted);font-size:.75rem}.kanji-card__match{font-style:italic}.kanji-status{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .6rem;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-muted);font-size:.78rem;font-weight:600}.kanji-status--seen{border-color:var(--color-primary-border);background:var(--color-primary-soft);color:var(--color-on-primary-soft)}.kanji-status--learned{border-color:var(--color-dojo-border);background:var(--color-dojo-soft);color:var(--color-on-dojo-soft)}.kanji-dictionary__pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem 1.25rem;margin-top:1.5rem;color:var(--color-text-muted)}.kanji-dictionary__pagination button{padding:.5rem 1rem;border:1px solid var(--color-border-strong);border-radius:8px;background:var(--color-surface);color:var(--color-text);cursor:pointer}.kanji-dictionary__pagination button:disabled{cursor:not-allowed;opacity:.45}.kanji-detail{display:flex;flex-direction:column;gap:1.5rem;max-width:1000px}.kanji-detail-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;justify-content:flex-end;background:var(--color-overlay);animation:kanji-detail-drawer-overlay-in .2s ease-out}.kanji-detail-drawer{box-sizing:border-box;width:clamp(320px,66vw,1100px);max-width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-surface);box-shadow:var(--shadow-lg);overflow-y:auto;animation:kanji-detail-drawer-slide-in .28s cubic-bezier(.16,1,.3,1)}.kanji-detail-drawer__topbar{display:flex;justify-content:flex-end;flex:0 0 auto;padding:.75rem 1rem 0}.kanji-detail-drawer__close{border:none;background:none;padding:.2rem .5rem;color:var(--color-text-muted);font-size:1.6rem;line-height:1;cursor:pointer}.kanji-detail-drawer__close:hover{color:var(--color-text)}.kanji-detail-drawer__body{padding:0 clamp(1.25rem,3vw,2.5rem) clamp(2rem,4vw,3rem)}@keyframes kanji-detail-drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes kanji-detail-drawer-overlay-in{0%{opacity:0}to{opacity:1}}@media(max-width:640px){.kanji-detail-drawer{width:100%}}.vocabulary-deck-page__actions{display:flex;flex-wrap:wrap;gap:.6rem}.vocabulary-deck-page__add{display:inline-flex;align-items:center;gap:.4rem;border:none;border-radius:8px;padding:.45rem 1rem;font-size:.85rem;cursor:pointer;background:var(--color-primary);color:var(--color-on-primary)}.vocabulary-deck-drawer__title{margin:0 0 1rem;font-size:1.3rem}.vocabulary-deck-drawer .dictionary-search{margin-bottom:1.25rem}.vocabulary-deck-drawer .dictionary-layout{grid-template-columns:220px minmax(0,1fr);gap:1.25rem}.vocabulary-deck-drawer .dictionary-sidebar{top:0}@media(max-width:860px){.vocabulary-deck-drawer .dictionary-layout{grid-template-columns:1fr}}.kanji-detail h2{margin:0 0 .75rem;font-size:1.15rem}.kanji-detail__hero{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;padding:clamp(1.25rem,4vw,2rem);border:1px solid var(--color-dojo-border);border-radius:20px;background:linear-gradient(135deg,var(--color-washi-surface),var(--color-dojo-soft));box-shadow:var(--shadow-sm)}.kanji-detail__glyph{flex:0 0 auto;margin:0;font-family:Shippori Mincho,serif;font-size:clamp(6rem,22vw,9rem);line-height:1}.kanji-detail__summary{flex:1 1 16rem;min-width:0}.kanji-detail__meanings{margin:0 0 1rem;overflow-wrap:anywhere;font-size:clamp(1.4rem,4vw,1.9rem)}.kanji-detail__facts{display:flex;flex-wrap:wrap;gap:.75rem 2rem;margin:0}.kanji-detail__facts dt{color:var(--color-text-muted);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.kanji-detail__facts dd{margin:.1rem 0 0;font-size:1.15rem;font-weight:600}.kanji-learning,.kanji-words{padding:1.25rem 1.5rem;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface)}.kanji-learning__body{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.kanji-learning__body p{flex:1 1 14rem;margin:0;color:var(--color-text-muted)}.kanji-learning__action{padding:.65rem 1.2rem;border-radius:10px;background:var(--color-primary);color:var(--color-on-primary);font-weight:700;text-decoration:none}.kanji-learning__action:hover{background:var(--color-primary-hover)}.kanji-word-tabs{display:flex;flex-wrap:nowrap;gap:1.5rem;margin-bottom:.85rem;border-bottom:1px solid var(--color-border);overflow-x:auto;scrollbar-color:var(--color-scrollbar) transparent}.kanji-word-mastered-filter{width:fit-content;margin-bottom:.85rem;margin-left:auto;font-size:.85rem}.kanji-word-tabs__tab{display:flex;flex:none;align-items:center;gap:.5rem;min-height:2.6rem;padding:.5rem .1rem .65rem;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--color-text-muted);font-weight:700;white-space:nowrap}.kanji-word-tabs__tab:hover{color:var(--color-text)}.kanji-word-tabs__tab[aria-selected=true]{border-bottom-color:var(--color-primary);color:var(--color-primary)}.kanji-word-tabs__count{padding:.05rem .5rem;border-radius:999px;background:var(--color-progress-track);color:var(--color-text-muted);font-size:.75rem;font-weight:600}.kanji-word-tabs__tab[aria-selected=true] .kanji-word-tabs__count{background:var(--color-primary-border);color:var(--color-on-primary-soft)}.kanji-word-readings__title{margin:.85rem 0 .5rem;color:var(--color-text-muted);font-size:.85rem}.kanji-word-readings{display:flex;flex-wrap:nowrap;gap:.4rem;margin-bottom:1rem;padding-bottom:.35rem;overflow-x:auto;scrollbar-color:var(--color-scrollbar) transparent}.kanji-word-readings__chip{display:flex;flex:none;align-items:center;gap:.4rem;min-height:2.3rem;padding:.3rem .75rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-muted);font-size:.9rem;white-space:nowrap}.kanji-word-readings__chip[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-on-primary-soft)}.kanji-word-readings__chip .kanji-reading__label{font-size:1rem}.kanji-word-readings__count{padding:0 .4rem;border-radius:999px;background:var(--color-progress-track);color:var(--color-text-muted);font-size:.7rem;font-weight:600}.kanji-word-readings__chip[aria-pressed=true] .kanji-word-readings__count{background:var(--color-primary-border);color:var(--color-on-primary-soft)}.kanji-reading__label{min-width:4.5rem;font-size:1.25rem}.kanji-reading__okurigana{color:var(--color-text-muted)}.kanji-word-panel--refreshing{opacity:.6;transition:opacity .1s ease}.kanji-word__list{padding:0;margin:0;list-style:none}.kanji-word{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem 1rem;padding:.7rem .4rem;border-radius:8px;border-bottom:1px solid var(--color-border)}.kanji-word:hover{background:var(--color-surface-hover)}.kanji-word:last-child{border-bottom:none}.kanji-word__content{display:grid;grid-template-columns:7.5rem minmax(0,1fr);align-items:center;gap:.25rem 1rem;min-width:0}.kanji-word__link{display:grid;grid-template-columns:9rem minmax(0,1fr) 5.5rem;align-items:center;gap:.25rem 1rem;min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer}.kanji-word__actions{display:grid;grid-template-columns:1.1rem 9.5rem;align-items:center;gap:.5rem;padding:.4rem}.kanji-word__mastery-icon{display:inline-flex;width:1.1rem;height:1.1rem;color:var(--color-text-muted);opacity:.6}.kanji-word__mastery-icon--active{color:var(--color-success);opacity:1}.kanji-word__link:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:4px}.kanji-word__japanese{min-width:0;font-size:1.2rem;overflow-wrap:anywhere}.kanji-word__hit{padding:0;background:none;color:var(--color-dojo);font-weight:700}.kanji-word__japanese .kanji-link{display:inline-block;text-decoration:none;transition:transform .12s ease}.kanji-word__japanese .kanji-link:hover,.kanji-word__japanese .kanji-link:focus-visible{transform:scale(1.15)}.kanji-word__reading{min-width:0;color:var(--color-text-muted);overflow-wrap:anywhere}.kanji-word__meaning{min-width:0}.kanji-word__kanji-reading{display:inline-flex;align-items:center;justify-content:center;justify-self:start;padding:.05rem .75rem;border:1px solid var(--color-dojo-border);border-radius:999px;background:var(--color-dojo-soft);color:var(--color-on-dojo-soft);font-size:.78rem;font-weight:600;white-space:nowrap;text-align:center}.kanji-word__jlpt{justify-self:end;padding:.05rem .5rem;white-space:nowrap;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-muted);font-size:.72rem;font-weight:600}@media(max-width:720px){.kanji-word,.kanji-word__content,.kanji-word__link{grid-template-columns:minmax(0,1fr)}.kanji-word__jlpt{justify-self:start}.kanji-word__actions{grid-template-columns:1.1rem auto;justify-self:start}}.kanji-word__popover{position:fixed;z-index:1100;top:0;left:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;width:min(260px,80vw);padding:1rem 1.75rem 1rem 1rem;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);box-shadow:var(--shadow-lg);color:var(--color-text);font-family:inherit;font-size:.95rem}.kanji-word__popover-close{position:absolute;top:.35rem;right:.55rem;padding:.15rem;border:0;background:transparent;color:var(--color-text-muted);font-size:1.3rem;line-height:1;cursor:pointer}.kanji-word__popover-dictionary{padding:.5rem 1.1rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text);font-size:.85rem;text-decoration:none;transition:border-color .15s ease,background-color .15s ease}.kanji-word__popover-dictionary:hover{border-color:var(--color-toggle-hover-border);background:var(--color-toggle-hover-bg)}.kjs-card__preview-banner a{color:inherit}.kjs-notice{padding:.75rem 1rem;margin:0 0 1rem;border:1px solid var(--color-primary-border);border-radius:10px;background:var(--color-primary-soft);color:var(--color-on-primary-soft)}@media(max-width:640px){.kanji-grid{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.5rem}.kanji-card__glyph{font-size:2.75rem}.kanji-detail__hero{justify-content:center;text-align:center}.kanji-detail__facts{justify-content:center}.kanji-learning,.kanji-words{padding:1rem}.kanji-word-tabs{gap:1rem}}.kanji-dictionary-nav{display:flex;flex-wrap:wrap;gap:.25rem;width:fit-content;max-width:100%;margin:1rem 0 1.5rem;padding:.3rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface)}.kanji-dictionary-nav a{display:inline-flex;align-items:baseline;gap:.55rem;padding:.7rem 1.6rem;border-radius:999px;text-decoration:none;color:inherit;font-size:1.05rem}.kanji-dictionary-nav a[aria-current=page]{background:var(--color-primary);color:var(--color-bg)}.kanji-dictionary-nav__count{font-size:.95rem;font-variant-numeric:tabular-nums;opacity:.7}.radical-glyph{font-family:Noto Sans JP,Yu Gothic,Meiryo,Hiragino Kaku Gothic ProN,Noto Sans CJK JP,sans-serif}.radical-select{display:grid;gap:.3rem;min-width:0}.radical-select input,.radical-select select{width:100%;min-width:0;max-width:100%}.radical-dictionary__filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto}.radical-dictionary__group{margin:1.4rem 0 .7rem;font-size:1rem}.radical-card{position:relative}.radical-card__id{color:var(--color-text-muted);font-size:.75rem}.radical-variants{display:flex;flex-wrap:wrap;gap:.75rem;padding:0;list-style:none}.radical-variants li{display:grid;justify-items:center;gap:.3rem;padding:.8rem;border:1px solid var(--color-border);border-radius:.75rem}.radical-variants .radical-glyph{font-size:2rem}.radical-detail section{margin-block:1.5rem}.radical-detail .kanji-dictionary__notice{overflow-wrap:anywhere}.kanji-dictionary-nav a:focus-visible,.radical-card:focus-visible,.radical-select :focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}@media(max-width:640px){.radical-dictionary__filters{grid-template-columns:minmax(0,1fr)}.radical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.radical-detail .kanji-detail__hero{flex-wrap:wrap}}.admin-questionnaire-delete__gate{display:flex;align-items:flex-start;gap:.5rem;margin-top:.75rem;font-weight:600}.floating-search-tool{position:fixed;right:calc(1rem + 33px + env(safe-area-inset-right,0px));bottom:calc(1rem + env(safe-area-inset-bottom,0px));z-index:150}.floating-search-tool__trigger{width:100px;height:100px;border-radius:50%;border:none;background:var(--color-surface-raised);box-shadow:var(--shadow-lg),0 0 0 1.5px var(--color-success),0 0 12px 2px var(--color-success);padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.floating-search-tool__trigger img{width:100%;height:100%;object-fit:cover;display:block}.floating-search-tool__radial{position:absolute;right:0;bottom:0;width:0;height:0;pointer-events:none}.floating-search-tool__action{position:absolute;right:0;bottom:0;width:65px;height:65px;border:none;background:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto}.floating-search-tool__action img{width:100%;height:100%;display:block;filter:drop-shadow(0 3px 8px var(--color-floating-search-shadow))}.floating-search-tool__action--kanji{transform:translate(32px,-67px);animation:floating-search-tool-fly-out .5s linear both}.floating-search-tool__radial--closing .floating-search-tool__action--kanji{animation:floating-search-tool-fly-in .5s linear both}.floating-search-tool__action--dictionary{transform:translate(-67px,-67px);animation:floating-search-tool-fly-out .5s linear both}.floating-search-tool__radial--closing .floating-search-tool__action--dictionary{animation:floating-search-tool-fly-in .5s linear both}@keyframes floating-search-tool-fly-out{0%{opacity:0;transform:translate(0)}}@keyframes floating-search-tool-fly-in{to{opacity:0;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.floating-search-tool__action--kanji,.floating-search-tool__action--dictionary{animation-name:floating-search-tool-fade-in-only}.floating-search-tool__radial--closing .floating-search-tool__action--kanji,.floating-search-tool__radial--closing .floating-search-tool__action--dictionary{animation-name:floating-search-tool-fade-out-only}@keyframes floating-search-tool-fade-in-only{0%{opacity:0}}@keyframes floating-search-tool-fade-out-only{to{opacity:0}}}.floating-kanji-search-drawer__input{padding-right:3.6rem}.floating-kanji-search-drawer__title,.floating-vocabulary-drawer__title{margin:0 0 1rem}