:root{--sky: #7fd6f2;--snow: #ffffff;--mountain: #0f8a43;--pine: #14622f;--sign: #ffd400;--cartman: #e03127;--kenny: #f2801f;--kyle: #55be3b;--stan: #3f4ca0;--dirt: #7b4a1e;--ink: #000000;--mountain-text: #0c7038;--kenny-text: #a8540c;--sign-text: #7d5a00;--bg-page: var(--sky);--bg-card: var(--snow);--bg-sunken: #eef4f7;--bg-card-hover: #f7fbfd;--border-color: var(--ink);--border-highlight: var(--stan);--primary: var(--mountain-text);--secondary: var(--stan);--accent: var(--kenny);--success: var(--mountain-text);--success-bg: #d6f0e0;--warning: var(--sign-text);--warning-bg: var(--sign);--danger: var(--cartman);--danger-bg: #fbdad8;--text-main: #101010;--text-muted: #4a4a4a;--text-dim: #6e6e6e;--text-on-fill: var(--snow);--font-heading: "Outfit", -apple-system, sans-serif;--font-body: "Inter", -apple-system, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--shadow-flat: 4px 4px 0 var(--ink);--shadow-flat-sm: 2px 2px 0 var(--ink)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-page);background-image:linear-gradient(var(--sky) 0%,var(--sky) 55%,var(--mountain) 55%,var(--mountain) 100%);background-attachment:fixed;color:var(--text-main);font-family:var(--font-body);min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-sunken)}::-webkit-scrollbar-thumb{background:var(--mountain);border:2px solid var(--ink);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--pine)}.panel{background:var(--bg-card);border:3px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-flat);transition:transform .12s ease,box-shadow .12s ease}.panel:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--ink)}.gradient-text{color:var(--cartman)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{display:inline-block;width:16px;height:16px;border:3px solid rgba(0,0,0,.2);border-radius:50%;border-top-color:var(--ink);animation:spin .8s linear infinite;flex-shrink:0}.spinner-light{border-color:#ffffff4d;border-top-color:var(--snow)}.badge-score{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:9999px;border:2px solid var(--ink);font-weight:800;font-size:13px}.score-high{background:var(--kyle);color:var(--ink)}.score-med{background:var(--sign);color:var(--ink)}.score-low{background:var(--cartman);color:var(--snow)}.btn-primary{background:var(--mountain-text);color:var(--snow);font-weight:700;border:3px solid var(--ink);padding:9px 18px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .12s ease,box-shadow .12s ease;box-shadow:var(--shadow-flat-sm)}.btn-primary:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-flat)}.btn-primary:active{transform:translate(1px,1px);box-shadow:none}.btn-secondary{background:var(--snow);color:var(--text-main);border:3px solid var(--ink);font-weight:700;padding:9px 16px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .12s ease,box-shadow .12s ease;box-shadow:var(--shadow-flat-sm)}.btn-secondary:hover{background:var(--bg-card-hover);transform:translate(-1px,-1px);box-shadow:var(--shadow-flat)}.btn-secondary:active{transform:translate(1px,1px);box-shadow:none}input,textarea,select{font-family:var(--font-body);background:var(--snow);color:var(--text-main);border:2px solid var(--ink);border-radius:var(--radius-sm)}input:focus,textarea:focus,select:focus{outline:3px solid var(--stan);outline-offset:1px}