:root{--color-primary: #C0392B;--color-primary-soft: #FDECEA;--color-primary-hover: #96281B;--color-accent: #C9A235;--color-accent-soft: #FBF5DC;--color-background: #FFFAF9;--color-surface: #FFFFFF;--color-text-primary: #1C1917;--color-text-secondary: #78716C;--color-text-disabled: #A8A29E;--color-text-on-primary: #FFFFFF;--color-border: #EDE8E3;--color-border-focus: #C0392B;--color-error: #EF4444;--color-error-soft: #FEF2F2;--color-success: #22C55E;--color-success-soft: #F0FDF4;--color-warning: #F59E0B;--color-warning-soft: #FFFBEB;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-family-base: "Jua", "Nanum Gothic", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-heading: "Nanum Gothic", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-reading: "Nanum Gothic", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-japanese: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--text-xs: 14px;--text-sm: 16px;--text-base: 17px;--text-md: 18px;--text-lg: 20px;--text-xl: 22px;--text-2xl: 24px;--text-3xl: 28px;--text-4xl: 34px;--text-5xl: 52px;--font-regular: 400;--font-medium: 400;--font-semibold: 500;--font-bold: 600;--leading-tight: 1.3;--leading-normal: 1.5;--leading-loose: 1.8;--radius-sm: 8px;--radius-md: 12px;--radius-btn: 14px;--radius-card:18px;--radius-lg: 20px;--radius-chip: 999px;--shadow-card: 0 2px 12px rgba(0, 0, 0, .06);--shadow-card-hover: 0 4px 20px rgba(0, 0, 0, .1);--shadow-footer: 0 -1px 8px rgba(0, 0, 0, .05);--shadow-btn: 0 2px 8px rgba(192, 57, 43, .25);--shadow-modal: 0 8px 32px rgba(0, 0, 0, .12);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .3s;--ease-default: cubic-bezier(.4, 0, .2, 1);--max-width: 480px;--tab-bar-height: 56px;--header-height: 52px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-family-base);font-size:var(--text-md);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-background);min-height:100dvh;overflow-x:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:auto;user-select:auto}ul,ol{list-style:none}img,video{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}::-webkit-scrollbar{width:0;height:0}.text-page-title{font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text-primary)}.text-section-title{font-family:var(--font-family-heading);font-size:var(--text-base);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text-primary)}.text-target{font-family:var(--font-family-japanese);font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-loose);color:var(--color-text-primary);letter-spacing:.02em}.text-target-large{font-family:var(--font-family-japanese);font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text-primary);letter-spacing:.02em;text-align:center}.text-romaji{font-family:var(--font-family-reading);font-size:var(--text-sm);font-weight:var(--font-regular);line-height:var(--leading-loose);color:var(--color-text-secondary);letter-spacing:.01em}.text-korean{font-family:var(--font-family-reading);font-size:var(--text-base);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-text-primary)}.text-caption{font-size:var(--text-xs);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--color-text-secondary)}.lang-label{display:inline-block;font-size:10px;font-weight:var(--font-semibold);line-height:1;padding:2px 6px;border-radius:var(--radius-chip);margin-bottom:var(--space-1)}.lang-label--target{background:var(--color-primary-soft);color:var(--color-primary)}.lang-label--rom{background:#f3f4f6;color:var(--color-text-secondary)}.lang-label--ko{background:var(--color-accent-soft);color:var(--color-accent)}.app-layout{display:flex;flex-direction:column;height:100dvh;max-width:var(--max-width);margin:0 auto;position:relative;padding-top:env(safe-area-inset-top)}.app-main{flex:1;overflow-y:auto;padding-bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-width);height:calc(var(--tab-bar-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-footer);display:flex;align-items:center;justify-content:space-around;padding:0 var(--space-2);z-index:100}.tab-bar__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-1) 0;color:var(--color-text-disabled);font-size:var(--text-xs);font-weight:var(--font-medium);transition:color var(--duration-fast) var(--ease-default)}.tab-bar__item.active{color:var(--color-primary)}.tab-bar__icon{display:flex;align-items:center;justify-content:center;line-height:1}.card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-5);transition:box-shadow var(--duration-base) var(--ease-default),transform var(--duration-base) var(--ease-default)}.card:active{transform:translateY(1px);box-shadow:var(--shadow-card-hover)}.phrase-card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden;margin:0 var(--space-4)}.phrase-card__question{padding:var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-primary-soft)}.phrase-card__answer{padding:var(--space-5)}.phrase-card__actions{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface)}.category-card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);transition:transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.category-card:active{transform:scale(.97);box-shadow:var(--shadow-card-hover)}.category-card__icon{display:flex;align-items:center;justify-content:center;color:var(--color-primary);margin-bottom:var(--space-1)}.category-card__name-ko{font-size:15px;font-weight:var(--font-semibold);color:var(--color-text-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.category-card__name-target{font-size:12px;color:var(--color-text-secondary);font-family:var(--font-family-japanese);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-btn);font-weight:var(--font-semibold);font-size:var(--text-base);padding:var(--space-3) var(--space-5);transition:background var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn--primary{background:var(--color-primary);color:var(--color-text-on-primary);box-shadow:var(--shadow-btn)}.btn--primary:hover{background:var(--color-primary-hover)}.btn--ghost{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn--soft{background:var(--color-primary-soft);color:var(--color-primary)}.btn--icon{padding:var(--space-2);border-radius:var(--radius-chip);min-width:40px;height:40px}.btn--full{width:100%}.btn:disabled{opacity:.4;pointer-events:none}.btn--audio{background:var(--color-primary-soft);color:var(--color-primary);border-radius:var(--radius-chip);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);gap:var(--space-1)}.btn--audio.playing{background:var(--color-primary);color:var(--color-text-on-primary)}.btn--save{font-size:22px;line-height:1;padding:var(--space-2);color:var(--color-text-disabled);transition:color var(--duration-fast),transform var(--duration-fast)}.btn--save.saved{color:#f59e0b;transform:scale(1.15)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-chip);font-size:var(--text-sm);font-weight:var(--font-medium);background:var(--color-surface);color:var(--color-text-secondary);border:1.5px solid var(--color-border);white-space:nowrap;transition:background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast)}.chip[aria-pressed=true],.chip.active{background:var(--color-primary-soft);color:var(--color-primary);border-color:var(--color-primary);font-weight:var(--font-semibold)}.scene-filter-bar{position:sticky;top:var(--header-height);z-index:40;background:var(--color-background)}.chip-scroll{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-2) var(--space-4);scrollbar-width:none}.chip-scroll::-webkit-scrollbar{display:none}.section{padding:var(--space-3) var(--space-4)}.section+.section{padding-top:0}.section__header{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2);margin-bottom:var(--space-2)}.section__more{font-size:var(--text-sm);color:var(--color-primary);font-weight:var(--font-medium)}.prev-next{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);gap:var(--space-4)}.prev-next__counter{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-medium)}.tip-box{display:flex;gap:var(--space-2);align-items:flex-start;margin:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-warning-soft);border-left:3px solid var(--color-warning);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.tip-box__icon{font-size:16px;flex-shrink:0;margin-top:1px}.tab-switch{display:flex;background:var(--color-primary-soft);border-radius:var(--radius-btn);padding:3px;gap:2px}.tab-switch__item{flex:1;padding:var(--space-2) var(--space-3);border-radius:calc(var(--radius-btn) - 2px);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);text-align:center;transition:background var(--duration-fast),color var(--duration-fast),box-shadow var(--duration-fast)}.tab-switch__item[aria-selected=true]{background:var(--color-surface);color:var(--color-primary);font-weight:var(--font-semibold);box-shadow:var(--shadow-card)}.search-bar{display:flex;align-items:center;gap:var(--space-2);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-btn);padding:var(--space-2) var(--space-4)}.search-bar:focus-within{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-soft)}.search-bar input{flex:1;border:none;outline:none;font-size:var(--text-base);background:transparent;color:var(--color-text-primary);-webkit-user-select:auto;user-select:auto}.search-bar input::placeholder{color:var(--color-text-disabled)}.large-text-viewer{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60dvh;padding:var(--space-8) var(--space-6);gap:var(--space-4);text-align:center;background:var(--color-surface)}.phrase-list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border);gap:var(--space-3);transition:background var(--duration-fast)}.phrase-list-item:active{background:var(--color-primary-soft)}.phrase-list-item__text{flex:1;min-width:0}.phrase-list-item__target{font-family:var(--font-family-japanese);font-size:var(--text-lg);font-weight:var(--font-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phrase-list-item__ko{font-family:var(--font-family-reading);font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:2px}.phrase-list-item__time{font-size:var(--text-xs);color:var(--color-text-disabled);white-space:nowrap;flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);gap:var(--space-3);color:var(--color-text-secondary);text-align:center}.empty-state__icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-disabled)}.empty-state__title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.empty-state__desc{font-size:var(--text-sm)}.skeleton{background:linear-gradient(90deg,var(--color-border) 25%,#f0f0f0 50%,var(--color-border) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);padding:var(--space-4) 0}.page-header{position:sticky;top:0;z-index:50;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3);min-height:var(--header-height)}.page-header__title{font-family:var(--font-family-heading);font-size:var(--text-base);font-weight:800;flex:1}.page-header__back{display:flex;align-items:center;color:var(--color-text-secondary);padding:var(--space-1);flex-shrink:0}.home-header{padding:var(--space-5) var(--space-4) var(--space-3);display:flex;align-items:center;justify-content:space-between}.home-header__greeting{font-family:var(--font-family-heading);font-size:var(--text-base);font-weight:800;color:var(--color-text-primary)}.home-header__sub{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:2px}.home-header__search{width:40px;height:40px;border-radius:var(--radius-chip);background:var(--color-primary-soft);color:var(--color-primary);font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.today-card{margin:var(--space-3) var(--space-4) 0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);border-radius:var(--radius-card);padding:var(--space-5);color:#fff;display:flex;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-btn);cursor:pointer;transition:transform var(--duration-fast) var(--ease-default),opacity var(--duration-fast)}.today-card:active{transform:scale(.98);opacity:.9}.today-card__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#ffffffe6}.today-card__label{font-size:var(--text-sm);font-weight:var(--font-medium);opacity:.8;margin-bottom:var(--space-1);letter-spacing:.05em;text-transform:uppercase}.today-card__name{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-1)}.today-card__count{font-size:var(--text-base);opacity:.8}.today-card__arrow{margin-left:auto;font-size:22px;opacity:.8;flex-shrink:0}.location-banner{margin:var(--space-3) var(--space-4) 0;background:var(--color-accent-soft);border:1.5px solid var(--color-accent);border-radius:var(--radius-card);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);cursor:pointer;transition:transform var(--duration-fast)}.location-banner:active{transform:scale(.98)}.location-banner__dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent);flex-shrink:0;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.location-banner__text{flex:1;font-size:var(--text-sm);color:var(--color-text-primary)}.location-banner__label{font-weight:var(--font-semibold)}.location-banner__sub{color:var(--color-text-secondary);margin-top:2px}.location-banner__arrow{color:var(--color-accent);font-size:18px}.recent-scroll{display:flex;gap:var(--space-3);padding:var(--space-2) 0;overflow-x:auto;scrollbar-width:none}.recent-scroll::-webkit-scrollbar{display:none}.recent-item{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2);background:var(--color-surface);border-radius:var(--radius-chip);box-shadow:var(--shadow-card);padding:var(--space-2) var(--space-3);cursor:pointer;transition:transform var(--duration-fast)}.recent-item:active{transform:scale(.97)}.recent-item__icon{display:flex;align-items:center;flex-shrink:0;color:var(--color-primary)}.recent-item__name{font-size:var(--text-sm);font-weight:var(--font-semibold);white-space:nowrap}.recent-item__sub,.recent-item__badge{display:none}.saved-preview-scroll{display:flex;gap:var(--space-3);padding:var(--space-2) 0;overflow-x:auto;scrollbar-width:none}.saved-preview-scroll::-webkit-scrollbar{display:none}.saved-preview-item{flex-shrink:0;width:200px;background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-3) var(--space-4);cursor:pointer;transition:transform var(--duration-fast)}.saved-preview-item:active{transform:scale(.97)}.saved-preview-item__target{font-family:var(--font-family-japanese);font-size:var(--text-lg);font-weight:var(--font-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.saved-preview-item__ko{font-family:var(--font-family-reading);font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sort-bar{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-4);overflow-x:auto;scrollbar-width:none;position:sticky;top:var(--header-height);z-index:40;background:var(--color-background)}.sort-bar::-webkit-scrollbar{display:none}.category-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background var(--duration-fast)}.category-list-item:active{background:var(--color-primary-soft)}.category-list-item__icon{font-size:32px;flex-shrink:0}.category-list-item__body{flex:1;min-width:0}.category-list-item__name{font-size:var(--text-md);font-weight:var(--font-semibold)}.category-list-item__count{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:2px}.category-list-item__badge{font-size:10px;background:var(--color-accent-soft);color:var(--color-accent);padding:2px 8px;border-radius:var(--radius-chip);font-weight:var(--font-semibold)}.phrase-list-card{background:var(--color-surface);border-radius:0;box-shadow:none;border-bottom:1px solid var(--color-border);padding:var(--space-4);margin:0;cursor:pointer;transition:background var(--duration-fast)}.phrase-list-card:active{background:var(--color-primary-soft)}.phrase-list-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.phrase-list-card__scene{font-size:var(--text-xs);color:var(--color-primary);font-weight:var(--font-semibold);background:var(--color-primary-soft);padding:2px 8px;border-radius:var(--radius-chip)}.phrase-list-card__actions{display:flex;align-items:center;gap:var(--space-2)}.phrase-list-card__q{font-family:var(--font-family-japanese);font-size:var(--text-md);font-weight:var(--font-medium);margin-bottom:var(--space-1);color:var(--color-text-primary)}.phrase-list-card__q-romanization{font-family:var(--font-family-reading);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:2px;font-style:italic}.phrase-list-card__q-ko{font-family:var(--font-family-reading);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.phrase-list-card__divider{height:1px;background:var(--color-border);margin-bottom:var(--space-2)}.phrase-list-card__a{font-family:var(--font-family-japanese);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:2px}.phrase-list-card__a-romanization{font-family:var(--font-family-reading);font-size:var(--text-xs);color:var(--color-text-disabled);font-style:italic;margin-bottom:2px}.phrase-list-card__a-ko{font-family:var(--font-family-reading);font-size:var(--text-xs);color:var(--color-text-disabled)}.view-toggle{display:flex;gap:var(--space-1);background:var(--color-border);border-radius:var(--radius-btn);padding:3px}.view-toggle__btn{padding:var(--space-1) var(--space-3);border-radius:calc(var(--radius-btn) - 2px);font-size:var(--text-sm);color:var(--color-text-secondary);transition:background var(--duration-fast),color var(--duration-fast)}.view-toggle__btn.active{background:var(--color-surface);color:var(--color-primary);font-weight:var(--font-semibold);box-shadow:var(--shadow-card)}.phrase-detail-header{position:sticky;top:0;z-index:50;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-2);display:flex;align-items:center;gap:var(--space-3)}.phrase-detail-header__back{display:flex;align-items:center;color:var(--color-text-secondary);padding:var(--space-1);flex-shrink:0}.phrase-detail-header__meta{flex:1;min-width:0}.phrase-detail-header__breadcrumb{font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phrase-detail-header__progress{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary);white-space:nowrap}.phrase-detail-section{padding:var(--space-4) 0 0}.phrase-role-label{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:3px 10px;border-radius:var(--radius-chip);margin-bottom:var(--space-3)}.phrase-role-label--question{background:var(--color-primary-soft);color:var(--color-primary)}.phrase-role-label--answer{background:var(--color-accent-soft);color:var(--color-accent)}.phrase-detail-card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-5)}.phrase-detail-card+.phrase-detail-card{margin-top:var(--space-3)}.phrase-detail-bottom{position:sticky;bottom:0;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-footer);padding:var(--space-3) var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.phrase-swipe-view{padding:var(--space-3) 0}.display-mode-toggle{display:block;margin:0 var(--space-4) var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-chip)}.large-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--color-surface);display:flex;flex-direction:column}.large-viewer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.large-viewer__close{font-size:18px;color:var(--color-text-secondary);padding:var(--space-2)}.large-viewer__body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-6);gap:var(--space-5);text-align:center}.large-viewer__target{font-family:var(--font-family-japanese);font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text-primary);letter-spacing:.02em}.large-viewer__romaji{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-loose)}.large-viewer__ko{font-size:var(--text-md);color:var(--color-text-secondary)}.large-viewer__footer{padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border)}.review-header{padding:var(--space-4) var(--space-4) 0}.review-recommend-card{background:var(--color-surface);border-radius:0;box-shadow:none;border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-2);margin:0;display:flex;align-items:center;gap:var(--space-4);cursor:pointer;transition:background var(--duration-fast)}.review-recommend-card:active{background:var(--color-primary-soft)}.review-recommend-card__num{width:36px;height:36px;border-radius:var(--radius-chip);background:var(--color-primary-soft);color:var(--color-primary);font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--text-sm)}.review-recommend-card__body{flex:1;min-width:0}.review-recommend-card__target{font-family:var(--font-family-japanese);font-size:var(--text-md);font-weight:var(--font-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-recommend-card__ko{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);padding:var(--space-3) var(--space-4);list-style:none}.saved-category-card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-decoration:none;border:2px solid transparent;width:100%;cursor:pointer;transition:transform var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.saved-category-card:active{transform:scale(.96)}.saved-category-card--active{border-color:var(--color-primary);background:var(--color-primary-soft)}.saved-category-card--active .saved-category-card__name{color:var(--color-primary)}.saved-category-card__icon{display:flex;align-items:center;color:var(--color-primary)}.saved-category-card__name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.saved-category-card__count{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-primary);background:var(--color-primary-soft);padding:1px 6px;border-radius:var(--radius-chip)}.settings-section{padding:var(--space-5) var(--space-4) 0}.settings-section__title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-2)}.settings-group{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.settings-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border)}.settings-item:last-child{border-bottom:none}.settings-item__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-text-secondary)}.settings-item__body{flex:1;min-width:0}.settings-item__label{font-size:var(--text-base);font-weight:var(--font-medium)}.settings-item__desc{font-family:var(--font-family-reading);font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:2px}.settings-item__control{flex-shrink:0}.toggle{position:relative;display:inline-block;width:50px;height:28px;flex-shrink:0}.toggle input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.toggle__slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#b0b7c3;border-radius:999px;transition:background var(--duration-fast)}.toggle__slider:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform var(--duration-fast);box-shadow:0 1px 4px #00000040}.toggle input:checked~.toggle__slider{background:var(--color-primary)}.toggle input:checked~.toggle__slider:after{transform:translate(22px)}.lang-option-group{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.lang-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border);cursor:pointer}.lang-option:last-child{border-bottom:none}.lang-option__radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color var(--duration-fast)}.lang-option.selected .lang-option__radio{border-color:var(--color-primary)}.lang-option.selected .lang-option__radio:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--color-primary)}.lang-option__label{font-size:var(--text-base);font-weight:var(--font-medium)}.lang-option__desc{font-size:var(--text-xs);color:var(--color-text-secondary)}.difficulty{display:inline-flex;gap:2px}.difficulty__dot{width:6px;height:6px;border-radius:50%;background:var(--color-border)}.difficulty__dot.filled{background:var(--color-primary)}@media (min-width: 600px){.app-layout{max-width:100%}.app-main{max-width:var(--max-width);margin:0 auto;width:100%}.app-main:has(.page-header){padding-top:var(--header-height)}.tab-bar{left:0;transform:none;max-width:100%;padding-left:calc((100vw - var(--max-width)) / 2);padding-right:calc((100vw - var(--max-width)) / 2)}.tab-bar__item{font-size:var(--text-sm);gap:var(--space-1)}.page-header{position:fixed;top:0;left:0;right:0;width:100%;max-width:none;min-height:var(--header-height);padding:var(--space-3) calc((100vw - var(--max-width)) / 2 + var(--space-4));background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:50}.home-header{padding:var(--space-6) var(--space-5) var(--space-4)}.category-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-4);padding:var(--space-5) 0}.saved-category-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-3);padding:var(--space-4) var(--space-5)}.today-card{margin:var(--space-4) var(--space-5) 0;padding:var(--space-6)}.location-banner{margin:var(--space-4) var(--space-5) 0;padding:var(--space-5)}.phrase-list-card{border-radius:var(--radius-card);box-shadow:var(--shadow-card);border-bottom:none;margin:0 var(--space-5) var(--space-3);padding:var(--space-5)}.phrase-list-card:active{background:var(--color-primary-soft);box-shadow:var(--shadow-card-hover)}.review-recommend-card{border-radius:var(--radius-card);box-shadow:var(--shadow-card);border-bottom:none;margin:0 var(--space-5) var(--space-3);padding:var(--space-4) var(--space-5)}.phrase-detail-card{padding:var(--space-6)}.phrase-detail-card+.phrase-detail-card{margin-top:var(--space-4)}.settings-section{padding:var(--space-5) var(--space-5) 0}.settings-group{margin:0 var(--space-5) var(--space-3)}}