@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg: #f7f6f2;--ink: #151515;--lime: #b8f34a;--purple: #7c5cff;--coral: #ff6b5e;--yellow: #ffd84d;--blue: #4da3ff;--border: #151515;--muted: #6b6b6b}*{box-sizing:border-box;min-width:0}html,body{overflow-x:hidden}html,body,#root{height:100%}@supports (height: 100dvh){html,body,#root{height:100dvh}}#root{display:flex;flex-direction:column}.app-main{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,.display{font-family:Space Grotesk,Inter,sans-serif;letter-spacing:-.02em}button,input{font-family:inherit}.screen{max-width:480px;width:100%;margin:0 auto;padding:20px 20px 32px;flex:1 1 auto}.eyebrow{display:inline-flex;align-items:center;gap:6px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border:2px solid var(--border);border-radius:999px;background:#fff}.badge{display:inline-flex;align-items:center;gap:6px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:12px;padding:6px 12px;border-radius:8px;border:2px solid var(--border);box-shadow:3px 3px 0 var(--border);transform:rotate(-1deg)}.badge.live{background:var(--lime)}.badge.busy{background:var(--coral);color:#fff}.badge.new{background:var(--yellow)}.badge .dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.site-header{border-bottom:2px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:10}.header-inner{max-width:480px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 20px}.logo{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:20px;text-decoration:none;color:var(--ink)}.logo-live{color:var(--purple)}.nav{display:flex;align-items:center;gap:14px;font-weight:600}.nav a:not(.btn){text-decoration:none;color:var(--ink);font-size:14px}.nav a:not(.btn):hover{text-decoration:underline}.nav .btn{padding:8px 14px;font-size:13px}.site-footer{margin-top:40px;border-top:2px solid var(--border);background:#fff}.footer-inner{max-width:480px;margin:0 auto;padding:28px 20px 32px;text-align:center}.footer-inner .badge{margin-bottom:12px}.tagline{font-weight:600;margin:0 0 14px}.footer-links{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:13px;text-transform:uppercase}.footer-links a{color:var(--purple);text-decoration:none}.footer-links .sep{color:var(--muted)}.copy{font-size:12px;color:var(--muted);margin:0}.card{background:#fff;border:2px solid var(--border);border-radius:16px;box-shadow:5px 5px 0 var(--border);padding:20px}.card.tilt-l{transform:rotate(-.5deg)}.card.tilt-r{transform:rotate(.5deg)}.bubble{position:relative;background:#fff;border:2px solid var(--border);border-radius:14px;padding:12px 16px;font-weight:500}.bubble:after{content:"";position:absolute;left:24px;bottom:-10px;width:16px;height:16px;background:#fff;border-left:2px solid var(--border);border-bottom:2px solid var(--border);transform:rotate(-45deg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:15px;padding:14px 20px;border-radius:12px;border:2px solid var(--border);cursor:pointer;background:#fff;color:var(--ink);transition:transform .15s ease,box-shadow .15s ease;box-shadow:4px 4px 0 var(--border)}.btn:hover{transform:translate(-2px,-2px) rotate(-.5deg);box-shadow:6px 6px 0 var(--border)}.btn:active{transform:translate(0);box-shadow:2px 2px 0 var(--border)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--lime)}.btn-accent-purple{background:var(--purple);color:#fff}.btn-accent-coral{background:var(--coral);color:#fff}.btn-ghost{background:transparent;box-shadow:none;border-color:transparent}.btn-ghost:hover{box-shadow:none;transform:none;text-decoration:underline}.input{width:100%;padding:14px 16px;font-size:16px;font-weight:600;border-radius:10px;border:2px solid var(--border);background:#fff;text-transform:uppercase}.input:focus{outline:none;box-shadow:3px 3px 0 var(--purple)}.mode-toggle{display:flex;gap:8px;margin-bottom:16px}.mode-toggle .btn{flex:1 1 0;min-width:0}.plate-form{display:flex;gap:8px}.plate-form .input{flex:1 1 auto}.plate-form .btn{flex:0 0 auto;white-space:nowrap}@media (max-width: 420px){.plate-form{flex-direction:column}.plate-form .btn{width:100%}}.burst{font-size:22px;display:inline-block;transform:rotate(-8deg)}.lede{color:var(--muted);font-weight:500;font-size:16px;margin:0 0 24px}.reasons-grid{display:flex;flex-wrap:wrap;gap:10px}.reason-pill{display:inline-flex;align-items:center;gap:6px;background:#fff;border:2px solid var(--border);border-radius:999px;box-shadow:3px 3px 0 var(--border);padding:10px 16px;font-weight:600;font-size:14px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.reason-pill:hover{box-shadow:5px 5px 0 var(--border);transform:translateY(-2px)}.reason-pill:disabled{opacity:.5;cursor:not-allowed;transform:none}.empty-state{text-align:center;padding:32px 12px}.empty-state .empty-emoji{font-size:40px;display:block;margin-bottom:12px}@media (max-width: 380px){.screen{padding:16px 16px 28px}.header-inner,.footer-inner{padding-left:16px;padding-right:16px}.nav{gap:10px}.nav a:not(.btn){font-size:13px}.btn{padding:12px 16px;font-size:14px}.reasons-grid{flex-direction:column;align-items:stretch}.reason-pill{text-align:center;white-space:normal}}