:root{--hara-white:#FFFFFF;--hara-paper:#FAFAF8;--swiss-black:#000000;--gray-50:#F9F9F9;--gray-100:#F0F0F0;--gray-200:#E5E5E5;--gray-300:#D4D4D4;--gray-400:#A3A3A3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--color-success:#16A34A;--color-error:#DC2626;--color-warning:#D97706;--color-info:#2563EB;--text-xs:0.64rem;--text-sm:0.8rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.563rem;--text-2xl:1.953rem;--text-3xl:2.441rem;--text-4xl:3.052rem;--text-5xl:3.815rem;--font-extralight:200;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--line-tight:1.2;--line-base:1.5;--line-relaxed:1.75;--space-0:0;--space-1:0.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:2.5rem;--space-6:3rem;--space-8:4rem;--space-10:5rem;--space-12:6rem;--space-16:8rem;--space-20:10rem;--grid-columns:12;--grid-gutter:1.5rem;--max-width:1280px;--border-hairline:0.5px;--border-thin:1px;--border-base:2px;--border-thick:4px;--border-radius-none:0;--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.02);--shadow-sm:0 2px 4px -1px rgba(0,0,0,0.04);--shadow-md:0 4px 8px -2px rgba(0,0,0,0.06);--shadow-lg:0 10px 20px -5px rgba(0,0,0,0.08);--shadow-xl:0 20px 40px -10px rgba(0,0,0,0.10);--elevation-paper:0 1px 3px rgba(0,0,0,0.05);--elevation-card:0 4px 12px rgba(0,0,0,0.06);--elevation-dialog:0 20px 50px rgba(0,0,0,0.10);--duration-instant:100ms;--duration-fast:150ms;--duration-base:200ms;--duration-slow:300ms;--duration-slower:500ms;--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-popover:400;--z-tooltip:500}.font-inter{font-family:var(--font-inter),"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-feature-settings:"cv11","ss01";letter-spacing:-.01em}.tabular-nums{font-variant-numeric:tabular-nums;letter-spacing:0}body{font-family:var(--font-inter),"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:var(--font-regular);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--hara-white);color:var(--gray-700)}.font-extralight{font-weight:var(--font-extralight);letter-spacing:.02em}.font-light{font-weight:var(--font-light)}.font-regular{font-weight:var(--font-regular)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.swiss-grid{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);gap:var(--grid-gutter);max-width:var(--max-width);margin:0 auto}.breathing-room{padding:var(--space-12)}.ma-interval{margin-bottom:var(--space-8)}.emptiness{padding:var(--space-16) var(--space-8)}.btn{padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.15em;border:var(--border-base) solid transparent;cursor:pointer;transition:all var(--duration-base) var(--ease-out);background:transparent;position:relative}.btn-primary{border-color:var(--swiss-black);color:var(--hara-white);background:var(--swiss-black)}.btn-primary:hover{background:var(--gray-800);border-color:var(--gray-800);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-secondary{border-color:var(--swiss-black);color:var(--swiss-black);background:var(--hara-white)}.btn-secondary:hover{background:var(--gray-50);transform:translateY(-1px)}.btn-ghost{border-color:transparent;color:var(--gray-600);padding:var(--space-2) var(--space-4)}.btn-ghost:hover{color:var(--swiss-black);background:var(--gray-50)}.paper-float{background:var(--hara-white);box-shadow:var(--elevation-paper);transition:box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.paper-float:hover{box-shadow:var(--elevation-card);transform:translateY(-2px)}.card{background:var(--hara-white);border:var(--border-thin) solid var(--gray-200);transition:all var(--duration-base) var(--ease-out)}.card-selected{border:var(--border-base) solid var(--swiss-black);box-shadow:var(--elevation-card);transform:scale(1.01)}.card:hover:not(.card-selected){border-color:var(--gray-400);box-shadow:var(--shadow-md)}.comparison-card{background:var(--hara-white);border:var(--border-thin) solid var(--gray-300);padding:var(--space-6);box-shadow:var(--elevation-paper)}.comparison-card-winner{border:var(--border-thick) solid var(--swiss-black);box-shadow:var(--elevation-dialog);transform:scale(1.02)}.rank-badge{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.1em}.rank-badge-winner{background:var(--swiss-black);color:var(--hara-white)}.rank-badge-standard{background:var(--hara-white);color:var(--gray-500);border:var(--border-thin) solid var(--gray-300)}.score-display{font-size:var(--text-5xl);font-weight:var(--font-extralight);line-height:var(--line-tight);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.score-label{font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.15em;color:var(--gray-500);margin-top:var(--space-2)}.data-row{display:grid;grid-template-columns:1fr auto;align-items:center;padding:var(--space-3) 0;border-bottom:var(--border-hairline) solid var(--gray-200)}.data-row:last-child{border-bottom:none}.data-label{font-size:var(--text-sm);color:var(--gray-600);text-transform:uppercase;letter-spacing:.08em}.data-value{font-size:var(--text-lg);font-weight:var(--font-medium);font-variant-numeric:tabular-nums;color:var(--swiss-black)}.progress-bar{height:2px;background:var(--gray-200);position:relative;overflow:hidden}.progress-fill{height:100%;background:var(--swiss-black);transition:width var(--duration-slow) var(--ease-out)}.form-field{margin-bottom:var(--space-6)}.form-label{display:block;font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.12em;color:var(--gray-700);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-3);font-size:var(--text-base);border:var(--border-thin) solid var(--gray-300);background:var(--hara-white);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.form-input:focus{outline:none;border-color:var(--swiss-black);box-shadow:0 0 0 1px var(--swiss-black)}.form-input:disabled{background:var(--gray-50);color:var(--gray-500);cursor:not-allowed}.loading-dot{width:4px;height:4px;background:var(--swiss-black);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:skeleton 1.8s ease-in-out infinite}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-in{animation:fadeIn var(--duration-slower) var(--ease-out)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.divider{height:var(--border-hairline);background:var(--gray-200);border:none;margin:var(--space-8) 0}.divider-vertical{width:var(--border-hairline);height:auto;background:var(--gray-200);margin:0 var(--space-4)}@media (max-width:640px){:root{--grid-columns:4;--grid-gutter:1rem;--space-12:4rem;--space-16:5rem}}@media (min-width:641px) and (max-width:1024px){:root{--grid-columns:8}}@media print{*{background:white!important;color:black!important;box-shadow:none!important}.no-print{display:none!important}.comparison-card{border:1pt solid black!important;page-break-inside:avoid}}@media (prefers-color-scheme:dark){:root{--hara-white:#0A0A0A;--hara-paper:#121212;--swiss-black:#FFFFFF;--gray-50:#1A1A1A;--gray-100:#262626;--gray-200:#404040;--gray-300:#525252;--gray-400:#737373;--gray-500:#A3A3A3;--gray-600:#D4D4D4;--gray-700:#E5E5E5;--gray-800:#F0F0F0;--gray-900:#F9F9F9}}