/* BURN PRO 1.2 - pine and ember. Mobile first, full-screen app. */
html.burn-lock,html.burn-lock body{overflow:hidden!important}
#burn-app{--bg:#f1f7f3;--bg2:#e6efe9;--card:#fff;--ink:#0d1f17;--mu:#5a6c62;--line:rgba(13,31,23,.1);
 --g:#12b886;--g2:#0a8f68;--pine:#0a2a21;--pine2:#0f3d2f;--fire:#ff6b2c;--fire2:#ffb13d;--w:#1b9aef;--p:#4f5bd5;--r:#e5484d;--y:#f5b82e;
 --cg:rgba(18,184,134,.13);--cgt:#0a8f68;--cb:rgba(229,72,77,.12);--cbt:#c83a3f;--cw:rgba(27,154,239,.13);--cwt:#0c78c2;
 --sh:0 1px 2px rgba(13,31,23,.05),0 10px 28px -12px rgba(13,31,23,.16);--rad:22px}
#burn-app[data-theme=dark]{--bg:#07110d;--bg2:#0f1b15;--card:#101c16;--ink:#e9f4ee;--mu:#8ea599;--line:rgba(255,255,255,.08);
 --cgt:#4fdcae;--cbt:#ff8a8e;--cwt:#6cc4ff;--p:#8c96ff;--sh:0 1px 0 rgba(255,255,255,.04) inset,0 14px 30px -14px rgba(0,0,0,.8)}
#burn-app,#burn-app *{box-sizing:border-box;margin:0;padding:0}
#burn-app{position:fixed;inset:0;z-index:999999;color:var(--ink);font-family:ui-rounded,"SF Pro Rounded","Nunito","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:500;font-size:15px;line-height:1.5;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;
 background:radial-gradient(900px 420px at 85% -10%,rgba(255,107,44,.10),transparent 60%),radial-gradient(700px 380px at -10% 0,rgba(18,184,134,.12),transparent 60%),var(--bg)}
#burn-app h1{font-weight:800;font-size:clamp(24px,6vw,34px);line-height:1.1;letter-spacing:-.025em}
#burn-app h2{font-weight:800;font-size:1.02rem;letter-spacing:-.01em;margin-bottom:14px;display:flex;align-items:center;gap:8px}
#burn-app h2::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--g);flex:0 0 auto}
#burn-app h2.fire::before{background:var(--fire)}#burn-app h2.wt::before{background:var(--w)}#burn-app h2.vi::before{background:var(--p)}
#burn-app .live{display:inline-block;margin-left:6px;font-size:.74rem;font-weight:800;color:var(--cgt)}
#burn-app .mu{color:var(--mu);font-size:.86rem}
#burn-app b{font-weight:800}
#burn-app .logo{font-weight:900;font-size:26px;letter-spacing:-.03em;color:#fff;line-height:1;display:flex;align-items:center;gap:8px}
#burn-app .logo i{width:30px;height:30px;border-radius:10px;background:linear-gradient(145deg,var(--fire2),var(--fire));display:grid;place-items:center;box-shadow:0 6px 16px -4px rgba(255,107,44,.6);flex:0 0 auto}
#burn-app .logo i svg{width:17px;height:17px;fill:#fff}
#burn-app .logo span{color:var(--fire2);font-weight:900}
#burn-app label{display:block;font-size:.82rem;font-weight:700;color:var(--mu);margin:14px 0 6px}
#burn-app input,#burn-app select{width:100%;padding:12px 14px;border:1.5px solid var(--line);background:var(--bg2);color:var(--ink);font:inherit;font-size:16px;font-weight:600;min-height:52px;border-radius:15px;-webkit-appearance:none;appearance:none;transition:border-color .15s,box-shadow .15s}
#burn-app input::placeholder{color:var(--mu);opacity:.7;font-weight:500}
#burn-app input:focus{outline:none;border-color:var(--g);box-shadow:0 0 0 4px var(--cg)}
#burn-app button:focus-visible,#burn-app a:focus-visible{outline:3px solid var(--p);outline-offset:2px}
#burn-app input[type=file]{font-size:14px;padding:12px}
#burn-app input[type=file]::file-selector-button{border:0;border-radius:10px;padding:8px 12px;margin-right:10px;background:var(--pine);color:#fff;font:inherit;font-weight:700}
#burn-app .btn,#burn-app button.btn,#burn-app a.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:0;background:linear-gradient(135deg,var(--g),var(--g2));color:#fff;font:inherit;font-size:15px;font-weight:800;cursor:pointer;min-height:50px;border-radius:15px;box-shadow:0 8px 18px -8px rgba(10,143,104,.7);text-decoration:none;touch-action:manipulation;transition:transform .12s,box-shadow .12s,filter .15s}
#burn-app .btn:hover{filter:brightness(1.06)}
#burn-app .btn:active{transform:scale(.97);box-shadow:none}
#burn-app .btn.pu{background:var(--ink);color:var(--card);box-shadow:0 8px 18px -10px rgba(0,0,0,.5)}
#burn-app .btn.fire{background:linear-gradient(135deg,var(--fire2),var(--fire));color:#fff;box-shadow:0 10px 22px -8px rgba(255,107,44,.75)}
#burn-app .btn.wt{background:linear-gradient(135deg,#43b4ff,var(--w));box-shadow:0 8px 18px -8px rgba(27,154,239,.7)}
#burn-app .btn.ghost{background:var(--card);color:var(--ink);border:1.5px solid var(--line);box-shadow:none}
#burn-app .btn.sm{padding:6px 16px;min-height:40px;font-size:14px;border-radius:12px}
#burn-app .btn.del{background:var(--cb);color:var(--cbt);padding:4px 10px;min-height:40px;min-width:40px;border-radius:12px;box-shadow:none;font-size:14px}
#burn-app .btn.block{width:100%;margin-top:16px}
#burn-app .seg{display:flex;background:var(--bg2);border-radius:16px;padding:5px;margin:20px 0 4px;gap:4px}
#burn-app .seg button{flex:1;border:0;background:none;color:var(--mu);padding:11px;font:inherit;font-weight:800;font-size:15px;cursor:pointer;min-height:46px;border-radius:12px;transition:background .15s,color .15s}
#burn-app .seg button.on{background:var(--card);color:var(--ink);box-shadow:0 2px 8px -2px rgba(0,0,0,.18)}
#burn-app [hidden]{display:none!important}
/* custom dropdown (replaces the phone's own select popup) */
#burn-app .dd{position:relative}
#burn-app .dd-native{display:none}
#burn-app .dd-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;padding:12px 14px;min-height:52px;border:1.5px solid var(--line);background:var(--bg2);color:var(--ink);font:inherit;font-size:16px;font-weight:600;border-radius:15px;cursor:pointer;transition:border-color .15s,box-shadow .15s}
#burn-app .dd-btn:hover{border-color:var(--g)}
#burn-app .dd-btn[aria-expanded=true]{border-color:var(--g);box-shadow:0 0 0 4px var(--cg)}
#burn-app .dd-btn svg{width:18px;height:18px;flex:0 0 auto;stroke:var(--mu);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
#burn-app .dd-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#burn-app .sheet-wrap{position:fixed;inset:0;z-index:1000002;display:flex;align-items:flex-end;justify-content:center}
#burn-app .sheet-bg{position:absolute;inset:0;background:rgba(4,16,11,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .18s ease-out}
#burn-app .sheet{position:relative;width:min(460px,100%);max-height:78vh;background:var(--card);color:var(--ink);border-radius:28px 28px 0 0;padding:10px 14px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;box-shadow:0 -20px 60px -20px rgba(0,0,0,.5);animation:up .24s cubic-bezier(.2,.85,.25,1)}
#burn-app .sheet-grab{width:42px;height:5px;border-radius:9px;background:var(--line);margin:0 auto 10px;flex:0 0 auto}
#burn-app .sheet-title{font-weight:800;font-size:1.05rem;padding:4px 8px 10px;flex:0 0 auto}
#burn-app .sheet-list{overflow:auto;display:flex;flex-direction:column;gap:4px;-webkit-overflow-scrolling:touch}
#burn-app .opt{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:54px;padding:12px 14px;border:0;background:none;color:var(--ink);font:inherit;font-size:16px;font-weight:700;text-align:left;border-radius:16px;cursor:pointer}
#burn-app .opt:hover,#burn-app .opt:focus-visible{background:var(--bg2);outline:none}
#burn-app .opt[aria-selected=true]{background:var(--cg);color:var(--cgt)}
#burn-app .opt svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0}
#burn-app .opt[aria-selected=true] svg{opacity:1}
@keyframes fade{from{opacity:0}}
@keyframes up{from{transform:translateY(40px);opacity:0}}
@media(min-width:861px){#burn-app .sheet-wrap{align-items:center}#burn-app .sheet{border-radius:26px;padding-bottom:16px;box-shadow:0 30px 80px -20px rgba(0,0,0,.55)}}
/* gate (login page) */
#burn-app.gate{overflow:auto;display:flex;align-items:center;justify-content:center;padding:18px;background:radial-gradient(700px 420px at 100% 0,rgba(255,107,44,.35),transparent 60%),radial-gradient(800px 500px at 0 100%,rgba(18,184,134,.35),transparent 60%),linear-gradient(160deg,var(--pine),#06160f)}
#burn-app .auth-card{width:min(430px,100%);background:var(--card);border-radius:28px;box-shadow:0 30px 80px -20px rgba(0,0,0,.6);overflow:hidden;margin:auto}
#burn-app .auth-head{background:linear-gradient(150deg,var(--pine2),var(--pine));padding:26px 24px 24px;position:relative;overflow:hidden}
#burn-app .auth-head::after{content:"";position:absolute;right:-40px;top:-50px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(255,177,61,.55),transparent 65%)}
#burn-app .auth-head .logo{font-size:32px;position:relative;z-index:1}
#burn-app .tag{color:#c7ddd3;margin-top:12px;font-size:.92rem;font-weight:600;position:relative;z-index:1}
#burn-app .auth-body{padding:4px 22px 24px}
#burn-app .auth-perks{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;position:relative;z-index:1}
#burn-app .auth-perks span{font-size:.76rem;font-weight:700;color:#fff;background:rgba(255,255,255,.12);padding:4px 10px;border-radius:99px}
#burn-app .auth-body .btn{width:100%;margin-top:22px}
#burn-app .auth-body a.fg{display:block;text-align:center;margin-top:16px;color:var(--mu);font-size:.88rem;font-weight:600}
/* app shell */
#burn-app #app{display:flex;height:100%}
#burn-app .side{width:250px;flex:0 0 250px;background:linear-gradient(180deg,var(--pine2),var(--pine) 60%,#061812);color:#fff;padding:24px 16px;display:flex;flex-direction:column;gap:26px;overflow:auto}
#burn-app .side nav{display:flex;flex-direction:column;gap:6px}
#burn-app .side nav button{display:flex;gap:12px;align-items:center;padding:13px 14px;border:0;background:none;color:#b9d2c7;font:inherit;font-weight:700;font-size:15px;cursor:pointer;text-align:left;border-radius:14px;transition:background .15s,color .15s}
#burn-app .side nav button:hover{background:rgba(255,255,255,.07);color:#fff}
#burn-app .side nav button.on{background:linear-gradient(135deg,var(--fire2),var(--fire));color:#fff;box-shadow:0 10px 22px -10px rgba(255,107,44,.8)}
#burn-app .side nav svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
#burn-app .side-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px}
#burn-app .side-foot .btn{background:rgba(255,255,255,.08);color:#fff;border:0;box-shadow:none}
#burn-app .mbar{display:none}
#burn-app main{flex:1;min-width:0;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:28px 28px 60px}
#burn-app main>*{max-width:1000px;margin-left:auto;margin-right:auto}
#burn-app .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px}
#burn-app .datenav{display:flex;align-items:center;background:var(--card);border-radius:99px;box-shadow:var(--sh);padding:4px}
#burn-app .datenav button{border:0;background:var(--bg2);color:var(--ink);font-size:1.3rem;font-weight:800;width:42px;height:42px;border-radius:50%;cursor:pointer}
#burn-app .datenav span{min-width:84px;text-align:center;font-weight:800;font-size:.88rem}
#burn-app .tab{display:none}#burn-app .tab.on{display:block}
#burn-app .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;margin-bottom:18px}
#burn-app .card{background:var(--card);border-radius:var(--rad);box-shadow:var(--sh);padding:20px;margin-bottom:18px;border:1px solid var(--line)}
#burn-app .grid>.card{margin:0}
/* hero: the memorable part */
#burn-app .card.hero{background:radial-gradient(420px 260px at 100% 0,rgba(255,107,44,.38),transparent 62%),linear-gradient(150deg,var(--pine2),var(--pine));color:#fff;border:0;padding:24px}
#burn-app .card.hero h2{color:#d5e7de}
#burn-app .card.hero .mu{color:#a9c4b8}
#burn-app .herogrid{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}
#burn-app .ember{position:relative;width:178px;height:178px;flex:0 0 auto}
#burn-app .ember svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
#burn-app .ember .trk{stroke:rgba(255,255,255,.12)}
#burn-app .ember .val{stroke-linecap:round;transition:stroke-dashoffset .9s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 0 8px rgba(255,140,50,.65))}
#burn-app .ember .mid{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
#burn-app .ember .mid b{font-size:2.5rem;line-height:1;font-weight:900;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
#burn-app .ember .mid small{font-size:.78rem;color:#b9d2c7;font-weight:700;margin-top:4px}
#burn-app .ember.over .mid b{color:#ff9a9d}
#burn-app .mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
#burn-app .mini div{background:rgba(255,255,255,.08);border-radius:14px;padding:9px 10px}
#burn-app .mini b{display:block;font-size:1.15rem;font-variant-numeric:tabular-nums}
#burn-app .mini small{font-size:.72rem;color:#a9c4b8;font-weight:700}
#burn-app .card.hero .bar{background:rgba(255,255,255,.14);margin:8px 0 6px}
#burn-app .hello{font-size:.95rem;color:#d5e7de;margin-bottom:16px;font-weight:600}
#burn-app .quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}
#burn-app .quick button{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 6px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-weight:800;font-size:.8rem;border-radius:18px;cursor:pointer;box-shadow:var(--sh);transition:transform .12s}
#burn-app .quick button:active{transform:scale(.96)}
#burn-app .quick svg{width:26px;height:26px;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
#burn-app .quick .q1 svg{stroke:var(--w)}#burn-app .quick .q2 svg{stroke:var(--g2)}#burn-app .quick .q3 svg{stroke:var(--fire)}#burn-app .quick .q4 svg{stroke:var(--p)}
#burn-app .tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:18px}
#burn-app .tile{background:var(--card);border-radius:20px;padding:16px;box-shadow:var(--sh);border:1px solid var(--line)}
#burn-app .tile b{display:block;font-size:1.7rem;line-height:1.1;font-weight:900;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
#burn-app .tile small{color:var(--mu);font-size:.8rem;font-weight:700}
#burn-app .tile .ic{font-size:1.2rem;display:block;margin-bottom:6px}
#burn-app .quote{background:linear-gradient(135deg,var(--cg),transparent);border-left:4px solid var(--g);padding:14px 16px;border-radius:0 16px 16px 0;margin-bottom:18px;font-weight:700}
#burn-app .stat{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);gap:10px}
#burn-app .card.hero .stat{border-color:rgba(255,255,255,.14)}
#burn-app .stat:last-child{border:0}
#burn-app .big{font-weight:900;font-size:2.8rem;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
#burn-app .big small{font-size:1rem;font-weight:700;letter-spacing:0}
#burn-app .bar{height:12px;border-radius:99px;background:var(--bg2);margin:12px 0;overflow:hidden}
#burn-app .bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--g),#5be0b5);transition:width .6s}
#burn-app .bar.wt i{background:linear-gradient(90deg,#43b4ff,var(--w))}
#burn-app .bar.fire i{background:linear-gradient(90deg,var(--fire2),var(--fire))}
#burn-app .glasses{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
#burn-app .glasses button{width:34px;height:42px;border:1.5px solid var(--line);background:var(--bg2);border-radius:6px 6px 12px 12px;cursor:pointer;position:relative;overflow:hidden;padding:0}
#burn-app .glasses button.f{border-color:var(--w);background:linear-gradient(180deg,#8ad2ff,var(--w))}
#burn-app .row{display:flex;gap:10px;flex-wrap:wrap}#burn-app .row>*{flex:1 1 120px}
#burn-app .item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}
#burn-app .item:last-child{border:0}#burn-app .item small{display:block;color:var(--mu);font-weight:600;font-size:.8rem}
#burn-app .mealhead{display:flex;justify-content:space-between;font-weight:800;font-size:.88rem;color:var(--mu);margin:14px 0 2px}
#burn-app .chip{display:inline-block;padding:7px 13px;margin:4px 4px 4px 0;font-size:.84rem;font-weight:700;background:var(--cg);color:var(--cgt);border-radius:99px;border:0;font-family:inherit}
#burn-app .chip.bad{background:var(--cb);color:var(--cbt)}#burn-app .chip.pu{background:var(--cw);color:var(--cwt)}
#burn-app button.chip{cursor:pointer;min-height:40px}
#burn-app .badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
#burn-app .badge{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:16px;background:linear-gradient(135deg,rgba(255,177,61,.2),rgba(255,107,44,.12));font-weight:800;font-size:.84rem}
#burn-app .badge.lock{background:var(--bg2);color:var(--mu);opacity:.75}
#burn-app .badge span{font-size:1.3rem}
#burn-app .badge.lock span{filter:grayscale(1);opacity:.5}
#burn-app canvas{width:100%;display:block;border-radius:14px}
#burn-app .photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}
#burn-app .photos figure{border-radius:16px;background:var(--bg2);font-size:.75rem;overflow:hidden}
#burn-app .photos img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
#burn-app .photos figcaption{padding:8px;display:flex;justify-content:space-between;align-items:center;gap:6px}
#burn-app .cmp{display:grid;grid-template-columns:1fr 1fr;gap:12px}#burn-app .cmp img{width:100%;border-radius:16px;display:block}
#burn-app .tips li{margin:9px 0 9px 20px}
#burn-app .timer{font-weight:900;font-size:clamp(2.6rem,13vw,4rem);line-height:1;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums;margin-bottom:6px}
#burn-app #ring{position:fixed;inset:0;z-index:1000003;background:linear-gradient(160deg,var(--fire),#e0301e);color:#fff;display:grid;place-items:center;text-align:center;padding:24px}
#burn-app #ring[hidden]{display:none}
#burn-app #ring:not([hidden]){animation:flash .9s ease-in-out infinite}
#burn-app #ring h1{font-size:clamp(38px,11vw,68px);margin-bottom:12px}
#burn-app #ring .btn{display:flex;margin:22px auto 0;padding:20px 40px;font-size:20px;background:#fff;color:#c2290f;box-shadow:0 14px 30px -10px rgba(0,0,0,.5)}
#burn-app #ring .btn+.btn{margin-top:14px}
#burn-app #ring .btn.wt{background:#fff;color:#0c78c2}
@keyframes flash{50%{filter:brightness(.78)}}
@media(prefers-reduced-motion:reduce){#burn-app #ring:not([hidden]){animation:none}#burn-app .bar i,#burn-app .ember .val{transition:none}#burn-app .sheet,#burn-app .sheet-bg{animation:none}}
#burn-app #toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%,20px);background:var(--ink);color:var(--card);padding:13px 20px;border-radius:16px;font-weight:800;opacity:0;pointer-events:none;transition:.2s;z-index:1000004;max-width:92vw;text-align:center;box-shadow:0 14px 30px -10px rgba(0,0,0,.5)}
#burn-app #toast.show{opacity:1;transform:translate(-50%,0)}#burn-app #toast.bad{background:var(--r);color:#fff}
/* phone */
@media(max-width:860px){
 #burn-app #app{flex-direction:column}
 #burn-app .mbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,var(--pine2),var(--pine));flex:0 0 auto;padding-top:calc(12px + env(safe-area-inset-top))}
 #burn-app .mbar .logo{font-size:22px}
 #burn-app .mbar .logo i{width:26px;height:26px;border-radius:9px}
 #burn-app .mbar button{width:42px;height:42px;border-radius:14px;border:0;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;cursor:pointer}
 #burn-app .mbar svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
 #burn-app .side{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));width:auto;flex:none;height:68px;flex-direction:row;padding:6px;border-radius:26px;gap:0;z-index:20;overflow:hidden;background:rgba(8,32,24,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 40px -12px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08)}
 #burn-app .side .logo,#burn-app .side-foot{display:none}
 #burn-app .side nav{flex-direction:row;width:100%;gap:2px}
 #burn-app .side nav button{flex:1;min-width:0;flex-direction:column;gap:3px;justify-content:center;align-items:center;padding:4px 0;font-size:10.5px;text-align:center;border-radius:20px;font-weight:800}
 #burn-app .side nav button svg{width:22px;height:22px}
 #burn-app .side nav button.on{box-shadow:0 8px 18px -8px rgba(255,107,44,.9)}
 #burn-app main{flex:1;min-height:0;height:auto;padding:16px 14px calc(110px + env(safe-area-inset-bottom))}
 #burn-app .top{margin-bottom:16px}
 #burn-app .herogrid{grid-template-columns:1fr;justify-items:center;text-align:center;gap:16px}
 #burn-app .herogrid>div:last-child{width:100%;text-align:left}
 #burn-app .ember{width:190px;height:190px}
 #burn-app .card{padding:16px;border-radius:20px}
 #burn-app .card.hero{padding:20px 18px}
 #burn-app .big{font-size:2.3rem}
 #burn-app #toast{bottom:calc(92px + env(safe-area-inset-bottom))}
}
@media(min-width:700px){#burn-app .tiles{grid-template-columns:repeat(4,1fr)}}
@media(max-width:360px){#burn-app .quick{gap:6px}#burn-app .quick button{font-size:.72rem}#burn-app .side nav button{font-size:9.5px}}