.packing-screen{background:#f7f8fa}.packing-screen button{cursor:pointer}.packing-main{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px 20px calc(100px + env(safe-area-inset-bottom));min-height:0}.packing-main p{line-height:1.55}.packing-hero{height:255px;position:relative;flex-shrink:0;padding:0 24px;background:#eaf3f7;overflow:hidden}.packing-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2}.packing-top{position:relative;display:flex;justify-content:space-between;padding-top:calc(12px + env(safe-area-inset-top));align-items:center}.packing-top>img{width:145px}.packing-profile{border:3px solid white;width:42px;height:42px;border-radius:50%;background:#d49a2a;color:white;font-weight:800}.packing-art{position:absolute;width:190px;right:6px;bottom:8px}.packing-hero h1{position:absolute;bottom:63px;margin:0;color:#2e5e7c;font-size:35px;letter-spacing:-1px}.packing-hero>p{position:absolute;bottom:18px;width:46%;font-size:13px;color:#395a6d;font-weight:600}.packing-title{display:flex;gap:10px;align-items:center;padding:calc(12px + env(safe-area-inset-top)) 20px 8px;background:#fff;flex-shrink:0}.packing-title h1{font-size:22px;flex:1;min-width:0;overflow-wrap:anywhere;margin:0}.packing-title button{border:0;background:#eef3f7;border-radius:50%;width:42px;height:42px;color:#2e5e7c;font-size:26px;flex-shrink:0}.packing-quick{display:flex;gap:10px;margin:0 0 22px}.packing-quick button{flex:1;background:white;border:1px solid #e3eaf0;border-radius:20px;padding:13px 4px;color:#2e5e7c;font-size:23px;box-shadow:0 5px 12px #28475d08}.packing-quick span{display:block;font-size:11px;margin-top:5px;font-weight:700}.packing-section{font-size:18px;letter-spacing:-.4px;margin:15px 0}.packing-trip{background:white;padding:20px;border-radius:24px;margin-bottom:15px;border:1px solid #e2e9ee;position:relative;overflow:hidden;box-shadow:0 6px 18px #28475d08}.packing-trip.featured{background:linear-gradient(145deg,#fff8e9,#fff 65%);border-color:#e8d9b9}.packing-trip h2{font-size:23px;letter-spacing:-.5px;margin:8px 0;position:relative}.packing-trip>p{font-size:12px;color:#6d7189;position:relative}.packing-trip>small{font-size:9px;letter-spacing:1px;color:#8c6f36;font-weight:800;position:relative}.packing-flag{position:absolute;right:0;top:0;font-size:100px;opacity:.11}.packing-primary,.packing-secondary{border:0;border-radius:14px;padding:14px 16px;min-height:46px;font-weight:750;font-size:14px;width:100%;margin:8px 0;background:#2e5e7c;color:#fff;text-align:center}.packing-primary span{float:right}.packing-secondary{background:#eaf1f5;color:#2e5e7c}.packing-primary:disabled{opacity:.5}.packing-progress{background:#eef5f5;padding:15px;border-radius:17px;margin:12px 0}.packing-progress>div{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:#2e5e7c}.packing-progress small{display:block;font-size:11px;color:#627b82;margin-top:4px}.packing-progress progress{display:block;width:100%;height:8px;margin-top:10px;border:0;border-radius:8px;overflow:hidden;appearance:none;background:#dce7e8}.packing-progress progress::-webkit-progress-bar{background:#dce7e8}.packing-progress progress::-webkit-progress-value{background:#d49a2a;border-radius:8px;transition:width .25s}.packing-progress progress::-moz-progress-bar{background:#d49a2a}.packing-progress.complete{background:#e5f3e9;animation:packing-pop .4s ease-out}.packing-list-head{display:flex;align-items:center;gap:12px}.packing-list-head>span{font-size:36px}.packing-list-head p{font-size:12px;color:#667581}.packing-context-line{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.packing-context-line span{font-size:10px;padding:5px 8px;background:#e9eff4;border-radius:20px;color:#496779}.packing-toolbar{position:sticky;top:-16px;z-index:2;display:flex;gap:4px;background:#edf0f2;padding:5px;border-radius:15px;margin:15px 0 8px}.packing-toolbar button{flex:1;min-height:40px;border:0;border-radius:10px;background:transparent;font-size:12px;color:#66717f;font-weight:700}.packing-toolbar button.active{background:#fff;color:#2e5e7c;box-shadow:0 2px 7px #0001}.packing-actions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 18px}.packing-actions button{padding:9px 10px;border:1px solid #dce5eb;border-radius:12px;background:white;color:#2e5e7c;min-height:42px;font-size:11px;font-weight:650}.packing-category{background:#fff;border:1px solid #e2e9ee;border-radius:19px;margin:10px 0;overflow:hidden}.packing-category>summary{padding:16px;display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:700;font-size:14px;list-style:none}.packing-category>summary span{font-size:23px}.packing-category>summary b{margin-left:auto;font-size:11px;font-weight:500;color:#7c8c96}.packing-category>summary:after{content:'⌄';color:#8a9aa4}.packing-category[open]>summary:after{content:'⌃'}.packing-row{display:flex;align-items:center;gap:10px;padding:13px;border-top:1px solid #f0f2f5;transition:opacity .2s,transform .2s;min-height:72px}.packing-check{width:29px;height:29px;min-width:29px;border:1.5px solid #bacad2;border-radius:9px;background:white;color:white;font-size:19px}.packing-row.checked{opacity:.45;background:#f4f7f6}.packing-row.checked .packing-check{background:#53877a;border-color:#53877a}.packing-row.checked strong{text-decoration:line-through}.packing-saving{opacity:.35;transform:scale(.98);pointer-events:none}.packing-item-title{border:0;background:transparent;text-align:left;padding:0;flex:1;min-width:0;color:inherit}.packing-item-title strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}.packing-item-title small{display:block;font-size:10px;color:#7c8591;line-height:1.45;margin-top:4px}.packing-qty{font-size:12px;color:#687a87;white-space:nowrap}.packing-more{border:0;background:transparent;min-width:30px;height:40px;font-size:23px;color:#7c8c96}.packing-form{font-size:13px}.packing-form>label,.packing-columns label{display:block;font-size:12px;font-weight:600;margin:12px 0;color:#476070}.packing-form input,.packing-form select{margin-top:6px;font-size:16px}.packing-form>p{font-size:12px;color:#75818d}.packing-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}.packing-columns label{min-width:0}.packing-columns input{min-width:0}.packing-options{border-bottom:1px solid #e6edf2;padding:11px 0}.packing-options>summary{font-size:13px;font-weight:700;color:#2e5e7c;cursor:pointer;padding:8px 0}.packing-chips{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.packing-chips label{position:relative}.packing-chips input{position:absolute;opacity:0;width:1px!important;height:1px!important}.packing-chips span{display:block;padding:10px 12px;border-radius:13px;border:1px solid #dce5eb;font-size:12px;color:#687986;background:#fafbfc}.packing-chips input:checked+span{border-color:#2e5e7c;color:#2e5e7c;background:#e5f0f7;box-shadow:inset 0 0 0 1px #2e5e7c}.packing-chips input:focus-visible+span{outline:3px solid #d49a2a;outline-offset:2px}.packing-toggle{display:flex!important;align-items:center;gap:10px;margin:14px 0!important;font-size:12px!important}.packing-toggle input{width:22px!important;height:22px!important;margin:0!important;accent-color:#2e5e7c}.packing-info{padding:12px;border-radius:15px;background:#eff5f8;color:#476476;font-size:12px}.packing-danger{border:0;background:#fff0f0;color:#a65353;width:100%;border-radius:14px;padding:13px;margin:10px 0}.packing-search{width:100%;min-height:46px;border-radius:15px;border:1px solid #dce5eb;background:white;padding:12px;font-size:16px;margin:8px 0}.packing-library-item{display:block;width:100%;border:0;background:white;border-top:1px solid #eef2f4;text-align:left;padding:15px;color:#334a5d}.packing-library-item strong{font-size:13px}.packing-library-item small{display:block;font-size:11px;color:#82909a;margin-top:4px}.packing-empty{padding:23px;border-radius:22px;text-align:center;color:#637580;font-size:13px;background:#fff;border:1px dashed #d4dee5;line-height:1.7;margin:20px 0}.packing-empty h2{font-size:20px;color:#2e5e7c}.packing-intro{font-size:13px;color:#6f7f8c}.packing-history-filters{display:flex;gap:9px;margin:12px 0}.packing-history-filters select{min-width:0;width:50%;height:44px;border:1px solid #dce5eb;border-radius:13px;padding:8px;font-size:13px;background:white}.packing-share-text{width:100%;height:220px;border:1px solid #dce5eb;border-radius:12px;padding:10px;font-size:13px;margin-top:12px}#packing-message{font-size:12px;color:#9b5b25;line-height:1.5}.packing-form input:focus,.packing-form select:focus,.packing-search:focus{outline:2px solid #d49a2a;outline-offset:2px}@keyframes packing-pop{from{transform:scale(.97)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.packing-row,.packing-progress.complete,.packing-progress progress::-webkit-progress-value{transition:none;animation:none}}@media(max-width:360px){.packing-main{padding-left:12px;padding-right:12px}.packing-art{width:160px}.packing-hero h1{font-size:30px}}
.packing-screen .nav{width:calc(100% - 40px);max-width:480px;left:50%;right:auto;transform:translateX(-50%)}