:root{font-family:Inter,system-ui,sans-serif;color:#173128;background:#f7f4ea;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.app{max-width:680px;min-height:100vh;margin:auto;padding:18px 16px 95px}header{display:flex;justify-content:space-between;align-items:center;margin:8px 0 16px}h1,h2{margin:.25rem 0}small{font-weight:800;letter-spacing:.08em;color:#567166}button,input,select{font:inherit}button{min-height:48px;border-radius:14px;border:2px solid #d2a83f;background:#fff;color:#12372a;font-weight:800;padding:10px 16px;display:inline-flex;gap:8px;align-items:center;justify-content:center;cursor:pointer}button:disabled{background:#d7d7d7;border-color:#bbb;color:#777;cursor:not-allowed}.primary{width:100%;background:#176b45;color:#fff}.secondary{width:100%;background:#fff}.link,.back{border:0;background:transparent;min-height:42px}.icon{border:0;padding:10px}nav{position:fixed;z-index:4;bottom:0;left:50%;transform:translate(-50%);max-width:680px;width:100%;background:#fff;padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;gap:10px;box-shadow:0 -8px 24px #1232}nav button{border-color:transparent}nav .on{background:#12372a;color:#fff}.card{background:#fff;border-radius:24px;padding:20px;box-shadow:0 12px 36px #17312816;display:grid;gap:14px}.center{text-align:center;justify-items:center}.preview{width:100%;max-height:320px;object-fit:contain;border-radius:16px;background:#eee}.field{display:grid;gap:6px;text-align:left}.field>span{font-weight:800}.fieldrow{display:flex;gap:8px}.field input,.field select,select{width:100%;min-height:50px;border:2px solid #a9b9b2;border-radius:12px;padding:10px;background:#fff}.mic{width:52px;min-width:52px;padding:0;background:#eef7f2}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notice{padding:13px;border:2px solid #d2a83f;background:#fff2bf;border-radius:14px;font-weight:800;margin-bottom:12px}.error{border-color:#b22;background:#ffe5e5}.warning{padding:12px;border-left:5px solid #d2a83f;background:#fff7dc}.earn{display:flex;justify-content:space-between;align-items:center;background:#e8f5ee;padding:16px;border-radius:14px}.earn strong,.summary strong{font-size:1.7rem}.delivered{width:100%;min-height:84px;background:#0a7a3f;color:#fff;border-color:#f6c453;font-size:1.25rem}.green{color:#0a7a3f}.summary{background:#12372a;color:#fff;border-radius:22px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:14px}.summary div{display:grid}.summary select{max-width:150px}.summary .secondary{grid-column:1/-1}.order{background:#fff;border-radius:18px;padding:15px;margin:12px 0;display:grid;grid-template-columns:1fr auto;gap:8px;box-shadow:0 8px 22px #17312812}.order div:first-child{display:grid;gap:5px}.order span{display:flex;gap:5px}.actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.actions button{padding:8px}.done{background:#dff5e7}.danger{color:#a21d24;border-color:#e3a4a7}footer{text-align:center;color:#5f6f68;font-size:.78rem;padding:28px 10px}.auth{margin-top:10vh}.auth .link{width:100%}@media(max-width:430px){.grid{grid-template-columns:1fr}.app{padding-left:12px;padding-right:12px}}