@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@300;400;500;600&display=swap");:root{--primary:#fc4c02;--primary-hover:#e03f00;--secondary:#4c9aff;--secondary-hover:#3d7acc;--success:#00c853;--success-hover:#00a844;--warning:#ffc107;--warning-hover:#e0a800;--danger:#f44336;--danger-hover:#d32f2f;--ease:180ms cubic-bezier(0.16,1,0.3,1);--ease-bounce:300ms cubic-bezier(0.34,1.56,0.64,1);--font-display:"Barlow Condensed",sans-serif;--font-body:"Inter",sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--z-base:1;--z-above:10;--z-modal:100;--z-toast:200;--z-tooltip:300;--z-max:9999}.dark,:root{--bg:#0d0d0d;--bg-surface:#181818;--bg-surface-2:#222222;--bg-surface-3:#2c2c2c;--bg-elevated:#333333;--bg-overlay:rgba(0,0,0,0.7);--road-pattern:url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='g1' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23fc4c02' stop-opacity='0.06'/%3E%3Cstop offset='50%25' stop-color='%23fc4c02' stop-opacity='0.02'/%3E%3Cstop offset='100%25' stop-color='%23fc4c02' stop-opacity='0.06'/%3E%3C/linearGradient%3E%3ClinearGradient id='g2' x1='100%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23ffffff' stop-opacity='0.03'/%3E%3Cstop offset='50%25' stop-color='%23ffffff' stop-opacity='0.01'/%3E%3Cstop offset='100%25' stop-color='%23ffffff' stop-opacity='0.03'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M60 0 C80 20, 80 40, 60 60 C40 80, 40 100, 60 120' stroke='url(%23g1)' stroke-width='1.5' fill='none'/%3E%3Cpath d='M30 0 C50 20, 50 40, 30 60 C10 80, 10 100, 30 120' stroke='url(%23g2)' stroke-width='0.8' fill='none'/%3E%3Cpath d='M90 0 C110 20, 110 40, 90 60 C70 80, 70 100, 90 120' stroke='url(%23g2)' stroke-width='0.8' fill='none'/%3E%3Cpath d='M0 60 C20 40, 40 40, 60 60 C80 80, 100 80, 120 60' stroke='url(%23g1)' stroke-width='1' fill='none' stroke-dasharray='4 8'/%3E%3Ccircle cx='60' cy='60' r='2' fill='%23fc4c02' fill-opacity='0.1'/%3E%3C/svg%3E");--text:#f0f0f0;--text-secondary:#aaaaaa;--text-muted:#888888;--text-faint:#444444;--text-disabled:#555555;--border:rgba(255,255,255,0.07);--border-2:rgba(255,255,255,0.14);--border-focus:rgba(255,255,255,0.25);--shadow-sm:0 2px 4px rgba(0,0,0,0.3);--shadow-md:0 4px 8px rgba(0,0,0,0.4);--shadow-lg:0 8px 16px rgba(0,0,0,0.5);--state-hover:rgba(255,255,255,0.05);--state-active:rgba(255,255,255,0.1);--state-focus:rgba(255,255,255,0.15)}.light{--bg:#ffffff;--bg-surface:#f8f8f8;--bg-surface-2:#f0f0f0;--bg-surface-3:#e8e8e8;--bg-elevated:#ffffff;--bg-overlay:rgba(255,255,255,0.8);--road-pattern:url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='g1' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23fc4c02' stop-opacity='0.08'/%3E%3Cstop offset='50%25' stop-color='%23fc4c02' stop-opacity='0.03'/%3E%3Cstop offset='100%25' stop-color='%23fc4c02' stop-opacity='0.08'/%3E%3C/linearGradient%3E%3ClinearGradient id='g2' x1='100%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23000000' stop-opacity='0.04'/%3E%3Cstop offset='50%25' stop-color='%23000000' stop-opacity='0.02'/%3E%3Cstop offset='100%25' stop-color='%23000000' stop-opacity='0.04'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M60 0 C80 20, 80 40, 60 60 C40 80, 40 100, 60 120' stroke='url(%23g1)' stroke-width='1.5' fill='none'/%3E%3Cpath d='M30 0 C50 20, 50 40, 30 60 C10 80, 10 100, 30 120' stroke='url(%23g2)' stroke-width='0.8' fill='none'/%3E%3Cpath d='M90 0 C110 20, 110 40, 90 60 C70 80, 70 100, 90 120' stroke='url(%23g2)' stroke-width='0.8' fill='none'/%3E%3Cpath d='M0 60 C20 40, 40 40, 60 60 C80 80, 100 80, 120 60' stroke='url(%23g1)' stroke-width='1' fill='none' stroke-dasharray='4 8'/%3E%3Ccircle cx='60' cy='60' r='2' fill='%23fc4c02' fill-opacity='0.15'/%3E%3C/svg%3E");--text:#111111;--text-secondary:#444444;--text-muted:#666666;--text-faint:#999999;--text-disabled:#aaaaaa;--border:rgba(0,0,0,0.1);--border-2:rgba(0,0,0,0.15);--border-focus:rgba(0,0,0,0.25);--shadow-sm:0 2px 4px rgba(0,0,0,0.05);--shadow-md:0 4px 8px rgba(0,0,0,0.1);--shadow-lg:0 8px 16px rgba(0,0,0,0.15);--state-hover:rgba(0,0,0,0.03);--state-active:rgba(0,0,0,0.05);--state-focus:rgba(0,0,0,0.08)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100dvh;transition:background-color var(--ease),color var(--ease);background-image:var(--road-pattern);background-repeat:repeat}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0,transparent 49.5%,var(--border) 49.5%,var(--border) 50.5%,transparent 50.5%,transparent 100%),linear-gradient(45deg,transparent 0,transparent 49.5%,var(--border) 49.5%,var(--border) 50.5%,transparent 50.5%,transparent 100%);background-size:80px 80px;opacity:.3;pointer-events:none;z-index:0}main,nav{position:relative;z-index:1}.text-primary{color:var(--primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.bg-surface{background-color:var(--bg-surface)}.bg-surface-2{background-color:var(--bg-surface-2)}.bg-surface-3{background-color:var(--bg-surface-3)}.bg-elevated{background-color:var(--bg-elevated)}.border{border:1px solid var(--border)}.border-2{border:1px solid var(--border-2)}.border-focus{border:1px solid var(--border-focus)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.radius-sm{border-radius:var(--radius-sm)}.radius-md{border-radius:var(--radius-md)}.radius-lg{border-radius:var(--radius-lg)}.radius-xl{border-radius:var(--radius-xl)}.radius-pill{border-radius:var(--radius-pill)}.theme-transition{transition:background-color var(--ease),color var(--ease),border-color var(--ease),box-shadow var(--ease)}