:root{--bg:#eef9fa;--card:#fff;--ink:#10283a;--mute:#5e7585;--line:#cfe8ec;--acc:#0b7f8c;--accink:#fff;--soft:#fff4d1;--sun:#ffc21a;box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--bg:#081a26;--card:#0f2b3d;--ink:#eaf2f6;--mute:#93aebd;--line:#1d4258;--acc:#ffc21a;--accink:#10283a;--soft:#17394c}}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);min-height:100vh}h1,h2,h3{margin:0;line-height:1.15}h2{letter-spacing:-.01em;font-size:20px}label{color:var(--mute);margin-bottom:4px;font-size:13px;display:block}select,input,textarea{width:100%;font:inherit;color:var(--ink);background:var(--card);border:1.5px solid var(--line);border-radius:12px;padding:11px 12px}select:focus,input:focus,textarea:focus,button:focus-visible{outline:3px solid var(--acc);outline-offset:1px}button{font:inherit;cursor:pointer;background:var(--acc);color:var(--accink);border:0;border-radius:14px;padding:11px 16px;font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}button.full{width:100%}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;margin-bottom:12px;padding:16px;box-shadow:0 8px 20px -12px #10283a66}.row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.mute{color:var(--mute);font-size:13px}.price{color:var(--acc);text-align:right;font-size:22px;font-weight:800;line-height:1.1}.chip{background:var(--soft);border-radius:99px;padding:3px 10px;font-size:13px}#root{padding-top:52px}html,body{overflow-x:hidden}@media (width<=480px){.chip{padding:4px 8px;font-size:12px}}.backdrop{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bd-layer{will-change:opacity, transform;position:absolute;inset:-30px 0}.bd-layer svg{width:100%;height:100%;display:block}:root{--glass:#ffffffd6}@media (prefers-color-scheme:dark){:root{--glass:#0f2b3dd6}}.app .card,.app .auth-benefits li{background:var(--glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.app .hero{background:radial-gradient(120% 90% at 85% -10%,#fff6c9f2 0%,#fff6c900 55%),linear-gradient(170deg,#ffd66b 0%,#ffb27a 52%,#ff8e7f 100%);border-radius:0 0 36px 36px;padding:28px 22px 56px;box-shadow:0 18px 30px -22px #c2410c99}.app .hero:after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 34' preserveAspectRatio='none'%3E%3Cpath d='M0 18 Q30 4 60 18 T120 18 T180 18 T240 18 V34 H0Z' fill='%2316b6c4' fill-opacity='.35'/%3E%3Cpath d='M0 26 Q30 14 60 26 T120 26 T180 26 T240 26 V34 H0Z' fill='%2316b6c4' fill-opacity='.55'/%3E%3C/svg%3E") 0 100%/240px 34px repeat-x;height:34px;position:absolute;bottom:0;left:0;right:0}.app .hero .sun{animation:7s ease-in-out infinite alternate sun-glow}@keyframes sun-glow{0%{transform:scale(1)}to{transform:scale(1.07)}}@media (prefers-reduced-motion:reduce){.app .hero .sun{animation:none}}.app .hero>h1.brand>svg{display:none}.app .hero>h1.brand:before{content:"";filter:drop-shadow(0 6px 10px #10283a40);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Crect width='56' height='56' rx='16' fill='%2310283a'/%3E%3Ccircle cx='40' cy='15' r='7' fill='%23ffc21a'/%3E%3Crect x='21' y='14' width='12' height='6' rx='2' fill='%23ffc21a'/%3E%3Cpath d='M10 36c0-2 1-3 3-3l3-7c.7-1.6 2-2.5 3.7-2.5h14.6c1.7 0 3 .9 3.7 2.5l3 7c2 0 3 1 3 3v5H10v-5z' fill='white'/%3E%3Ccircle cx='19' cy='42' r='4.5' fill='%2310283a' stroke='white' stroke-width='2'/%3E%3Ccircle cx='37' cy='42' r='4.5' fill='%2310283a' stroke='white' stroke-width='2'/%3E%3C/svg%3E") 50%/contain no-repeat;flex:none;width:52px;height:52px}.app .hero>p+div{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff8c;border:1px solid #ffffffb3;border-radius:16px;padding:8px 14px;display:inline-block}.app .hero>p+div label{opacity:.75;margin:0;font-size:12px}.auth-hero{padding-bottom:34px}.auth-logo{align-items:center;gap:12px;display:flex}.auth-logo svg{filter:drop-shadow(0 6px 10px #10283a40);flex:none}.auth-title{letter-spacing:-.02em;max-width:17em;margin:18px 0 6px;font-size:26px;font-weight:800;line-height:1.15}.auth-sub{margin:0 0 4px;font-size:15px}.auth-benefits{gap:10px;margin:0 0 16px;padding:0;list-style:none;display:grid}.auth-benefits li{background:var(--card);border:1px solid var(--line);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.auth-benefits .ico{background:var(--soft);border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.auth-benefits b{font-size:15px;display:block}.auth-benefits span.t{color:var(--mute);font-size:13px}.auth-msg{background:var(--soft);border-radius:12px;margin:0 0 12px;padding:10px 12px;font-size:14px}.auth-hint{color:var(--mute);margin:4px 0 0;font-size:12px}.auth-switch{margin-top:10px}.auth-foot{text-align:center;color:var(--mute);margin-top:14px;font-size:12px}.app:has(.auth-hero){flex-direction:column;display:flex}.app:has(.auth-hero) .auth-hero{order:0}.app:has(.auth-hero) .auth-card{order:1}.app:has(.auth-hero) .auth-benefits{order:2;margin:8px 0 0}.app:has(.auth-hero) .auth-foot{order:3}.auth-title{margin:14px 0 4px;font-size:22px}.app .hero.auth-hero{margin-bottom:12px;padding:16px 18px 40px}.auth-logo svg{width:44px;height:44px}.auth-hero .brand{font-size:26px!important}.auth-hero .auth-title{margin:8px 0 0;font-size:15px;font-weight:600;line-height:1.3}.auth-hero .auth-sub{display:none}.app .auth-card{padding:14px}.auth-card h2{margin-bottom:10px}.app{max-width:480px;margin:0 auto;padding:16px 16px 110px}.hero{color:#10283a;background:linear-gradient(170deg,#ffe08a 0%,#ffbe8c 55%,#ff9a8b 100%);border-radius:0 0 30px 30px;margin:-16px -16px 22px;padding:24px 20px 30px;position:relative;overflow:hidden}.hero>*{z-index:1;position:relative}.hero .sun{z-index:0;background:#fff6c9;border-radius:50%;width:140px;height:140px;position:absolute;top:-34px;right:-34px;box-shadow:0 0 0 16px #ffffff47,0 0 0 34px #ffffff24}.hero p{opacity:.85;margin:6px 0 18px}.hero label{color:#10283a;opacity:.8}.hero select{color:#10283a;background:#fff9;border-color:#10283a38;font-weight:600}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:30px;font-weight:800;display:flex}.brand span{color:#c2410c}.ticket{border-left:6px solid #ffc21a;padding-left:14px}.perf{border-top:2px dashed var(--line);margin:14px -16px 0 -8px}.time{letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1}.dest{margin-top:2px;font-size:20px;font-weight:800}.seats{gap:6px;margin:12px 0 4px;display:flex}.seat{border:2px solid var(--line);border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:grid}.seat.on{color:#10283a;background:#ffc21a;border-color:#ffc21a}.ref{background:var(--soft);border-radius:12px;margin-top:10px;padding:9px 12px;font-size:14px}.cmp{background:var(--soft);border-radius:14px;margin-top:10px;padding:12px;font-size:14px}.price.left{text-align:left}.btns{gap:8px;margin-top:12px;display:flex}.btns button{flex:1}.two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field{margin-bottom:12px}.check{align-items:center;gap:8px;margin:10px 0;display:flex}.check input{width:auto}.check label{color:var(--ink);margin:0}.tabs{background:var(--card);border:1px solid var(--line);border-radius:22px;gap:6px;max-width:456px;margin:0 auto;padding:8px;display:flex;position:fixed;bottom:10px;left:12px;right:12px;box-shadow:0 10px 30px -10px #10283a80}.tabs button{color:var(--mute);background:0 0;flex:1;padding:8px 4px;font-size:13px}.tabs button.on{background:var(--acc);color:var(--accink)}.sheet{z-index:5;background:#05141c8c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.panel{background:var(--bg);border-radius:22px 22px 0 0;width:100%;max-width:480px;max-height:92%;padding:18px 16px 24px;overflow:auto}.people{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.chat{flex-direction:column;gap:6px;margin:8px 0;display:flex}.msg{background:var(--card);border:1px solid var(--line);border-radius:12px;max-width:85%;padding:8px 10px}.msg.me{background:var(--soft);align-self:flex-end}.msg small{color:var(--mute);font-size:11px;display:block}.toast{background:var(--ink);color:var(--bg);z-index:9;border-radius:99px;padding:10px 16px;font-size:14px;position:fixed;bottom:84px;left:50%;transform:translate(-50%)}.foot{color:var(--mute);text-align:center;margin-top:18px;font-size:12px}.sheet{z-index:20}.panel{background:var(--bg);color:var(--ink)}.panel .row{gap:12px}.app .eyebrow{color:var(--acc);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.ride-people{align-items:center;gap:10px;margin:14px 0 8px;display:flex}.avatars{display:flex}.avatars .av+.av{margin-left:-8px}.av{color:#0a1424;border:2px solid #0f1b30;border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid}.av-0{background:#d9b45a}.av-1{background:#8fb4e8}.av-2{background:#7fcfc4}.av-3{background:#e8a98f}.av-4{background:#b9c98a}.seatbar{grid-template-columns:repeat(4,1fr);gap:6px;margin:4px 0 6px;display:grid}.seatbar span{background:var(--line);border-radius:99px;height:6px}.seatbar span.on{background:var(--acc)}.person{border:1px solid var(--line);background:var(--soft);border-radius:99px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:13px;display:inline-flex}.joinbar{flex:1;gap:8px;display:flex}.joinbar select{width:auto;padding:9px 10px}.joinbar button{flex:1}.msgrow{align-items:flex-end;gap:8px;display:flex}.msgrow.me{justify-content:flex-end}.msgrow .msg{max-width:78%}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a1424;--card:#101c31;--ink:#eaf0f7;--mute:#8fa3bd;--line:#22324d;--acc:#d9b45a;--accink:#0a1424;--soft:#d9b45a1a;--glass:#101c31cc}body{color:var(--ink);background:radial-gradient(900px 520px at 85% -8%,#d9b45a24,#0000 60%) fixed,radial-gradient(760px 560px at -10% 35%,#4678d229,#0000 60%) fixed,#0a1424}.bd-left,.bd-right{display:none}.app .hero{color:var(--ink);border:1px solid var(--line);background:linear-gradient(160deg,#15233d 0%,#0f1b31 60%,#0b1527 100%);border-top:0;border-radius:0 0 28px 28px;padding:26px 22px 28px;box-shadow:0 24px 40px -28px #000000e6}.app .hero:after{background:linear-gradient(90deg,#0000,#d9b45acc,#0000);height:1px}.app .hero .sun{display:none}.app .hero label{color:var(--mute);opacity:1}.app .brand{letter-spacing:-.01em;font-weight:700}.app .brand span{color:var(--acc)}.app .hero>p+div{color:var(--ink);background:#d9b45a14;border:1px solid #d9b45a4d}.app .hero>h1.brand:before{filter:drop-shadow(0 4px 14px #d9b45a4d);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Crect width='56' height='56' rx='14' fill='%23d9b45a'/%3E%3Ccircle cx='40' cy='15' r='5' fill='%230a1424'/%3E%3Crect x='21' y='14' width='12' height='6' rx='2' fill='%230a1424'/%3E%3Cpath d='M10 36c0-2 1-3 3-3l3-7c.7-1.6 2-2.5 3.7-2.5h14.6c1.7 0 3 .9 3.7 2.5l3 7c2 0 3 1 3 3v5H10v-5z' fill='%230a1424'/%3E%3Ccircle cx='19' cy='42' r='4.5' fill='%230a1424' stroke='%23d9b45a' stroke-width='2'/%3E%3Ccircle cx='37' cy='42' r='4.5' fill='%230a1424' stroke='%23d9b45a' stroke-width='2'/%3E%3C/svg%3E")}.auth-logo svg{filter:drop-shadow(0 4px 14px #d9b45a4d)}.auth-logo svg rect:first-of-type{fill:#d9b45a}.auth-logo svg rect:nth-of-type(2),.auth-logo svg circle:first-of-type,.auth-logo svg path{fill:#0a1424}.auth-logo svg circle:nth-of-type(n+2){fill:#0a1424;stroke:#d9b45a}.app .card,.app .auth-benefits li{border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 30px -22px #000000e6}.app .ticket{border-left:3px solid var(--acc)}.app .seat.on{background:var(--acc);border-color:var(--acc);color:var(--accink)}.app .chip{color:var(--ink);border:1px solid #d9b45a40}.app .auth-benefits .ico{filter:grayscale()brightness(1.3);background:#d9b45a1f;border:1px solid #d9b45a40}select,input,textarea{color:var(--ink);border:1.5px solid var(--line);background:#0c182b;border-radius:10px}input::placeholder,textarea::placeholder{color:#61758f}button{letter-spacing:.01em;border-radius:10px;font-weight:600;transition:filter .15s,transform 50ms}button:hover:not(:disabled){filter:brightness(1.08)}button:active:not(:disabled){transform:translateY(1px)}button.ghost{color:var(--ink);border:1.5px solid var(--line);background:0 0}button.ghost:hover:not(:disabled){border-color:var(--acc)}.app .tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);background:#0a1424eb;border-radius:18px}.app .tabs button.on{background:var(--acc);color:var(--accink)}.app .sheet{background:#030810b8}.app .panel{border-top:1px solid var(--line);background:#0c182b}.app .msg.me{border-color:#d9b45a59}div[style*="position: fixed"]>button{color:var(--ink)!important;border:1.5px solid var(--line)!important;background:#0a1424d9!important}.app .auth-benefits .ico{color:var(--acc);filter:none}
