:root{font-family:Noto Sans Thai,Segoe UI,sans-serif;color:#fff;background:#0b0b0b;--bg: #0b0b0b;--surface: #151515;--surface-2: #1d1d1d;--border: #292929;--red: #e10600;--red-soft: #ff2d26;--green: #1fbf75;--yellow: #f4b942;--text: #ffffff;--muted: #979797;--radius: 18px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button,input{font:inherit}.app{min-height:100vh;max-width:480px;margin:0 auto;background:var(--bg);padding-bottom:90px}.header{padding:22px 18px 10px;font-size:24px;font-weight:800}.content{padding:12px 16px 28px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px}.card h3{margin:0 0 8px}.muted{color:var(--muted)}.red{color:var(--red-soft)}.green{color:var(--green)}.primary{width:100%;border:0;border-radius:14px;padding:14px 16px;background:var(--red);color:#fff;font-weight:700;cursor:pointer}.nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(480px,100%);background:#0c0c0cf5;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(5,1fr);padding:8px 4px calc(8px + env(safe-area-inset-bottom));z-index:99}.nav a{color:#888;text-decoration:none;text-align:center;font-size:11px;padding:6px 2px}.nav a.active{color:var(--red-soft)}.navIcon{display:block;font-size:20px;margin-bottom:3px}.routeList{display:grid;gap:10px}.routeButton{display:block;text-decoration:none;background:var(--surface);border:1px solid var(--border);color:#fff;border-radius:14px;padding:15px}.badge{display:inline-flex;padding:5px 10px;border-radius:999px;background:#e1060026;color:#ff514a;font-size:12px}