:root{--bg:#091612;--mint:#82baa0;--gold:#d5bc7e;--text:#f4f1e8;--muted:#8ba499;--stroke:#d8c99c1a}body{background:radial-gradient(ellipse at 10% 10%,#16382b66,transparent 44%),var(--bg)}.header-actions{display:flex;gap:8px}.brand-icon{background:linear-gradient(145deg,#365d49,#122c22);color:var(--gold);border:1px solid #c9b77f40;box-shadow:inset 0 1px #fff2}.brand small{color:#bba975;letter-spacing:1.3px}.hero{padding:32px 24px;margin:26px -2px 20px;border:1px solid #d3bd7a25;border-radius:24px;background:radial-gradient(ellipse at 15% 100%,#355d3d40,transparent 65%),linear-gradient(120deg,#12302255,#081e1755);overflow:hidden;box-shadow:inset 0 1px #ffffff08}.hero:before{content:'';position:absolute;left:-80px;bottom:-130px;width:260px;height:260px;border:1px solid #b9ab6422;border-radius:50%;box-shadow:0 0 0 28px #b9ab6407,0 0 0 55px #b9ab6404;pointer-events:none}.hero h1{font-size:clamp(25px,5.3vw,37px);line-height:1.8;letter-spacing:-.8px;margin-top:17px;position:relative;z-index:1;max-width:410px}.hero h1 em{color:var(--gold)}.hero .eyebrow{font-size:8px;color:#c8b987;letter-spacing:1.1px}.hero p{font-size:11px;max-width:280px;margin-bottom:0;position:relative;z-index:1}.hero-ring{left:20px;top:auto;bottom:20px;width:77px;height:77px;transform:rotate(-8deg);border-color:#cab77735;background:#d6c28407}.hero-ring span{font-size:26px;color:var(--gold)}.hero-ring small{font-size:7px}.hero-line{height:2px;width:35px;background:linear-gradient(90deg,transparent,var(--gold));margin-top:20px}.orb-a{background:#244d3940}.orb-b{background:#9a793411}.meal-tabs{background:#ffffff02}.meal-tabs button.active{background:#385c423a;color:#d5e8dc}.glass,.food{background:linear-gradient(135deg,#e3e6ca08,#e3e6ca02);box-shadow:inset 0 1px #fff05}.food{min-height:84px;cursor:grab;border-color:#d8c99c16;transition:border-color .2s,box-shadow .2s,background .2s}.food:hover{border-color:#d5bc7e55;background:linear-gradient(130deg,#d9c99810,#c1e6d505)}.food:active{cursor:grabbing}.food.selected:first-child{border-color:#b7a56955;background:linear-gradient(135deg,#c9b77512,#c9b77503)}.food:first-child.selected .rank{background:linear-gradient(150deg,#d8c487,#ad9254);color:#18251b;box-shadow:0 3px 14px #d5bc7e15}.rank{color:var(--gold);border-color:#d5bc7e22;background:#d5bc7e0a}.food-name{font-weight:700}.food-meta{font-size:9px}.handle{font-size:23px;color:#a8b9a2;padding:15px 10px}.food .remove{opacity:.65}.food .remove:hover{opacity:1;background:#c7646422;color:#efaaaa}.insights{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.insight{padding:15px 12px;border:1px solid var(--stroke);border-radius:17px;background:linear-gradient(130deg,#b9d6b608,#ffffff02);min-height:92px}.insight-label{color:#b6b08f;font-size:9px;display:block}.insight strong{display:block;font-size:11px;margin-top:7px;line-height:1.9}.insight small{font-size:8px;color:var(--muted);display:block;margin-top:3px}.progress-insight{display:flex;align-items:center;gap:10px}.progress-ring{--progress:0deg;width:43px;height:43px;flex-shrink:0;border-radius:50%;background:conic-gradient(var(--gold) var(--progress),#a9c1a215 0);padding:3px;transform:rotate(-90deg)}.progress-ring span{display:grid;place-items:center;background:#102219;width:37px;height:37px;border-radius:50%;transform:rotate(90deg);font-size:9px;color:var(--gold)}.badge{color:var(--gold);background:#ccb4770b;border-color:#ccb47722}.filters button.active{color:var(--gold);border-color:#bba25a55;background:#d2ba760b}.save{color:#f0f1e5;background:linear-gradient(125deg,#497b5e,#2b4e3c);border:1px solid #96c6a635;box-shadow:0 8px 30px #0003,inset 0 1px #ffffff18}.save:hover{filter:brightness(1.1)}.save[disabled]{opacity:.65;cursor:wait}footer{background:linear-gradient(0deg,#091612 80%,#091612ee);border-top-color:#d0bd7d25}.food.floating{position:fixed!important;margin:0!important;z-index:50;pointer-events:none;transform:rotate(-1.5deg) scale(1.025);border:1px solid #d5bc7eaa;background:linear-gradient(120deg,#254936f5,#122e22f5);box-shadow:0 20px 55px #0009,0 0 0 1px #e4d09a25;backdrop-filter:blur(20px);cursor:grabbing;transition:none}.drop-slot{border:1px dashed #d5bc7e80;border-radius:16px;background:#d5bc7e08;display:grid;place-items:center;color:#cbb77b;font-size:10px;min-height:84px}.just-dropped{animation:land .5s cubic-bezier(.2,.8,.2,1)}body.is-dragging{cursor:grabbing;user-select:none}.empty{border-color:#d5bc7e20}.notice{border-color:#cdbb7725;color:#c8be9c;background:#d5bc7e08}#toast{background:#d8c993;color:#17281c}body.light{--bg:#f1f0e8;--text:#1a3027;--muted:#6f8379;--stroke:#25483620;background:#f1f0e8;color:var(--text)}body.light .hero{background:linear-gradient(120deg,#e2e9d9,#f2f1e7)}body.light .hero h1 em{color:#8c7035}body.light .food,body.light .glass,body.light .insight{background:#ffffff80}body.light .food-name{color:#203b2d}body.light footer{background:#f1f0e8ed}body.light .rank{color:#7e6934}body.light .food.floating{background:#e9edddfa}body.light .search{background:#fff9}body.light .icon-button{color:#466253}body.light .progress-ring span{background:#f1f0e8}body.light .drag-hint{color:#627a6a}@keyframes land{0%{box-shadow:0 0 0 3px #d5bc7e77;transform:scale(1.025)}100%{box-shadow:inset 0 1px #fff05;transform:scale(1)}}@media(max-width:420px){.hero{padding:24px 18px}.hero h1{font-size:25px;max-width:100%;line-height:1.9}.hero p{font-size:10px;max-width:205px}.hero-ring{left:12px;bottom:18px;width:64px;height:64px}.hero-ring span{font-size:23px}.hero-ring small{font-size:6px}.hero .eyebrow{font-size:6.5px}.insight{padding:12px 9px}.insight strong{font-size:10px}.insight small{font-size:7px}.progress-insight{gap:7px}.progress-ring{width:38px;height:38px}.progress-ring span{width:32px;height:32px;font-size:8px}}@media(prefers-reduced-motion:reduce){.just-dropped{animation:none}}
