:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#102044;background:#f3f7fc;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#eaf2ff 0,#f7f9fd 260px);min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}.app{max-width:520px;min-height:100vh;margin:0 auto;background:#f7f9fd;padding:env(safe-area-inset-top) 16px calc(90px + env(safe-area-inset-bottom));position:relative;box-shadow:0 0 45px #20385b0a}.top{height:62px;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{display:flex;align-items:center;gap:10px;flex:1}.brandmark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#1677ff;color:#fff;font-size:23px;transform:rotate(-12deg)}.brand b{display:block;font-size:16px}.brand small{display:block;color:#71809c;font-size:11px;margin-top:2px}.iconbtn,.back,.close{border:0;background:transparent;color:#52647f;padding:8px;display:flex;align-items:center;justify-content:center}.iconbtn svg{width:21px}.hero{margin:12px 0 24px;padding:20px;border-radius:22px;background:linear-gradient(120deg,#e2edff,#fff);display:flex;align-items:center;gap:8px;box-shadow:0 8px 24px #1739690b}.hero h1{font-size:23px;line-height:1.15;margin:8px 0}.hero p{font-size:13px;color:#71809c;margin:0;line-height:1.45}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1px;color:#1677ff}.heroicon{font-size:50px;color:#1677ff;transform:rotate(-15deg)}.sectiontitle{display:flex;align-items:center;gap:8px}.sectiontitle h2,.page h2{font-size:18px;margin:0 0 12px}.count{background:#e2edff;color:#1677ff;border-radius:99px;padding:3px 8px;font-size:12px}.filters{display:flex;gap:8px;margin:8px 0 14px}.chip{border:1px solid #e0e8f5;border-radius:99px;padding:8px 14px;background:#fff;color:#71809c;font-size:12px}.chip.active{background:#1677ff;color:#fff;border-color:#1677ff}.cards{display:grid;gap:11px}.ordercard{width:100%;text-align:left;border:1px solid #e6edf7;background:#fff;border-radius:17px;padding:15px;box-shadow:0 5px 15px #17396908;color:inherit}.cardtop{display:flex;align-items:center;justify-content:space-between;gap:8px}.tag{display:inline-flex;align-items:center;gap:5px;color:#159b68;background:#e9f9f0;border-radius:99px;padding:5px 8px;font-size:10px;font-weight:700}.ordercard strong{font-size:16px}.ordercard h3{font-size:16px;margin:12px 0 8px}.ordercard p{font-size:12px;color:#71809c;margin:5px 0}.ordercard p span{color:#1677ff}.cardbottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid #eef2f8;color:#1677ff;font-size:12px}.page{padding:12px 2px 22px}.page h1{font-size:25px;line-height:1.2;margin:14px 0 20px}.page label{display:block;color:#52647f;font-size:12px;font-weight:650;margin:15px 0 7px}.page input,.page textarea{display:block;width:100%;border:1px solid #e0e8f5;background:#fff;border-radius:13px;padding:13px 14px;outline:none;color:#102044}.page input:focus,.page textarea:focus{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff17}.page textarea{min-height:88px;resize:vertical}.primary{background:#1677ff;color:#fff;border:0;border-radius:13px;font-weight:700;padding:14px 16px;box-shadow:0 5px 12px #1677ff22}.primary:disabled{opacity:.6}.full{width:100%;margin-top:18px}.back{padding-left:0;color:#1677ff;font-size:13px;margin-bottom:12px}.detailbox{background:#fff;border:1px solid #e5edf7;border-radius:17px;padding:14px;margin:15px 0 22px}.detailbox p{font-size:13px;line-height:1.5;color:#52647f;margin:8px 0 15px}.detailbox p:last-child{margin-bottom:0}.detailbox b{color:#102044}.priceinput{display:flex;align-items:center;gap:8px}.priceinput button{border:0;background:#eaf3ff;color:#1677ff;border-radius:12px;width:44px;height:44px;font-size:22px}.priceinput input{text-align:center;font-size:24px;font-weight:750}.hint,.muted{color:#71809c;font-size:12px;line-height:1.5}.notice{display:flex;gap:10px;align-items:flex-start;background:#eaf3ff;border-radius:13px;padding:12px;color:#52647f;font-size:12px;line-height:1.45;margin:16px 0}.notice svg{flex-shrink:0;color:#1677ff;width:19px}.profilebox{display:flex;align-items:center;gap:13px;padding:14px;background:#fff;border:1px solid #e6edf7;border-radius:16px;margin-bottom:16px}.avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#dceaff;color:#1677ff;font-weight:800;font-size:21px}.profilebox p{margin:4px 0 0}.menurow{width:100%;display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid #edf1f7;background:transparent;padding:16px 5px;color:#203354;text-align:left}.menurow svg:first-child{color:#1677ff;width:20px}.menurow svg:last-child,.menurow b{margin-left:auto;color:#71809c}.bottomnav{position:fixed;z-index:5;bottom:0;left:50%;transform:translate(-50%);width:min(520px,100%);padding:9px 12px calc(9px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:#ffffffed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid #e6edf7}.bottomnav button{border:0;background:transparent;color:#8290a8;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px}.bottomnav svg{width:20px;height:20px}.bottomnav .chosen{color:#1677ff;font-weight:700}.scrim{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;background:#10204466;display:flex;justify-content:flex-end}.drawer{width:min(330px,88vw);height:100%;background:#fff;padding:24px 18px;box-shadow:-12px 0 40px #10204422}.close{margin-left:auto}.toast{position:fixed;z-index:20;left:50%;transform:translate(-50%);bottom:95px;width:calc(min(520px,100%) - 32px);padding:13px 15px;border-radius:14px;background:#102044;color:#fff;display:flex;gap:9px;align-items:center;font-size:13px;box-shadow:0 8px 28px #10204430}.toast svg{flex-shrink:0;color:#70e0a4}.foot{font-size:10px;color:#9aa6ba;text-align:center;padding:16px 0 0}@media(min-width:560px){body{padding:20px 0}.app{border-radius:28px;overflow:hidden;min-height:calc(100vh - 40px)}.bottomnav{bottom:20px;border-radius:0 0 28px 28px}}
