:root{--color-primary:oklch(52% .09 175);--color-primary-dark:oklch(42% .09 175);--color-accent:oklch(72% .13 140);--color-droplet:oklch(66% .15 250);--color-danger:oklch(58% .16 25);--color-background:oklch(97% .01 90);--color-surface:oklch(100% 0 0);--color-border:oklch(90% .01 90);--color-text:oklch(20% .01 260);--color-text-secondary:oklch(46% .01 260);--font-display:ui-rounded, "SF Pro Rounded", "Nunito", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--text-xs:.8rem;--text-sm:.9rem;--text-base:1rem;--text-lg:1.15rem;--text-xl:1.4rem;--text-2xl:clamp(1.8rem, 1.5rem + 1vw, 2.4rem);--text-hero:clamp(2.6rem, 2rem + 2.5vw, 3.6rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--shadow-card:0 1px 2px oklch(20% .01 260/.06), 0 8px 24px oklch(20% .01 260/.08);--shadow-float:0 12px 32px oklch(20% .01 260/.14);--duration-fast:.15s;--duration-normal:.26s;--ease-out-expo:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body{height:100dvh}#root{height:100%}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3{font-family:var(--font-display);margin:0;line-height:1.15}p{margin:0}button{font-family:inherit}img{max-width:100%;display:block}a{color:inherit}::selection{background:var(--color-primary);color:#fff}.sp-button{justify-content:center;align-items:center;gap:var(--space-2);width:100%;min-height:52px;padding:0 var(--space-5);border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-expo), filter var(--duration-fast) ease;border:none;font-weight:600;display:inline-flex}.sp-button:active:not(:disabled){transform:scale(.98)}.sp-button:disabled{opacity:.6;cursor:not-allowed}.sp-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sp-button--primary{background:var(--color-primary);color:#fff}.sp-button--primary:hover:not(:disabled){filter:brightness(1.06)}.sp-button--secondary{background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-border)}.sp-button--secondary:hover:not(:disabled){background:var(--color-background)}.sp-button--danger{background:var(--color-danger);color:#fff}.sp-button--danger:hover:not(:disabled){filter:brightness(1.06)}.sp-button--ghost{color:var(--color-primary);min-height:auto;padding:var(--space-2) var(--space-3);background:0 0;width:auto}.sp-button__spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite sp-spin}@keyframes sp-spin{to{transform:rotate(360deg)}}.welcome{min-height:100%;padding:var(--space-8) var(--space-5) var(--space-6);background:linear-gradient(160deg, var(--color-primary) 0%, var(--color-accent) 55%, var(--color-background) 100%);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.welcome__glow{pointer-events:none;background:radial-gradient(circle at 30% 20%,oklch(100% 0 0/.25),#0000 60%);height:60%;position:absolute;inset:-20% -20% auto}.welcome__hero{text-align:center;align-items:center;gap:var(--space-3);margin-top:var(--space-8);flex-direction:column;display:flex;position:relative}.welcome__logo{filter:drop-shadow(0 8px 20px oklch(0% 0 0/.2));margin-bottom:var(--space-2)}.welcome__title{font-size:var(--text-hero);color:#fff;font-weight:800}.welcome__tagline{font-size:var(--text-lg);color:oklch(100% 0 0/.9);max-width:26ch}.welcome__actions{gap:var(--space-3);flex-direction:column;width:min(420px,100%);margin-inline:auto;display:flex;position:relative}.welcome__error{color:#fff;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);text-align:center;background:oklch(58% .16 25/.85)}.sp-field{gap:var(--space-2);text-align:left;flex-direction:column;display:flex}.sp-field label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.sp-field input{height:50px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease}.sp-field input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px oklch(52% .09 175/.15)}.auth-card-page{align-items:center;gap:var(--space-4);min-height:100%;padding:var(--space-8) var(--space-5) var(--space-6);background:var(--color-background);flex-direction:column;display:flex;position:relative}.auth-card__cancel{top:var(--space-5);left:var(--space-5);color:var(--color-primary);font-size:var(--text-base);cursor:pointer;padding:var(--space-2);background:0 0;border:none;position:absolute}.auth-card__icon{margin-top:var(--space-6)}.auth-card__title{font-size:var(--text-2xl);color:var(--color-text);font-weight:700}.auth-card__subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-3);text-align:center}.auth-card__form{gap:var(--space-4);flex-direction:column;width:min(420px,100%);display:flex}.auth-card__divider{align-items:center;gap:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);display:flex}.auth-card__divider:before,.auth-card__divider:after{content:"";background:var(--color-border);flex:1;height:1px}.auth-card__error{color:var(--color-danger);font-size:var(--text-sm);text-align:center}.auth-card__google{justify-content:center;align-items:center;gap:var(--space-2);display:inline-flex}.onboarding-page{min-height:100%;padding:var(--space-8) var(--space-5) var(--space-6);background:var(--color-background);text-align:center;flex-direction:column;align-items:center;display:flex}.onboarding-page h1{font-size:var(--text-2xl);font-weight:700}.onboarding-page__subtitle{color:var(--color-text-secondary);margin-top:var(--space-2);margin-bottom:var(--space-6)}.role-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(140px,1fr));width:min(560px,100%);display:grid}.role-card{align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-expo), border-color var(--duration-fast) ease;flex-direction:column;display:flex}.role-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.role-card__icon{font-size:2.2rem}.role-card__label{color:var(--color-text);font-weight:700}.role-card__blurb{font-size:var(--text-sm);color:var(--color-text-secondary)}.search-input{width:min(480px,100%);height:52px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-base);margin-bottom:var(--space-4)}.search-input:focus{border-color:var(--color-primary);outline:none}.school-list{gap:var(--space-3);flex-direction:column;width:min(480px,100%);display:flex}.school-row{align-items:flex-start;gap:var(--space-1);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:border-color var(--duration-fast) ease;flex-direction:column;display:flex}.school-row:hover{border-color:var(--color-primary)}.school-row__name{font-weight:600}.school-row__meta{font-size:var(--text-sm);color:var(--color-text-secondary)}.onboarding-empty{color:var(--color-text-secondary);margin-top:var(--space-4)}.onboarding-icon{margin-bottom:var(--space-4);font-size:3.5rem}.onboarding-form{gap:var(--space-4);width:min(420px,100%);margin-top:var(--space-4);flex-direction:column;display:flex}.file-drop{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;color:var(--color-text-secondary);cursor:pointer}.file-drop input{display:none}.onboarding-signout{top:var(--space-5);right:var(--space-5);color:var(--color-danger);cursor:pointer;background:0 0;border:none;font-weight:600;position:absolute}.rides-page{background:var(--color-background);min-height:100%;padding-bottom:var(--space-8)}.rides-header{padding:var(--space-6) var(--space-5) var(--space-4);background:var(--color-background);z-index:1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.rides-header h1{font-size:var(--text-xl);font-weight:700}.rides-header__actions{align-items:center;gap:var(--space-3);display:flex}.rides-fab{background:var(--color-primary);color:#fff;cursor:pointer;width:44px;height:44px;box-shadow:var(--shadow-float);border:none;border-radius:50%;font-size:1.4rem}.rides-list{gap:var(--space-3);padding:0 var(--space-5);flex-direction:column;max-width:640px;margin:0 auto;display:flex}.ride-card{gap:var(--space-2);text-align:left;padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);cursor:pointer;border:none;flex-direction:column;width:100%;display:flex}.ride-card__top{justify-content:space-between;align-items:center;display:flex}.ride-card__time{color:var(--color-primary);font-weight:600;font-size:var(--text-sm)}.ride-card__price{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);color:var(--color-droplet);background:oklch(66% .15 250/.12);font-weight:700}.ride-card__route{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.ride-card__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.ride-card__dot--origin{background:var(--color-accent)}.ride-card__dot--dest{background:var(--color-primary)}.ride-card__meta{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-1);justify-content:space-between;display:flex}.rides-empty{text-align:center;color:var(--color-text-secondary);padding:var(--space-8) var(--space-5)}.ride-detail{max-width:480px;padding:var(--space-6) var(--space-5);margin:0 auto}.ride-detail__back{color:var(--color-primary);cursor:pointer;margin-bottom:var(--space-5);background:0 0;border:none;padding:0;font-weight:600}.ride-detail__card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.ride-detail__row{font-size:var(--text-sm);color:var(--color-text-secondary);justify-content:space-between;display:flex}.ride-detail__row strong{color:var(--color-text)}.phone-backdrop{min-height:100dvh}.phone-backdrop__blurb{display:none}.device{width:100%;height:100dvh}.device__screen{-ms-overflow-style:none;scrollbar-width:none;width:100%;height:100%;overflow:hidden auto}.device__screen::-webkit-scrollbar{display:none}.device__notch{display:none}@media (width>=860px){.phone-backdrop{background:radial-gradient(circle at 24% 30%, oklch(52% .09 175/.16), transparent 55%), radial-gradient(circle at 78% 70%, oklch(72% .13 140/.14), transparent 55%), var(--color-background);justify-content:center;align-items:center;gap:clamp(2.5rem,4vw,5rem);padding:3rem;display:flex}.phone-backdrop__blurb{max-width:300px;display:block}.phone-backdrop__blurb h2{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.phone-backdrop__blurb p{color:var(--color-text-secondary);line-height:1.6}.device{aspect-ratio:393/852;box-sizing:border-box;background:#0b0b0d;border-radius:62px;flex-shrink:0;width:auto;height:min(852px,100dvh - 6rem);padding:14px;position:relative;box-shadow:0 40px 80px oklch(20% .02 260/.3),0 2px 10px oklch(20% .02 260/.2)}.device:before{content:"";background:#0b0b0d;border-radius:2px 0 0 2px;width:3px;height:70px;position:absolute;top:130px;right:-3px}.device__screen{background:var(--color-background);border-radius:48px;position:relative}.device__notch{z-index:30;pointer-events:none;background:#0b0b0d;border-radius:18px;width:100px;height:30px;display:block;position:absolute;top:26px;left:50%;transform:translate(-50%)}}