:root{--c-primary: #1567C7;--c-primary-dark: #0E5BB5;--c-primary-glow: #369FFF;--c-bg: #F8FAFC;--c-surface: #FFFFFF;--c-surface-alt: #F7F7F7;--c-border: #EDF1F5;--c-border-strong: #E2E8F0;--c-text-primary: #303030;--c-text-muted: #54677A;--c-text-faint: #607589;--c-success: #8AC53E;--c-warning: #FF993A;--c-accent-blue: #006ED3;--c-gold: #FFD143;--c-danger: #dc2626;--c-danger-dark: #b91c1c;--c-danger-surface: #fef2f2;--c-action-green: #15803d;--c-action-green-dark: #137a39;--c-input-hover-border: #CBD5E1;--c-ghost-hover-bg: #F1F5F9;--c-ghost-hover-text: #475569;--c-row-hover: #F5F8FF;--c-selection: rgba(54, 159, 255, .18);--shadow-card: 0 10px 30px rgba(54, 159, 255, .1);--shadow-soft: 0 4px 14px rgba(48, 48, 48, .06);--shadow-lifted: 0 8px 24px rgba(54, 159, 255, .16);--shadow-card-hover: 0 12px 28px rgba(54, 159, 255, .16);color-scheme:light}[data-theme=dark]{--c-primary: #4C9FE8;--c-primary-dark: #6CB2F0;--c-primary-glow: #369FFF;--c-bg: #0F172A;--c-surface: #1B2436;--c-surface-alt: #243049;--c-border: #2B3852;--c-border-strong: #3A4763;--c-text-primary: #E6EBF2;--c-text-muted: #9FB0C2;--c-text-faint: #8494A6;--c-success: #8AC53E;--c-warning: #FF993A;--c-accent-blue: #5AA7EC;--c-gold: #FFD143;--c-danger: #F07171;--c-danger-dark: #F58C8C;--c-danger-surface: #3A2020;--c-action-green: #3FBF6F;--c-action-green-dark: #55CB80;--c-input-hover-border: #4A5878;--c-ghost-hover-bg: #243049;--c-ghost-hover-text: #C3CFDD;--c-row-hover: #1E2A40;--c-selection: rgba(76, 159, 232, .3);--shadow-card: 0 10px 30px rgba(0, 0, 0, .35);--shadow-soft: 0 4px 14px rgba(0, 0, 0, .3);--shadow-lifted: 0 8px 24px rgba(0, 0, 0, .45);--shadow-card-hover: 0 12px 28px rgba(0, 0, 0, .45);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:DM Sans,system-ui,-apple-system,sans-serif;background:var(--c-bg);color:var(--c-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:Nunito,DM Sans,system-ui,sans-serif;letter-spacing:-.02em}:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px;border-radius:4px}input,select,button{font-family:inherit;font-size:14px;padding:8px 12px;border:1px solid var(--c-border-strong);border-radius:10px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease,transform .1s ease,opacity .15s ease}input,select{background:var(--c-surface);color:var(--c-text-primary)}@media (pointer: coarse){input,select,textarea{font-size:16px!important}}input:hover:not(:focus):not(:disabled),select:hover:not(:focus):not(:disabled){border-color:var(--c-input-hover-border)}input:focus,select:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-primary-glow) 12%,transparent)}button{cursor:pointer;background:var(--c-primary);color:#fff;border-color:var(--c-primary);font-weight:600;letter-spacing:.01em}button:hover:not(:disabled){background:var(--c-primary-dark);border-color:var(--c-primary-dark);box-shadow:var(--shadow-soft);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0);box-shadow:none}button:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--c-primary);transition:color .15s ease}a:hover{color:var(--c-primary-dark)}.ui-btn--ghost:hover:not(:disabled){background:var(--c-ghost-hover-bg)!important;border-color:var(--c-input-hover-border)!important;color:var(--c-ghost-hover-text)!important}.ui-btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--c-danger) 8%,transparent)!important;border-color:color-mix(in srgb,var(--c-danger) 45%,transparent)!important}.ui-btn--success:hover:not(:disabled){background:var(--c-action-green-dark)!important;border-color:var(--c-action-green-dark)!important}.ui-btn--dangerSolid:hover:not(:disabled){background:var(--c-danger-dark)!important;border-color:var(--c-danger-dark)!important}.word-row{transition:background .12s ease}.word-row:hover{background:var(--c-row-hover)!important}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:26px;height:26px;border:3px solid color-mix(in srgb,var(--c-primary-glow) 15%,transparent);border-top-color:var(--c-primary);border-radius:50%;animation:spin .7s linear infinite;display:inline-block;flex-shrink:0}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@keyframes dialogPop{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.overlay-enter{animation:overlayFade .16s ease-out}.dialog-enter{animation:dialogPop .2s cubic-bezier(.16,1,.3,1)}.card-hover{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card-hover:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover);border-color:color-mix(in srgb,var(--c-primary-glow) 35%,transparent)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .34s cubic-bezier(.16,1,.3,1) both}.md-content>:first-child{margin-top:0}.md-content>:last-child{margin-bottom:0}.md-content p,.md-content ul,.md-content ol,.md-content h1,.md-content h2,.md-content h3,.md-content h4,.md-content h5,.md-content h6,.md-content blockquote,.md-content pre,.md-content table{margin-top:1rem;margin-bottom:1rem}.md-content p,.md-content li,.md-content h1,.md-content h2,.md-content h3,.md-content h4,.md-content h5,.md-content h6,.md-content blockquote,.md-content td,.md-content th{white-space:pre-wrap}::selection{background:var(--c-selection);color:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
