:root{--bg:#f7f2e7;--panel:#fffaf1;--deep:#0b3740;--sea:#0f5d63;--lagoon:#1fb7b2;--sand:#f4d48a;--wood:#8f633d;--wood-dark:#68452c;--line:#0b37401f;--muted:#4f6367;--text:#16363d;--white:#fff;--shadow:0 18px 44px #0823281f;--radius:24px;--navh:86px}*{box-sizing:border-box}html,body{color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(circle at 20% -10%,#31d2c94d,#0000 38%),radial-gradient(circle at 90% 20%,#ffd26447,#0000 34%),linear-gradient(160deg,#042d34 0%,#0a5660 50%,#b88645 100%);margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.52;overflow-x:hidden}body{min-height:100svh}button,input,select,textarea{font:inherit}button{cursor:pointer;background:0 0;border:0}.app{background:radial-gradient(circle at 85% 6%,#ffe29380,#0000 22%),linear-gradient(#fff7e8 0%,#f7e7c4 42%,#eacb8c 100%);width:100%;max-width:430px;min-height:100svh;margin:0 auto;position:relative;overflow-x:hidden;box-shadow:0 0 0 1px #ffffff85}.top{justify-content:space-between;align-items:center;gap:8px;padding:16px 14px 8px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.mark{background:radial-gradient(circle at 50% 16%,#ffffff7a,#0000 18%),linear-gradient(160deg,#f8c76b 0%,#d88b55 42%,#0b6371 43%,#0c9292 100%);border-radius:18px 18px 20px 20px;flex:none;width:44px;height:44px;position:relative;transform:rotate(-8deg);box-shadow:inset 0 0 0 2px #ffffff85,0 12px 24px #06394138}.mark:before{content:"";border:2px solid #ffffffbf;border-radius:100px;position:absolute;inset:7px 14px;box-shadow:7px 0 #ffffff47,-7px 0 #fff3}.mark:after{content:"TS";color:#fff;letter-spacing:.08em;text-shadow:0 2px 8px #00000040;place-items:center;font-size:12px;font-weight:1000;display:grid;position:absolute;inset:0;transform:rotate(8deg)}.wordmark{min-width:0}.wordmark strong{letter-spacing:.08em;color:#07333a;white-space:nowrap;font-size:15px;font-weight:1000;display:block}.wordmark span{color:#6c4b2f;letter-spacing:.02em;white-space:nowrap;font-size:10px;font-weight:800;display:block}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;display:flex}.lang-switch{background:#fffc;border:1px solid #0b37401a;border-radius:999px;padding:3px;display:inline-flex;box-shadow:0 8px 18px #08232814}.lang-switch button{min-width:30px;height:30px;color:var(--sea);border-radius:999px;padding:0 7px;font-size:11px;font-weight:950}.lang-switch button.active{background:var(--deep);color:#fff}.admin-pill,.rider-pill{min-height:38px;color:var(--deep);background:#ffffffc7;border:1px solid #0b374017;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:11px;font-weight:900;display:flex;box-shadow:0 10px 22px #08232814}.rider-pill .mini-avatar{color:#0b3740;background:linear-gradient(#ffe6a3,#20cfc6);border-radius:11px;place-items:center;width:26px;height:26px;font-size:12px;font-weight:950;display:grid}main{padding:0 14px calc(var(--navh) + env(safe-area-inset-bottom) + 22px)}.screen{animation:.22s ease-out rise;display:none}.screen.active{display:block}@keyframes rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.tribal{opacity:.14;pointer-events:none;background:radial-gradient(circle at 10% 70%,#ffffffa6 0 2px,#0000 3px),linear-gradient(135deg,#0000 45%,#ffffff8c 46% 48%,#0000 49%) 0 0/52px 52px,linear-gradient(225deg,#0000 45%,#fff6 46% 48%,#0000 49%) 0 0/52px 52px;position:absolute;inset:0;-webkit-mask:linear-gradient(90deg,#000 0 56%,#0000 76%);mask:linear-gradient(90deg,#000 0 56%,#0000 76%)}.btn{letter-spacing:-.01em;border-radius:18px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 16px;font-size:15px;font-weight:800;display:inline-flex;box-shadow:0 10px 18px #0b374014}.btn.primary{color:#4d3419;background:linear-gradient(#ffe6a3,#f4d48a)}.btn.dark{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border:1px solid #ffffff2e}.btn.sea{color:#fff;background:linear-gradient(#179ca0,#0f5c63)}.btn.ghost{color:var(--sea);background:#fff;border:1px solid #0b37401f}.hero,.skill-hero,.ride-hero,.screen-hero,.rider-hero,.admin-hero{color:#fff;box-shadow:var(--shadow);background:linear-gradient(#082e362e,#082e36cc),radial-gradient(circle at 18% 12%,#ffe2a3f2,#0000 28%),linear-gradient(145deg,#22c9c2 0%,#0e7b83 44%,#083840 100%);border-radius:30px;margin:0 0 14px;padding:20px 18px;position:relative;overflow:hidden}.hero h1,.skill-hero h2,.ride-hero h2,.screen-hero h2,.rider-hero h2,.admin-hero h2{z-index:1;letter-spacing:-.05em;margin:0 0 8px;font-size:30px;line-height:1.04;position:relative}.hero h1{font-size:36px}.hero h1 em{color:#ffe6a3;font-style:normal;display:block}.hero p,.skill-hero p,.ride-hero p,.screen-hero p,.rider-hero p,.admin-hero p{z-index:1;color:#ffffffe6;margin:0;font-size:15px;font-weight:650;line-height:1.52;position:relative}.eyebrow{z-index:1;margin-bottom:12px;font-size:12px;font-weight:900;display:inline-block;position:relative}.hero-actions{z-index:1;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid;position:relative}.quick{grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0;display:grid}.quick-card{box-shadow:var(--shadow);background:#ffffffd1;border:1px solid #0b374014;border-radius:20px;padding:14px 12px}.quick-card b{margin-bottom:6px;font-size:18px;line-height:1.1;display:block}.quick-card span{color:var(--muted);font-size:12px;line-height:1.35;display:block}.section-title{justify-content:space-between;align-items:end;gap:12px;margin:20px 2px 10px;display:flex}.section-title h2{letter-spacing:-.04em;margin:0;font-size:24px}.section-title small{color:var(--muted);font-size:13px;font-weight:700}.tile-grid{gap:12px;display:grid}.action-tile{text-align:left;width:100%;box-shadow:var(--shadow);background:linear-gradient(#fffdf8,#fff5df);border:1px solid #0b37401a;border-radius:24px;align-items:flex-start;gap:14px;padding:16px 16px 16px 14px;display:flex}.action-icon{background:linear-gradient(#fff,#f7f2e7);border-radius:18px;flex:none;place-items:center;width:56px;height:56px;display:grid;box-shadow:inset 0 0 0 1px #0b37401a,0 10px 18px #082c311a}.action-icon svg{width:32px;height:32px}.action-copy b{margin:2px 0 6px;font-size:18px;display:block}.action-copy span{color:var(--muted);font-size:14px;line-height:1.45;display:block}.chev{color:var(--sea);align-self:center;margin-left:auto;font-size:20px;font-weight:900}.pool,.dark-card{color:#fff;box-shadow:var(--shadow);background:linear-gradient(#0f4f57,#0a3840);border:1px solid #ffffff14;border-radius:26px;margin:16px 0;padding:18px}.pill{background:#ffffff1f;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800;display:inline-block}.pool h3{margin:10px 0 6px;font-size:21px}.pool p{color:#ffffffe0;margin:0;font-size:15px}.pool-stats{grid-template-columns:1fr auto;align-items:center;gap:10px;margin:16px 0 8px;display:grid}.seat-big{background:#ffffff1f;border-radius:16px;padding:10px 12px;font-size:24px;font-weight:900}.seat-big small{color:#ffffffc7;font-size:11px;display:block}.bar{background:#ffffff29;border-radius:999px;height:10px;overflow:hidden}.fill{background:linear-gradient(90deg,#ffe6a3,#49e2db);height:100%}.helper{color:#ffffffc2;margin-top:8px;font-size:12px;line-height:1.45}.card,.ride-form-card,.ride-no-card,.empty-account,.wave-plan,.admin-note,.mini-note,.ride-rule{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;margin:14px 0;padding:17px}.card h3,.ride-form-card h3,.ride-no-card h3,.empty-account h3,.wave-plan h3{margin:0 0 8px}.card p,.ride-form-card p,.ride-no-card p,.empty-account p,.wave-plan p{color:var(--muted);margin:0}.dark-card p{color:#ffffffd6}.field{gap:8px;margin-bottom:14px;display:grid}label{color:var(--sea);font-size:13px;font-weight:800}input,select,textarea{width:100%;min-height:50px;color:var(--text);background:#fff;border:1px solid #0b37401f;border-radius:18px;padding:13px 14px;font-size:16px}textarea{min-height:104px}.inline{grid-template-columns:1fr 1fr;gap:12px;display:grid}.choice-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.choice{border:1px solid var(--line);min-height:44px;color:var(--sea);background:#fff;border-radius:15px;padding:8px;font-size:13px;font-weight:800}.choice.active{background:var(--deep);color:#fff}.range-row{grid-template-columns:1fr auto;gap:8px;margin:14px 0;display:grid}.range-row input{grid-column:1/-1;min-height:auto;padding:0}.range-row output{font-weight:900}.skill-result{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#fff8e9,#fff);border-radius:26px;padding:18px}.skill-result h3{margin:5px 0;font-size:22px}.skill-result p{color:var(--muted)}.result-label{color:var(--sea);text-transform:uppercase;font-size:12px;font-weight:950}.board-line,.tagrow{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.board-pill,.tag{color:var(--sea);background:#1fb7b21a;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.safety-note{color:var(--muted);background:#ffffffb8;border-radius:18px;margin:14px 0;padding:14px;font-size:12px}.ride-mode-grid{gap:10px;display:grid}.ride-mode{text-align:left;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:20px;gap:12px;padding:14px;display:flex}.ride-mode.primary{background:linear-gradient(#fff7de,#fff)}.ride-mode-icon{background:#effbf9;border-radius:14px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.ride-mode strong{font-size:15px;display:block}.ride-mode span{color:var(--muted);margin-top:3px;font-size:12px;display:block}.ride-rule{color:var(--muted);font-size:12px}.ride-card-v11{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:24px;margin:12px 0;padding:16px}.ride-card-v11.priority{background:linear-gradient(#fff8df,#fff)}.ride-card-head{justify-content:space-between;gap:10px;display:flex}.ride-card-head h3{margin:0 0 5px;font-size:18px}.ride-card-head p{color:var(--muted);margin:0;font-size:12px}.seat-meter{text-align:center;background:var(--deep);color:#fff;border-radius:16px;min-width:70px;padding:8px;font-weight:900}.seat-meter small{font-size:9px;display:block}.ride-progress{background:#e7efec;border-radius:99px;height:8px;margin:12px 0;overflow:hidden}.ride-progress i{background:linear-gradient(90deg,#1fb7b2,#f4d48a);height:100%;display:block}.seat-copy{color:var(--muted);grid-template-columns:1fr 1fr;gap:8px;font-size:11px;display:grid}.seat-copy b{color:var(--deep);font-size:12px;display:block}.ride-cta-stack{gap:8px;margin-top:12px;display:grid}.ride-cta-stack.two{grid-template-columns:1fr 1fr}.ride-form-grid{margin-top:12px}.price-tabs{gap:7px;padding-bottom:4px;display:flex;overflow:auto}.price-tabs button{white-space:nowrap;color:var(--sea);background:#ffffffbf;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.price-tabs button.active{background:var(--deep);color:#fff}.price-list{gap:10px;margin-top:12px;display:grid}.price-card{text-align:left;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:20px;grid-template-columns:1fr auto;padding:15px;display:grid}.price-card h3{margin:0 0 5px;font-size:17px}.price-card p{color:var(--muted);margin:0;font-size:12px}.price-value{color:var(--deep);font-size:20px;font-weight:950}.select-line{color:var(--sea);grid-column:1/-1;margin-top:9px;font-size:11px;font-weight:850}.rider-name{z-index:1;align-items:center;gap:10px;margin-top:16px;display:flex;position:relative}.avatar{width:46px;height:46px;color:var(--deep);background:#fff;border-radius:17px;place-items:center;font-weight:950;display:grid}.rider-name b,.rider-name span{display:block}.rider-name span{color:#fffc;font-size:11px}.profile-grid,.admin-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.profile-stat,.admin-stat{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:13px}.profile-stat small,.admin-stat small{color:var(--muted);font-size:10px;font-weight:800;display:block}.profile-stat b,.admin-stat b{font-size:18px}.rider-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.wave-plan-head{justify-content:space-between;gap:8px;display:flex}.status-badge{background:#fff1bd;border-radius:999px;height:max-content;padding:7px 9px;font-size:9px;font-weight:900}.plan-row{border-top:1px solid var(--line);gap:10px;padding:11px 0;display:flex}.plan-icon{background:#eef9f7;border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.plan-row strong,.plan-row span{display:block}.plan-row strong{font-size:11px}.plan-row span{color:var(--muted);font-size:12px}.mini-note,.admin-note{color:var(--muted);font-size:11px}.admin-grid{grid-template-columns:1fr 1fr}.admin-board{gap:10px;display:grid}.lead-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:21px;padding:14px}.lead-card.hot{border-color:#f2b75f}.lead-top{justify-content:space-between;gap:8px;display:flex}.lead-top h3{margin:0;font-size:16px}.lead-top p{color:var(--muted);margin:2px 0 0;font-size:10px}.priority{text-align:center;background:#e8f7f5;border-radius:12px;padding:7px;font-size:10px;font-weight:900}.priority.warn{background:#fff0d5}.smart-note{color:var(--muted);background:#f7f7f2;border-radius:13px;padding:10px;font-size:11px}.admin-actions{gap:6px;margin-top:10px;display:grid}.admin-actions.three{grid-template-columns:repeat(3,1fr)}.mini-btn{min-height:34px;color:var(--sea);background:#eff5f3;border-radius:12px;font-size:10px;font-weight:900}.mini-btn.primary{background:var(--deep);color:#fff}.mini-btn.wood{color:#fff;background:#8f633d}.ops-row{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px 0;display:grid}.ops-row:first-child{border-top:0}.ops-icon{background:#edf7f5;border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.ops-row strong,.ops-row span{display:block}.ops-row strong{font-size:12px}.ops-row span{color:var(--muted);font-size:10px}.ops-badge{background:var(--deep);color:#fff;border-radius:12px;padding:7px;font-size:11px;font-weight:900}.bottom-nav{width:min(430px,100%);padding:8px 10px calc(8px + env(safe-area-inset-bottom));z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#f7e7c440,#f7e7c4f0 30%);position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-inner{border:1px solid var(--line);background:#ffffffe6;border-radius:24px;grid-template-columns:repeat(4,1fr);gap:5px;padding:5px;display:grid;box-shadow:0 14px 30px #08232829}.nav-btn{min-height:58px;color:var(--muted);border-radius:18px;align-content:center;place-items:center;gap:1px;font-size:9px;font-weight:900;display:grid}.nav-btn.active{color:var(--deep);background:#e9f6f3}.iconbox{width:26px;height:26px}.iconbox svg{width:100%;height:100%}.toast{opacity:0;pointer-events:none;color:#fff;z-index:40;background:#083840;border-radius:999px;padding:10px 14px;font-size:11px;font-weight:800;transition:all .2s;position:fixed;bottom:98px;left:50%;transform:translate(-50%,12px)}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width:380px){.wordmark span,.admin-pill span:last-child,.rider-pill span:last-child{display:none}.top{padding-left:10px;padding-right:10px}.inline{grid-template-columns:1fr}.hero h1{font-size:32px}}