:root{--hue-primary: 210;--hue-accent: 45;--hue-danger: 0;--bg-app: #f8faff;--bg-card: #ffffff;--bg-input: #f1f5f9;--text-main: #1e293b;--text-muted: #64748b;--color-accent: #eab308;--color-primary: #0ea5e9;--color-danger: #ef4444;--color-neutral: #94a3b8;--color-success: #22c55e;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1.25rem;--space-lg: 2rem;--glass-bg: rgba(255, 255, 255, .7);--glass-border: 1px solid rgba(255, 255, 255, .5);--glass-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--trans-fast: .2s ease;--trans-bounce: .4s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;font-family:Outfit,Inter,system-ui,sans-serif}body{margin:0;padding:0;background-color:var(--bg-app);color:var(--text-main);line-height:1.6;min-height:100vh}h1,h2,h3{line-height:1.1;margin:0 0 var(--space-md);color:var(--text-main)}button{cursor:pointer;border:none;font-family:inherit}.container{width:100%;max-width:600px;margin:0 auto;padding:var(--space-md)}.text-center{text-align:center}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.card{background:var(--bg-card);border-radius:16px;padding:var(--space-md);box-shadow:var(--glass-shadow);border:1px solid rgba(226,232,240,.8)}.btn{padding:.75rem 1.5rem;border-radius:12px;font-weight:600;transition:all var(--trans-fast);display:inline-flex;align-items:center;justify-content:center}.btn:active{transform:scale(.95)}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px #0ea5e94d}.btn-ghost:hover{background:var(--bg-input);color:var(--text-main)}.input-field{width:100%;padding:.75rem 1rem;border-radius:12px;border:1px solid #e2e8f0;background:var(--bg-input);color:var(--text-main);font-size:1rem;transition:all var(--trans-fast)}.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91a;background:#fff}.badge{padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase}.badge-good{background:#dcfce7;color:#166534}.badge-bad{background:#fee2e2;color:#991b1b}.badge-neutral{background:#f1f5f9;color:#475569}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn var(--trans-fast) forwards}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-8{width:2rem}.h-8{height:2rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-12{width:3rem}.h-12{height:3rem}.w-16{width:4rem}.h-16{height:4rem}.w-20{width:5rem}.h-20{height:5rem}.w-24{width:6rem}.h-24{height:6rem}.w-32{width:8rem}.h-32{height:8rem}.object-contain{object-fit:contain}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.flex-1{flex:1}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.justify-center{justify-content:center}.m-0{margin:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-4xl{font-size:2.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.tracking-wide{letter-spacing:.025em}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-white{color:#fff}.text-red-500{color:var(--color-danger)}.bg-white{background-color:#fff}.bg-input{background-color:var(--bg-input)}.bg-glass{background-color:var(--glass-bg)}.bg-red-500{background-color:var(--color-danger)}.border{border-width:1px;border-style:solid}.border-b{border-bottom-width:1px;border-bottom-style:solid}.border-t{border-top-width:1px;border-top-style:solid}.border-glass{border-color:#e2e8f0cc}.border-transparent{border-color:transparent}.rounded{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.hover\:scale-\[1\.02\]:hover{transform:scale(1.02)}.hover\:bg-white:hover{background-color:#fff}.hover\:border-glass:hover{border-color:#e2e8f0cc}.hover\:bg-primary:hover{background-color:var(--color-primary)}.hover\:text-white:hover{color:#fff}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:bg-red-100:hover{background-color:#fee2e2}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.relative{position:relative}.aspect-square{aspect-ratio:1 / 1}.card{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:var(--glass-border);border-radius:16px;padding:var(--space-md);box-shadow:var(--glass-shadow);transition:transform var(--trans-fast)}.card:hover{transform:translateY(-2px);border-color:hsla(var(--hue-primary),20%,80%,.2)}.input-field{width:100%;background:var(--bg-input);border:1px solid transparent;padding:var(--space-sm) var(--space-md);border-radius:12px;color:var(--text-main);font-size:1rem;outline:none;transition:border-color var(--trans-fast)}.input-field:focus{border-color:var(--color-accent)}.btn{padding:var(--space-sm) var(--space-md);border-radius:12px;font-weight:600;transition:all var(--trans-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs)}.btn-primary{background:var(--color-accent);color:#000}.btn-primary:active{transform:scale(.95)}.btn-danger{background:transparent;border:1px solid var(--color-danger);color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger);color:#fff}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--text-main);background:#ffffff0d}.fab{position:fixed;bottom:var(--space-lg);right:var(--space-lg);width:50px;height:50px;border-radius:50%;background:var(--color-accent);color:#000;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;font-size:1.5rem;border:none;cursor:pointer;transition:transform var(--trans-bounce)}.fab:hover{transform:scale(1.1) rotate(90deg)}.badge{padding:4px 8px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-good{background:#00ff8033;color:var(--color-accent)}.badge-bad{background:#ff3c3c33;color:var(--color-danger)}.badge-neutral{background:#80808033;color:var(--text-muted)}