:root{--sand:#f4eddf;--mist:#dce7e1;--panel:#fffaf0;--ink:#22302e;--muted:#66736d;--charcoal:#26312f;--kauri:#2e5d44;--river:#277e8f;--fjord:#21537c;--tussock:#b78b3b;--marker:#d25b36;--shell:#8e6653;--line:#22302e29;--shadow:0 18px 48px #22302e24}*{box-sizing:border-box}html{scroll-behavior:smooth;background:radial-gradient(circle at 10% 4%,#277e8f33,#0000 32%),linear-gradient(135deg,#f7efe0 0%,#e2ece5 48%,#cadce2 100%);min-height:100%;scroll-padding-top:92px}body{min-height:100%;color:var(--ink);margin:0;font-family:Avenir Next,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.site-footer{color:var(--muted);border-top:1px solid #22302e24;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:18px 4px 0;font-size:.84rem;display:flex}.site-footer>div{gap:4px;display:grid}.site-footer strong{color:var(--ink)}.site-footer nav{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.site-footer a{align-items:center;gap:6px;font-weight:800;text-decoration:none;display:inline-flex}.site-footer a:hover{color:var(--kauri);text-underline-offset:3px;text-decoration:underline}@media (max-width:640px){.site-footer{flex-direction:column;align-items:flex-start}}.page-shell{width:min(1440px,100% - 32px);margin:0 auto;padding:24px 0 40px}.hero-panel{min-height:360px;box-shadow:var(--shadow);background:linear-gradient(#fffaf0b3 1px,#0000 1px) 0 0/42px 42px,linear-gradient(90deg,#fffaf0b3 1px,#0000 1px) 0 0/42px 42px,linear-gradient(130deg,#f4eddff2,#cee0ddeb);border:1px solid #22302e2e;border-radius:22px;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:28px;display:grid;position:relative;overflow:hidden}.route-map{min-height:360px;position:relative;overflow:hidden}.range{opacity:.88;clip-path:polygon(0 76%,12% 54%,22% 68%,36% 34%,51% 62%,64% 24%,80% 60%,91% 42%,100% 72%,100% 100%,0 100%);height:42%;display:block;position:absolute;inset:auto 0 0}.range-one{background:#2e5d4447}.range-two{background:#21537c2e;height:55%;transform:translateY(26px)scaleX(1.08)}.range-three{background:#b78b3b33;height:31%;transform:translateY(44px)scaleX(1.14)}.trail-line{border-left:5px dashed #d25b36b3;border-radius:48% 62% 38% 56%;width:52%;height:80%;position:absolute;top:10%;left:12%;transform:rotate(21deg)}.map-icon{color:#22302eb8;position:absolute}.map-icon.sea{width:54px;height:54px;color:var(--river);top:18%;left:8%}.map-icon.peak{width:70px;height:70px;color:var(--kauri);top:22%;right:18%}.map-icon.steps{width:52px;height:52px;color:var(--marker);top:44%;left:41%}.hero-copy{align-self:center;padding:30px 42px 124px 0}.eyebrow{color:var(--marker);letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:.82rem;font-weight:700}h1{max-width:720px;color:var(--charcoal);letter-spacing:0;margin:0;font-size:clamp(2.2rem,5vw,5.2rem);line-height:.95}.hero-copy p:last-child{color:#495a55;max-width:620px;margin:18px 0 0;font-size:1.05rem;line-height:1.55}.summit-strip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaf0d1;border:1px solid #22302e24;border-radius:16px;grid-template-columns:repeat(3,minmax(104px,1fr));display:grid;position:absolute;bottom:24px;right:28px;overflow:hidden}.summit-strip div{border-right:1px solid #22302e1f;padding:14px 16px}.summit-strip div:last-child{border-right:0}.metric-label,.section-heading small,.common-item small,.gear-row small{color:var(--muted);font-size:.78rem;display:block}.summit-strip strong{margin-top:2px;font-size:1.22rem;display:block}.sync-toolbar{background:#fffaf0b8;border:1px solid #22302e24;border-radius:18px;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:10px;margin-top:14px;padding:12px;display:grid;box-shadow:0 10px 28px #22302e14}.sync-pill{min-height:40px;color:var(--muted);align-items:center;gap:8px;font-size:.86rem;font-weight:800;display:inline-flex}.sync-pill.online{color:var(--kauri)}.sync-pill.offline{color:var(--shell)}.action-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.action-menu{position:relative}.action-buttons>button,.action-menu>button{min-height:40px;color:var(--ink);background:#ffffff6b;border:1px solid #22302e24;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-weight:900;transition:transform .16s,border-color .16s,box-shadow .16s;display:inline-flex}.action-buttons>button:hover,.action-menu>button:hover,.action-menu>button[aria-expanded=true]{border-color:#d25b366b;transform:translateY(-1px);box-shadow:0 10px 24px #22302e1a}.file-input{display:none}.menu-popover{z-index:50;background:var(--panel);border:1px solid #22302e24;border-radius:14px;gap:6px;min-width:180px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 42px #22302e2e}.menu-popover button,.modal-actions button,.modal-heading button{color:var(--ink);background:#ffffff6b;border:1px solid #22302e24;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:8px 11px;font-weight:900;display:inline-flex}.menu-popover button{justify-content:flex-start;width:100%;min-height:38px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#22302e6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-panel{background:var(--panel);border:1px solid #22302e29;border-radius:18px;gap:14px;width:min(720px,100%);max-height:min(86vh,900px);padding:18px;display:grid;overflow:auto;box-shadow:0 26px 70px #22302e47}.share-panel{width:min(980px,100%)}.modal-heading,.modal-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.modal-heading span{color:var(--charcoal);align-items:center;gap:8px;display:inline-flex}.modal-actions{flex-wrap:wrap;justify-content:flex-end}.modal-textarea{resize:vertical;min-height:280px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.88rem}.primary-button.compact{width:auto;min-height:38px;padding:8px 13px}.share-preview{background:#ffffff61;border:1px solid #22302e1f;border-radius:14px;max-height:min(64vh,620px);overflow:auto}.share-preview img{width:100%;height:auto;display:block}.mobile-jump-nav{display:none}.workspace-grid{grid-template-columns:minmax(280px,.82fr) minmax(360px,1.05fr) minmax(360px,1.15fr);grid-template-areas:"library pack charts""library table editor";gap:18px;margin-top:18px;display:grid}.kit-library,.pack-panel,.charts-panel,.gear-table,.editor-panel{background:#fffaf0db;border:1px solid #22302e24;border-radius:18px;box-shadow:0 12px 34px #22302e17}.kit-library{grid-area:library;padding:16px}.pack-panel{grid-area:pack;padding:16px}.charts-panel{grid-area:charts;min-width:0;padding:16px;overflow:visible}.gear-table{flex-direction:column;grid-area:table;min-width:0;min-height:100%;padding:16px;display:flex}.editor-panel{grid-area:editor;padding:16px}.section-heading{color:var(--charcoal);justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;font-weight:800;display:flex}.section-heading span{align-items:center;gap:8px;display:inline-flex}.section-heading-actions{justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.mobile-section-toggle{display:none}.section-body{min-width:0}.table-body{flex:1;min-height:0;display:flex}.section-heading.compact{margin-top:18px}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.common-item{background:linear-gradient(135deg, var(--item-tint), #fffaf0db);min-height:76px;color:var(--ink);text-align:left;border:1px solid #22302e21;border-radius:14px;grid-template-columns:28px minmax(0,1fr);gap:2px 8px;padding:12px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.common-item:hover,.gear-row:hover{border-color:#d25b366b;transform:translateY(-2px);box-shadow:0 10px 28px #22302e1f}.common-item svg{grid-row:span 2;align-self:center}.common-item span{overflow-wrap:normal;font-size:.9rem;font-weight:800;line-height:1.18}.add-panel{border-top:1px solid var(--line);margin-top:18px;padding-top:4px}label{color:var(--muted);gap:6px;font-size:.82rem;font-weight:700;display:grid}input,select,textarea{width:100%;min-height:42px;color:var(--ink);outline-color:var(--river);background:#ffffff9e;border:1px solid #22302e2e;border-radius:12px;padding:10px 12px}textarea{min-height:76px;line-height:1.4}.field-row{grid-template-columns:.72fr 1fr;gap:10px;margin-top:10px;display:grid}.field-row.single{grid-template-columns:1fr}.mode-toggle{background:#22302e14;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0;padding:5px;display:grid}.mode-toggle button{min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:10px;font-size:.78rem;font-weight:800}.mode-toggle button.active{background:var(--panel);color:var(--charcoal);box-shadow:0 6px 18px #22302e1f}.primary-button,.danger-button{border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;font-weight:900;display:inline-flex}.primary-button{background:var(--kauri);color:#fffaf0}.danger-button{color:#8b3824;background:#d25b3621;margin-top:2px}.pack-dropzone{background:radial-gradient(circle at 50% 38%,#277e8f29,#0000 34%),repeating-radial-gradient(circle,#22302e1f 0 1px,#0000 1px 24px),#dce7e161;border:1px dashed #22302e42;border-radius:18px;min-height:430px;display:block;position:relative;overflow:hidden}.pack-dropzone.is-over{border-color:var(--marker);background:radial-gradient(circle at 50% 38%,#d25b3629,#0000 34%),repeating-radial-gradient(circle,#22302e1f 0 1px,#0000 1px 24px),#dce7e17a}.pack-overview{z-index:4;grid-template-columns:minmax(118px,.42fr) minmax(0,1fr);align-items:stretch;gap:14px;width:min(92%,540px);min-height:340px;margin:20px auto 0;display:grid;position:relative}.load-map{background:linear-gradient(160deg,#2e5d4424,#fffaf06b),#fffaf052;border:8px solid #2e5d4457;border-radius:70px 70px 38px 38px;min-height:340px;position:relative;box-shadow:inset 0 0 0 1px #fffaf06b,0 14px 30px #22302e1f}.load-map:before,.load-map:after{content:"";position:absolute;left:50%;transform:translate(-50%)}.load-map:before{background:#26312f33;border-radius:26px 26px 12px 12px;width:66%;height:40px;top:-30px}.load-map:after{border:4px solid #21537c38;border-radius:0 0 26px 26px;width:48%;height:42px;bottom:18px}.load-stack{background:#fffaf07a;border:1px solid #22302e21;border-radius:22px;flex-direction:column-reverse;justify-content:flex-start;display:flex;position:absolute;inset:56px 22px 76px;overflow:hidden}.load-stack span{flex:0 0 var(--load-share);background:var(--load-color);opacity:.82;min-height:18px}.load-stack span+span{border-bottom:1px solid #fffaf0a3}.pack-manifest{align-content:start;gap:9px;max-height:340px;padding:4px 4px 4px 0;display:grid;overflow:auto}.pack-shelf{border:1px solid #22302e1f;border-left:5px solid var(--shelf-color);background:linear-gradient(135deg, var(--shelf-tint), #fffaf0c7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;padding:10px;box-shadow:0 8px 18px #22302e17}.shelf-header{color:var(--charcoal);justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:.82rem;font-weight:900;display:flex}.shelf-items{flex-wrap:wrap;gap:6px;display:flex}.pack-chip{max-width:150px;min-height:32px;color:var(--ink);background:#ffffff7a;border:1px solid #22302e1f;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:.76rem;font-weight:800;display:inline-flex}.pack-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pack-chip:hover,.pack-chip.selected{border-color:var(--shelf-color);background:#fffaf0eb;box-shadow:0 8px 18px #22302e1f}.shelf-items em{min-height:32px;color:var(--muted);align-items:center;font-size:.78rem;font-style:normal;font-weight:900;display:inline-flex}.stats-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.stats-row div{background:#ffffff61;border:1px solid #22302e1f;border-radius:14px;gap:4px;min-height:86px;padding:12px;display:grid}.stats-row span{color:var(--muted);font-size:.78rem;font-weight:800}.chart-grid{grid-template-columns:minmax(180px,.85fr) minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.chart-grid>*{min-width:0}.donut-wrap{min-height:250px;position:relative;overflow:visible}.bar-chart-wrap{width:100%;min-width:0;overflow:hidden}.donut-total{pointer-events:none;text-align:center;place-items:center;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.donut-total strong{font-size:1.45rem}.donut-total span{color:var(--muted);font-size:.8rem;font-weight:800}.category-legend{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.category-legend span{color:var(--muted);background:#ffffff5c;border:1px solid #22302e1a;border-radius:999px;align-items:center;gap:6px;padding:7px 9px;font-size:.78rem;font-weight:800;display:inline-flex}.category-legend i{border-radius:50%;width:10px;height:10px}.chart-empty{min-height:250px;color:var(--muted);text-align:center;background:#ffffff47;border:1px dashed #22302e2e;border-radius:16px;place-items:center;display:grid}.chart-empty p{margin:8px 0 0;font-weight:800}.list-scroll{flex:1;align-content:start;gap:8px;min-height:346px;max-height:min(58vh,560px);padding-right:4px;display:grid;overflow:auto}.gear-row{min-height:62px;color:var(--ink);text-align:left;background:#ffffff6b;border:1px solid #22302e1a;border-radius:14px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.gear-row.selected{background:#d25b3614;border-color:#d25b3685}.row-icon{background:var(--row-color);color:#fffaf0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.gear-row span:nth-child(2){min-width:0}.gear-row strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.gear-row b{font-size:.92rem}.editor-fields{gap:10px;display:grid}.empty-state{min-height:220px;color:var(--muted);text-align:center;place-items:center;display:grid}.recharts-cartesian-axis-tick text{fill:var(--muted);font-size:.76rem;font-weight:700}.recharts-tooltip-wrapper .recharts-default-tooltip{box-shadow:0 14px 34px #22302e29;background:var(--panel)!important;color:var(--ink)!important;border:1px solid #22302e1f!important;border-radius:12px!important}.recharts-tooltip-wrapper{z-index:30!important}@media (max-width:1180px){.workspace-grid{grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);grid-template-areas:"library pack""charts charts""table editor"}.hero-panel{grid-template-columns:.9fr 1.1fr}}@media (max-width:860px){html{scroll-padding-top:126px}.page-shell{width:min(100% - 20px,720px);padding-top:10px}.mobile-jump-nav{z-index:70;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaf0e6;border:1px solid #22302e24;border-radius:16px;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:12px;padding:8px;display:grid;position:sticky;top:8px;box-shadow:0 12px 32px #22302e1f}.mobile-jump-nav a{min-height:36px;color:var(--ink);background:#ffffff6b;border:1px solid #22302e1f;border-radius:11px;justify-content:center;align-items:center;font-size:.78rem;font-weight:900;text-decoration:none;display:inline-flex}.hero-panel,.workspace-grid,.sync-toolbar,.chart-grid{grid-template-columns:1fr}.hero-panel{min-height:auto}.route-map{min-height:240px}.hero-copy{padding:0 24px 122px}.summit-strip{bottom:14px;left:14px;right:14px}.workspace-grid{grid-template-areas:"library""pack""charts""table""editor";gap:12px}.section-card{scroll-margin-top:126px}.section-heading{margin-bottom:0}.section-card:not(.mobile-collapsed) .section-heading{margin-bottom:14px}.mobile-section-toggle{width:34px;height:34px;color:var(--ink);background:#ffffff6b;border:1px solid #22302e24;border-radius:50%;place-items:center;padding:0;display:grid}.mobile-section-toggle svg{transition:transform .16s}.mobile-section-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.mobile-collapsed{padding-bottom:12px}.mobile-collapsed .section-body{display:none}.action-buttons{justify-content:stretch}.action-buttons>button,.action-menu,.action-menu>button{flex:120px}.action-menu>button{width:100%}.kit-library,.pack-panel,.charts-panel,.gear-table,.editor-panel{border-radius:14px}}@media (max-width:540px){.item-grid,.field-row,.stats-row,.summit-strip{grid-template-columns:1fr}h1{font-size:2.45rem}.hero-copy{padding-bottom:248px}.mobile-jump-nav{gap:5px;padding:6px}.mobile-jump-nav a{min-height:34px;font-size:.73rem}.summit-strip div{border-bottom:1px solid #22302e1f;border-right:0}.summit-strip div:last-child{border-bottom:0}.pack-dropzone{min-height:360px}.mode-toggle{grid-template-columns:1fr}.modal-actions{grid-template-columns:1fr;display:grid}.pack-overview{grid-template-columns:1fr;min-height:0}.load-map{min-height:260px}.pack-manifest{max-height:none;padding-right:0}}