:root{--bg:#f3f0eb;--ink:#171513;--muted:#79736d;--paper:#fff;--line:#ded8d0;--ready:#176344;--cure:#a86b10;--test:#315a83}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}header{height:66px;background:#171513;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,calc((100% - 1160px)/2));position:sticky;top:0;z-index:10}header div{display:flex;gap:10px;align-items:baseline}header span{color:#aaa;font-size:12px}main{max-width:1160px;margin:auto;padding:22px}.hero{padding:30px;border-radius:24px;background:#171513;color:white;display:flex;align-items:end;justify-content:space-between;gap:20px}.hero small{letter-spacing:.16em;color:#a8a29d}.hero h1{font-size:clamp(30px,5vw,52px);margin:7px 0}.hero p{color:#bbb}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.stat,.panel,.test-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:17px}.stat b{font-size:30px;display:block}.stat span,.muted{font-size:12px;color:var(--muted)}nav{display:flex;gap:7px;overflow:auto;padding:2px 0 8px}button{border:0;border-radius:11px;background:#171513;color:white;padding:11px 14px;font-weight:750;cursor:pointer;white-space:nowrap}.quiet,nav button{background:#e7e2db;color:#26221e}.grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form h2,.wide{grid-column:1/-1}label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#57514c}input,select,textarea{width:100%;border:1px solid #ccc4bb;border-radius:10px;padding:11px;background:white;font:inherit}textarea{min-height:76px}.list{display:grid;gap:9px}.test-card h3,.panel h2{margin-top:0}.badge{display:inline-block;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;letter-spacing:.05em}.CURING{background:#fff1d7;color:#85520b}.READY{background:#dff3e9;color:#145d40}.TESTING{background:#e2eef9;color:#244f78}.time{font-size:19px;font-weight:850;margin:7px 0}.timeline{display:flex;gap:4px;margin:10px 0}.timeline i{height:5px;flex:1;background:#ded8d0;border-radius:5px}.timeline i.on{background:#171513}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:18px}.login{width:min(410px,100%);display:grid;gap:12px}.brandmark{width:45px;height:45px;border-radius:12px;background:#171513;color:white;display:grid;place-items:center;font-weight:900}.login h1{margin:0}.login p{margin:3px 0;color:#777}.error{color:#a33}.result{font-size:18px;line-height:1.8}@media(max-width:720px){main{padding:13px}.hero{display:block;padding:22px}.hero button{width:100%;margin-top:10px}.stats{grid-template-columns:1fr 1fr}.grid,.form{grid-template-columns:1fr}.form h2,.wide{grid-column:auto}.test-card,.panel{padding:14px}header{padding:0 13px}}

/* GiftLovers Candle Lab — mobile-only upgrade */
html,body{max-width:100%;overflow-x:hidden}
@media (max-width: 700px){
  body{min-width:0}
  header{padding:14px 16px}
  header>div, header .brand{min-width:0}
  main{width:auto!important;max-width:none!important;margin:0!important;padding:14px!important}
  .hero{padding:28px 22px!important;border-radius:28px!important}
  .hero h1{font-size:clamp(32px,10vw,48px)!important;line-height:1.02!important}
  .hero p{font-size:18px!important;line-height:1.25!important}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .stats>*{min-width:0!important;padding:20px!important}
  nav{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    overflow:visible!important;
    width:100%!important;
    padding:0!important;
    margin:16px 0!important;
  }
  nav button{
    min-width:0!important;width:100%!important;
    padding:12px 6px!important;
    font-size:14px!important;
    white-space:normal!important;
    border-radius:14px!important;
    line-height:1.15!important;
  }
  #content,.panel,.card,.form{min-width:0!important;max-width:100%!important}
  .panel{padding:20px!important;border-radius:24px!important}
  .grid,.form{grid-template-columns:1fr!important}
  .wide{grid-column:1!important}
  label,input,select,textarea,button{max-width:100%!important;box-sizing:border-box!important}
  input,select,textarea{
    width:100%!important;
    min-height:50px!important;
    font-size:16px!important; /* prevents iOS zoom */
  }
  textarea{min-height:100px!important}
  button{min-height:46px}
  table{display:block!important;max-width:100%!important;overflow-x:auto!important}
  img{max-width:100%;height:auto}
}
@media (max-width: 390px){
  nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hero{padding:24px 18px!important}
  .panel{padding:17px!important}
}