:root{--bg:#f6f9fc;--surface:#ffffff;--fg:#102436;--muted:#5d7285;--accent:#0a6fd0;--accent-2:#37a6f5;--accent-soft:#e3f1fd;--border:#e1e9f1;--err:#c62838;--ok:#0e8a5f;--shadow:0 2px 12px rgba(16,60,100,0.08)}@media (prefers-color-scheme:dark){:root{--bg:#0b1218;--surface:#121c26;--fg:#e8eff5;--muted:#8ba1b3;--accent:#4aa8f0;--accent-2:#7cc4f8;--accent-soft:#10314d;--border:#21313f;--err:#ff6b7a;--ok:#45d09a;--shadow:0 2px 12px rgba(0,0,0,0.35);color-scheme:dark}}*{box-sizing:border-box}body,html{margin:0;padding:0;max-width:100vw;overflow-x:hidden}body{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;padding-bottom:calc(110px + env(safe-area-inset-bottom))}a{color:var(--accent)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.25rem;position:sticky;top:0;background:var(--bg);z-index:20}.brand{font-weight:800;font-size:1.35rem;color:var(--accent);text-decoration:none;letter-spacing:-.02em}.bottomnav{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom));left:14px;right:14px;max-width:532px;margin:0 auto;justify-content:space-around;background:#10161f;border-radius:28px;padding:10px 8px;z-index:30;box-shadow:0 10px 30px rgba(5,20,40,.45)}.bottomnav,.nav-item{display:flex;align-items:center}.nav-item{flex:1 1;flex-direction:column;gap:3px;text-decoration:none;color:#8698a8;font-size:.64rem;font-weight:700;position:relative;padding:2px 0}.nav-item.active{color:#5db9ff}.nav-item svg{width:23px;height:23px}.nav-globe{flex:0 0 auto;width:58px;height:58px;margin-top:-34px;border-radius:999px;background:linear-gradient(140deg,var(--accent) 10%,var(--accent-2) 90%);border:5px solid var(--bg);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 18px rgba(10,111,208,.45)}.nav-globe svg{width:27px;height:27px}.nav-globe:active{transform:scale(.96)}.nav-badge{position:absolute;top:-2px;right:calc(50% - 20px);background:var(--err);color:#fff;font-size:.6rem;min-width:16px;height:16px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px}.page{width:100%;max-width:560px;margin:0 auto;padding:.5rem 1.1rem 2rem}h1{margin:.5rem 0 0;font-size:1.55rem;letter-spacing:-.02em}h2{font-size:1.05rem;margin:1.4rem 0 .6rem}.tagline{color:var(--muted);margin:.25rem 0 1rem}.hero{background:linear-gradient(135deg,var(--accent) 0,var(--accent-2) 100%);border-radius:20px;color:#fff;padding:1.4rem 1.25rem 1.5rem;margin:.5rem 0 1.1rem;box-shadow:var(--shadow)}.hero h1{color:#fff;font-size:1.45rem;margin:0 0 .3rem}.hero p{margin:0 0 .9rem;opacity:.92;font-size:.95rem}.hero .btn{background:#fff;color:var(--accent);width:auto}.chips{display:flex;gap:.5rem;overflow-x:auto;padding:.25rem 0 .6rem;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.4rem .9rem;font-size:.85rem;font-weight:600;color:var(--fg);text-decoration:none;box-shadow:var(--shadow)}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1rem 1.1rem;margin-bottom:.9rem;box-shadow:var(--shadow)}.card h3{margin:0 0 .25rem;font-size:1.02rem}.card-link{display:block;text-decoration:none;color:inherit}.card-link:active{opacity:.85}.trip-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;margin-bottom:1rem;box-shadow:var(--shadow);text-decoration:none;color:inherit;display:block}.trip-cover{height:118px;display:flex;align-items:flex-end;padding:.7rem 1rem;font-size:2rem;position:relative}.trip-cover .cover-days{position:absolute;top:.7rem;right:.8rem;background:rgba(255,255,255,.92);color:#10314d;font-size:.72rem;font-weight:700;border-radius:999px;padding:.15rem .6rem}.trip-body{padding:.8rem 1rem 1rem}.trip-body h3{margin:0 0 .2rem;font-size:1.05rem}.cover-backpacking{background:linear-gradient(120deg,#0a6fd0,#45c1a8)}.cover-relax{background:linear-gradient(120deg,#37a6f5,#8ed0ff)}.cover-adventure{background:linear-gradient(120deg,#0d5aa8,#37a6f5)}.cover-culture{background:linear-gradient(120deg,#4763c9,#37a6f5)}.cover-party{background:linear-gradient(120deg,#7048c9,#4aa8f0)}.cover-mixed{background:linear-gradient(120deg,#0a6fd0,#64b8f2)}.cover-photo{background-size:cover;background-position:50%}.note{color:var(--muted);font-size:.85rem}.err{color:var(--err)}.err,.ok{font-size:.9rem}.ok{color:var(--ok)}.badge{display:inline-block;background:var(--accent-soft);color:var(--accent);font-size:.73rem;font-weight:700;border-radius:999px;padding:.12rem .6rem;margin-right:.35rem}.badge-core{background:var(--accent);color:#fff}.field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.8rem}.field label{font-size:.83rem;font-weight:700;color:var(--muted)}input,select,textarea{font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.6rem .75rem;width:100%}textarea{min-height:4.5rem;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.row{display:flex;gap:.6rem}.row>*{flex:1 1}.btn{display:inline-block;font:inherit;font-weight:700;border:none;border-radius:14px;padding:.7rem 1.2rem;cursor:pointer;background:var(--accent);color:#fff;width:100%;text-align:center;text-decoration:none;box-shadow:var(--shadow)}.btn:disabled{opacity:.5;cursor:default}.btn-secondary{background:var(--accent-soft);color:var(--accent);box-shadow:none}.btn-small{width:auto;padding:.45rem .85rem;font-size:.85rem;border-radius:10px}.btn-danger{background:transparent;color:var(--err);border:1.5px solid var(--err);box-shadow:none}.actions{display:flex;gap:.6rem;margin-top:.5rem;flex-wrap:wrap}.tabs{display:flex;border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:1rem;background:var(--surface)}.tabs button{flex:1 1;font:inherit;font-weight:600;padding:.6rem;border:none;background:transparent;color:var(--muted);cursor:pointer}.tabs button.active{background:var(--accent);color:#fff}hr.sep{border:none;border-top:1px solid var(--border);margin:1rem 0}.trip-map{height:260px;border-radius:18px;border:1px solid var(--border);margin:.4rem 0 1rem;z-index:0;box-shadow:var(--shadow)}.map-pin span{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px 999px 999px 4px;background:var(--accent);color:#fff;font-weight:800;font-size:.8rem;border:2px solid #fff;box-shadow:0 1px 6px rgba(0,0,0,.35)}.avatar{border-radius:999px;object-fit:cover;flex:0 0 auto;display:inline-block;vertical-align:middle}.avatar-default{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(140deg,var(--accent) 10%,var(--accent-2) 90%);color:#fff}.avatar-row{display:flex;align-items:center;gap:.6rem}.notif{display:flex;gap:.7rem;align-items:flex-start}.notif-dot{width:9px;height:9px;border-radius:999px;background:var(--accent);margin-top:7px;flex:0 0 auto}.notif-dot.read{background:var(--border)}.proposal-card{background:var(--accent-soft);border-color:var(--accent-2)}.chat-box{display:flex;flex-direction:column;gap:6px;max-height:360px;overflow-y:auto;padding:4px 2px}.bubble{max-width:82%;border-radius:15px;padding:7px 12px;font-size:.92rem;line-height:1.35;word-break:break-word}.bubble.mine{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.bubble.theirs{align-self:flex-start;background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:4px}.bubble .who{font-size:.7rem;font-weight:700;color:var(--accent);margin-bottom:1px}.bubble .when{display:block;font-size:.65rem;opacity:.65;margin-top:2px}.chat-input{display:flex;gap:8px;margin-top:8px}.chat-input input{flex:1 1}.unread-dot{min-width:18px;height:18px;border-radius:999px;background:var(--err);color:#fff;font-size:.68rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}