:root{--bg:#11100e;--panel:#181613;--panel2:#211e19;--cream:#f7e8bf;--text:#fff4da;--muted:#b7aa8e;--line:#4a3b2b;--yellow:#f7b42d;--orange:#f47b20;--burnt:#d94b18;--red:#bf3217;--accent:#f47b20;--good:#f6c44f;--blue:#65a9c9}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 75% 0,#2d2218 0,transparent 30%),var(--bg);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}.hidden{display:none!important}.topbar{max-width:1440px;margin:auto;padding:18px 28px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #3a2d20}.brandline{display:flex;align-items:center;gap:18px;color:inherit;text-decoration:none;min-width:0}.brandline img{width:118px;height:92px;object-fit:cover;object-position:center 54%;border-radius:12px}.brandline h1{margin:2px 0 0;font-size:clamp(18px,2.1vw,30px);letter-spacing:-.025em}.eyebrow,.kicker{font-size:11px;letter-spacing:.18em;font-weight:900;color:var(--yellow);margin:0;text-transform:uppercase}.top-actions{display:flex;gap:8px;flex-wrap:wrap}.layout{max-width:1440px;margin:auto;padding:24px 28px 42px;display:grid;grid-template-columns:minmax(430px,560px) minmax(0,1fr);gap:20px}.panel,.hero-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(34,30,25,.96),rgba(22,20,17,.96));box-shadow:0 14px 35px rgba(0,0,0,.17)}.controls{padding:18px;align-self:start}.results{display:grid;gap:14px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.section-head>div{display:flex;align-items:center;gap:9px}.section-head h2{font-size:18px;margin:0}.section-head.compact{margin-bottom:10px}.step{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(180deg,var(--yellow),var(--orange));color:#20140b;font-size:10px;font-weight:1000}.sport-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.sport{border:1px solid var(--line);background:#171411;color:var(--muted);padding:10px;border-radius:11px;cursor:pointer;font-weight:800}.sport.active{background:linear-gradient(180deg,#f7b42d,#f47b20);color:#1a110b;border-color:transparent}.grid{display:grid;gap:10px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:2fr 1fr 1fr}label{display:block;font-size:11px;font-weight:800;color:#decfb0;margin:0 0 10px;position:relative}.unit{float:right;color:#8f806b;font-weight:600}input,select{width:100%;margin-top:5px;border:1px solid #59452f;background:#100f0d;color:var(--text);border-radius:10px;padding:10px 11px;outline:none}input:focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(244,123,32,.13)}input[type=range]{padding:0;accent-color:var(--orange)}.range-row{display:grid;grid-template-columns:1fr 56px;align-items:center;gap:10px}.range-row output{background:#0e0d0b;border:1px solid #4e3a28;border-radius:10px;padding:8px;text-align:center;color:var(--yellow);font-size:16px;font-weight:900}.divider{height:1px;background:#3d3023;margin:17px 0}.subcard{background:#12100e;border:1px solid #473726;border-radius:13px;padding:11px 12px;margin:10px 0}.mini-title{font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:var(--yellow);margin:0 0 4px}.hint{font-size:11px;color:var(--muted);margin:5px 0 12px}.switch-row{display:flex;justify-content:space-between;gap:15px;align-items:center;background:#13110e;border:1px solid #473726;border-radius:12px;padding:11px 12px}.switch-row strong,.switch-row small{display:block}.switch-row small{font-weight:400;color:var(--muted);margin-top:2px}.switch-row input{width:42px;height:22px;accent-color:var(--orange);margin:0}.primary,.ghost,.text-btn{border-radius:10px;padding:10px 13px;cursor:pointer;font-weight:850}.primary{border:0;background:linear-gradient(180deg,var(--yellow),var(--orange));color:#21140b}.ghost{border:1px solid #65503a;background:#171411;color:var(--text)}.ghost:hover,.text-btn:hover{border-color:var(--orange)}.text-btn{border:0;background:transparent;color:var(--muted);padding:4px}.danger{color:#ffb9a7}.small{padding:7px 10px;font-size:12px}.wide{width:100%}.profile-row{display:grid;grid-template-columns:1fr auto auto;gap:7px}.profile-row select{margin:0}.hero-card{padding:22px;background:linear-gradient(140deg,#201b15,#12100e 60%,#2f1b0d)}.hero-top{display:flex;justify-content:space-between;gap:20px}.hero-top h2{font-size:48px;line-height:1;margin:6px 0}.hero-top p:last-child{color:var(--muted);margin:0}.badge{align-self:start;border:1px solid var(--orange);color:var(--yellow);border-radius:999px;padding:8px 12px;font-size:10px;font-weight:900;letter-spacing:.1em}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.metric{text-align:center}.ring{width:118px;height:118px;border:8px solid #433224;border-top-color:var(--orange);border-right-color:var(--yellow);border-radius:50%;margin:auto;display:grid;place-content:center}.ring strong{display:block;font-size:24px}.ring span{font-size:11px;color:var(--muted)}.metric p{font-size:11px;color:var(--muted)}.totals-card,.timeline-card,.schedule-card,.science-card{padding:18px}.carry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.carry{background:#12100e;border:1px solid #4a3929;border-radius:12px;padding:13px}.carry strong{display:block;font-size:20px}.carry span{font-size:11px;color:var(--muted)}.visual-timeline{display:flex;min-height:82px;align-items:center;overflow-x:auto;padding:14px 6px}.time-node{min-width:64px;position:relative;text-align:center;color:var(--muted);font-size:10px}.time-node:before{content:"";position:absolute;left:0;right:0;top:17px;height:2px;background:#4a3929}.time-node:first-child:before{left:50%}.time-node:last-child:before{right:50%}.dot{position:relative;z-index:2;margin:auto;width:13px;height:13px;border-radius:50%;background:#7b654b;border:3px solid #17130f;box-shadow:0 0 0 1px #7b654b}.time-node.fuel .dot{background:var(--yellow);box-shadow:0 0 0 1px var(--yellow)}.time-node.drink .dot{border-color:var(--blue)}.time-node.caf .dot{background:var(--orange);box-shadow:0 0 0 1px var(--orange)}.time-node span{display:block;margin-top:10px}.legend{font-size:10px;color:var(--muted)}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--yellow);margin:0 4px 0 8px}.legend i:nth-child(2){background:var(--blue)}.legend i:nth-child(3){background:var(--orange)}.schedule-head,.schedule-row{display:grid;grid-template-columns:70px minmax(210px,1fr) 70px 75px 80px;gap:8px;align-items:center}.schedule-head{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:8px 10px}.schedule-row{padding:11px 10px;border-top:1px solid #3f3022}.schedule-row:nth-child(even){background:#12100e}.pill{display:inline-block;border-radius:999px;padding:3px 7px;background:#352719;color:#f1d49e;font-size:9px!important;margin-left:6px}.notes-list{display:grid;gap:9px}.note{background:#12100e;border-left:3px solid var(--orange);border-radius:8px;padding:10px 12px;color:#eedebe}.note.warn{border-left-color:var(--yellow)}.disclaimer{font-size:10px;color:#887b68;margin-top:14px}.results .panel{overflow:hidden}footer{max-width:1440px;margin:auto;padding:0 28px 40px;color:#8b7d68;font-size:11px}#toast{position:fixed;right:22px;bottom:22px;background:var(--cream);color:#25170d;border-radius:10px;padding:10px 14px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none;font-weight:800}#toast.show{opacity:1;transform:none}.locker-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.saved-fuels{margin-top:12px;padding:10px;border:1px solid #5b432c;border-radius:12px;background:#14110e}.saved-fuels-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.saved-fuels-head p{margin:0}.saved-fuels-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fuel-pick{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;align-items:start;border:1px solid #59442f;border-radius:11px;padding:9px 10px;margin:0;background:#100e0c;cursor:pointer}.fuel-pick input[type=checkbox]{grid-row:1/3;width:18px!important;height:18px!important;min-width:18px;margin:2px 0 0!important;padding:0!important;accent-color:var(--orange)}.fuel-pick .fuel-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.fuel-pick .grams{font-size:12px;font-weight:900;color:var(--yellow);white-space:nowrap}.fuel-pick strong{display:block;line-height:1.25;font-size:12px}.fuel-pick .brand{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.locker-browser{margin-top:12px}.locker-browser>summary{cursor:pointer;font-weight:800;color:#f1dfbb;padding:8px 0}.locker-tools{display:flex;gap:8px;align-items:center;margin-bottom:10px}.locker-tools input{margin:0}.fuel-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:390px;overflow:auto;padding-right:4px}.library-item{border:1px solid #4b3928;border-radius:11px;padding:10px;background:#110f0d}.library-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.library-item strong{display:block;font-size:12px;line-height:1.25}.library-item .brand{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:3px}.library-item .grams{font-size:12px;font-weight:900;color:var(--yellow);white-space:nowrap}.library-actions{display:flex;gap:6px;margin-top:8px}.library-actions button{padding:6px 8px;font-size:10px}.library-actions .saved{border-color:var(--yellow);color:var(--yellow)}.custom-details{margin-top:12px}.aid-row{display:grid;grid-template-columns:90px 1fr 1fr auto;gap:8px;align-items:center;margin-top:8px}.aid-row label{margin:0}.aid-row .check{display:flex;align-items:center;gap:5px;font-size:.8rem}.aid-row .check input{width:18px;margin:0}.aid-callout{border-left:3px solid var(--orange);padding-left:10px;margin:8px 0}.auth-gate{position:fixed;inset:0;z-index:1000;background:rgba(10,9,8,.94);display:grid;place-items:center;padding:20px}.auth-card{width:min(440px,100%);background:#171410;border:1px solid #59422b;border-radius:22px;padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.45)}.auth-card img{width:190px;height:150px;object-fit:cover;object-position:center 54%;display:block;margin:auto}.auth-card h1{font-size:28px;line-height:1.05;margin:10px 0}.auth-card p{color:var(--muted)}.auth-status{min-height:20px;color:var(--yellow)!important}.back-link{display:inline-block;color:#d8c49f;margin-top:8px}.auth-card label{margin-top:14px}
@media(max-width:900px){.topbar{align-items:start;flex-direction:column}.layout{grid-template-columns:1fr}.carry-grid{grid-template-columns:1fr 1fr}.schedule-card{overflow-x:auto}.schedule-head,.schedule-row{min-width:650px}}@media(max-width:600px){.topbar,.layout{padding-left:14px;padding-right:14px}.brandline img{width:92px;height:74px}.top-actions{width:100%}.top-actions button{flex:1}.metrics{grid-template-columns:1fr}.carry-grid,.grid.two,.saved-fuels-grid,.fuel-library{grid-template-columns:1fr}.profile-row{grid-template-columns:1fr 1fr}.profile-row select{grid-column:1/-1}.grid.three,.aid-row{grid-template-columns:1fr 1fr}}
@media print{.top-actions,.controls,footer,#copyBtn{display:none!important}.layout{display:block;padding:0}.results{display:block}.panel,.hero-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc;margin-bottom:12px;background:white;color:#111}}