:root{--bg-primary: #FDFDFD;--bg-secondary: #F8F8F8;--bg-tertiary: #F0F0F0;--bg-card: #FFFFFF;--bg-dark: #18181B;--accent-primary: #FF6B6B;--accent-primary-rgb: 255, 107, 107;--accent-primary-hover: #e85555;--accent-secondary: #14B8A6;--accent-secondary-rgb: 20, 184, 166;--accent-tertiary: #FFE4B5;--text-primary: #18181B;--text-secondary: #52525B;--text-muted: #A1A1AA;--text-inverse: #FAFAFA;--success: #4a7c59;--success-rgb: 74, 124, 89;--warning: #d4a574;--warning-rgb: 212, 165, 116;--error: #c73e3a;--error-rgb: 199, 62, 58;--info: #4a6fa5;--info-rgb: 74, 111, 165;--word-new: #FEE2E2;--word-new-text: #DC2626;--word-learning: #FEF3C7;--word-learning-text: #D97706;--word-known: #D1FAE5;--word-known-text: #059669;--word-ignored: #F4F4F5;--level-beginner: rgba(34, 197, 94, .15);--level-beginner-text: #16a34a;--level-elementary: rgba(59, 130, 246, .15);--level-elementary-text: #2563eb;--level-intermediate: rgba(234, 179, 8, .15);--level-intermediate-text: #ca8a04;--level-upper: rgba(249, 115, 22, .15);--level-upper-text: #ea580c;--level-advanced: rgba(239, 68, 68, .15);--level-advanced-text: #dc2626;--space-2xs: .125rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-jp: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "Yu Gothic", sans-serif;--font-cn: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-ko: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--border-color: rgba(0, 0, 0, .06);--border-width: 1px;--border-radius-sm: 6px;--border-radius: 10px;--border-radius-md: 8px;--border-radius-lg: 14px;--border-radius-pill: 100px;--border-radius-round: 50%;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .12);--icon-size-xs: 14px;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 24px;--icon-size-xl: 32px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--transition-spring: .35s cubic-bezier(.34, 1.56, .64, 1);--btn-height-xs: 28px;--btn-height-sm: 36px;--btn-height-md: 40px;--btn-height-lg: 48px;--input-height-sm: 36px;--input-height-md: 44px;--input-height-lg: 48px;--focus-ring: 0 0 0 3px rgba(255, 107, 107, .15);--focus-ring-offset: 2px;--touch-target-min: 44px;--mobile-padding: 16px;--mobile-card-radius: 12px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--bottom-nav-height: 4rem;--ai-purple: #8b5cf6;--ai-pink: #ec4899;--ai-gradient: linear-gradient(135deg, var(--ai-purple), var(--ai-pink));--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--z-nav: 1000;--z-google-signin: 20000}[data-theme=dark]{--bg-primary: #121016;--bg-secondary: #1C1A21;--bg-tertiary: #26242C;--bg-card: #1F1D24;--border-color: #33303A;--text-primary: #F5F3FF;--text-secondary: #B8B5C2;--text-muted: #7D7888;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .6);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .7);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .8);--word-new: rgba(220, 38, 38, .15);--word-new-text: #FCA5A5;--word-learning: rgba(217, 119, 6, .15);--word-learning-text: #FCD34D;--word-known: rgba(5, 150, 105, .15);--word-known-text: #6EE7B7;--word-ignored: #27272A;--accent-tertiary: rgba(255, 228, 181, .1);--focus-ring: 0 0 0 3px rgba(255, 107, 107, .25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}button,a,input,select,textarea,[role=button]{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}:focus{outline:none}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:var(--focus-ring-offset)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;min-height:100dvh;overflow-x:hidden}*{scrollbar-width:thin;scrollbar-color:transparent transparent}*:hover,*:focus-within{scrollbar-color:rgba(0,0,0,.2) transparent}[data-theme=dark] *:hover,[data-theme=dark] *:focus-within{scrollbar-color:rgba(255,255,255,.2) transparent}::-webkit-scrollbar{width:6px;height:6px;background:transparent}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;transition:background .2s ease}*:hover::-webkit-scrollbar-thumb,*:focus-within::-webkit-scrollbar-thumb{background:#0003}*:hover::-webkit-scrollbar-thumb:hover{background:#00000059}[data-theme=dark] *:hover::-webkit-scrollbar-thumb,[data-theme=dark] *:focus-within::-webkit-scrollbar-thumb{background:#fff3}[data-theme=dark] *:hover::-webkit-scrollbar-thumb:hover{background:#ffffff59}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}.text-jp{font-family:var(--font-jp)}.text-cn{font-family:var(--font-cn)}.text-ko{font-family:var(--font-ko)}.text-mono{font-family:var(--font-mono)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}p{color:var(--text-secondary)}small{font-size:var(--text-sm)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}@media (hover: hover){a:hover{color:var(--accent-secondary)}}ruby{ruby-align:center}ruby rt{font-size:.55em;color:var(--text-muted);font-weight:400}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);height:var(--btn-height-md);padding:0 var(--space-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;line-height:1;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--accent-primary);color:var(--text-inverse)}@media (hover: hover){.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover);transform:translateY(-1px)}}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}@media (hover: hover){.btn-secondary:hover:not(:disabled){background:var(--bg-card);border-color:var(--text-muted);box-shadow:var(--shadow-sm)}}.btn-ghost{background:transparent;color:var(--text-secondary)}@media (hover: hover){.btn-ghost:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}}.btn-danger{background:var(--error);color:var(--text-inverse)}@media (hover: hover){.btn-danger:hover:not(:disabled){opacity:.9}}.btn-xs{height:var(--btn-height-xs);padding:0 var(--space-sm);font-size:var(--text-xs)}.btn-sm{height:var(--btn-height-sm);padding:0 var(--space-sm);font-size:var(--text-sm)}.btn-lg{height:var(--btn-height-lg);padding:0 var(--space-lg);font-size:var(--text-md)}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--border-radius-round)}.btn-icon app-icon{width:var(--icon-size-md);height:var(--icon-size-md)}.btn-icon.btn-sm{width:32px;height:32px}.btn-icon.btn-lg{width:44px;height:44px}input,textarea,select{font-family:var(--font-sans);font-size:1rem;padding:0 var(--space-md);height:var(--input-height-md);line-height:normal;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-card);color:var(--text-primary);transition:all var(--transition-fast);width:100%}textarea{height:auto;min-height:100px;padding:var(--space-sm) var(--space-md);resize:vertical}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--focus-ring)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23A1A1AA' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.input-sm{height:var(--input-height-sm);font-size:var(--text-sm);padding:0 var(--space-sm)}.input-lg{height:var(--input-height-lg);font-size:var(--text-md)}.input-group--icon{position:relative;width:100%}.input-group--icon input{padding-left:2.5rem;padding-right:2.5rem}.input-group--icon .input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;display:flex;align-items:center;justify-content:center}.input-group--icon .clear-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;border-radius:var(--border-radius-round);transition:all var(--transition-fast)}@media (hover: hover){.input-group--icon .clear-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}}.card{background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.card-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color)}.card-header h2{font-size:var(--text-md);font-weight:600;margin-bottom:var(--space-2xs)}.card-header p{font-size:var(--text-sm);color:var(--text-muted)}.card-body{padding:var(--space-lg)}.card-footer{padding:var(--space-sm) var(--space-lg);border-top:1px solid var(--border-color);background:var(--bg-secondary);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg)}.card-interactive{cursor:pointer;transition:all var(--transition-fast)}@media (hover: hover){.card-interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}.card-interactive:active{transform:translateY(0)}@media (max-width: 480px){.card{box-shadow:none;border-radius:var(--mobile-card-radius)}}.badge{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:1px 6px;font-size:.625rem;font-weight:600;border-radius:var(--border-radius-pill);white-space:nowrap;line-height:1.4;text-transform:uppercase;letter-spacing:.02em}.badge--sm{padding:1px 5px;font-size:.5625rem}.badge--new{background:var(--word-new);color:var(--word-new-text)}.badge--learning{background:var(--word-learning);color:var(--word-learning-text)}.badge--known{background:var(--word-known);color:var(--word-known-text)}.badge--ignored{background:var(--word-ignored);color:var(--text-muted)}.badge--primary{background:var(--bg-tertiary);color:var(--text-secondary)}.badge--accent{background:rgba(var(--accent-primary-rgb),.1);color:var(--accent-primary)}.badge--success{background:rgba(var(--success-rgb),.15);color:var(--success)}.badge--warning{background:rgba(var(--warning-rgb),.15);color:var(--warning)}.badge--error{background:rgba(var(--error-rgb),.15);color:var(--error)}.badge--free{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);color:var(--text-muted)}[data-theme=dark] .badge--free{background:linear-gradient(135deg,#3f3f46,#27272a);color:#d4d4d8}.badge--pro{background:linear-gradient(90deg,#06b6d4,#14b8a6,#10b981);color:#fff;font-weight:600;box-shadow:0 2px 8px #14b8a64d}[data-theme=dark] .badge--pro{box-shadow:0 2px 10px #14b8a666}.badge--premium{background:linear-gradient(135deg,#fde68a,#fca5a5,#c4b5fd,#93c5fd,#86efac);background-size:200% 200%;color:#1f2937;font-weight:600;box-shadow:0 2px 8px #0000001a}[data-theme=dark] .badge--premium{box-shadow:0 2px 12px #c4b5fd4d}@media (prefers-reduced-motion: no-preference){.badge--premium{animation:badge-holo 3s ease infinite}}@keyframes badge-holo{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.word{cursor:pointer;padding:1px 3px;border-radius:3px;transition:all var(--transition-fast);display:inline}@media (hover: hover){.word:hover{background:var(--accent-tertiary);color:var(--text-primary)}}.word--new{background:var(--word-new);color:var(--word-new-text)}.word--learning{background:var(--word-learning);color:var(--word-learning-text)}.word--known{background:var(--word-known);color:var(--word-known-text)}.word--ignored{background:var(--word-ignored);opacity:.6}@media (min-width: 769px){::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}}.container{max-width:1400px;margin:0 auto;padding:0 var(--space-lg)}@media (max-width: 480px){.container{padding:0 var(--space-md)}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.gap-2xs{gap:var(--space-2xs)}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{display:none!important}.invisible{visibility:hidden}.page-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--space-lg);align-items:start;max-width:1280px;margin:0 auto}.page-layout__main{min-width:0;display:flex;flex-direction:column;gap:var(--space-md)}.page-layout__sidebar{align-self:start;display:flex;flex-direction:column;gap:var(--space-md);position:sticky;top:var(--space-md)}@media (max-width: 1024px){.page-layout{grid-template-columns:1fr 280px}}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.page-layout{grid-template-columns:1fr;gap:var(--space-md)}.page-layout__sidebar.desktop-only{display:none!important}}.desktop-only{display:flex}.mobile-only{display:none}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.desktop-only{display:none!important}.mobile-only{display:block}}.sidebar-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--space-md)}.sidebar-card__title{font-size:var(--text-md);font-weight:600;margin-bottom:var(--space-md)}.sidebar-card__subtitle{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs)}.sidebar-card__hint{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-md)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin-bottom:var(--space-md)}.stat-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm);background:var(--bg-secondary);border-radius:var(--border-radius)}.stat-item__value{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.stat-item__value--new{color:var(--accent-primary)}.stat-item__value--learning{color:var(--word-learning-text)}.stat-item__value--known{color:var(--success)}.stat-item__value--favorite{color:var(--accent-primary)}.stat-item__label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.filter-chips{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{height:36px;display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-md);font-size:var(--text-sm);font-weight:500;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid transparent;border-radius:var(--border-radius-pill);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.filter-chips .btn{white-space:nowrap;flex-shrink:0}.filter-chip app-icon{display:flex}.filter-chip.active{background:var(--bg-tertiary);color:var(--text-primary);border-color:transparent}@media (hover: hover){.filter-chip:hover:not(.active){background:var(--bg-tertiary)}}.filter-chips__spacer{flex:1}@media (max-width: 600px){.filter-chips .chip-text,.filter-chips .btn .btn-text{display:none}.filter-chips .filter-chip,.filter-chips .btn{padding:var(--space-xs);aspect-ratio:1;justify-content:center}.filter-chips{gap:var(--space-xs)}.filter-chips__spacer{display:none}}.toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:var(--text-xs);font-weight:500;color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);position:relative}@media (hover: hover){.toggle-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}}.toggle-btn.active{background:var(--bg-card);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.toggle-btn__badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;font-size:.625rem;font-weight:700;background:var(--accent-primary);color:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center}.toggle-btn.active .toggle-btn__badge{background:#fff;color:var(--accent-primary)}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-tertiary);transition:var(--transition-fast);border-radius:20px}.toggle-switch .slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:var(--transition-fast);border-radius:50%;box-shadow:var(--shadow-sm)}.toggle-switch input:checked+.slider{background-color:var(--accent-primary)}.toggle-switch input:focus-visible+.slider{box-shadow:var(--focus-ring)}.toggle-switch input:checked+.slider:before{transform:translate(16px)}.level-badge,.level-select-btn{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--border-radius-pill);background:var(--bg-secondary);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-xs);font-weight:500;justify-content:center}.level-select-btn{padding:8px 12px;font-size:var(--text-sm);flex:1}@media (hover: hover){.level-badge:hover,.level-select-btn:hover{border-color:var(--border-color);background:var(--bg-card)}}.level-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.level-text{text-transform:capitalize}.level-badge.level--new,.level-badge--new,.level-select-btn.level--new,.level-select-btn--new{color:var(--word-new-text);background:var(--word-new)}.level-badge.level--learning,.level-badge--learning,.level-select-btn.level--learning,.level-select-btn--learning{color:var(--word-learning-text);background:var(--word-learning)}.level-badge.level--known,.level-badge--known,.level-select-btn.level--known,.level-select-btn--known{color:var(--word-known-text);background:var(--word-known)}.level-badge.level--ignored,.level-badge--ignored,.level-select-btn.level--ignored,.level-select-btn--ignored{color:var(--text-muted);background:var(--bg-secondary)}.empty-state{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:var(--space-lg);padding:var(--space-xl);width:100%}.empty-state__icon-box{width:2.5rem;height:2.5rem;border-radius:var(--border-radius-md);background:#9ca3af1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.empty-state__icon-box app-icon,.empty-state__icon-box .empty-icon{color:var(--text-muted);opacity:.6}.empty-state__icon{color:var(--text-muted);opacity:.5}.empty-state__text{display:flex;flex-direction:column;gap:4px}.empty-state__title{font-weight:500;font-size:var(--text-base);color:var(--text-secondary);margin:0}.empty-state__description,.empty-state__hint{font-size:var(--text-sm);color:var(--text-muted);margin:0;line-height:1.4}.empty-state__action{margin-top:var(--space-md)}.empty-state--centered{flex-direction:column;align-items:center;text-align:center;max-width:280px;margin:0 auto}.empty-state--centered .empty-state__icon-box{margin-bottom:var(--space-sm)}.empty-state--centered .empty-state__text{align-items:center}.empty-state--animate{animation:emptyStateIn .25s ease-out}@keyframes emptyStateIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-card) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--border-radius)}.skeleton-text{height:1em;margin-bottom:.5em;border-radius:4px}.skeleton-text:last-child{width:60%}.skeleton-circle{border-radius:50%}.skeleton-card{height:80px;margin-bottom:var(--space-sm)}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--space-md));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-dark);color:var(--text-inverse);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:var(--z-toast);animation:toastIn .3s ease-out}.toast--success{background:var(--success)}.toast--error{background:var(--error)}.toast--warning{background:var(--warning);color:var(--text-primary)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.recent-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.recent-header__title{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0}.recent-header__clear{font-size:var(--text-xs);color:var(--text-muted);background:transparent;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:var(--border-radius);transition:all var(--transition-fast)}@media (hover: hover){.recent-header__clear:hover{color:var(--accent-primary);background:rgba(var(--accent-primary-rgb),.1)}}.recent-list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.recent-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .5rem .375rem .75rem;font-size:var(--text-sm);background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-pill);cursor:pointer;transition:all var(--transition-fast)}@media (hover: hover){.recent-chip:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--bg-card);transform:translateY(-1px)}}.recent-chip__term{line-height:1}.recent-chip__delete{display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border-radius:50%;background:transparent;color:var(--text-muted);transition:all var(--transition-fast);flex-shrink:0}@media (hover: hover){.recent-chip__delete:hover{background:rgba(var(--accent-primary-rgb),.15);color:var(--accent-primary)}}.confirm-sheet{padding:var(--space-lg);text-align:center}.confirm-sheet__icon{width:4rem;height:4rem;margin:0 auto var(--space-md);display:flex;align-items:center;justify-content:center;background:rgba(var(--error-rgb),.1);border-radius:var(--border-radius-round);color:var(--error)}.confirm-sheet__icon--warning{background:rgba(var(--warning-rgb),.15);color:var(--warning)}.confirm-sheet__title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xs)}.confirm-sheet__message{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-lg);line-height:1.5}.confirm-sheet__actions{display:flex;gap:var(--space-sm)}.confirm-sheet__btn{flex:1;padding:var(--space-md);border-radius:var(--border-radius);font-size:var(--text-base);font-weight:500;border:none;cursor:pointer;transition:all var(--transition-fast)}.confirm-sheet__btn--secondary{background:var(--bg-secondary);color:var(--text-primary)}.confirm-sheet__btn--primary{background:var(--accent-primary);color:#fff}.confirm-sheet__btn--danger{background:var(--error);color:#fff}@media (hover: hover){.confirm-sheet__btn--secondary:hover{background:var(--bg-card)}.confirm-sheet__btn--primary:hover,.confirm-sheet__btn--danger:hover{opacity:.9}}.sync-hint{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);font-size:var(--text-sm);color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--border-radius)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background:var(--bg-card);padding:0;padding-bottom:var(--safe-area-bottom);z-index:var(--z-nav);box-shadow:0 -1px 0 var(--border-color)}.bottom-nav__items{display:flex;justify-content:space-around;align-items:center;height:100%;max-width:31.25rem;margin:0 auto;padding:0 var(--space-sm)}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:.25rem .5rem;margin:0;background:none;border:none;color:var(--text-secondary);font-size:.625rem;font-weight:500;cursor:pointer;transition:color var(--transition-fast);min-width:3.5rem;text-decoration:none;position:relative}.bottom-nav__item app-icon{position:relative;width:3rem;height:1.5rem;border-radius:.75rem;display:inline-flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.bottom-nav__item app-icon:before{content:"";position:absolute;inset:0;background:rgba(var(--accent-primary-rgb),.15);border-radius:.75rem;transform:scaleX(0);opacity:0;transition:transform .3s cubic-bezier(.2,0,0,1),opacity var(--transition-fast)}.bottom-nav__item.active{color:var(--accent-primary);font-weight:600}.bottom-nav__item.active app-icon{transform:translateY(-2px)}.bottom-nav__item.active app-icon:before{transform:scaleX(1);opacity:1}[data-theme=dark] .bottom-nav__item.active app-icon:before{background:rgba(var(--accent-primary-rgb),.25)}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.bottom-nav{display:block}}.slide-drawer{position:fixed;left:0;right:0;bottom:0;max-height:85vh;max-height:85dvh;background:var(--bg-card);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;box-shadow:var(--shadow-xl);transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);z-index:var(--z-modal);overflow:hidden}.slide-drawer.open{transform:translateY(0)}.slide-drawer__handle{width:36px;height:4px;background:var(--border-color);border-radius:2px;margin:var(--space-sm) auto}.slide-drawer__content{max-height:calc(85vh - 24px);max-height:calc(85dvh - 24px);overflow-y:auto;overscroll-behavior:contain}.overlay{position:fixed;inset:0;background:#00000080;opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:var(--z-modal-backdrop)}.overlay.visible{opacity:1;visibility:visible}@media (max-width: 480px){.modal-fullscreen{position:fixed;inset:0;max-width:100%;max-height:100%;border-radius:0;animation:slideUp var(--transition-fast) ease}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.no-scroll{overflow:hidden!important;height:100vh!important;height:100dvh!important;touch-action:none}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;background:#000;overflow:hidden;border-radius:var(--border-radius)}.video-wrapper #youtube-player,.video-wrapper>div,.video-wrapper div,.video-wrapper iframe{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;border:none!important}.video-embed-ratio iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important;max-width:100vw}@keyframes popIn{0%{opacity:0;transform:scale(.95)}70%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes loop-pulse{0%,to{box-shadow:inset 0 0 0 2px transparent}50%{box-shadow:inset 0 0 0 2px var(--accent-primary)}}@keyframes spring-up{0%{transform:translateY(100%)}60%{transform:translateY(-3%)}80%{transform:translateY(1%)}to{transform:translateY(0)}}.animate-pop{animation:popIn .25s ease-out both}.animate-fade-slide{animation:fadeSlideIn .3s ease-out both}.animate-float{animation:float 3s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.is-looping{animation:loop-pulse 2s ease-in-out infinite}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hover-fix{pointer-events:auto}.hover-fix>*{pointer-events:none}.hover-fix>.hover-fix-interactive,.hover-fix>* .hover-fix-interactive,.hover-fix button,.hover-fix a,.hover-fix input,.hover-fix select,.hover-fix [role=button],.hover-fix label{pointer-events:auto}.hover-passthrough{pointer-events:none}.hover-passthrough-target{pointer-events:auto}.circle-flag{width:1.25em;height:1.25em;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #0000000d;display:inline-block;vertical-align:middle}.lang-chip .circle-flag{margin-right:6px;width:16px;height:16px}.lang-option .circle-flag{width:20px;height:20px}.app{width:100%;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.app::-webkit-scrollbar{display:none}#credential_picker_container,.google-one-tap-modal-div{z-index:var(--z-google-signin)!important;position:fixed!important}@media (max-width: 768px){:root{--space-lg: 1rem;--space-xl: 1.5rem}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-lg)}}@media (max-width: 480px){:root{--space-md: 1rem;--space-lg: 1.25rem}h1{font-size:var(--text-xl)}h2{font-size:var(--text-md)}.btn,button:not(.btn-icon),select{min-height:var(--touch-target-min)}.btn-icon{width:var(--touch-target-min);height:var(--touch-target-min)}input::placeholder,textarea::placeholder{font-size:var(--text-sm)}}