@charset "UTF-8";:root{--gray-950: #0a0a0d;--gray-900: #131316;--gray-850: #18181c;--gray-800: #1e1e23;--gray-700: #2a2a30;--gray-600: #3a3a42;--gray-500: #55555f;--gray-400: #74747d;--gray-300: #9a9aa3;--gray-200: #c2c2c9;--gray-100: #e8e8ec;--bg: var(--gray-950);--surface: var(--gray-900);--surface-raised: var(--gray-800);--surface-sunken: rgba(0, 0, 0, .22);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--text-primary: #f2f2f4;--text-secondary: #a3a3ab;--text-tertiary: #6f6f78;--accent-purple: #9c0abf;--accent-purple-hover: #b32bd6;--accent-purple-muted: rgba(156, 10, 191, .14);--accent-purple-text: #d3a4e8;--accent-green: #1bdc6f;--accent-green-hover: #22f080;--accent-green-muted: rgba(27, 220, 111, .14);--positive: #34c77b;--positive-muted: rgba(52, 199, 123, .14);--negative: #f0596b;--negative-muted: rgba(240, 89, 107, .16);--warning: #e0a63f;--warning-muted: rgba(224, 166, 63, .14);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .24);--shadow-md: 0 6px 16px rgba(0, 0, 0, .28);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .32);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .9375rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--transition-fast: .12s ease;--transition: .18s ease;--transition-slow: .28s ease}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;padding:0;background-color:var(--bg);color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin-top:0;font-weight:600;line-height:1.3}p{margin-top:0}a{color:var(--accent-purple);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-purple-hover)}button{font-family:inherit;cursor:pointer;border:none;outline:none}button:disabled{cursor:not-allowed;opacity:.6}img{max-width:100%;height:auto;display:block}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px;transition:border-color var(--transition-fast),background var(--transition-fast)}input::placeholder,textarea::placeholder,select::placeholder{color:var(--text-tertiary)}input:hover:not(:disabled),textarea:hover:not(:disabled),select:hover:not(:disabled){border-color:var(--border-strong)}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--accent-purple)}input:disabled,textarea:disabled,select:disabled{opacity:.6;cursor:not-allowed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#9c0abf59;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#9c0abf80}::selection{background:#9c0abf47;color:var(--text-primary)}::-moz-selection{background:#9c0abf47;color:var(--text-primary)}.app-container{display:flex;flex-direction:column;min-height:100vh;padding:0;overflow-x:hidden}app-toolbar{flex:0 0 auto;width:100%}.content{flex:1;padding:0 0 60px;margin:60px 0 0;overflow-y:auto;overflow-x:hidden}app-footer{flex:0 0 auto;width:100%}.text-center{text-align:center}.text-muted{color:var(--text-tertiary)}.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}.skip-link:focus{position:fixed;top:8px;left:8px;width:auto;height:auto;padding:12px 24px;margin:0;overflow:visible;clip:auto;white-space:nowrap;background:var(--accent-purple);color:#fff;border-radius:var(--radius-md);z-index:10000;font-size:1rem;font-weight:600;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.fade-in{animation:fadeIn .3s ease-out}.slide-up{animation:slideUp .4s ease-out}@media (prefers-reduced-motion: reduce){.fade-in,.slide-up{animation:none}html{scroll-behavior:auto}}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-xs);transition:border-color var(--transition),box-shadow var(--transition)}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.btn-primary{background:var(--accent-purple);color:#fff;border:none;border-radius:var(--radius-md);padding:10px 20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background var(--transition),box-shadow var(--transition);box-shadow:var(--shadow-xs)}.btn-primary:hover:not(:disabled){background:var(--accent-purple-hover);box-shadow:var(--shadow-sm)}.btn-primary:disabled{background:var(--gray-600);cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--accent-green);color:#05130a;border:none;border-radius:var(--radius-md);padding:10px 20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background var(--transition),box-shadow var(--transition);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--accent-green-hover);box-shadow:var(--shadow-sm)}.btn-outline{background:transparent;border:1px solid var(--border-strong);color:var(--text-primary);border-radius:var(--radius-md);padding:9px 19px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition)}.btn-outline:hover:not(:disabled){background:var(--accent-purple-muted);border-color:var(--accent-purple);color:var(--text-primary)}.term-buttons{display:flex;justify-content:center;gap:8px;margin-bottom:24px;flex-wrap:wrap}.term-button{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-md);padding:8px 18px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.term-button:hover{border-color:var(--border-strong);color:var(--text-primary)}.term-button.selected{background:var(--accent-purple-muted);border-color:var(--accent-purple);color:var(--text-primary)}.page-container{padding:20px;min-height:calc(100vh - 140px);background:transparent;overflow-x:hidden}@media (max-width: 768px){.content{padding-bottom:40px}.page-container{padding:16px}.term-buttons{gap:8px}.term-button{padding:7px 14px;font-size:.8125rem}}.app-tooltip{position:fixed;z-index:3000;max-width:240px;padding:6px 10px;border-radius:var(--radius-sm);background:var(--surface-raised);border:1px solid var(--border-strong);color:var(--text-primary);font-size:.75rem;font-weight:500;line-height:1.35;text-align:center;pointer-events:none;box-shadow:var(--shadow-sm);opacity:0;transform:translateY(2px);transition:opacity .15s ease,transform .15s ease}.app-tooltip--visible{opacity:1;transform:translateY(0)}.app-tooltip--no-motion{transition:none}
