
:root{
 --bg:#f3f1ec;--surface:#fff;--surface2:#ebe8e1;--text:#1c1e1b;--muted:#6b7069;
 --line:#d9d6cf;--accent:#263c31;--accent2:#607b6b;--shadow:0 8px 28px rgba(22,30,25,.08);
 --radius:22px;--top:86px;--nav:78px;
}
[data-theme=dark]{--bg:#101310;--surface:#181d19;--surface2:#232a25;--text:#f1f3f0;--muted:#a7afa8;--line:#313934;--accent:#b7d1bf;--accent2:#87a492;--shadow:0 10px 32px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.47}button,input,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh;max-width:780px;margin:auto;padding-bottom:calc(var(--nav) + env(safe-area-inset-bottom) + 18px)}
.topbar{height:var(--top);position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:13px 18px;background:color-mix(in srgb,var(--bg) 93%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;font-weight:900}.brand span{font-weight:500}.brandmark{width:48px;height:48px;border-radius:16px;background:var(--accent);color:var(--bg);display:grid;place-items:center}.icon-btn{width:48px;height:48px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:16px;font-size:1.35rem;font-weight:900}
main{padding:0 16px 24px}.page{display:none}.page.active{display:block}.eyebrow{font-size:.73rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--muted)}h1,h2,h3,h4{line-height:1.15}.small{font-size:.82rem}.muted{color:var(--muted)}.section{margin:24px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-bottom:10px}.section-head h2{margin:0;font-size:1.25rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:15px;box-shadow:var(--shadow);margin-bottom:11px}.flat{box-shadow:none}.primary{border:0;background:var(--accent);color:var(--bg);border-radius:15px;padding:12px 14px;font-weight:900}.secondary{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:14px;padding:10px 12px;font-weight:850}
.home-intro,.page-head{padding:24px 2px 10px}.home-intro h1,.page-head h1{font-size:1.95rem;margin:4px 0 8px}.home-intro p,.page-head p{margin:0;color:var(--muted)}
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-card{min-height:118px;text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:20px;padding:15px;box-shadow:var(--shadow)}.quick-card .ico{font-size:1.4rem;display:block;margin-bottom:14px}.quick-card b,.quick-card span:last-child{display:block}.quick-card span:last-child{font-size:.74rem;color:var(--muted);margin-top:2px}
.continue-card{position:relative;height:205px;border-radius:23px;overflow:hidden;box-shadow:var(--shadow);cursor:pointer}.continue-card img{width:100%;height:100%;object-fit:cover}.continue-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.82),transparent 70%)}.continue-card .copy{position:absolute;z-index:2;left:14px;right:14px;bottom:13px;color:#fff}.continue-card h3{font-size:1.4rem;margin:3px 0}
.searchbox{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:17px;padding:11px 13px}.searchbox input{width:100%;border:0;outline:0;background:none;color:var(--text)}
.country-block{background:var(--surface);border:1px solid var(--line);border-radius:22px;margin:12px 0;overflow:hidden;box-shadow:var(--shadow)}.country-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:15px;cursor:pointer}.country-summary::-webkit-details-marker{display:none}.country-name{display:flex;gap:10px;align-items:center}.flag{font-size:1.45rem}.count{font-size:.73rem;color:var(--muted)}.country-content{padding:0 13px 14px}.area-block{border-top:1px solid var(--line);padding:12px 0}.area-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.area-head h3{margin:0;font-size:1rem}.guide-row{display:grid;grid-template-columns:54px 1fr auto;gap:10px;align-items:center;padding:9px;margin:7px 0;border:1px solid var(--line);background:var(--bg);border-radius:16px;cursor:pointer}.thumb{width:54px;height:54px;border-radius:13px;object-fit:cover;background:var(--surface2);display:grid;place-items:center}.guide-row h4{margin:0 0 3px;font-size:.92rem}.meta{font-size:.71rem;color:var(--muted)}.status{font-size:.64rem;font-weight:900;padding:5px 7px;border-radius:999px;background:var(--accent);color:var(--bg)}
.breadcrumbs{display:flex;gap:5px;align-items:center;flex-wrap:wrap;font-size:.75rem;color:var(--muted);padding:10px 2px 6px}.breadcrumbs button{border:0;background:none;color:var(--accent2);padding:0;font-weight:850}
.hero{position:relative;height:275px;margin:0 -16px;background:#333;overflow:hidden}.hero img{width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,9,7,.84),rgba(5,9,7,.04) 67%)}.hero-copy{position:absolute;z-index:2;left:18px;right:18px;bottom:17px;color:white}.hero-copy h1{font-size:2rem;margin:4px 0}.chips,.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.chip,.tag{font-size:.7rem;font-weight:800;padding:5px 8px;border-radius:999px}.chip{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22)}.tag{background:var(--surface2)}
.guide-tabs{position:sticky;top:var(--top);z-index:900;margin:0 -16px;padding:9px 12px;display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.guide-tabs::-webkit-scrollbar{display:none}.guide-tab{white-space:nowrap;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:8px 11px;border-radius:999px;font-size:.76rem;font-weight:850}.guide-tab.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.chapter{display:none}.chapter.active{display:block}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.stat{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:12px}.stat .label{font-size:.66rem;color:var(--muted);font-weight:850;text-transform:uppercase;letter-spacing:.06em}.stat .value{font-weight:900;margin-top:3px}.shoot-cta{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--accent);color:var(--bg);border-radius:20px;padding:15px;margin:15px 0}.shoot-cta button{border:0;background:var(--bg);color:var(--accent);font-weight:900;padding:10px 12px;border-radius:13px}
.gallery{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:8px}.gallery::-webkit-scrollbar{display:none}.photo-card{flex:0 0 84%;scroll-snap-align:start;background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.photo-card img{width:100%;height:215px;object-fit:cover}.caption{padding:12px}.caption b{display:block;margin-bottom:4px}.credit{font-size:.65rem;color:var(--muted);margin-top:5px}
.spot-title{display:flex;gap:10px}.num{width:34px;height:34px;min-width:34px;border-radius:11px;background:var(--surface2);display:grid;place-items:center;font-weight:900}.spot-title h3{margin:0 0 3px}.comp{border-left:4px solid var(--accent2)}.comp h3{margin-top:0}.layers{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.layer{background:var(--surface2);border-radius:12px;padding:9px;font-size:.71rem}.layer b{display:block}.checkline{display:flex;gap:9px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}.checkline:first-child{border-top:0}.checkline input{width:20px;height:20px;accent-color:var(--accent);margin-top:2px}
.mapbox{height:58vh;min-height:430px;border-radius:22px;border:1px solid var(--line);overflow:hidden;background:var(--surface2)}.guide-mapbox{height:390px;border-radius:20px;border:1px solid var(--line);overflow:hidden;background:var(--surface2)}.fallback{display:none;padding:12px;background:var(--surface2);border-radius:14px;margin-top:9px;color:var(--muted);font-size:.8rem}.fallback.show{display:block}.photo-pin{width:28px;height:28px;border-radius:50% 50% 50% 0;background:#263c31;border:3px solid white;transform:rotate(-45deg);box-shadow:0 3px 10px rgba(0,0,0,.3);display:grid;place-items:center}.photo-pin span{transform:rotate(45deg);font-size:11px}.user-location-dot{width:20px;height:20px;border-radius:50%;background:#2d78ff;border:4px solid white;box-shadow:0 0 0 7px rgba(45,120,255,.2)}
.setting-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 0;border-top:1px solid var(--line)}.setting-row:first-child{border-top:0}.setting-row span:first-child{color:var(--muted)}.gear-line{display:grid;grid-template-columns:minmax(78px,96px) minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--line);align-items:start}.gear-line:first-child{border-top:0}.gear-line>div:first-child{font-size:.72rem;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;padding-top:2px}.gear-line>div:nth-child(2){min-width:0;overflow-wrap:anywhere}details.info{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:13px 14px;margin:9px 0}details.info summary{font-weight:900}
.note-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:14px;margin-bottom:10px}.note-card h3{margin:0 0 3px}textarea{width:100%;min-height:115px;resize:vertical;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:15px;padding:12px;margin-top:9px;outline:0}.save-state{text-align:right;font-size:.67rem;color:var(--muted);margin-top:4px}
.field-head{display:flex;justify-content:space-between;align-items:start;gap:10px;padding:18px 2px 2px}.field-head h1{margin:2px 0;font-size:1.25rem}.field-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);margin-top:12px}.field-card img{width:100%;height:235px;object-fit:cover}.field-body{padding:15px}.field-body h2{margin:3px 0 5px}.field-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.field-spec{background:var(--surface2);border-radius:13px;text-align:center;padding:9px}.field-spec b{display:block}.field-spec span{font-size:.63rem;color:var(--muted)}.field-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.field-controls button{border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:12px;padding:10px 5px;font-weight:850}.field-controls button.active{background:var(--accent);color:var(--bg)}.field-next{display:flex;justify-content:space-between;align-items:center;margin:13px 2px}.field-next button{border:0;background:none;color:var(--accent2);font-weight:900}
.more-section{margin-bottom:18px}.more-link{width:100%;display:flex;gap:12px;align-items:center;text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:18px;padding:14px;margin:9px 0}.more-link .ico{font-size:1.3rem;width:34px}.more-link b,.more-link small{display:block}.more-link small{color:var(--muted);margin-top:2px}
.bottom-nav{position:fixed;z-index:1100;left:50%;transform:translateX(-50%);bottom:0;width:min(780px,100%);height:calc(var(--nav) + env(safe-area-inset-bottom));padding:7px 7px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(18px);border-top:1px solid var(--line)}.nav-btn{border:0;background:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.65rem;font-weight:800;border-radius:14px}.nav-btn .ico{font-size:1.15rem}.nav-btn.active{color:var(--accent);background:var(--surface2)}.nav-btn.guide-main{transform:translateY(-10px)}.nav-btn.guide-main .ico{width:44px;height:44px;border-radius:15px;background:var(--accent);color:var(--bg);display:grid;place-items:center;box-shadow:0 7px 19px rgba(30,45,36,.2)}
.backdrop{position:fixed;inset:0;z-index:5000;background:rgba(0,0,0,.38);opacity:0;pointer-events:none;transition:.2s}.backdrop.show{opacity:1;pointer-events:auto}.drawer{position:fixed;z-index:5100;top:0;right:0;bottom:0;width:min(88vw,390px);background:var(--surface);border-left:1px solid var(--line);transform:translateX(102%);transition:.22s;padding:calc(18px + env(safe-area-inset-top)) 15px calc(20px + env(safe-area-inset-bottom));overflow:auto;box-shadow:-18px 0 45px rgba(0,0,0,.2)}.drawer.show{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-head h3{margin:2px 0}.drawer-close{width:40px;height:40px;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:13px;font-size:1.1rem}.drawer-section{margin:19px 0}.drawer-label{font-size:.67rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:900;margin:0 4px 7px}.drawer details{border:0;background:transparent;margin:5px 0}.drawer summary{padding:10px;font-weight:850}.drawer-child{padding:0 8px 8px 20px}.drawer-child button,.drawer-link{width:100%;border:0;background:none;color:var(--text);text-align:left;padding:9px;border-radius:10px}
.modal{display:none;position:fixed;z-index:6000;inset:0;background:rgba(0,0,0,.94);align-items:center;justify-content:center;padding:18px}.modal.show{display:flex}.modal img{max-width:100%;max-height:90vh}.modal button{position:absolute;right:15px;top:15px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.4);color:white;font-size:1.2rem}.toast{position:fixed;z-index:6200;left:50%;bottom:105px;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#151a16;color:white;border-radius:13px;padding:10px 13px;font-size:.78rem;transition:.18s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:680px){main{padding-left:22px;padding-right:22px}.hero{margin-left:-22px;margin-right:-22px}.guide-tabs{margin-left:-22px;margin-right:-22px}.photo-card{flex-basis:58%}}

.profile-summary{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:13px;margin-bottom:12px}
.equipment-group{margin:15px 0}.equipment-group h3{font-size:.9rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 7px}
.equipment-item{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--line)}.equipment-item:first-of-type{border-top:0}
.equipment-item .qty{min-width:28px;font-size:.72rem;font-weight:900;color:var(--muted);padding-top:2px}.equipment-item>div:last-child{min-width:0;overflow-wrap:anywhere}
.recipe-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:0;margin:9px 0;overflow:hidden}.recipe-card summary{list-style:none;padding:13px 14px;cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.recipe-card summary::-webkit-details-marker{display:none}.recipe-name{min-width:0}.recipe-name b{display:block}.recipe-base{font-size:.72rem;color:var(--muted);white-space:nowrap}.recipe-body{border-top:1px solid var(--line);padding:11px 14px 14px}.recipe-use{display:flex;gap:5px;flex-wrap:wrap;margin:7px 0 11px}.recipe-pill{font-size:.66rem;font-weight:800;padding:4px 7px;border-radius:999px;background:var(--surface2)}.recipe-library-status{font-size:.68rem;font-weight:900;color:var(--accent2);margin-top:5px}.spot-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
@media(max-width:390px){.gear-line{grid-template-columns:1fr;gap:3px}.gear-line>div:first-child{padding-top:0}}

.progress-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:13px;margin:12px 0}
.progress-top{display:flex;justify-content:space-between;gap:12px;align-items:center}
.progress-top b{font-size:.94rem}
.progress-bar{height:9px;border-radius:999px;background:var(--surface2);overflow:hidden;margin-top:9px}
.progress-fill{height:100%;background:var(--accent);width:0%;transition:width .2s ease}
.capture-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:11px;padding-top:10px;border-top:1px solid var(--line)}
.capture-status{font-size:.72rem;color:var(--muted)}
.capture-status.done{color:var(--accent2);font-weight:900}
.capture-btn{border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:12px;padding:9px 11px;font-weight:850}
.capture-btn.done{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.library-progress{font-size:.67rem;color:var(--muted);margin-top:3px}
.library-progress b{color:var(--accent2)}

/* v1.4 ZIP guide-pack import */
.dialog-modal{display:none;position:fixed;z-index:6100;inset:0;background:rgba(0,0,0,.55);align-items:flex-end;justify-content:center;padding:18px}.dialog-modal.show{display:flex}.dialog-card{width:min(100%,680px);max-height:min(82vh,760px);overflow:auto;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:24px;padding:17px;box-shadow:0 24px 70px rgba(0,0,0,.35)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dialog-head h2{margin:2px 0 0}.dialog-close{border:1px solid var(--line);background:var(--surface2);color:var(--text);width:40px;height:40px;border-radius:12px;font-size:1.2rem}.import-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:15px 0}.import-stat{background:var(--surface2);border-radius:14px;padding:10px;text-align:center}.import-stat b{display:block;font-size:1.08rem}.import-stat span{display:block;color:var(--muted);font-size:.67rem;text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.import-details{display:grid;gap:7px;max-height:42vh;overflow:auto;padding-right:2px}.import-row{display:flex;gap:9px;align-items:flex-start;background:var(--surface2);border-radius:13px;padding:10px}.import-row .badge{min-width:66px;text-align:center;font-size:.66rem;font-weight:900;text-transform:uppercase;border-radius:999px;padding:4px 6px;background:var(--surface);border:1px solid var(--line)}.import-row .copy{min-width:0}.import-row .copy b,.import-row .copy span{display:block;overflow-wrap:anywhere}.import-row .copy span{color:var(--muted);font-size:.72rem;margin-top:2px}.dialog-done{width:100%;margin-top:14px;border:0;border-radius:14px;padding:12px;background:var(--accent);color:var(--bg);font-weight:900}@media(min-width:700px){.dialog-modal{align-items:center}}@media(max-width:460px){.import-summary{grid-template-columns:repeat(2,1fr)}}

/* v1.6 offline downloads */
.offline-dialog{max-width:720px}
.offline-intro{line-height:1.5;margin:10px 0 14px}
.offline-storage{margin-top:8px}
.offline-country-list{display:grid;gap:8px;margin:12px 0}
.offline-country{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:var(--surface2);border:1px solid var(--line);border-radius:15px;padding:11px 12px}
.offline-country input{width:20px;height:20px;accent-color:var(--accent)}
.offline-country .country-copy{min-width:0}
.offline-country .country-copy b,.offline-country .country-copy span{display:block}
.offline-country .country-copy span{font-size:.75rem;color:var(--muted);margin-top:2px}
.offline-country .offline-badge{font-size:.68rem;font-weight:900;border-radius:999px;padding:5px 8px;border:1px solid var(--line);background:var(--surface)}
.offline-country .offline-badge.ready{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.offline-country .offline-badge.partial{background:var(--surface);color:var(--text)}
.offline-actions{display:grid;gap:8px;margin-top:10px}
.offline-actions.top-actions{grid-template-columns:1fr 1fr;margin-top:6px}
.offline-actions .secondary,.danger-secondary{border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:14px;padding:11px;font-weight:800}
.danger-secondary{color:#a54234}
.offline-progress{display:none;background:var(--surface2);border:1px solid var(--line);border-radius:14px;padding:11px;margin-top:10px;font-size:.8rem;line-height:1.4}
.offline-progress.show{display:block}
.offline-progress-bar{height:8px;background:var(--surface);border-radius:999px;overflow:hidden;margin-top:8px;border:1px solid var(--line)}
.offline-progress-bar span{display:block;height:100%;background:var(--accent);width:0;transition:width .15s ease}
.offline-library-note{margin-top:5px}
@media(min-width:620px){.offline-actions{grid-template-columns:1.25fr 1fr 1fr}.offline-actions.top-actions{grid-template-columns:auto auto;justify-content:start}.offline-actions.top-actions button{min-width:120px}}

/* v2.0 Travel Planner */
.nav-btn.trip-main{transform:translateY(-10px)}
.nav-btn.trip-main .ico{width:44px;height:44px;border-radius:15px;background:var(--accent);color:var(--bg);display:grid;place-items:center;box-shadow:0 7px 19px rgba(30,45,36,.2)}
.trip-dashboard-hero{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:16px;margin-bottom:10px;box-shadow:var(--shadow);cursor:pointer}
.trip-dashboard-hero h2{margin:4px 0 5px}.trip-dashboard-icon{width:66px;height:66px;border-radius:20px;background:var(--accent);color:var(--bg);display:grid;place-items:center;font-size:1.7rem}
.trip-status{display:inline-block;font-size:.68rem;font-weight:900;padding:5px 8px;border-radius:999px}.trip-status.planned{background:#dce9e1;color:#174733}.trip-status.idea{background:#eee5cf;color:#705e30}.trip-status.past{background:var(--surface2);color:var(--muted)}
.trip-view-switch{display:grid;grid-template-columns:1fr 1fr;background:var(--surface2);border-radius:15px;padding:4px;margin-top:12px}.trip-view-switch button{border:0;background:transparent;color:var(--muted);border-radius:12px;padding:9px;font-weight:850}.trip-view-switch button.active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow)}
.trip-row{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:9px;margin:7px 0;border:1px solid var(--line);background:var(--bg);border-radius:16px;cursor:pointer}.trip-row h4{margin:0 0 3px;font-size:.92rem}.trip-chevron{font-size:1.2rem;color:var(--muted)}
.trip-date-box{width:52px;height:52px;border-radius:13px;background:var(--accent);color:var(--bg);display:grid;place-items:center;text-align:center;line-height:1}.trip-date-box b{display:block;font-size:1.05rem}.trip-date-box span{display:block;font-size:.57rem;text-transform:uppercase;font-weight:900;margin-top:3px}.trip-date-box.idea{background:#8c7b50;color:white}.trip-date-box.past{background:#858985;color:white}
.trip-status-group{margin:16px 0}.trip-status-group .section-head{align-items:center}.trip-status-group .section-head h2{font-size:1.05rem}
.trip-hero{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:18px;margin:9px 0 0;box-shadow:var(--shadow)}.trip-hero h1{margin:4px 0 7px;font-size:2rem}.trip-hero p{color:var(--muted);margin:0}.trip-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.trip-hero-stats>div{background:var(--surface2);border-radius:14px;padding:10px}.trip-hero-stats b,.trip-hero-stats span{display:block}.trip-hero-stats span{font-size:.57rem;color:var(--muted);font-weight:900;margin-top:3px}.trip-tabs{margin-top:10px}
.trip-chapter{display:none}.trip-chapter.active{display:block}.trip-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.trip-edit-grid label,.trip-field{display:block}.trip-edit-grid label span,.trip-field span{display:block;font-size:.67rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:900;margin-bottom:5px}.trip-edit-grid input,.trip-field select,.trip-add-line input,.vault-input,.trip-doc-actions select{width:100%;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:13px;padding:11px;outline:0}.trip-field{margin-top:10px}.trip-note-info{background:var(--surface2);border:1px solid var(--line);border-radius:14px;padding:11px;margin:11px 0;font-size:.78rem;color:var(--muted)}.trip-simple-row{padding:9px 0;border-top:1px solid var(--line)}.trip-simple-row:first-child{border-top:0}.trip-delete{width:100%;padding:12px;border-radius:14px}
.trip-check-section{background:var(--surface);border:1px solid var(--line);border-radius:19px;padding:12px;margin:10px 0}.trip-check-section .section-head{align-items:center;margin:0 0 5px}.trip-check-section h3{margin:0;font-size:.95rem}.trip-mini{border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:10px;padding:6px 8px;font-size:.72rem;font-weight:850}.trip-mini.danger{color:#a54234}.trip-done-text{text-decoration:line-through;color:var(--muted)}.trip-add-line{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.inline-link{border:0;background:none;color:var(--accent2);font-weight:900;text-decoration:underline;padding:0 4px}
.trip-activity{display:flex;justify-content:space-between;gap:10px;align-items:center}.activity-state{border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:999px;padding:8px 10px;font-size:.7rem;font-weight:900}.activity-state.planned{background:#dce9e1;color:#174733}.activity-state.done{background:var(--accent);color:var(--bg)}
.trip-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.trip-preset{border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:15px;padding:11px;text-align:left}.trip-preset b,.trip-preset span{display:block}.trip-preset span{font-size:.68rem;color:var(--muted);margin-top:3px}.trip-picker-cat{margin:15px 0}.trip-picker-cat h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.trip-module-pick{display:flex;gap:10px;align-items:flex-start;background:var(--surface2);border:1px solid var(--line);border-radius:14px;padding:10px;margin:7px 0}.trip-module-pick input{width:19px;height:19px;accent-color:var(--accent)}.trip-module-pick b,.trip-module-pick small{display:block}.trip-module-pick small{color:var(--muted);margin-top:2px}.trip-checklist-dialog{max-width:720px}
.trip-doc-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin:12px 0}.trip-doc-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:10px;margin:7px 0}.trip-doc-row b,.trip-doc-row span{display:block;overflow-wrap:anywhere}.trip-doc-row span{font-size:.68rem;color:var(--muted)}.vault-input{margin:8px 0}.trip-chapter textarea{color:var(--text)}
@media(max-width:460px){.trip-edit-grid,.trip-preset-grid{grid-template-columns:1fr}.trip-hero-stats{grid-template-columns:1fr 1fr}.trip-doc-actions{grid-template-columns:1fr}.trip-doc-row{grid-template-columns:auto 1fr auto}.trip-doc-row button:last-child{grid-column:3}.nav-btn.trip-main{transform:translateY(-7px)}}

/* v2.1 travel detail/editor improvements */
.trip-detail-entry{padding:13px 14px}.trip-detail-entry-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:5px}.trip-detail-entry-head>div:first-child{min-width:0}.trip-detail-entry-head>div:last-child{display:flex;gap:5px;flex:none}.trip-entry-note{margin-top:7px;line-height:1.45}.trip-source-pill{display:inline-block;margin-left:7px;padding:3px 6px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);font-size:.61rem;color:var(--muted);font-weight:850;vertical-align:2px}.trip-entry-dialog{max-width:620px}.trip-entry-form{display:grid;gap:10px}.trip-entry-form label{display:grid;gap:5px;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:900}.trip-entry-form input,.trip-entry-form textarea{width:100%;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:13px;padding:11px;outline:0;text-transform:none;letter-spacing:0;font-weight:600}.trip-entry-form textarea{min-height:92px;resize:vertical}.trip-doc-actions select{min-width:0}.trip-doc-actions button{white-space:nowrap}
@media(max-width:460px){.trip-detail-entry-head{align-items:flex-start}.trip-detail-entry-head>div:last-child{flex-direction:column}.trip-source-pill{display:block;width:max-content;margin:5px 0 0}.trip-entry-dialog{max-height:92dvh}}


/* v2.2 fully editable trip checklists */
.trip-check-section{position:relative}
.trip-check-section-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;margin-bottom:7px}
.trip-check-heading{min-width:0}.trip-check-heading h3{margin:0;font-size:.95rem;overflow-wrap:anywhere}.trip-check-heading span{display:block;font-size:.67rem;color:var(--muted);margin-top:2px}
.trip-check-head-actions{display:flex;gap:6px;align-items:center}
.check-drag-handle{width:34px;height:38px;min-width:34px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--muted);font-size:1.18rem;font-weight:900;line-height:1;display:grid;place-items:center;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;padding:0}
.check-drag-handle:active{cursor:grabbing}.check-drag-handle.item-handle{width:31px;height:34px;min-width:31px;font-size:1rem}
.trip-check-items{min-height:8px}
.trip-check-items.collapsed{display:none}
.trip-check-section.collapsed{padding-bottom:12px}
.trip-check-section.collapsed .trip-check-section-head{margin-bottom:0}
.trip-collapse-btn{width:34px;height:38px;min-width:34px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--text);font-size:1rem;font-weight:900;display:grid;place-items:center;padding:0}
.trip-check-heading[role="button"]{cursor:pointer;border-radius:8px;padding:2px 3px;margin:-2px -3px}.trip-check-heading[role="button"]:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}
.trip-checklist-top-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.trip-check-item{align-items:center;padding:9px 0}.trip-check-item input{margin:0;width:21px;height:21px;min-width:21px}.trip-check-item-text{flex:1;min-width:0;overflow-wrap:anywhere}.trip-check-item .item-menu{min-width:36px;height:34px;font-size:1rem;padding:4px 8px}
.trip-empty-list{padding:10px 4px;border-top:1px solid var(--line)}
.trip-checklist-footer{display:flex;justify-content:flex-start;margin-top:13px}
.check-dragging{opacity:.72;outline:2px solid var(--accent2);outline-offset:2px;background:var(--surface2);z-index:4}
.checklist-edit-dialog{max-width:620px}.check-edit-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:16px}.check-edit-actions-right{display:flex;gap:8px;margin-left:auto}
#checkEditFields select,#checkEditFields input{width:100%;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:13px;padding:11px;outline:0}
#checkEditFields label{display:block;margin-top:10px;font-size:.75rem;font-weight:850;color:var(--muted)}
#checkEditFields label:first-child{margin-top:0}
@media(max-width:520px){.trip-check-section-head{grid-template-columns:auto auto minmax(0,1fr);align-items:start}.trip-check-head-actions{grid-column:3;justify-content:flex-end;margin-top:-2px}.trip-checklist-top-actions{width:100%;justify-content:flex-start}.check-edit-actions{align-items:stretch;flex-direction:column-reverse}.check-edit-actions-right{margin-left:0;display:grid;grid-template-columns:1fr 1fr}.check-edit-actions>.danger-secondary{width:100%}}

.hidden{display:none!important}

/* v2.5 checklist template manager */
.checklist-template-dialog{max-width:720px}
.template-manager-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px}
.check-template-card{border:1px solid var(--line);border-radius:18px;background:var(--card);margin:10px 0;overflow:hidden}
.check-template-card>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:14px;cursor:pointer}
.check-template-card>summary::-webkit-details-marker{display:none}
.check-template-card>summary .template-summary-main{flex:1;min-width:0}
.check-template-card>summary .template-summary-main b{display:block}
.check-template-card>summary .template-summary-main span{display:block;margin-top:2px}
.check-template-body{padding:0 12px 12px;border-top:1px solid var(--line)}
.check-template-toolbar{display:flex;gap:7px;flex-wrap:wrap;padding:10px 0}
.check-template-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 0;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.check-template-item:first-of-type{border-top:0}
.check-template-item-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.check-template-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:10px}
.check-template-add input{width:100%;min-width:0}

/* v2.5 solar/light card */
.solar-card{margin-top:14px}
.solar-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.solar-date-control{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.solar-date-control input{min-height:40px;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:11px;padding:7px 9px}
.solar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.solar-time{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:10px}
.solar-time span{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.solar-time b{display:block;margin-top:3px;font-size:15px}
.solar-note{margin-top:9px;font-size:12px;color:var(--muted)}
@media(max-width:480px){.solar-grid{grid-template-columns:1fr}.solar-date-control{width:100%}.solar-date-control input{width:100%}}

/* v2.5 travel overview photo + activity map links */
.trip-overview-photo{position:relative;overflow:hidden;border-radius:22px;border:1px solid var(--line);background:var(--card);margin-bottom:18px}
.trip-overview-photo img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.trip-overview-photo-copy{padding:10px 13px}
.trip-overview-photo-copy b{display:block}
.trip-overview-photo-copy span{display:block;margin-top:2px}
.trip-activity-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.trip-activity>div:first-child{min-width:0;flex:1}

/* PhotoGuide v2.9 Clean UI */
.home-page-head{padding-bottom:0}.home-page-head h1{margin-bottom:0}
.home-next-section{margin-top:18px}.home-next-section.hidden{display:none}
.home-continue-grid,.home-library-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.home-continue-grid>div{min-width:0}
.home-continue-card{position:relative;min-height:158px;border:1px solid var(--line);background:var(--surface);border-radius:21px;overflow:hidden;box-shadow:var(--shadow);cursor:pointer;color:var(--text)}
.home-continue-card.has-image{color:#fff}.home-continue-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.home-continue-card.has-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.08) 75%)}
.home-continue-card .home-continue-copy{position:relative;z-index:2;padding:14px;min-height:158px;display:flex;flex-direction:column;justify-content:flex-end}.home-continue-card .home-continue-type{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;font-weight:900;opacity:.78;margin-bottom:4px}.home-continue-card h3{font-size:1rem;margin:0 0 4px}.home-continue-card p{font-size:.72rem;margin:0;opacity:.82}.home-continue-empty{min-height:158px;border:1px dashed var(--line);border-radius:21px;padding:14px;display:flex;flex-direction:column;justify-content:center;color:var(--muted);background:var(--surface2)}
.home-library-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:21px;padding:15px;box-shadow:var(--shadow);min-width:0}.home-library-icon{width:44px;height:44px;border-radius:14px;background:var(--surface2);display:grid;place-items:center;font-size:1.3rem}.home-library-copy{min-width:0}.home-library-copy b,.home-library-copy strong,.home-library-copy small{display:block}.home-library-copy b{font-size:.76rem;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.home-library-copy strong{font-size:1.02rem;margin-top:2px}.home-library-copy small{color:var(--muted);margin-top:3px}.home-library-chevron{font-size:1.5rem;color:var(--muted)}
.home-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.home-action-card{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:18px;padding:13px 10px;text-align:center;min-height:104px}.home-action-card .ico{display:block;font-size:1.35rem;margin-bottom:7px}.home-action-card b,.home-action-card small{display:block}.home-action-card small{color:var(--muted);font-size:.69rem;margin-top:3px;line-height:1.25}
.home-next-trip{position:relative;border:1px solid var(--line);background:var(--surface);border-radius:23px;overflow:hidden;box-shadow:var(--shadow);cursor:pointer;min-height:190px}.home-next-trip img{width:100%;height:190px;object-fit:cover;display:block}.home-next-trip.has-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.84),rgba(0,0,0,.08) 75%)}.home-next-trip-copy{position:absolute;z-index:2;left:16px;right:16px;bottom:15px;color:#fff}.home-next-trip:not(.has-image) .home-next-trip-copy{position:relative;color:var(--text);bottom:auto;padding:18px;left:auto;right:auto}.home-next-trip h2{margin:4px 0 5px}.home-next-trip-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.home-next-pill{font-size:.72rem;font-weight:800;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 8px}.home-next-trip:not(.has-image) .home-next-pill{background:var(--surface2);border-color:var(--line)}

/* Equal bottom navigation: no elevated primary content type. */
.nav-btn.trip-main,.nav-btn.guide-main{transform:none!important}.nav-btn.trip-main .ico,.nav-btn.guide-main .ico{width:auto!important;height:auto!important;border-radius:0!important;background:none!important;color:inherit!important;display:block!important;box-shadow:none!important}.nav-btn.active .ico{color:var(--accent)}

/* More becomes a compact category hub with focused subpages. */
.more-hub-grid{display:grid;gap:10px;padding-bottom:18px}.more-hub-card{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:20px;padding:16px;box-shadow:var(--shadow)}.more-hub-card>.ico{width:42px;height:42px;border-radius:13px;background:var(--surface2);display:grid;place-items:center;font-size:1.25rem}.more-hub-card b,.more-hub-card small{display:block}.more-hub-card small{color:var(--muted);margin-top:3px;line-height:1.3}.more-hub-card .chev{font-size:1.45rem;color:var(--muted)}
.more-panel{padding-bottom:12px}.more-panel-head{display:flex;align-items:center;gap:12px;padding:21px 2px 12px}.more-panel-head h1{font-size:1.82rem;margin:3px 0 0}.more-back{width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:1.2rem;font-weight:900}.more-subhead{margin:24px 0 8px}.more-subhead h2{font-size:1.13rem;margin:0}.more-primary-link{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.more-primary-link .ico{color:var(--accent)}

@media(max-width:520px){
 .home-continue-grid,.home-library-grid{grid-template-columns:1fr 1fr}
 .home-continue-card,.home-continue-card .home-continue-copy,.home-continue-empty{min-height:146px}
 .home-library-card{grid-template-columns:auto minmax(0,1fr);padding:13px}.home-library-chevron{display:none}.home-library-icon{width:38px;height:38px}.home-library-copy strong{font-size:.92rem}.home-library-copy small{font-size:.68rem}
 .home-action-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:350px){.home-continue-grid,.home-library-grid{grid-template-columns:1fr}.home-action-grid{grid-template-columns:1fr 1fr 1fr}.home-action-card{min-height:96px;padding:10px 6px}}

/* =========================================================
   PhotoGuide v3.0 · Recipes + six-section navigation
   ========================================================= */
.bottom-nav{grid-template-columns:repeat(6,1fr);padding-left:5px;padding-right:5px}
.nav-btn{min-width:0;gap:4px;font-size:.61rem;padding:4px 1px}
.nav-btn .ico{font-size:inherit;width:24px;height:24px;display:grid;place-items:center}
.nav-btn .ico svg{width:22px;height:22px;display:block}
.nav-btn.active .ico{color:var(--accent)}
@media(max-width:380px){.nav-btn{font-size:.57rem}.nav-btn .ico{width:22px;height:22px}.nav-btn .ico svg{width:20px;height:20px}}

.recipe-page-head{padding-bottom:10px}
.recipe-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:4px 0 12px}
.recipe-stat{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:13px 10px;text-align:center;box-shadow:var(--shadow)}
.recipe-stat b{display:block;font-size:1.45rem}.recipe-stat span{display:block;margin-top:2px;color:var(--muted);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.recipe-primary-actions{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:8px;margin-bottom:18px}.recipe-primary-actions button{min-height:44px}
.recipe-camera-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:var(--shadow);margin:15px 0 24px}
.recipe-camera-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.recipe-camera-top h2{margin:3px 0 0;font-size:1.25rem}.beta-pill{display:inline-block;vertical-align:middle;font-size:.58rem;letter-spacing:.07em;padding:4px 6px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);color:var(--muted)}
.camera-dot{width:12px;height:12px;border-radius:50%;background:var(--line);margin-top:5px;box-shadow:0 0 0 4px var(--surface2)}.camera-dot.online{background:var(--accent)}
.camera-status{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface2);border-radius:14px;padding:10px 12px;margin:12px 0}.camera-status b{font-size:.86rem}.camera-status span{font-size:.72rem;color:var(--muted);text-align:right;overflow-wrap:anywhere}
.recipe-camera-actions{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:7px}.recipe-camera-actions button:disabled,.pack-send-row button:disabled{opacity:.45}
.camera-safety{display:flex;gap:10px;align-items:flex-start;background:var(--surface2);border-radius:14px;padding:11px 12px;margin-top:12px}.camera-safety b{font-size:.76rem;white-space:nowrap}.camera-safety span{font-size:.71rem;color:var(--muted);line-height:1.4}
.camera-readback{border-top:1px solid var(--line);margin-top:14px;padding-top:13px}.caps{text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--muted)}
.camera-slot-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:8px 0}.camera-slot-strip button{min-width:0;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:11px;padding:8px 3px}.camera-slot-strip b,.camera-slot-strip span{display:block}.camera-slot-strip b{font-size:.67rem}.camera-slot-strip span{font-size:.53rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.text-button{border:0;background:none;color:var(--accent);font-weight:850;padding:5px 0;font-size:.72rem}

.recipe-pack-section{margin-top:20px}.pack-toolbar{display:grid;grid-template-columns:1fr auto auto;gap:7px;align-items:end;margin-bottom:10px}.pack-toolbar label>span,.recipe-send-slot>span,.recipe-form-grid label>span{display:block;font-size:.69rem;color:var(--muted);font-weight:850;margin-bottom:5px}.pack-toolbar select,.camera-pack-slot select,.recipe-send-slot select,.recipe-form-grid input,.recipe-form-grid select,.recipe-form-grid textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:10px;font:inherit}.icon-square{width:42px;height:42px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;font-weight:900}.danger-text{color:var(--danger,#a54646)}
.camera-pack-grid{display:grid;gap:7px}.camera-pack-slot{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(125px,1.2fr);gap:9px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:9px}.slot-badge{width:35px;height:35px;border-radius:11px;background:var(--accent);color:var(--bg);display:grid;place-items:center;font-weight:950;font-size:.75rem}.pack-slot-copy{min-width:0}.pack-slot-copy b,.pack-slot-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pack-slot-copy b{font-size:.8rem}.pack-slot-copy small{font-size:.64rem;color:var(--muted);margin-top:2px}.camera-pack-slot select{font-size:.72rem;padding:8px}.pack-send-row{display:flex;gap:10px;align-items:center;margin-top:10px}.pack-send-row span{line-height:1.35}

.recipe-tools{display:grid;gap:9px}.recipe-tools .searchbox{margin:0}.recipe-filter-chips{display:flex;gap:6px;overflow-x:auto;padding:1px 0 4px;scrollbar-width:none}.recipe-filter-chips::-webkit-scrollbar{display:none}.recipe-chip{white-space:nowrap;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:.68rem;font-weight:850}.recipe-chip.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.recipe-manager-list{display:grid;gap:9px;margin-top:11px}.recipe-manager-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:13px 14px;box-shadow:var(--shadow)}.recipe-manager-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.recipe-manager-head h3{font-size:1rem;margin:5px 0 2px}.recipe-labels{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.recipe-id,.recipe-set,.recipe-slot-hint{font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:4px 7px;background:var(--surface2);color:var(--muted)}.recipe-id{background:var(--accent);color:var(--bg)}.recipe-expand{border:1px solid var(--line);background:var(--surface2);color:var(--text);width:34px;height:34px;border-radius:10px;font-size:1rem}.recipe-notes{margin:8px 0 2px;line-height:1.4}.recipe-manager-body{border-top:1px solid var(--line);margin-top:11px;padding-top:11px}.recipe-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 9px}.recipe-setting{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding:6px 0;font-size:.7rem}.recipe-setting span{color:var(--muted)}.recipe-setting b{text-align:right}.recipe-card-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.recipe-card-actions button{padding:8px 5px;font-size:.67rem}.empty-state{background:var(--surface);border:1px dashed var(--line);border-radius:18px;padding:22px;text-align:center}.empty-state b,.empty-state span{display:block}.empty-state span{font-size:.75rem;color:var(--muted);margin-top:4px}

.recipe-edit-dialog{width:min(100%,760px)}.recipe-form-section{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.recipe-form-section h3{margin:0 0 11px}.recipe-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.recipe-form-grid .span2{grid-column:span 2}.recipe-form-grid textarea{resize:vertical;min-height:68px}.recipe-send-slot{display:block;margin:14px 0}.recipe-send-dialog{width:min(100%,520px)}

@media(max-width:560px){
 .recipe-primary-actions{grid-template-columns:1.35fr .9fr .9fr}
 .recipe-camera-actions{grid-template-columns:1fr 1fr}.recipe-camera-actions button:last-child{grid-column:span 2}
 .camera-pack-slot{grid-template-columns:auto 1fr}.camera-pack-slot select{grid-column:2}
 .recipe-card-actions{grid-template-columns:1fr 1fr}
 .recipe-form-grid{grid-template-columns:1fr}.recipe-form-grid .span2{grid-column:span 1}
}
@media(max-width:390px){.recipe-dashboard{gap:5px}.recipe-stat{padding:10px 4px}.recipe-stat b{font-size:1.2rem}.recipe-primary-actions{grid-template-columns:1fr 1fr 1fr}.recipe-primary-actions button{padding:9px 5px;font-size:.72rem}.camera-slot-strip{gap:3px}.camera-slot-strip button{padding:7px 1px}.camera-slot-strip span{display:none}.recipe-settings-grid{grid-template-columns:1fr}}

/* =========================================================
   JourneyLens v3.1 · brand, rich navigation & content library
   ========================================================= */
.brand{gap:11px}.brandmark-rich{padding:0;background:transparent!important;overflow:hidden}.brandmark-rich svg{width:48px;height:48px;display:block}.brandcopy>div{display:flex;align-items:baseline;gap:0;font-size:1.04rem;letter-spacing:.015em}.brandcopy strong{font-weight:950}.brandcopy span{font-weight:550}.brandcopy small{display:block;margin-top:1px;font-size:.50rem;letter-spacing:.11em;color:var(--muted);font-weight:900}
.feature-icon{box-shadow:inset 0 0 0 1px rgba(255,255,255,.20)}.feature-icon.photo{background:linear-gradient(145deg,#e3f0ef,#b7dde2);color:#17606d}.feature-icon.trips{background:linear-gradient(145deg,#fff0c9,#f4b45a);color:#6b4315}.feature-icon.import{background:linear-gradient(145deg,#dcefe3,#a9d4b8);color:#22593b}.feature-icon.export{background:linear-gradient(145deg,#e8e0f6,#c8b5eb);color:#593d88}.feature-icon.drive{background:linear-gradient(145deg,#dcecf9,#a9c9ed);color:#265b8c}
.home-library-card:first-child{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 86%,#dff3f2),var(--surface))}.home-library-card:nth-child(2){background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 84%,#fff0c8),var(--surface))}
.home-action-card{padding:10px 8px 12px;overflow:hidden}.home-action-visual{width:100%;height:48px;border-radius:13px;margin:0 auto 8px;display:grid;place-items:center;position:relative;overflow:hidden}.home-action-visual.import-art{background:linear-gradient(135deg,#cfe8d7,#f4e9c7);color:#254d36}.home-action-visual.import-art span{font-size:1.65rem;font-weight:700;z-index:2}.home-action-visual.import-art i{position:absolute;width:42px;height:24px;border:2px solid currentColor;border-top:0;border-radius:0 0 8px 8px;bottom:6px;opacity:.36}.home-action-visual.offline-art{background:linear-gradient(135deg,#d9e7f5,#c7d4ec);color:#315d86}.home-action-visual.offline-art span{font-size:1.55rem;font-weight:900;z-index:2}.home-action-visual.offline-art i{position:absolute;width:36px;height:8px;border-radius:99px;background:currentColor;bottom:8px;opacity:.25}.home-action-visual.map-art{background:linear-gradient(135deg,#dff0dd,#f7deb0);color:#397159}.home-action-visual.map-art svg{width:68px;height:42px;fill:#dd6959}

/* Every bottom-nav destination gets a recognizable color, while remaining equal. */
.nav-btn .ico{border-radius:9px;transition:.16s;background:var(--surface2)}
.nav-btn[data-nav="home"] .ico{color:#416c5a;background:color-mix(in srgb,#b8dccb 38%,var(--surface2))}
.nav-btn[data-nav="library"] .ico{color:#267184;background:color-mix(in srgb,#bfe9ef 42%,var(--surface2))}
.nav-btn[data-nav="trips"] .ico{color:#99621f;background:color-mix(in srgb,#f5d28f 44%,var(--surface2))}
.nav-btn[data-nav="recipes"] .ico{color:#77539a;background:color-mix(in srgb,#dac8ee 43%,var(--surface2))}
.nav-btn[data-nav="map"] .ico{color:#4f7b45;background:color-mix(in srgb,#cce7bd 42%,var(--surface2))}
.nav-btn[data-nav="more"] .ico{color:#667078;background:color-mix(in srgb,#dce0e3 50%,var(--surface2))}
.nav-btn.active{background:transparent;color:var(--text)}.nav-btn.active .ico{transform:translateY(-1px);box-shadow:0 4px 12px rgba(24,48,38,.14);outline:1px solid color-mix(in srgb,currentColor 26%,transparent)}

.drawer-head{align-items:flex-start}.drawer-brand{display:flex;gap:10px;align-items:center}.drawer-brandmark{width:44px;height:44px;border-radius:14px;overflow:hidden}.drawer-brandmark svg{width:44px;height:44px}.drawer-library-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.drawer-library-card{border:1px solid var(--line);border-radius:17px;padding:13px 11px;background:var(--surface2);color:var(--text);text-align:left;min-width:0}.drawer-library-card>span{font-size:1.35rem}.drawer-library-card b,.drawer-library-card small{display:block}.drawer-library-card b{margin-top:8px}.drawer-library-card small{font-size:.65rem;color:var(--muted);margin-top:2px;line-height:1.25}.drawer-library-card.photo{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 70%,#ccecef),var(--surface))}.drawer-library-card.trips{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 70%,#ffe1a4),var(--surface))}.drawer-link.rich-link{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:11px;padding:10px 9px}.drawer-link.rich-link b,.drawer-link.rich-link small{display:block}.drawer-link.rich-link small{font-size:.65rem;color:var(--muted);margin-top:2px}.drawer-link-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--surface2);font-size:1rem}.drawer-link.recipes .drawer-link-icon{background:#e7daf2}.drawer-link.map .drawer-link-icon{background:#dcebd5}.drawer-link.import .drawer-link-icon{background:#d8eadf;color:#2f6746;font-weight:950}.drawer-link.export .drawer-link-icon{background:#e5dcf2;color:#66468d;font-weight:950}.drawer-photo-tree{border-top:1px solid var(--line);padding-top:15px}

.recipe-primary-actions{display:flex!important;align-items:center;gap:12px}.recipe-primary-actions .primary{flex:0 0 auto}.recipe-content-hint{line-height:1.35}

.source-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.source-choice{border:1px solid var(--line);border-radius:19px;padding:18px 12px;background:var(--surface);color:var(--text);text-align:left}.source-choice.device{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 75%,#dcefe3),var(--surface))}.source-choice.drive{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 75%,#dcecf9),var(--surface))}.source-choice-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.45);font-size:1.35rem;margin-bottom:12px}.source-choice b,.source-choice small{display:block}.source-choice small{color:var(--muted);margin-top:3px;line-height:1.3}
.content-export-dialog{width:min(100%,760px);max-height:min(86vh,800px);display:flex;flex-direction:column}.content-export-filters{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;flex:0 0 auto}.content-export-list{display:grid;gap:8px;overflow:auto;min-height:120px;padding:3px 1px 10px}.content-export-row,.drive-content-row{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:10px 11px}.content-export-row.selected{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.content-export-row>input{width:18px;height:18px;accent-color:var(--accent)}.content-type-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:1.1rem;background:var(--surface2)}.content-type-icon.photoguide{background:#d8eef1}.content-type-icon.travelplan{background:#f7dfa8}.content-type-icon.photorecipe{background:#e7daf2}.content-type-icon.recipepack{background:#dcebd5}.content-export-copy{min-width:0}.content-export-copy b,.content-export-copy small,.content-export-copy em{display:block}.content-export-copy small{color:var(--muted);margin-top:2px;font-size:.68rem}.drive-save-state{font-style:normal;font-size:.62rem;color:#4c765e;margin-top:4px}.drive-save-state.dirty{color:#a66a28}.content-export-footer{border-top:1px solid var(--line);padding-top:11px;display:flex;justify-content:space-between;align-items:center;gap:10px}.content-export-footer>div{display:flex;gap:7px}.drive-content-row{grid-template-columns:auto minmax(0,1fr) auto}.drive-content-row b,.drive-content-row small{display:block}.drive-content-row small{color:var(--muted);font-size:.66rem;margin-top:2px}.compact-dialog{width:min(100%,540px)}

@media(max-width:520px){.brandcopy small{font-size:.45rem}.source-choice-grid{grid-template-columns:1fr 1fr}.content-export-footer{align-items:flex-start;flex-direction:column}.content-export-footer>div{width:100%}.content-export-footer button{flex:1}.drawer-library-grid{grid-template-columns:1fr 1fr}}
@media(max-width:360px){.brandcopy small{display:none}.source-choice-grid{grid-template-columns:1fr}.drawer-library-grid{grid-template-columns:1fr}}
.drawer-quick-access{border-top:1px solid var(--line);padding-top:15px}.drawer-quick-group{border:1px solid var(--line)!important;background:var(--surface2)!important;border-radius:14px!important;padding:0!important;margin:7px 0!important;overflow:hidden}.drawer-quick-group summary{list-style:none;padding:11px 12px!important;cursor:pointer}.drawer-quick-group summary::-webkit-details-marker{display:none}.drawer-quick-group[open] summary{border-bottom:1px solid var(--line)}.drawer-quick-group #drawerTree,.drawer-quick-group #drawerTripTree{padding:5px 7px 8px}.drawer-trip-link{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;text-align:left;border:0;background:transparent;color:var(--text);padding:8px;border-radius:10px}.drawer-trip-link:hover{background:var(--surface)}.drawer-trip-link b,.drawer-trip-link small{display:block}.drawer-trip-link b{font-size:.75rem}.drawer-trip-link small{font-size:.61rem;color:var(--muted);margin-top:2px}

/* v3.3 recipe matching + export bulk selection */
.content-export-bulk{display:flex;gap:7px;align-items:center;padding:0 0 8px;flex:0 0 auto}.content-export-bulk button{font-size:.72rem}
.recipe-match-section{margin-top:18px}.recipe-match-section .section-head>div{min-width:0}.recipe-match-section .section-head h2{margin-bottom:2px}.recipe-match-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:11px;margin:8px 0}.recipe-match-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--surface2);font-size:1.15rem}.recipe-match-copy{min-width:0}.recipe-match-copy b,.recipe-match-copy span,.recipe-match-copy small{display:block}.recipe-match-copy span{font-size:.68rem;color:var(--muted);margin-top:2px}.recipe-match-copy small{font-size:.62rem;color:#54705e;margin-top:3px}.recipe-match-actions{display:flex;gap:5px;align-items:center}.recipe-match-remove{border:0;background:transparent;color:var(--muted);font-size:1.2rem;width:30px;height:30px;border-radius:9px}.recipe-match-remove:hover{background:var(--surface2)}.recipe-match-dialog{width:min(100%,680px);max-height:min(86vh,820px);display:flex;flex-direction:column}.recipe-match-picker{display:grid;gap:7px;overflow:auto;padding:3px 1px 10px;min-height:120px}.recipe-match-pick-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:9px 10px}.recipe-match-pick-row>span{font-size:1.05rem}.recipe-match-pick-row b,.recipe-match-pick-row small{display:block}.recipe-match-pick-row small{font-size:.65rem;color:var(--muted);margin-top:2px}
@media(max-width:520px){.content-export-bulk{width:100%}.content-export-bulk button{flex:1}.recipe-match-card{grid-template-columns:auto minmax(0,1fr)}.recipe-match-actions{grid-column:2;justify-content:flex-start}.recipe-match-section .section-head{align-items:flex-start}}

/* ========================================================================== 
   Travel & Photography Guide v4.0 — Sharing
   ========================================================================== */
.trip-title-row{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}.trip-title-row h1{margin-right:auto}.trip-share-button{border:0;border-radius:14px;background:rgba(255,255,255,.9);color:#19382c;font-weight:750;padding:10px 13px;white-space:nowrap;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.share-collection-list{display:grid;gap:12px}.share-collection-card{border:1px solid var(--line,#d8d5cd);border-radius:18px;background:var(--card,#fff);padding:15px}.share-collection-card.disabled{opacity:.65}.share-collection-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.share-collection-head b{display:block;font-size:1rem}.share-collection-head span{display:block;font-size:.78rem;color:var(--muted,#6a6b66);margin-top:3px}.share-status-pill{font-size:.7rem!important;font-weight:800;letter-spacing:.08em;background:#dcecdf;color:#2c6046;border-radius:999px;padding:5px 8px}.share-collection-card.disabled .share-status-pill{background:#ece8e2;color:#6f6961}.share-count-row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.share-count-row span{background:var(--soft,#f4f2ed);border-radius:999px;padding:5px 9px;font-size:.78rem}.share-card-actions{display:flex;gap:7px;flex-wrap:wrap}
.share-builder-dialog{width:min(760px,calc(100vw - 24px));max-height:92vh;overflow:auto}.share-builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.share-field{display:grid;gap:5px;font-size:.82rem;font-weight:700}.share-pick-group{border:1px solid var(--line,#d8d5cd);border-radius:16px;margin:12px 0;background:var(--card,#fff);overflow:hidden}.share-pick-group>summary{padding:13px 14px;font-weight:800;cursor:pointer;display:flex;justify-content:space-between}.share-pick-list{max-height:260px;overflow:auto;border-top:1px solid var(--line,#d8d5cd)}.share-pick-row{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-bottom:1px solid var(--line-soft,#ece9e2)}.share-pick-row input{margin-top:3px}.share-pick-row span{min-width:0}.share-pick-row b,.share-pick-row small{display:block}.share-pick-row small{color:var(--muted,#6a6b66);margin-top:2px}.share-pick-subhead{padding:8px 12px 5px;font-size:.72rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#6a6b66);background:var(--soft,#f4f2ed)}.share-option-line{display:flex;gap:9px;padding:10px 12px;font-size:.82rem;background:var(--soft,#f4f2ed)}.share-permissions{border:1px solid var(--line,#d8d5cd);border-radius:16px;padding:13px 14px;display:grid;gap:9px}.share-permissions h3{margin:0 0 3px}.share-permissions label{display:flex;gap:8px;align-items:flex-start;font-size:.88rem}.share-permissions small{color:var(--muted,#6a6b66)}

/* Shared read-only app */
.shared-app{min-height:100dvh;background:var(--bg,#f3f1ec);color:var(--text,#20231f);padding-bottom:82px}.tpg-shared #app,.tpg-shared #drawer,.tpg-shared #drawerBackdrop,.tpg-shared .dialog-modal,.tpg-shared .modal,.tpg-shared .toast,.tpg-shared body>input{display:none!important}.tpg-shared #sharedApp{display:block!important}.shared-topbar{position:sticky;top:0;z-index:50;background:rgba(243,241,236,.94);backdrop-filter:blur(16px);border-bottom:1px solid #d8d5cd;padding:10px max(14px,env(safe-area-inset-left))}.shared-brand{display:flex;align-items:center;gap:10px;max-width:980px;margin:auto}.shared-brand .brandmark{width:38px;height:38px;flex:0 0 38px}.shared-brand b{display:block;font-size:.8rem;letter-spacing:.04em}.shared-brand span{display:block;font-size:.72rem;color:#6b6c67;margin-top:2px}.shared-main{max-width:980px;margin:auto}.shared-page{padding:18px 14px 30px}.shared-page-head{padding:8px 2px 12px}.shared-page-head h1{margin:3px 0 5px}.shared-page-head p{color:var(--muted,#6a6b66);margin:.25rem 0}.shared-collection-hero{min-height:250px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#17392c,#315e4a);position:relative;margin-bottom:15px;box-shadow:0 9px 28px rgba(25,56,44,.16)}.shared-collection-hero.has-image:before{content:"";position:absolute;inset:0;background-image:var(--share-hero);background-size:cover;background-position:center}.shared-collection-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.68))}.shared-hero-overlay{position:absolute;z-index:2;left:0;right:0;bottom:0;color:white;padding:22px}.shared-hero-overlay h1{font-size:1.8rem;margin:5px 0}.shared-hero-overlay p{margin:0 0 12px;opacity:.9}.shared-count-pills{display:flex;gap:7px;flex-wrap:wrap}.shared-count-pills span{background:rgba(255,255,255,.17);backdrop-filter:blur(8px);padding:6px 9px;border-radius:999px;font-size:.78rem}.shared-two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shared-library-tile,.shared-wide-tile{border:1px solid var(--line,#d8d5cd);background:var(--card,#fff);border-radius:18px;padding:16px;text-align:left;color:inherit}.shared-library-tile>span{font-size:1.6rem}.shared-library-tile b,.shared-library-tile small{display:block}.shared-library-tile b{margin-top:8px}.shared-library-tile small,.shared-wide-tile small{color:var(--muted,#6a6b66);margin-top:4px}.shared-wide-tile{width:100%;margin-top:10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px}.shared-wide-tile>span:first-child{font-size:1.5rem}.shared-privacy-note{margin-top:12px;border:1px solid #d8d5cd;border-radius:14px;padding:11px 12px;background:rgba(255,255,255,.58);font-size:.8rem;color:#656760}.shared-nav{position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-top:1px solid #d8d5cd;padding:6px 8px max(6px,env(safe-area-inset-bottom));display:flex;justify-content:center}.shared-nav button{flex:1;max-width:130px;border:0;background:transparent;border-radius:13px;padding:6px 3px;color:#6a6b66;display:grid;gap:1px;justify-items:center}.shared-nav button span{font-size:1.15rem}.shared-nav button b{font-size:.68rem}.shared-nav button.active{background:#e3eee7;color:#19382c}.shared-group{margin:10px 0 20px}.shared-group h2{font-size:1.05rem}.shared-card-list{display:grid;gap:9px}.shared-content-card{width:100%;border:1px solid var(--line,#d8d5cd);background:var(--card,#fff);border-radius:16px;padding:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;overflow:hidden;text-align:left;color:inherit}.shared-content-card img{width:86px;height:74px;object-fit:cover}.shared-content-card>span{padding:12px 0;min-width:0}.shared-content-card:not(:has(img))>span{padding-left:13px}.shared-content-card b,.shared-content-card small{display:block}.shared-content-card small{margin-top:4px;color:var(--muted,#6a6b66);font-size:.76rem}.shared-content-card i{font-style:normal;padding-right:13px;font-size:1.2rem}.shared-recipe-card{border:1px solid var(--line,#d8d5cd);background:var(--card,#fff);border-radius:16px;padding:13px;margin:9px 0}.shared-recipe-card>summary{display:flex;justify-content:space-between;cursor:pointer}.shared-recipe-card>summary b,.shared-recipe-card>summary small{display:block}.shared-recipe-card>summary small{color:var(--muted,#6a6b66);margin-top:3px}.shared-recipe-head{display:flex;justify-content:space-between;gap:10px}.shared-recipe-head b,.shared-recipe-head small{display:block}.shared-recipe-head small{color:var(--muted,#6a6b66);margin-top:3px}.shared-recipe-settings{margin:10px 0;display:grid;gap:1px}.shared-recipe-settings>div{display:grid;grid-template-columns:minmax(120px,.75fr) 1fr;gap:10px;padding:7px 0;border-bottom:1px solid var(--line-soft,#ece9e2);font-size:.8rem}.shared-recipe-settings span{color:var(--muted,#6a6b66)}.shared-pack-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:6px;margin-top:10px}.shared-pack-slots span{background:var(--soft,#f4f2ed);border-radius:10px;padding:8px;font-size:.78rem}.shared-map{height:min(62vh,540px);min-height:350px;border-radius:18px;overflow:hidden;border:1px solid #d8d5cd}.shared-back{border:0;background:transparent;color:#315b48;font-weight:750;padding:6px 0;margin-bottom:9px}.shared-detail-hero{border-radius:23px;overflow:hidden;background:var(--card,#fff);border:1px solid var(--line,#d8d5cd)}.shared-detail-hero img{width:100%;height:240px;object-fit:cover;display:block}.shared-detail-hero>div{padding:18px}.shared-detail-hero h1{margin:4px 0 8px}.shared-detail-hero p{color:var(--muted,#6a6b66);margin:0}.shared-trip-dates{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.shared-trip-dates span{background:var(--card,#fff);border:1px solid var(--line,#d8d5cd);border-radius:14px;padding:10px;text-align:center}.shared-trip-dates b,.shared-trip-dates small{display:block}.shared-trip-dates small{font-size:.62rem;color:var(--muted,#6a6b66);margin-top:3px}.shared-tabs{display:flex;overflow:auto;gap:6px;margin:12px -14px 8px;padding:0 14px 7px;scrollbar-width:none}.shared-tabs button{border:1px solid var(--line,#d8d5cd);background:var(--card,#fff);color:inherit;border-radius:999px;padding:8px 11px;white-space:nowrap;font-weight:700}.shared-tabs button.active{background:#19382c;color:white;border-color:#19382c}.shared-section{padding:7px 0 20px}.shared-section h2{font-size:1.15rem}.shared-section h3{font-size:.95rem;margin-top:18px}.shared-info-card{background:var(--card,#fff);border:1px solid var(--line,#d8d5cd);border-radius:15px;padding:12px;margin:8px 0}.shared-info-card>b,.shared-info-card>span{display:block}.shared-info-card>span{font-size:.76rem;color:var(--muted,#6a6b66);margin-top:3px}.shared-info-card p{font-size:.84rem;line-height:1.45}.shared-link{display:inline-block;text-decoration:none;color:#315b48;font-weight:750;font-size:.8rem;margin:4px 8px 2px 0}.shared-link-list{display:flex;gap:7px;flex-wrap:wrap}.shared-activity{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start;background:var(--card,#fff);border:1px solid var(--line,#d8d5cd);border-radius:15px;padding:12px;margin:8px 0}.shared-activity b,.shared-activity span{display:block}.shared-activity span{font-size:.74rem;color:var(--muted,#6a6b66);margin-top:3px}.shared-activity p{font-size:.82rem}.shared-check-section{background:var(--card,#fff);border:1px solid var(--line,#d8d5cd);border-radius:14px;margin:8px 0;overflow:hidden}.shared-check-section summary{padding:11px 12px;font-weight:800}.shared-check-section label{display:flex;gap:9px;padding:9px 12px;border-top:1px solid var(--line-soft,#ece9e2);font-size:.84rem}.shared-key-grid,.shared-solar{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:10px 0}.shared-key-grid>div,.shared-solar>div{background:var(--card,#fff);border:1px solid var(--line,#d8d5cd);border-radius:13px;padding:10px}.shared-key-grid span,.shared-solar span{display:block;font-size:.68rem;text-transform:uppercase;color:var(--muted,#6a6b66)}.shared-key-grid b,.shared-solar b{display:block;margin-top:3px;font-size:.88rem}.shared-solar>small{grid-column:1/-1;color:var(--muted,#6a6b66);font-size:.72rem}.shared-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.shared-image-grid figure{margin:0;background:var(--card,#fff);border:1px solid var(--line,#d8d5cd);border-radius:16px;overflow:hidden}.shared-image-grid img{width:100%;height:190px;object-fit:cover}.shared-image-grid figcaption{padding:11px}.shared-image-grid b,.shared-image-grid span,.shared-image-grid small{display:block}.shared-image-grid span{font-size:.8rem;margin-top:5px}.shared-image-grid small{font-size:.7rem;color:var(--muted,#6a6b66);margin-top:5px}.shared-loading,.shared-error{min-height:100dvh;display:grid;place-content:center;text-align:center;gap:8px;padding:28px}.shared-loading b,.shared-error b{font-size:1.25rem}.shared-loading span,.shared-error span,.shared-error small{color:#6a6b66;max-width:520px}
@media(max-width:620px){.share-builder-grid{grid-template-columns:1fr}.trip-title-row{display:block}.trip-share-button{margin:8px 0 2px}.shared-detail-hero img{height:190px}.shared-two-col{grid-template-columns:1fr 1fr}.shared-trip-dates{grid-template-columns:1fr 1fr 1fr}.shared-recipe-head{display:block}.shared-recipe-head button{margin-top:8px}.brandcopy div{font-size:.78rem}}
