:root{--color-background: #ffffff;--color-surface: #f4f5f7;--color-border: #c7ccd1;--color-text-primary: #1a1c1e;--color-text-secondary: #42474d;--color-accent: #0b5cab;--color-accent-text: #ffffff;--color-danger: #a4262c;--color-success: #0a6b3d;--color-warning: #8a5a00;--color-surface-elevated: #ffffff;--color-accent-soft: #e7f0fb;--color-danger-soft: #fbeaea;--color-belt-white: #ffffff;--color-belt-gray: #9aa0a6;--color-belt-blue: #1d4ed8;--color-belt-yellow: #facc15;--color-belt-orange: #f97316;--color-belt-green: #15803d;--color-belt-purple: #6b21a8;--color-belt-brown: #6b3e1f;--color-belt-black: #111111;--belt-stripe-height: 6px;--color-medal-track: #dfe3e8;--color-medal-idle-ink: #5b6168;--color-medal-gold: #e8b631;--color-medal-gold-edge: #c99a1e;--color-medal-gold-ring: #a87400;--color-medal-gold-ink: #3d2a00;--medal-size-tile: 84px;--medal-size-hero: 148px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1);--shadow-md: 0 6px 16px rgba(16, 24, 40, .12);--shadow-lg: 0 24px 60px -24px rgba(16, 24, 40, .3);--touch-target: 44px;--route-fallback-min-height: 70vh;--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-japanese: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", "Meiryo", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-background);line-height:1.5}#root{min-height:100vh}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-sm);top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-accent);color:var(--color-accent-text);border-radius:6px;transform:translateY(-200%);transition:transform .12s ease-in-out;z-index:20}.skip-link:focus{transform:translateY(0)}.app-shell{display:flex;flex-direction:column;min-height:100vh;max-width:40rem;margin:0 auto}.app-shell__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--color-border)}.app-shell__sync{display:flex;align-items:center;gap:var(--space-sm)}.global-sync-chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid var(--color-border);color:var(--color-text-secondary)}.global-sync-chip__dot{width:8px;height:8px;border-radius:50%;background:currentColor}.global-sync-chip--synced{color:var(--color-success);border-color:var(--color-success)}.global-sync-chip--pending{color:var(--color-warning);border-color:var(--color-warning)}.global-sync-chip--failed{color:var(--color-danger);border-color:var(--color-danger)}.pending-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 var(--space-xs);border-radius:999px;background:var(--color-warning);color:#fff;font-size:.75rem;font-weight:700}.persistent-error-toast{position:fixed;left:50%;bottom:calc(var(--touch-target) + var(--space-lg));transform:translate(-50%);z-index:15;display:flex;align-items:center;gap:var(--space-sm);width:min(36rem,calc(100vw - var(--space-lg)));padding:var(--space-sm) var(--space-md);background:var(--color-text-primary);color:#fff;border-radius:8px;font-size:.875rem}.persistent-error-toast__message{margin:0;flex:1}.app-shell__title{margin:0;font-size:1.125rem}.app-shell__main{flex:1;padding:var(--space-md);padding-bottom:calc(var(--touch-target) + var(--space-xl))}.offline-banner{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-warning);color:#fff;font-size:.875rem}.offline-banner__dot{width:10px;height:10px;border-radius:50%;background:currentColor}.tab-bar{position:fixed;left:0;right:0;bottom:0;background:var(--color-background);border-top:1px solid var(--color-border)}.tab-bar__list{display:flex;margin:0 auto;padding:0;max-width:40rem;list-style:none}.tab-bar__item{flex:1}.tab-bar__link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--touch-target);padding:var(--space-xs) 2px;color:var(--color-text-secondary);text-decoration:none;font-size:clamp(.625rem,2.4vw,.75rem)}.tab-bar__link--active{color:var(--color-accent);font-weight:600}.tab-bar__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-bar__icon{width:1.375rem;height:1.375rem}.form-field{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.form-field label{font-weight:600}.form-field input{min-height:var(--touch-target);padding:0 var(--space-sm);font-size:1rem;color:var(--color-text-primary);background:var(--color-background);border:1px solid var(--color-border);border-radius:6px}.password-field{position:relative;display:flex;align-items:center}.password-field input{width:100%;padding-right:var(--touch-target)}.password-field__toggle{position:absolute;right:0;display:flex;align-items:center;justify-content:center;width:var(--touch-target);height:var(--touch-target);padding:0;color:var(--color-text-secondary);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:var(--touch-target);padding:0 var(--space-lg);font-size:1rem;font-weight:600;color:var(--color-accent-text);background:var(--color-accent);border:1px solid transparent;border-radius:6px;cursor:pointer;transition:filter .12s ease}.button--secondary{color:var(--color-accent);background:transparent;border-color:var(--color-accent)}.button:disabled{opacity:.6;cursor:not-allowed}@media(hover:hover){.button:not(:disabled):hover{filter:brightness(.94)}.button--secondary:not(:disabled):hover{filter:none;background:var(--color-accent-soft)}}.form-error{color:var(--color-danger);font-weight:600}.password-rules{margin:0 0 var(--space-md);padding-left:var(--space-sm);list-style:none;color:var(--color-text-secondary);font-size:.875rem}.password-rules li[data-satisfied=true]{color:var(--color-success)}.japanese-text{font-family:var(--font-family-japanese)}.japanese-text__romaji{font-family:var(--font-family);color:var(--color-text-secondary)}.skeleton-list{display:flex;flex-direction:column;gap:var(--space-sm)}.skeleton-list__row{display:block;height:var(--touch-target);border-radius:6px;background:linear-gradient(90deg,var(--color-surface),var(--color-border),var(--color-surface));background-size:200% 100%;animation:skeleton-pulse 1.4s ease-in-out infinite}.route-fallback{display:flex;flex-direction:column;gap:var(--space-md);min-height:var(--route-fallback-min-height)}.route-fallback__title{width:60%;max-width:20rem}.route-fallback--static .skeleton-list__row{animation:none;background-position:0 0}.catalog{display:flex;flex-direction:column;gap:var(--space-lg)}.catalog__header{display:flex;flex-direction:column;gap:var(--space-xs)}.catalog__eyebrow{margin:0;font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.catalog__title{margin:0;font-size:clamp(1.5rem,1.15rem + 1.6vw,2rem);line-height:1.2;letter-spacing:-.01em}.catalog__lead{margin:0;max-width:34rem;color:var(--color-text-secondary)}.catalog__controls{display:flex;flex-direction:column;gap:var(--space-md)}.search-field{display:flex;flex-direction:column;gap:var(--space-xs)}.search-field__label{font-size:.875rem;font-weight:600;color:var(--color-text-secondary)}.search-field__control{position:relative;display:flex;align-items:center}.search-field__icon{position:absolute;left:var(--space-sm);width:1.25rem;height:1.25rem;color:var(--color-text-secondary);pointer-events:none}.search-field__control input{width:100%;min-height:var(--touch-target);padding:0 var(--touch-target) 0 calc(var(--space-sm) + 1.75rem);font-size:1rem;color:var(--color-text-primary);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md)}.search-field__control input:focus-visible{border-color:var(--color-accent)}.search-field__clear{position:absolute;right:var(--space-xs);display:flex;align-items:center;justify-content:center;width:var(--touch-target);height:var(--touch-target);padding:0;color:var(--color-text-secondary);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer}.catalog__filter-group{display:flex;flex-direction:column;gap:var(--space-xs)}.catalog__filter-legend{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary)}.catalog__chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:var(--space-sm)}.catalog__subcategories{padding-left:var(--space-md);border-left:2px solid var(--color-border);animation:catalog-reveal .16s ease}@keyframes catalog-reveal{0%{opacity:0;transform:translateY(-4px)}}.category-chip{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:var(--touch-target);padding:var(--space-sm) var(--space-md);color:var(--color-text-primary);text-align:left;background:var(--color-surface);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.category-chip__name{font-size:.9375rem;font-weight:600;line-height:1.25}.category-chip__note{font-size:.75rem;font-weight:400;line-height:1.2;color:var(--color-text-secondary)}.category-chip[aria-pressed=true]{color:var(--color-accent-text);background:var(--color-accent);border-color:var(--color-accent)}.category-chip[aria-pressed=true] .category-chip__note{color:var(--color-accent-text);opacity:.85}@media(hover:hover){.category-chip:hover:not([aria-pressed=true]){border-color:var(--color-border);background:var(--color-surface-elevated)}}.catalog__summary{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.catalog__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:var(--space-sm);margin:var(--space-sm) 0 0;padding:0;list-style:none}.technique-card{display:flex;content-visibility:auto;contain-intrinsic-size:auto 5.5rem}.catalog__load-more{align-self:center;min-height:var(--touch-target);margin-top:var(--space-md);padding:0 var(--space-lg);font-size:.9375rem;font-weight:600;color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer}@media(hover:hover){.catalog__load-more:hover{border-color:var(--color-accent);background:var(--color-surface-elevated)}}.technique-card__link{display:flex;align-items:center;gap:var(--space-sm);width:100%;min-height:var(--touch-target);padding:var(--space-md);color:var(--color-text-primary);text-decoration:none;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}@media(hover:hover){.technique-card__link:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}}.technique-card__body{display:flex;flex:1;flex-direction:column;gap:var(--space-xs);min-width:0}.technique-card__romaji{font-size:1.0625rem;font-weight:600;line-height:1.3}.technique-card__ja{font-family:var(--font-family-japanese);font-size:.9375rem;color:var(--color-text-secondary)}.technique-card__pt{font-size:.9375rem;color:var(--color-text-secondary)}.technique-card__category{align-self:flex-start;margin-top:var(--space-xs);padding:2px var(--space-sm);font-size:.75rem;font-weight:500;color:var(--color-text-secondary);background:var(--color-surface);border-radius:var(--radius-pill)}.technique-card__chevron{flex-shrink:0;width:1.25rem;height:1.25rem;color:var(--color-text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-2xl) var(--space-md);text-align:center;color:var(--color-text-secondary);background:var(--color-surface);border-radius:var(--radius-md)}.empty-state__message{margin:0;max-width:28rem}.glossary{display:flex;flex-direction:column;gap:var(--space-lg)}.glossary__header{display:flex;flex-direction:column;gap:var(--space-xs)}.glossary__eyebrow{margin:0;font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.glossary__title{margin:0;font-size:clamp(1.5rem,1.15rem + 1.6vw,2rem);line-height:1.2;letter-spacing:-.01em}.glossary__lead{margin:0;max-width:34rem;color:var(--color-text-secondary)}.glossary__summary{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.glossary__chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:var(--space-sm)}.category-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-height:var(--touch-target);padding:6px var(--space-md);color:var(--color-text-primary);text-align:left;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background-color .12s ease,color .12s ease}.category-card__name{font-size:.9375rem;font-weight:600;line-height:1.25}.category-card__note{flex:none;min-width:22px;padding:1px 6px;font-size:.75rem;line-height:1.3;text-align:center;color:var(--color-text-secondary);background:var(--color-surface);border-radius:var(--radius-pill)}.category-card[aria-pressed=true]{color:var(--color-accent-text);background:var(--color-accent);border-color:var(--color-accent)}.category-card[aria-pressed=true] .category-card__note{color:var(--color-accent-text);background:transparent;opacity:.85}@media(hover:hover){.category-card:hover:not([aria-pressed=true]){border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}}.glossary__hint{margin:0;padding:var(--space-lg) 0;color:var(--color-text-secondary);text-align:center}.glossary__sentinel{width:1px;height:1px;padding:0;margin:0;border:0;background:none;box-shadow:none}.glossary__load-more{align-self:stretch;width:100%}.glossary__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:var(--space-sm);margin:var(--space-sm) 0 0;padding:0;list-style:none}.glossary-card{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.glossary-card__term{margin:0;font-size:1.0625rem;font-weight:600;line-height:1.3}.glossary-card__ja{margin:0;font-family:var(--font-family-japanese);font-size:.9375rem;color:var(--color-text-secondary)}.glossary-card__translation{margin:var(--space-xs) 0 0;font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.glossary-card__usage{margin:0;font-size:.875rem;color:var(--color-text-secondary)}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.skeleton-list__row{animation:none;background-position:0 0}.technique-card__link:hover,.category-card:hover{transform:none}}.sync-chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);border-radius:999px;font-size:.75rem;font-weight:600}.sync-chip--pending{background:var(--color-warning);color:#fff}.sync-chip__dot{width:8px;height:8px;border-radius:50%;background:currentColor}.list-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-sm);margin-bottom:var(--space-lg)}.list-form .form-field{flex:1;min-width:12rem;margin-bottom:0}.list-form select{min-height:var(--touch-target);padding:0 var(--space-sm);font-size:1rem;border:1px solid var(--color-border);border-radius:6px}.button--compact{min-width:var(--touch-target);padding:0 var(--space-md)}.button__icon{width:1.25rem;height:1.25rem;flex-shrink:0}.button--danger{color:var(--color-danger);border-color:var(--color-danger)}.page-header{display:flex;flex-direction:column;gap:var(--space-xs)}.page-header__eyebrow{margin:0;font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.page-header__title{margin:0;font-size:clamp(1.5rem,1.15rem + 1.6vw,2rem);line-height:1.2;letter-spacing:-.01em}.page-header__lead{margin:0;max-width:34rem;color:var(--color-text-secondary)}.lists,.list-detail{display:flex;flex-direction:column;gap:var(--space-lg)}.lists__summary{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.lists__grid,.list-detail__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:var(--space-sm);margin:0;padding:0;list-style:none}.list-create{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-md)}.list-create__field{display:flex;flex:1;min-width:12rem;flex-direction:column;gap:var(--space-xs)}.list-create__label{font-size:.875rem;font-weight:600;color:var(--color-text-secondary)}.list-create__input{min-height:var(--touch-target);padding:0 var(--space-sm);font-size:1rem;color:var(--color-text-primary);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md)}.list-create__input:focus-visible{border-color:var(--color-accent)}.list-card,.linked-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.list-card__top,.linked-card__top{display:flex;align-items:flex-start;gap:var(--space-sm)}.list-card__link{display:flex;flex:1;align-items:center;gap:var(--space-sm);min-height:var(--touch-target);color:var(--color-text-primary);text-decoration:none;transition:color .14s ease}@media(hover:hover){.list-card__link:hover{color:var(--color-accent)}}.list-card__name{flex:1;font-size:1.0625rem;font-weight:600;line-height:1.3}.list-card__chevron{flex-shrink:0;width:1.25rem;height:1.25rem;color:var(--color-text-secondary)}.linked-card__body{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.linked-card__romaji{font-size:1.0625rem;font-weight:600;line-height:1.3}.linked-card__ja{font-family:var(--font-family-japanese);font-size:.9375rem;color:var(--color-text-secondary)}.linked-card__pt{font-size:.9375rem;color:var(--color-text-secondary)}.list-card__actions,.linked-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.reorder-controls{display:flex;gap:var(--space-xs)}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-width:var(--touch-target);min-height:var(--touch-target);padding:0 var(--space-sm);color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:color .12s ease,border-color .12s ease,background-color .12s ease}@media(hover:hover){.icon-button:not(:disabled):hover{color:var(--color-text-primary);border-color:var(--color-text-secondary)}.icon-button--danger:not(:disabled):hover{color:var(--color-danger);border-color:var(--color-danger)}}.icon-button:disabled{opacity:.4;cursor:not-allowed}.icon-button__glyph{width:1.125rem;height:1.125rem;flex-shrink:0}.list-card__rename{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.list-card__rename-actions{display:flex;gap:var(--space-xs)}.back-link{display:inline-flex;align-items:center;gap:var(--space-xs);align-self:flex-start;min-height:var(--touch-target);margin-bottom:var(--space-md);padding:0;color:var(--color-accent);font:inherit;font-weight:600;text-decoration:none;background:none;border:none;cursor:pointer}.list-detail .back-link{margin-bottom:0}.back-link__icon{width:1.125rem;height:1.125rem}.list-detail__hint{margin:0;padding:var(--space-md);color:var(--color-text-secondary);background:var(--color-surface);border-radius:var(--radius-md);font-size:.9375rem}.technique-videos{margin:var(--space-lg) 0}.technique-videos__default{margin-bottom:var(--space-md)}.technique-videos__default-label{margin:0 0 var(--space-xs);font-size:.875rem;font-weight:600;color:var(--color-text-secondary)}.technique-videos__list{list-style:none;margin:0;padding:0}.technique-videos__item{padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.technique-videos__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs)}.technique-videos__url{flex:1;min-width:12rem;font-size:.875rem;color:var(--color-text-secondary);word-break:break-all}.linked-card__videos{border-top:1px solid var(--color-border);padding-top:var(--space-sm)}.linked-card__videos-toggle{display:flex;align-items:center;width:100%;min-height:var(--touch-target);padding:0;background:none;border:none;color:var(--color-accent);font-size:.9375rem;font-weight:600;text-align:left;cursor:pointer}.technique-video-library{margin-top:var(--space-sm)}.technique-video-library__heading{margin:0 0 var(--space-xs);font-size:.875rem;font-weight:600;color:var(--color-text-secondary)}.technique-video-library__list{list-style:none;margin:var(--space-sm) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.technique-video-library__item{display:flex;flex-direction:column;gap:var(--space-xs);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-sm)}.technique-video-library__item:last-child{border-bottom:none;padding-bottom:0}.technique-video-library__item-toggle{display:flex;align-items:center;width:100%;min-height:var(--touch-target);padding:0;background:none;border:none;color:var(--color-accent);font-size:.875rem;font-weight:600;text-align:left;cursor:pointer}.technique-video-library__item-panel{margin-top:var(--space-xs)}.technique-video-library__item--hidden{min-height:var(--touch-target);justify-content:center}.technique-video-library__item-title{font-size:.875rem;color:var(--color-text-secondary)}.video-facade{position:relative;display:block;width:100%;aspect-ratio:16 / 9;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;background:#000;cursor:pointer}.video-facade__thumbnail{display:block;width:100%;height:100%;object-fit:cover}.video-facade__badge{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;background:#00000059}.video-facade--playing{cursor:default}.video-facade__frame{width:100%;height:100%;border:0}.video-facade__error{color:var(--color-danger)}.philosophy{display:flex;flex-direction:column;gap:var(--space-lg)}.philosophy__header{display:flex;flex-direction:column;gap:var(--space-xs)}.philosophy__eyebrow{margin:0;font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.philosophy__title{margin:0;font-size:clamp(1.5rem,1.15rem + 1.6vw,2rem);line-height:1.2;letter-spacing:-.01em}.philosophy__lead{margin:0;max-width:34rem;color:var(--color-text-secondary)}.philosophy-menu{position:sticky;top:0;z-index:5;margin:0 calc(-1 * var(--space-md));padding:var(--space-sm) var(--space-md);background:var(--color-background);border-bottom:1px solid var(--color-border)}.philosophy-menu__list{display:flex;gap:var(--space-xs);margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}.philosophy-menu__list::-webkit-scrollbar{display:none}.philosophy-menu__item{flex:0 0 auto}.philosophy-menu__link{display:flex;align-items:center;min-height:var(--touch-target);padding:var(--space-xs) var(--space-md);color:var(--color-text-secondary);font-size:.875rem;font-weight:600;text-decoration:none;white-space:nowrap;border-radius:var(--radius-pill);transition:background-color .12s ease,color .12s ease}.philosophy-menu__link[aria-current=true]{color:var(--color-accent-text);background:var(--color-accent)}@media(hover:hover){.philosophy-menu__link:hover:not([aria-current=true]){color:var(--color-text-primary);background:var(--color-surface)}}.philosophy__body{display:flex;flex-direction:column;gap:var(--space-2xl)}.philosophy__section{display:flex;flex-direction:column;gap:var(--space-sm);scroll-margin-top:calc(var(--touch-target) + var(--space-lg))}.philosophy__section-title{margin:0;font-size:1.25rem;line-height:1.3;letter-spacing:-.01em}.philosophy__text{margin:0;max-width:38rem;color:var(--color-text-secondary)}.philosophy__text strong{color:var(--color-text-primary)}.philosophy__kanji{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:var(--space-sm);margin:var(--space-xs) 0 0;padding:0}.philosophy__kanji>div{display:flex;align-items:baseline;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-md)}.philosophy__kanji dt{font-family:var(--font-family-japanese);font-size:1.75rem;font-weight:600;line-height:1}.philosophy__kanji dd{margin:0;font-size:.9375rem;color:var(--color-text-secondary)}.philosophy__kanji dd strong{margin-right:var(--space-xs);color:var(--color-text-primary)}.pillar-card{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-lg);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);scroll-margin-top:calc(var(--touch-target) + var(--space-lg))}.pillar-card__ja{margin:0;font-family:var(--font-family-japanese);font-size:1.125rem;color:var(--color-text-secondary)}.pillar-card__term{margin:0;font-size:1.25rem;line-height:1.3}.pillar-card__translation{margin:0;font-weight:600;color:var(--color-accent)}.pillar-card__summary{margin:var(--space-xs) 0 0;color:var(--color-text-secondary)}.pillar-card__facets{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:var(--space-md);margin:var(--space-sm) 0 0}.pillar-card__facet dt{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary)}.pillar-card__facet dd{margin:var(--space-xs) 0 0;font-size:.9375rem;color:var(--color-text-primary)}.auth{display:grid;grid-template-columns:1fr;min-height:100vh;background:var(--color-background)}.auth:focus{outline:none}.auth__panel{display:flex;flex-direction:column;justify-content:center;gap:var(--space-lg);width:100%;max-width:26rem;margin:0 auto;padding:var(--space-xl) var(--space-lg) var(--space-2xl)}.auth__card{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.auth__card-header{display:flex;flex-direction:column;gap:var(--space-xs)}.auth__card-eyebrow{display:flex;align-items:center;gap:var(--space-xs);margin:0;font-size:.8125rem;font-weight:600;letter-spacing:.04em;color:var(--color-text-secondary)}.auth__card-eyebrow span[lang=ja]{font-family:var(--font-family-japanese);color:var(--color-accent)}.auth__card-title{margin:0;font-size:clamp(1.75rem,1.4rem + 1.6vw,2.25rem);line-height:1.15;letter-spacing:-.02em}.auth__card-description{margin:0;color:var(--color-text-secondary)}.auth__form{display:flex;flex-direction:column;gap:var(--space-md)}.auth__form .form-field{margin-bottom:0}.auth__form .password-rules{margin:calc(-1 * var(--space-xs)) 0 0;padding-left:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs) var(--space-md)}@media(max-width:24rem){.auth__form .password-rules{grid-template-columns:1fr}}.auth__aux{align-self:flex-end;margin:calc(-1 * var(--space-xs)) 0 0;font-size:.875rem}.auth__aux a,.auth__footer-text a{color:var(--color-accent);font-weight:600}.auth__form .form-error{margin:0;padding:var(--space-sm) var(--space-md);font-size:.875rem;background:var(--color-danger-soft);border:1px solid var(--color-danger);border-radius:var(--radius-sm)}.auth__submit{width:100%;margin-top:var(--space-xs)}.auth__footer{text-align:center}.auth__footer-text{margin:0;font-size:.9375rem;color:var(--color-text-secondary)}.auth__notice{display:flex;gap:var(--space-md);padding:var(--space-md);background:var(--color-accent-soft);border:1px solid var(--color-border);border-radius:var(--radius-md)}.auth__notice-icon{display:flex;flex-shrink:0;color:var(--color-accent)}.auth__notice-text{margin:0;font-size:.9375rem;line-height:1.5;color:var(--color-text-primary)}.auth__notice-hint{margin:0;font-size:.875rem;line-height:1.5;color:var(--color-text-secondary)}.auth__linklike{padding:0;font:inherit;font-weight:600;color:var(--color-accent);background:none;border:none;cursor:pointer;text-decoration:underline}.auth__linklike:hover{text-decoration:none}.auth__brand{display:none}@media(min-width:40rem){.auth__panel{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl)}.auth__card{padding:var(--space-xl);box-shadow:var(--shadow-lg)}}@media(min-width:64rem){.auth{grid-template-columns:1fr 1fr}.auth__panel{order:2;max-width:30rem;padding:var(--space-4xl) var(--space-3xl)}.auth__brand{order:1;display:flex;flex-direction:column;justify-content:center;gap:var(--space-lg);padding:var(--space-4xl) var(--space-3xl);background:linear-gradient(160deg,var(--color-accent-soft),var(--color-surface));border-right:1px solid var(--color-border)}.auth__card{padding:var(--space-2xl)}}.auth__brand-mark{display:flex;align-items:baseline;gap:var(--space-sm);margin:0}.auth__brand-kanji{font-family:var(--font-family-japanese);font-size:2rem;font-weight:700;color:var(--color-accent)}.auth__brand-name{font-size:1.125rem;font-weight:600}.auth__brand-lead{max-width:26rem;margin:0;font-size:1.25rem;line-height:1.4;color:var(--color-text-primary)}.auth__brand-points{display:flex;flex-direction:column;gap:var(--space-sm);max-width:24rem;margin:0;padding:0;list-style:none;color:var(--color-text-secondary)}.auth__brand-points li{position:relative;padding-left:var(--space-lg)}.auth__brand-points li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--color-accent)}.profile-header{display:flex;align-items:center;gap:var(--space-md);padding-bottom:var(--space-md);margin-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.profile-header__avatar{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:48px;height:48px;font-size:1.25rem;font-weight:700;color:var(--color-accent-text);background:var(--color-accent);border-radius:50%}.profile-header__identity{flex:1;min-width:0}.profile-header__identity h2{margin:0;line-height:1.2}.profile-header__email{margin:2px 0 0;overflow:hidden;font-size:.875rem;color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis}.profile-header__logout{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--space-xs);min-height:var(--touch-target);padding:0 var(--space-sm);margin-right:calc(-1 * var(--space-sm));font:inherit;font-size:.9375rem;font-weight:600;color:var(--color-text-secondary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer}.profile-header__logout:hover{color:var(--color-danger);background:var(--color-danger-soft)}.profile-header__logout:disabled{cursor:not-allowed;opacity:.6}.profile-contact{margin-top:var(--space-lg)}.contact-form{display:flex;flex-direction:column;gap:var(--space-md)}.contact-form__hint{margin:0;color:var(--color-text-secondary)}.contact-form .form-field{margin-bottom:0}.contact-form__select,.contact-form__textarea{width:100%;box-sizing:border-box;padding:var(--space-sm);font:inherit;color:var(--color-text-primary);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:6px}.contact-form__select{min-height:var(--touch-target)}.contact-form__textarea{min-height:calc(var(--touch-target) * 2.5);resize:vertical}.contact-form__select:focus-visible,.contact-form__textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.contact-form__notice{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md)}.contact-form__notice p{margin:0;font-weight:600}.study-page{display:flex;flex-direction:column;gap:var(--space-lg)}.study-callout{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-accent-soft);border-radius:var(--radius-md)}.study-callout__icon{flex:none;width:2.5rem;height:2.5rem}.study-callout__text{flex:1 1 14rem;min-width:0}.study-callout__title{margin:0;font-weight:600}.study-callout__detail{margin:var(--space-xs) 0 0;font-size:.875rem;color:var(--color-text-secondary)}.study-callout__button{min-height:var(--touch-target);white-space:nowrap}@media(max-width:40rem){.study-callout__button{flex:1 1 100%}}.study-session{display:flex;flex-direction:column;min-height:70vh;gap:var(--space-md)}.study-session__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.study-session__progress{margin:0;font-weight:600;color:var(--color-text-secondary)}.study-session__card{display:flex;flex:1}.study-session__category-shortcuts{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.study-session__summary{align-items:flex-start;gap:var(--space-sm)}.study-session__summary-xp{font-size:2rem;font-weight:700;margin:0;color:var(--color-accent)}.study-session__summary-score{margin:0;font-weight:600}.study-session__summary-hint{margin:0;color:var(--color-text-secondary)}.study-session__training-notice{margin:0 0 var(--space-md);padding:var(--space-sm) var(--space-md);border-left:4px solid var(--color-warning);background:var(--color-surface);font-size:.875rem;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.study-session__training-notice p{margin:0}.study-session__achievements{margin:0;padding-left:var(--space-lg)}.study-card{display:flex;flex-direction:column;flex:1;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.study-card__training-note{margin:0;font-size:.8125rem;font-weight:600;color:var(--color-warning)}.study-card__prompt{margin:0;font-size:1.5rem;font-weight:600;line-height:1.3}.study-card__prompt:focus{outline:none}.study-card__choices{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:auto}.study-choice{min-height:calc(var(--touch-target) * 1.1);padding:var(--space-sm) var(--space-md);font:inherit;text-align:left;color:var(--color-text-primary);background:var(--color-surface-elevated);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.study-choice:disabled{cursor:default}.study-choice--selected{border-color:var(--color-accent);background:var(--color-accent-soft);font-weight:600}.study-choice--correct{border-color:var(--color-success);background:var(--color-accent-soft);font-weight:600}.study-choice--incorrect{border-color:var(--color-danger)}.study-choice--muted{opacity:.6}.study-card__feedback{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.study-card__usage-note{margin:0;font-size:.9375rem;color:var(--color-text-secondary)}.study-card__advance,.study-card__confirm{min-height:var(--touch-target)}.study-typed-form{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:auto}.study-typed-form__input{min-height:var(--touch-target);padding:0 var(--space-md);font:inherit;color:var(--color-text-primary);background:var(--color-surface-elevated);border:2px solid var(--color-border);border-radius:var(--radius-sm)}.study-typed-form__submit{min-height:var(--touch-target)}.belt-notice{margin:var(--space-sm) 0 0;font-size:.8125rem;color:var(--color-text-secondary)}.study-callout__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.study-callout__actions .button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target);text-decoration:none}.study-status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs)}.study-status__badge{padding:var(--space-xs) var(--space-sm);font-size:.8125rem;font-weight:600;color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill)}.study-status__badge--learning{background:var(--color-accent-soft);border-color:var(--color-accent)}.study-status__badge--mastered{color:var(--color-success);border-color:var(--color-success)}.study-status__badge--difficult{color:var(--color-danger);background:var(--color-danger-soft);border-color:var(--color-danger)}.study-panel{margin-top:0}.study-panel__summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);margin:0}@media(min-width:40rem){.study-panel__summary{grid-template-columns:repeat(4,minmax(0,1fr))}}.study-panel__item{padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-radius:var(--radius-md)}.study-panel__item dt{font-size:.8125rem;color:var(--color-text-secondary)}.study-panel__item dd{margin:0;font-weight:700}.study-panel__item--belt{color:var(--belt-ink, var(--color-text-primary));background:var(--belt-fill, var(--color-surface));border:1px solid var(--color-border);box-shadow:inset 0 calc(-1 * var(--belt-stripe-height)) var(--belt-stripe, transparent)}.study-panel__item--belt dt{color:inherit}.belt-tone--white{--belt-fill: var(--color-belt-white);--belt-ink: var(--color-text-primary)}.belt-tone--gray{--belt-fill: var(--color-belt-gray);--belt-ink: var(--color-text-primary)}.belt-tone--blue{--belt-fill: var(--color-belt-blue);--belt-ink: #ffffff}.belt-tone--yellow{--belt-fill: var(--color-belt-yellow);--belt-ink: var(--color-text-primary)}.belt-tone--orange{--belt-fill: var(--color-belt-orange);--belt-ink: var(--color-text-primary)}.belt-tone--green{--belt-fill: var(--color-belt-green);--belt-ink: #ffffff}.belt-tone--purple{--belt-fill: var(--color-belt-purple);--belt-ink: #ffffff}.belt-tone--brown{--belt-fill: var(--color-belt-brown);--belt-ink: #ffffff}.belt-tone--black{--belt-fill: var(--color-belt-black);--belt-ink: #ffffff}.belt-stripe--gray{--belt-stripe: var(--color-belt-gray)}.belt-stripe--blue{--belt-stripe: var(--color-belt-blue)}.belt-stripe--yellow{--belt-stripe: var(--color-belt-yellow)}.belt-stripe--orange{--belt-stripe: var(--color-belt-orange)}.belt-icon{fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round}.belt-icon__part{fill:var(--belt-fill, transparent)}.belt-icon__stripe{fill:var(--belt-stripe, transparent);stroke:none}.study-panel__block{margin-top:var(--space-lg)}.study-panel__lead{margin:var(--space-xs) 0 var(--space-md);color:var(--color-text-secondary)}.achievement-medal{display:block;width:var(--medal-size-tile);height:var(--medal-size-tile);overflow:visible}.achievement-medal__track{fill:none;stroke:var(--color-medal-track);stroke-width:6}.achievement-medal__ring{fill:none;stroke-width:6;stroke-linecap:round}.achievement-medal__disc{fill:var(--color-surface);stroke:transparent;stroke-width:1.5}.achievement-medal__icon{fill:none;stroke:var(--color-medal-idle-ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.achievement-medal__belt{stroke-width:1.1}.achievement-medal__belt-part{fill:var(--belt-fill, var(--color-surface))}.achievement-medal__belt-stripe{fill:var(--belt-stripe, transparent);stroke:none}.achievement-medal__label{font-size:30px;font-weight:800;fill:var(--color-medal-idle-ink)}.achievement-medal__label--long{font-size:24px}.achievement-medal--in-progress .achievement-medal__label{fill:var(--color-accent)}.achievement-medal--mastered .achievement-medal__label{fill:var(--color-medal-gold-ink)}.achievement-medal--in-progress .achievement-medal__disc{fill:var(--color-accent-soft)}.achievement-medal--in-progress .achievement-medal__icon{stroke:var(--color-accent)}.achievement-medal--mastered .achievement-medal__ring{stroke:var(--color-medal-gold-ring)}.achievement-medal--mastered .achievement-medal__disc{fill:var(--color-medal-gold);stroke:var(--color-medal-gold-edge)}.achievement-medal--mastered .achievement-medal__icon{stroke:var(--color-medal-gold-ink)}@media(prefers-reduced-motion:no-preference){.achievement-medal__ring{transition:stroke-dashoffset .6s ease,stroke .6s ease}}.achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg) var(--space-sm);margin:0;padding:0;list-style:none}@media(min-width:40rem){.achievement-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}}.achievement-grid__item{display:flex;justify-content:center}.achievement-grid__link{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);min-width:var(--touch-target);padding:var(--space-xs);color:var(--color-text-primary);text-decoration:none;border-radius:var(--radius-md)}.achievement-grid__link:hover .achievement-medal__disc{filter:brightness(.97)}.achievement-grid__title{display:-webkit-box;max-width:calc(var(--medal-size-tile) + var(--space-lg));overflow:hidden;font-size:.8125rem;font-weight:600;line-height:1.3;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical}.achievement-detail-page,.achievement-detail{display:flex;flex-direction:column;gap:var(--space-lg)}.achievement-detail__hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);text-align:center}.achievement-detail__hero h2{margin:var(--space-sm) 0 0;font-size:1.5rem;line-height:1.2}.achievement-detail__medal .achievement-medal{width:var(--medal-size-hero);height:var(--medal-size-hero)}.achievement-detail__name-ja{margin:0;color:var(--color-text-secondary)}.achievement-detail__stats{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-md)}.achievement-detail__count{display:flex;align-items:baseline;gap:var(--space-sm);margin:0;color:var(--color-text-secondary)}.achievement-detail__number{font-size:2.5rem;font-weight:800;line-height:1;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.achievement-detail__bar{display:block;width:100%;height:10px;border-radius:var(--radius-pill)}.achievement-detail__bar-track{fill:var(--color-medal-track)}.achievement-detail__bar-fill{fill:var(--color-accent)}.achievement-detail--complete .achievement-detail__bar-fill{fill:var(--color-medal-gold-ring)}.achievement-detail__status{margin:0;color:var(--color-text-secondary)}.achievement-detail__link{display:flex;align-items:center;justify-content:space-between;min-height:var(--touch-target);padding:0 var(--space-md);font-weight:600;color:var(--color-accent);text-decoration:none;border:1px solid var(--color-border);border-radius:var(--radius-md)}.study-panel__list{margin:var(--space-sm) 0 0;padding:0;list-style:none}.study-panel__achievement{padding:var(--space-xs) 0}.study-panel__achievement--locked{color:var(--color-text-secondary)}.study-panel__house-tag{display:inline-block;margin-right:var(--space-sm);padding:0 var(--space-sm);font-size:.8125rem;font-weight:600;color:var(--color-warning);border:1px solid var(--color-warning);border-radius:var(--radius-pill)}.study-panel__reset-trigger{margin-top:var(--space-xl)}.study-panel__reset{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);margin-top:var(--space-lg);padding:var(--space-md);background:var(--color-danger-soft);border:1px solid var(--color-danger);border-radius:var(--radius-md)}.study-panel__error{color:var(--color-danger)}.belt-celebration{padding:var(--space-md);background:var(--color-accent-soft);border-radius:var(--radius-md)}.belt-celebration__title{margin:0}.belt-celebration__philosophy{margin:var(--space-sm) 0 0;font-style:italic}.belt-celebration--animated{animation:belt-celebration-pop .6s ease-out}@keyframes belt-celebration-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.accordion{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.accordion+.accordion{border-top:0}.accordion__heading{margin:0}.accordion__trigger{display:flex;align-items:center;gap:var(--space-md);width:100%;min-height:52px;padding:var(--space-sm) 0;font:inherit;color:var(--color-text-primary);text-align:left;background:none;border:0;cursor:pointer}.accordion__trigger:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.accordion__title{flex:1;font-weight:700}.accordion__summary{color:var(--color-text-secondary);font-size:.875rem;font-variant-numeric:tabular-nums}.accordion__chevron{flex:none;transition:transform .2s}.accordion[data-open=true] .accordion__chevron{transform:rotate(180deg)}.accordion__panel{padding:var(--space-xs) 0 var(--space-md)}@media(prefers-reduced-motion:reduce){.accordion__chevron{transition:none}}.list-detail__add{align-self:flex-start}.picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-end;justify-content:center}.picker-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#14161a8c;border:0;cursor:default}.picker{position:relative;display:flex;flex-direction:column;width:100%;max-width:40rem;height:min(92dvh,52rem);background:var(--color-background);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg);outline:none}.picker__header{display:grid;grid-template-columns:1fr auto;gap:var(--space-sm) var(--space-sm);align-items:center;padding:var(--space-md);border-bottom:1px solid var(--color-border)}.picker__header .search-field{grid-column:1 / -1}.picker__title{margin:0;font-size:1.25rem;line-height:1.2}.picker__subtitle{margin:2px 0 0;font-size:.8125rem;color:var(--color-text-secondary)}.picker__body{display:flex;flex:1;flex-direction:column;gap:var(--space-md);min-height:0;padding:var(--space-md);overflow-y:auto}.picker__hint{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.picker__group,.picker__result-group{display:flex;flex-direction:column;gap:var(--space-sm)}.picker__group-header,.picker__section-header{display:flex;align-items:baseline;gap:var(--space-sm)}.picker__group-title,.picker__section-title{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary)}.picker__group-count,.picker__section-note{margin-left:auto;font-size:.75rem;color:var(--color-text-secondary)}.picker__category .picker__section-title{font-size:1.125rem;letter-spacing:0;text-transform:none;color:var(--color-text-primary)}.picker__category{display:flex;flex-direction:column;gap:var(--space-sm)}.picker__categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.picker-category{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:76px;padding:var(--space-sm) var(--space-md);color:var(--color-text-primary);text-align:left;background:var(--color-surface);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer}.picker-category__name{font-size:.9375rem;font-weight:600;line-height:1.25}.picker-category__note{font-size:.75rem;color:var(--color-text-secondary)}.picker-category__meta{margin-top:auto;padding-top:var(--space-xs);font-size:.75rem;font-weight:600;color:var(--color-accent)}.picker__back{display:inline-flex;align-items:center;align-self:flex-start;gap:var(--space-xs);min-height:var(--touch-target);padding:0 var(--space-sm) 0 0;font-size:.9375rem;font-weight:600;color:var(--color-accent);background:transparent;border:0;cursor:pointer}.picker__back-icon{width:1.125rem;height:1.125rem}.picker__tabs{display:flex;gap:var(--space-sm);margin:0 calc(var(--space-md) * -1);padding:0 var(--space-md) var(--space-xs);overflow-x:auto}.picker-tab{display:inline-flex;flex-shrink:0;align-items:center;gap:6px;min-height:var(--touch-target);padding:0 14px;font-size:.875rem;font-weight:600;white-space:nowrap;color:var(--color-text-primary);background:var(--color-surface);border:1px solid transparent;border-radius:var(--radius-pill);cursor:pointer}.picker-tab__count{font-size:.75rem;font-weight:500;opacity:.85}.picker-tab[aria-pressed=true]{color:var(--color-accent-text);background:var(--color-accent)}.picker__list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.picker-row{display:flex;align-items:center;gap:var(--space-md);width:100%;min-height:64px;padding:var(--space-sm) var(--space-sm) var(--space-sm) 14px;color:var(--color-text-primary);text-align:left;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.picker-row[aria-pressed=true]{background:var(--color-accent-soft);border-color:var(--color-accent)}.picker-row:disabled{color:var(--color-text-secondary);background:var(--color-surface);border-color:var(--color-surface);cursor:default}.picker-row__body{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.picker-row__names{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--space-sm)}.picker-row__romaji{font-size:1rem;font-weight:600}.picker-row__ja,.picker-row__pt{font-size:.8125rem;color:var(--color-text-secondary)}.picker-row__ja{font-family:var(--font-family-japanese)}.picker-row__mark{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;width:32px;height:32px;color:var(--color-accent);border:2px solid var(--color-accent);border-radius:var(--radius-pill)}.picker-row[aria-pressed=true] .picker-row__mark{color:var(--color-accent-text);background:var(--color-accent)}.picker-row__mark-icon{width:1rem;height:1rem;stroke-width:2.5}.picker-row__badge{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--space-xs);padding:var(--space-xs) 10px;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);background:var(--color-border);border-radius:var(--radius-pill)}.picker-row__badge-icon{width:.875rem;height:.875rem}.picker__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-md);text-align:center;background:var(--color-surface);border-radius:var(--radius-md)}.picker__empty p{margin:0}.picker__footer{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-top:1px solid var(--color-border)}.picker__summary{display:flex;flex:1;flex-direction:column;min-width:0;font-size:.875rem;font-weight:600}.picker__clear{align-self:flex-start;min-height:var(--touch-target);padding:0;font-size:.8125rem;font-weight:600;color:var(--color-accent);text-decoration:underline;background:transparent;border:0;cursor:pointer}@media(min-width:48rem){.picker-overlay{justify-content:flex-end;align-items:stretch}.picker{max-width:26rem;height:100%;border-radius:0}}@media(prefers-reduced-motion:no-preference){.picker{animation:picker-enter .2s ease}@keyframes picker-enter{0%{opacity:0;transform:translateY(24px)}}}