@tailwind base;@tailwind components;@tailwind utilities;:root{--bg: #f6f7fb;--surface: rgba(255, 255, 255, .78);--surface-solid: #ffffff;--border: rgba(15, 23, 42, .12);--border-strong: rgba(15, 23, 42, .22);--text: #0f172a;--muted: rgba(15, 23, 42, .65);--brand: #1d4ed8;--brand-2: #0ea5e9;--success: #16a34a;--warning: #f59e0b;--danger: #ef4444;--orange: #f97316;--radius-xl: 20px;--radius-lg: 14px;--radius-md: 12px;--shadow-sm: 0 6px 16px rgba(15, 23, 42, .08);--shadow-md: 0 12px 28px rgba(15, 23, 42, .12);--shadow-lg: 0 18px 40px rgba(15, 23, 42, .14);--ring: 0 0 0 4px rgba(29, 78, 216, .18);--ring-warn: 0 0 0 4px rgba(245, 158, 11, .18);--ring-danger: 0 0 0 4px rgba(239, 68, 68, .18)}html,body{height:100%}body{background:radial-gradient(900px 500px at 20% -10%,rgba(14,165,233,.18),transparent 60%),radial-gradient(800px 450px at 100% 0%,rgba(29,78,216,.14),transparent 55%),radial-gradient(700px 500px at 40% 110%,rgba(249,115,22,.1),transparent 60%),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#0f172a2e;border-radius:999px;border:3px solid rgba(255,255,255,.6)}::-webkit-scrollbar-track{background:transparent}@keyframes floatIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes softPop{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.fade-in,.animate-fade-in{animation:floatIn .24s ease-out both}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@layer utilities{.bg-brand-primary{background-color:var(--brand)}.text-brand-primary{color:var(--brand)}.bg-brand-light{background-color:var(--bg)}.shadow-retro{box-shadow:var(--shadow-md)}.shadow-retro-sm{box-shadow:var(--shadow-sm)}}.card-retro{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1rem;margin-bottom:1rem;box-shadow:var(--shadow-md);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.card-retro:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.window{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-retro{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.72rem 1rem;border-radius:var(--radius-lg);font-weight:800;text-transform:none;font-size:.95rem;border:1px solid var(--border);background:#ffffffe6;color:var(--text);box-shadow:var(--shadow-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,filter .16s ease}.btn-retro:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-retro:active{transform:translateY(0);box-shadow:var(--shadow-sm);filter:brightness(.98)}.btn-retro:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:linear-gradient(180deg,#1d4ed8f5,#1d4ed8d6);color:#fff;border-color:#1d4ed859}.btn-primary:hover{box-shadow:0 12px 26px #1d4ed838}.btn-secondary{background:#ffffffeb;color:var(--text)}.btn-success{background:linear-gradient(180deg,#f97316fa,#f97316d6);color:#fff;border-color:#f9731659}.btn-danger{background:linear-gradient(180deg,#ef4444fa,#ef4444d6);color:#fff;border-color:#ef444459}.input-retro{width:100%;padding:.78rem .9rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:#ffffffeb;color:var(--text);outline:none;font-size:16px;font-weight:550;margin-bottom:.5rem;box-shadow:inset 0 1px #fffc,0 1px 2px #0f172a0f;transition:box-shadow .16s ease,border-color .16s ease,transform .16s ease,background .16s ease}.input-retro::placeholder{color:#0f172a66;font-weight:500}.input-retro:focus{border-color:#1d4ed88c;box-shadow:var(--ring),inset 0 1px #ffffffe6;background:#fffffffa}input[type=number].input-retro,input[type=time].input-retro{font-variant-numeric:tabular-nums}nav{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.22rem .55rem;border-radius:999px;border:1px solid var(--border);background:#ffffffbf;font-weight:800;font-size:.72rem}.tap-card{transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.tap-card:active{transform:scale(.99)}
