:root{--app-bg:#f5f7fb;--app-surface:#fff;--app-surface-soft:#f8fafc;--app-border:#dbe1ea;--app-text:#111827;--app-muted:#64748b;--app-accent:#f5c242;--app-accent-text:#111827;--app-header:#f5c242;--app-danger-bg:#fee2e2;--app-danger-text:#991b1b;--app-shadow:0 4px 14px #0000000a}html[data-theme=dark]{--app-bg:#0f172a;--app-surface:#162033;--app-surface-soft:#1b2638;--app-border:#2b364b;--app-text:#f8fafc;--app-muted:#9fb0c8;--app-accent:#f5c242;--app-accent-text:#111827;--app-header:#162033;--app-danger-bg:#47212c;--app-danger-text:#fecaca;--app-shadow:0 8px 20px #00000047}html,body{background:var(--app-bg);color:var(--app-text);min-height:100%;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}body{min-height:100vh;transition:background-color .2s,color .2s}.page,.page-center{background:var(--app-bg);min-height:100vh;color:var(--app-text);padding:16px 16px 98px}.page-center{justify-content:center;align-items:center;display:flex}.container{width:100%;max-width:460px;margin:0 auto}.stack{flex-direction:column;gap:12px;display:flex}.grid-2,.info-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.card,.info-card,.menu-card,.list-item{background:var(--app-surface);border:1px solid var(--app-border);box-shadow:var(--app-shadow);border-radius:24px;padding:18px}.menu-card-title,.card-title{margin-bottom:6px;font-size:17px;font-weight:700}.menu-card-text,.muted,.info-label,.section-subtitle,.subtitle,.map-note,.chat-time,.map-subtitle{color:var(--app-muted)}.menu-card-row,.list-row,.page-top-row,.actions-row,.page-header-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.menu-card-copy{min-width:0}.title,.section-title{word-break:break-word;margin:0;font-size:30px;font-weight:700;line-height:1.2}.subtitle,.section-subtitle{margin:8px 0 0;font-size:14px;line-height:1.45}.page-header{margin-bottom:4px}.back-link{border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text);border-radius:18px;align-items:center;gap:8px;width:fit-content;margin-bottom:12px;padding:11px 14px;font-size:16px;font-weight:700;display:inline-flex}.section-highlight,.notice{background:#f5c2421f;border:1px solid #f5c24273;border-radius:18px;padding:14px;font-size:14px}.field-label{color:var(--app-muted);margin-bottom:6px;font-size:13px;display:block}.field,textarea.field,select.field{border:1px solid var(--app-border);background:var(--app-surface);width:100%;color:var(--app-text);border-radius:16px;outline:none;padding:13px 14px}.field::placeholder,textarea.field::placeholder{color:var(--app-muted)}textarea.field{resize:vertical;min-height:92px}.language-switcher.compact,.language-field{min-width:120px}.button-main,.button-secondary,.button-danger{cursor:pointer;text-align:center;border:none;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-size:15px;font-weight:700;line-height:1.25;display:inline-flex}.button-main{background:var(--app-accent);color:var(--app-accent-text)}.button-secondary{background:var(--app-surface);color:var(--app-text);border:1px solid var(--app-border)}.button-danger{background:var(--app-danger-bg);color:var(--app-danger-text);border:1px solid #ffffff0f}.full{width:100%}.info-block{background:var(--app-surface-soft);border:1px solid var(--app-border);border-radius:18px;padding:14px}.info-value{word-break:break-word;font-size:17px;font-weight:700}.pill{color:var(--app-text);background:#f5c2422e;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.pill.small{padding:5px 10px}.pill.role-driver{background:#22c55e2e}.pill.role-passenger{background:#a855f72e}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tab-button{border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text);cursor:pointer;border-radius:999px;padding:10px 14px;font-size:14px}.tab-button.active{background:var(--app-accent);color:var(--app-accent-text);border-color:var(--app-accent)}.bottom-nav-wrap{background:color-mix(in srgb, var(--app-surface) 86%, transparent);border-top:1px solid var(--app-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px;position:fixed;bottom:0;left:0;right:0}.bottom-nav{grid-template-columns:repeat(5,1fr);gap:8px;max-width:460px;margin:0 auto;display:grid}.bottom-link{text-align:center;border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text);border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:11px 8px;font-size:11px;font-weight:700;line-height:1.15;display:flex}.bottom-link.active{background:var(--app-accent);color:var(--app-accent-text);border-color:var(--app-accent)}.bottom-icon{font-size:16px}.map-box{border:1px solid var(--app-border);background:linear-gradient(180deg, color-mix(in srgb, var(--app-accent) 12%, var(--app-surface)) 0%, var(--app-surface) 100%);border-radius:24px;padding:18px}.map-box-header{margin-bottom:8px;font-weight:700}.map-subtitle{margin-bottom:10px;font-size:13px}.map-road{align-items:center;gap:10px;margin-bottom:10px;display:flex}.map-pin{background:var(--app-text);width:38px;height:38px;color:var(--app-surface);border-radius:999px;justify-content:center;align-items:center;font-weight:700;display:flex}.map-line{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--app-accent) 55%, #fff) 0 20px, color-mix(in srgb, var(--app-accent) 20%, var(--app-surface)) 20px 32px);border-radius:999px;flex:1;height:4px}.chat-box{flex-direction:column;gap:8px;max-height:280px;display:flex;overflow:auto}.chat-message{background:var(--app-surface-soft);max-width:85%;color:var(--app-text);border:1px solid var(--app-border);border-radius:16px;align-self:flex-start;padding:12px 14px}.chat-message.mine{background:color-mix(in srgb, var(--app-accent) 18%, var(--app-surface));align-self:flex-end}.entry-highlight{outline:2px solid color-mix(in srgb, var(--app-accent) 70%, transparent);outline-offset:2px}@media (max-width:420px){.grid-2,.info-grid{grid-template-columns:1fr}}html[dir=rtl] body{direction:rtl}
