:root{--bg: #eef1f6;--surface: #ffffff;--surface-2: #eef2f8;--line: #dde3ec;--text: #0f2d6b;--text-soft: #274a86;--muted: #6b7a94;--primary: #1f6fd0;--accent: #e6007e;--danger: #e03131;--radius: 16px;--grad-header: linear-gradient(120deg, #13277b 0%, #1f7fc9 100%);--grad-cta: linear-gradient(90deg, #6a63d4 0%, #37a3da 100%);--shadow: 0 2px 10px rgba(16, 45, 107, .06);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased}.app{max-width:640px;margin:0 auto;min-height:100vh}.topbar{position:sticky;top:0;z-index:10;background:var(--grad-header);padding:calc(env(safe-area-inset-top) + 12px) 16px 14px;text-align:center;box-shadow:0 2px 12px #13277b2e}.brand{background:none;border:none;color:#fff;font-size:20px;font-weight:700;padding:4px 0;cursor:pointer;width:100%;letter-spacing:.2px;display:inline-flex;align-items:center;justify-content:center;gap:9px}.brand-logo{border-radius:7px;display:block}.content{padding:16px 16px 96px}h1{font-size:22px;margin:8px 0 16px;color:var(--text)}h3{color:var(--text)}.muted{color:var(--muted)}.small{font-size:13px}.btn{border:1px solid var(--line);background:#fff;color:var(--text);padding:12px 18px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;min-height:48px}.btn.primary{background:var(--grad-cta);border:none;color:#fff;box-shadow:0 4px 14px #3776d859}.btn.ghost{background:#fff}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn.full{width:100%}.icon-btn{background:none;border:none;color:var(--muted);font-size:17px;cursor:pointer;padding:8px;min-width:40px;min-height:40px;border-radius:8px}.icon-btn.danger{color:var(--danger)}.link-back{background:none;border:none;color:var(--primary);cursor:pointer;font-size:15px;font-weight:600;padding:6px 0}.link{background:none;border:none;color:var(--primary);cursor:pointer;font-size:14px;font-weight:600;padding:4px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.empty{text-align:center;color:var(--muted);margin-top:16px}.triplist{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:12px}.tripcard{display:flex;align-items:flex-start;gap:8px;cursor:pointer}.tripcard-main{flex:1;min-width:0}.tripcard-title{font-weight:700;font-size:17px;color:var(--text)}.tripcard-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:13px;margin-top:4px;align-items:center}.tripcard-progress{margin-top:10px;display:flex;align-items:center;gap:10px}.tripcard-progress .progress{flex:1}.countdown-pill{background:var(--accent);color:#fff;padding:2px 9px;border-radius:999px;font-weight:700;font-size:12px}.progress{height:8px;background:#e5eaf2;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:999px;transition:width .25s ease}.overall-progress{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow)}.trip-head{margin-bottom:12px}.trip-head h1{margin-bottom:4px}.form{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.form-row{display:flex;gap:12px}.form-row label{flex:1}label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--text-soft);font-weight:600}input,select{background:#fff;border:1px solid var(--line);color:var(--text);border-radius:12px;padding:13px;font-size:16px;width:100%;min-height:48px;font-weight:500}input::placeholder{color:#97a3b8}input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1f6fd01f}input[type=checkbox]{width:22px;height:22px;min-height:22px;accent-color:var(--primary);flex:0 0 auto}.checkline{flex-direction:row;align-items:center;gap:10px;color:var(--text);font-size:15px;font-weight:600;margin:4px 0 12px;cursor:pointer}.checkline.compact{font-weight:500;font-size:14px;margin:8px 0}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.chip{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:999px;padding:10px 15px;font-size:14px;font-weight:600;cursor:pointer;min-height:42px}.chip.on{background:#1f6fd01a;border-color:var(--primary);color:var(--primary)}.who{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:6px 16px;margin-bottom:8px;box-shadow:var(--shadow)}.who-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-weight:600}.who-row:last-child{border-bottom:none}.section-label{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:20px 0 8px;font-weight:700}.preview{margin:8px 0 16px;font-size:14px;color:var(--text)}.preview-num{font-weight:800;font-size:18px;color:var(--accent)}.pick-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.pick-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 4px;border-bottom:1px solid var(--line)}.pick-item label{flex-direction:row;align-items:center;gap:10px;color:var(--text);font-size:15px;cursor:pointer;flex:1;min-width:0;font-weight:500}.pick-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pick-item.dimmed .pick-name{color:var(--muted)}.pick-side{display:flex;align-items:center;gap:8px;flex:0 0 auto}.badge{background:var(--surface-2);color:var(--text-soft);font-size:11px;padding:3px 8px;border-radius:999px;white-space:nowrap;font-weight:600}.warn{color:#e8890c}.cat-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto;display:inline-block}.actions-sticky{position:sticky;bottom:0;display:flex;gap:10px;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 72%,transparent);margin-top:16px}.actions-sticky .btn{flex:1}.trip-view{padding-bottom:76px}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:20;margin:0 auto;max-width:640px;background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);display:flex;padding:8px 6px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px #102d6b14}.navitem{flex:1;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0;color:var(--muted);font-size:11px;font-weight:600}.navicon{width:24px;height:24px}.navitem.active{color:var(--primary)}.dash{display:flex;flex-direction:column;gap:14px}.countdown{text-align:center;display:flex;flex-direction:column;gap:2px;padding:22px}.cd-num{font-size:46px;font-weight:800;line-height:1;color:var(--accent)}.cd-num.small{font-size:22px;color:var(--text)}.cd-label{color:var(--muted);font-size:14px}.dash-progress{display:flex;gap:12px}.mini-card{flex:1;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;cursor:pointer;color:var(--text);display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow)}.mini-top{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;font-weight:600}.mini-top strong{font-size:17px}.next-list{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:10px}.next-list li{display:flex;align-items:center;gap:8px;font-size:14px}.next-list li>span:nth-child(2){flex:1}.hints{display:flex;flex-direction:column;gap:10px}.hint{display:flex;gap:12px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--muted);border-radius:12px;padding:14px;box-shadow:var(--shadow)}.hint.warn{border-left-color:#f0a020}.hint.info{border-left-color:var(--primary)}.hint strong{color:var(--text)}.hint-icon{font-size:20px}.add-item{margin-bottom:18px;display:flex;flex-direction:column;gap:10px}.add-row{display:flex;gap:8px;align-items:center}.add-row select{flex:1;min-width:0}.add-row .add-name{flex:1}.add-row .btn{white-space:nowrap;padding:12px 16px}.stepper{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;overflow:hidden;flex:0 0 auto;background:#fff}.stepper button{background:var(--surface-2);border:none;color:var(--text);width:40px;height:46px;font-size:20px;cursor:pointer}.stepper span{min-width:34px;text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.suggest-box{margin-bottom:18px}.suggest-chips{display:flex;flex-wrap:wrap;gap:8px}.suggest-chip{display:inline-flex;align-items:center;gap:6px;border:1px dashed #b9c4d6;background:#fff;color:var(--text);border-radius:999px;padding:9px 13px;font-size:14px;font-weight:500;cursor:pointer}.suggest-chip .plus{color:var(--primary);font-weight:800}.cat-block{margin-bottom:22px}.cat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.cat-title{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--text)}.cat-swatch{width:12px;height:12px;border-radius:3px;background:var(--cat);display:inline-block}.cat-bar{margin-bottom:10px}.cat-bar .progress-fill{background:var(--cat, var(--primary))}.items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.item{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:4px 6px 4px 12px;box-shadow:var(--shadow)}.item-main{display:flex;align-items:center;gap:8px;min-height:46px}.check{flex:0 0 auto}.item-name{flex:1;min-width:0;cursor:pointer;display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:var(--text);font-weight:500}.item.packed .item-name{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--muted)}.qty{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.tag{font-size:11px;padding:2px 7px;border-radius:999px;font-weight:700}.tag.missing{background:#e031311f;color:#c92a2a}.tag.useless{background:#6b7a9426;color:var(--muted)}.item-edit{padding:4px 4px 10px;display:flex;flex-direction:column;gap:8px}.item-edit-row{display:flex;gap:8px;align-items:center}.item-edit-row select{flex:1;min-width:0}.tasks .item-name{cursor:default}.item.task .item-main{min-height:42px}.due{font-size:12px;color:var(--muted);white-space:nowrap;padding:3px 9px;border-radius:999px;background:var(--surface-2);font-weight:600}.due.soon{background:#f0a02029;color:#b8730a}.due.overdue{background:#e0313124;color:#c92a2a}.due.done{background:transparent}.country-card{margin-bottom:10px}.country-title{font-weight:700;font-size:16px;margin-bottom:8px;display:flex;align-items:center;gap:8px;color:var(--text)}.country-facts{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--text-soft)}.feedback-item{padding:10px 12px}.feedback-item .item-main{min-height:32px}.feedback-btns{display:flex;gap:8px;margin-top:8px}.fb{flex:1;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:10px;padding:11px;font-size:14px;font-weight:700;cursor:pointer;min-height:46px}.fb.missing.on{background:var(--danger);border-color:var(--danger);color:#fff}.fb.useless.on{background:var(--muted);border-color:var(--muted);color:#fff}@media (min-width: 480px){.content{padding:20px 20px 96px}}