.app{min-height:100%;max-width:760px;margin:0 auto;padding:0 16px calc(84px + env(safe-area-inset-bottom)) 16px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:14px 0 10px;background:linear-gradient(var(--bg) 70%,transparent)}.topbar .logo{width:34px;height:34px}.topbar h1{font-size:21px;margin:0;letter-spacing:-.4px;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.topbar .logo{filter:drop-shadow(0 3px 8px color-mix(in srgb,var(--brand) 45%,transparent));transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.topbar .logo:hover{transform:rotate(-8deg) scale(1.08)}.topbar .sub{font-size:11.5px;color:var(--muted);margin-top:1px}.topbar .spacer{flex:1}.iconbtn{border:1px solid var(--border);background:var(--card);color:var(--text);width:40px;height:40px;border-radius:12px;font-size:18px;display:grid;place-items:center}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--card) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border)}.bottomnav button{flex:1;max-width:130px;border:none;background:none;color:var(--muted);padding:6px 4px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:600}.bottomnav button .ico{font-size:20px}.bottomnav button.on{color:#fff;background:var(--grad);box-shadow:0 6px 14px color-mix(in srgb,var(--brand-2) 40%,transparent)}.bottomnav button{transition:color .2s,background .3s,transform .08s}.bottomnav button:active{transform:scale(.9)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:14px;animation:rise .4s ease both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.card.tight{padding:12px}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.between{justify-content:space-between}.grow{flex:1}.muted{color:var(--muted)}.soft{color:var(--text-soft)}.small{font-size:12.5px}.center{text-align:center}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:18px 2px 8px;font-weight:700}.btn{border:1px solid var(--border);background:var(--card);color:var(--text);padding:10px 14px;border-radius:12px;font-weight:600;display:inline-flex;align-items:center;gap:7px;transition:transform .05s ease,background .15s}.btn:active{transform:scale(.97)}.btn.primary{background:var(--grad);background-size:160% 160%;color:#fff;border-color:transparent;box-shadow:0 6px 16px color-mix(in srgb,var(--brand-2) 35%,transparent);transition:background-position .5s ease,transform .05s,box-shadow .2s}.btn.primary:hover{background-position:100% 100%;box-shadow:0 10px 22px color-mix(in srgb,var(--brand-2) 45%,transparent)}.btn.ghost{background:transparent}.btn.danger{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,var(--border))}.btn.block{width:100%;justify-content:center}.btn.sm{padding:6px 10px;font-size:13px;border-radius:10px}.field{margin-bottom:12px}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--text-soft);margin-bottom:5px}.input,select.input,textarea.input{width:100%;background:var(--card-2);border:1px solid var(--border);border-radius:12px;padding:11px 12px;outline:none}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 22%,transparent)}textarea.input{resize:vertical;min-height:60px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--border);font-size:12.5px;font-weight:600;color:var(--text-soft)}.chip.on{background:var(--grad);color:#fff;border-color:transparent}.chip{transition:transform .08s,background .2s}.chip:active{transform:scale(.94)}.trip-card{transition:transform .18s ease,box-shadow .18s ease}.trip-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.chip button{border:none;background:none;color:inherit;font-size:14px;line-height:1;padding:0}.trip-card{position:relative;overflow:hidden;padding:0;cursor:pointer}.trip-card .cover{height:118px;background-size:cover;background-position:center;background-color:var(--bg-soft);position:relative}.trip-card .cover .veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000d,#0000008c)}.trip-card .cover .flagrow{position:absolute;bottom:8px;left:12px;right:12px;color:#fff}.trip-card .cover .flagrow .name{font-size:18px;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.5)}.trip-card .meta{padding:10px 14px 14px}.day-head{display:flex;align-items:baseline;gap:8px;margin:16px 2px 8px}.day-head .n{font-weight:800;color:var(--brand)}.item{display:flex;gap:10px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--card-2);margin-bottom:8px}.item .tcol{width:52px;flex-shrink:0;font-size:12px;font-weight:700;color:var(--brand)}.item .emoji{font-size:18px}.item .reorder{display:flex;flex-direction:column;gap:2px}.item .reorder button{border:1px solid var(--border);background:var(--card);color:var(--muted);width:24px;height:20px;border-radius:6px;font-size:9px;line-height:1;padding:0}.item .reorder button:disabled{opacity:.3}.places{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 460px){.places{grid-template-columns:1fr}}.place{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--card);display:flex;flex-direction:column;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease;animation:rise .4s ease both}.place:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.place .ph{height:108px;background:var(--bg-soft);background-size:cover;background-position:center;position:relative;transition:transform .4s ease}.place:hover .ph{transform:scale(1.06)}.place .ph .badge{position:absolute;top:6px;left:6px;background:#0009;color:#fff;font-size:11px;padding:2px 7px;border-radius:999px}.place .pb{padding:9px 10px 10px;display:flex;flex-direction:column;gap:4px;flex:1}.place .pb .nm{font-weight:700;font-size:13.5px}.place .pb .act{margin-top:auto;display:flex;gap:6px}.bal{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--border)}.bal:last-child{border-bottom:none}.pos{color:var(--good);font-weight:700}.neg{color:var(--bad);font-weight:700}.settle{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-soft);border-radius:12px;margin-bottom:8px;font-weight:600}.visa-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;margin-bottom:8px;background:var(--card-2)}.visa-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0210168c;display:flex;align-items:flex-end;justify-content:center;padding:0}@media (min-width: 560px){.modal-wrap{align-items:center;padding:20px}}.modal{background:var(--card);width:100%;max-width:540px;max-height:92vh;overflow-y:auto;border-radius:20px 20px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:var(--shadow-lg)}@media (min-width: 560px){.modal{border-radius:20px}}.modal h3{font-size:18px}.spinner{width:22px;height:22px;border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loadbox{display:flex;gap:10px;align-items:center;justify-content:center;padding:24px;color:var(--muted)}.empty{text-align:center;padding:36px 16px;color:var(--muted)}.empty .big{font-size:40px;margin-bottom:8px}.errbox{background:color-mix(in srgb,var(--bad) 12%,var(--card));border:1px solid color-mix(in srgb,var(--bad) 40%,var(--border));color:var(--bad);padding:10px 12px;border-radius:12px;font-size:13px;margin-bottom:10px}.tabbar{display:flex;gap:4px;overflow-x:auto;padding:4px;background:var(--card-2);border:1px solid var(--border);border-radius:14px;margin-bottom:14px}.tabbar button{border:none;background:none;color:var(--muted);padding:8px 12px;border-radius:10px;font-weight:700;font-size:13px;white-space:nowrap}.tabbar button.on{background:var(--grad);color:#fff;box-shadow:0 4px 10px color-mix(in srgb,var(--brand-2) 35%,transparent)}.stat{text-align:center;flex:1}.stat .v{font-size:20px;font-weight:800;color:var(--brand)}.stat .l{font-size:11px;color:var(--muted)}.credit{font-size:11px;color:var(--muted);text-align:center;padding:10px 0 4px;line-height:1.6}.hero{position:relative;overflow:hidden;border-radius:var(--radius);min-height:210px;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;color:#fff;margin-bottom:8px;box-shadow:var(--shadow-lg);background:var(--grad)}.hero .heroimg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;animation:kenburns 18s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1.05)}to{transform:scale(1.18)}}.hero .heroveil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#06121c26,#06121cd1)}.hero .hcontent{position:relative}.hero .eyebrow{text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:700;opacity:.92}.hero h2{font-size:27px;line-height:1.1;margin:6px 0;text-shadow:0 2px 12px rgba(0,0,0,.55)}.hero p{margin:0 0 14px;opacity:.95;font-size:13.5px;max-width:34ch}.hero .btn.primary{background:#fff;color:var(--brand);box-shadow:0 8px 20px #0000004d}.sec-head{display:flex;align-items:center;justify-content:space-between;margin:20px 2px 10px}.sec-head h3{margin:0;font-size:16px}.sec-head .link{font-size:12.5px;font-weight:700;color:var(--brand);background:none;border:none}.hscroll{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.hscroll::-webkit-scrollbar{height:0}.dcard{flex:0 0 158px;scroll-snap-align:start;border-radius:14px;overflow:hidden;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.dcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.dcard:active{transform:scale(.97)}.dcard .dimg{height:112px;background:var(--bg-soft);background-size:cover;background-position:center;display:grid;place-items:center;font-size:30px}.dcard .dmeta{padding:8px 10px 10px}.dcard .dmeta .t{font-weight:700;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dcard .dmeta .s{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emoji-img{width:46px;height:46px;border-radius:10px;background-size:cover;background-position:center;background-color:var(--bg-soft);flex-shrink:0;display:grid;place-items:center;font-size:20px}.hrow{position:relative}.harr{position:absolute;top:44px;z-index:3;width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--text);box-shadow:var(--shadow);font-size:18px;line-height:1;display:grid;place-items:center}.harr.left{left:-4px}.harr.right{right:-4px}.trip-card .del{position:absolute;top:8px;right:8px;z-index:2;width:32px;height:32px;border-radius:50%;border:none;background:#00000080;color:#fff;font-size:15px}.locbtn{display:flex;align-items:center;gap:10px;width:100%;justify-content:center;padding:14px;border:1.5px dashed var(--border);background:var(--card-2);border-radius:var(--radius);color:var(--text-soft);font-weight:600}.cattile{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid var(--border);background:var(--card);border-radius:14px;padding:10px 14px;font-size:11.5px;font-weight:700;color:var(--text-soft);min-width:86px;transition:transform .08s,background .2s}.cattile:active{transform:scale(.95)}.cattile.on{background:var(--grad);color:#fff;border-color:transparent}.cattile .catemoji{font-size:22px}.onboard{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px calc(24px + env(safe-area-inset-bottom))}.onboard-card{width:100%;max-width:460px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:22px;margin-top:12px}.onboard-logo{width:58px;height:58px;border-radius:16px;background:var(--grad);display:grid;place-items:center;font-size:30px;box-shadow:var(--shadow)}.dhero{position:relative;height:230px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);margin-bottom:12px;background:var(--grad)}.dhero-img{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.dhero-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#06121c1a,#06121cc7)}.dheart{position:absolute;top:12px;right:12px;width:42px;height:42px;border-radius:50%;border:none;background:#00000073;color:#fff;font-size:20px}.dheart.on{color:#fb7185}.dhero-text{position:absolute;bottom:14px;left:16px;right:16px;color:#fff}.dhero-title{font-size:26px;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.55)}.dhero-sub{font-size:13px;opacity:.95}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.fact{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:10px 6px;text-align:center;box-shadow:var(--shadow)}.fact .fv{font-size:18px;font-weight:800}.fact .fl{font-size:10.5px;color:var(--muted);margin-top:2px}.wcard{flex:0 0 72px;text-align:center;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:8px 4px}.skeleton{background:linear-gradient(90deg,var(--bg-soft) 25%,var(--card-2) 50%,var(--bg-soft) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200% 0}}.detail-hero{width:100%;height:180px;border-radius:14px;background-size:cover;background-position:center;background-color:var(--bg-soft)}.countdown{display:inline-block;background:var(--brand);color:#fff;font-weight:700;font-size:13px;padding:5px 12px;border-radius:999px}.gimg{flex:0 0 200px;height:132px;border-radius:12px;background-size:cover;background-position:center;background-color:var(--bg-soft);box-shadow:var(--shadow)}.mapbox{width:100%;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow);z-index:0}.leaflet-container{background:var(--bg-soft);font:inherit}.plango-pin{background:none;border:none;text-align:center;font-size:22px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.toolbar{display:flex;gap:8px;margin-bottom:12px;align-items:center}.searchwrap{position:relative;display:flex;align-items:center}.searchwrap .input{padding-left:34px;padding-right:30px}.searchwrap .searchico{position:absolute;left:11px;font-size:13px;opacity:.6;pointer-events:none}.searchwrap .searchclear{position:absolute;right:8px;border:none;background:var(--border);color:var(--text);width:20px;height:20px;border-radius:50%;font-size:11px;line-height:1}.sortsel{max-width:44%;flex-shrink:0}.offline-banner{background:color-mix(in srgb,var(--warn) 18%,var(--card));border:1px solid color-mix(in srgb,var(--warn) 45%,var(--border));color:var(--text);padding:9px 12px;border-radius:12px;font-size:13px;font-weight:600;text-align:center;margin:0 0 12px}.update-banner{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:var(--brand-ink);padding:10px 14px;border-radius:12px;margin:10px 0;display:flex;align-items:center;gap:10px;font-weight:600;font-size:13.5px}.update-banner button{margin-left:auto;border:1px solid rgba(255,255,255,.6);background:#ffffff26;color:#fff;padding:5px 10px;border-radius:9px;font-weight:700}:root{--bg: #f3fbfe;--bg-soft: #e5f3fb;--card: #ffffff;--card-2: #f6fbfe;--text: #0c2531;--text-soft: #43626e;--muted: #8097a0;--border: #d9ebf2;--brand: #0891b2;--brand-2: #4f46e5;--brand-3: #7c3aed;--brand-ink: #ffffff;--accent: #fb7185;--accent-2: #f59e0b;--grad: linear-gradient(135deg, #06b6d4 0%, #3b82f6 55%, #7c3aed 100%);--grad-soft: linear-gradient(135deg, #e0f7fb 0%, #eef0ff 100%);--good: #16a34a;--warn: #ca8a04;--bad: #ef4444;--shadow: 0 4px 16px rgba(10, 80, 120, .08);--shadow-lg: 0 16px 40px rgba(18, 70, 120, .22);--radius: 18px;--radius-sm: 12px;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #060f16;--bg-soft: #0e1f2b;--card: #10222e;--card-2: #0c1b25;--text: #e8f7fc;--text-soft: #aac8d3;--muted: #7595a1;--border: #1c3845;--brand: #22d3ee;--brand-2: #818cf8;--brand-3: #a78bfa;--brand-ink: #04171d;--accent: #fb7185;--accent-2: #fbbf24;--grad: linear-gradient(135deg, #0891b2 0%, #4f46e5 55%, #9333ea 100%);--grad-soft: linear-gradient(135deg, #0e2730 0%, #161a3a 100%);--shadow: 0 4px 16px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .6)}}body:before{content:"";position:fixed;inset:-20% -20% auto -20%;height:60vh;background:radial-gradient(60% 60% at 20% 0%,color-mix(in srgb,var(--brand) 18%,transparent),transparent 70%),radial-gradient(50% 50% at 90% 10%,color-mix(in srgb,var(--brand-3) 16%,transparent),transparent 70%);z-index:-1;pointer-events:none}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45}h1,h2,h3,h4{margin:0 0 .4em;line-height:1.2}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:var(--text)}a{color:var(--brand)}img{max-width:100%;display:block}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}