*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,Arial,sans-serif;background:#f6f7fb;color:#111827}button,input,select{font:inherit}button{cursor:pointer}main{max-width:560px;margin:auto;padding:18px 16px 96px}h2{font-size:30px;margin:8px 0 18px}.card,.hero{background:#fff;border:1px solid #e7e9ef;border-radius:20px;padding:16px;margin:12px 0;box-shadow:0 4px 18px #11182708}.hero{background:#111827;color:#fff}.hero small,.hero span,.card small{display:block;color:#6b7280}.hero small,.hero span{color:#cbd5e1}.hero strong{display:block;font-size:34px;margin:8px 0}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.row small{margin-top:3px}.grid2,.grid3{display:grid;gap:10px}.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:repeat(3,1fr)}.grid3>div{background:#f8fafc;border-radius:12px;padding:10px;text-align:center}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;background:#e9edf4;border-radius:14px;padding:4px;margin-bottom:12px}.seg button,.modes button{border:0;background:transparent;border-radius:11px;padding:10px;font-weight:700;color:#64748b}.seg .active,.modes .active{background:#fff;color:#111827;box-shadow:0 2px 8px #0000000d}.modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.modes button{background:#f8fafc;border:1px solid #e5e7eb}.modes .active{border-color:#7c3aed;background:#f5f3ff}input,select{width:100%;border:1px solid #d9dde6;background:#fff;border-radius:13px;padding:12px;margin:5px 0}button{border:0;border-radius:13px;padding:11px 14px;background:#eef2f7;font-weight:750}.primary{background:#7c3aed;color:#fff;width:100%;margin-top:8px}.mini{width:auto;padding:7px 10px;margin:0}.link{background:none;color:#6d28d9}.oauth{width:100%;background:#fff;border:1px solid #d9dde6;margin:5px 0}.apple{background:#111;color:#fff}.auth{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:linear-gradient(#fafafa,#eef2ff);z-index:20}.authCard{width:min(420px,100%);background:#fff;padding:26px;border-radius:28px;box-shadow:0 24px 80px #312e8120}.authCard h1{font-size:34px;margin:0}.authCard h1 span{color:#7c3aed}.or{text-align:center;color:#94a3b8;font-size:12px;margin:12px}.check{display:flex;gap:8px;align-items:flex-start;font-size:13px;margin:8px 0}.check input{width:auto;margin:2px 0}.inline{display:inline-flex;margin-right:12px}.dose{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #edf0f5}.dose input{width:20px}.dose span small{display:block}.hint{font-size:11px;color:#64748b}.deal{display:flex;justify-content:space-between;border-top:1px solid #eef1f5;padding:9px 0;font-size:13px}details{border-top:1px solid #eef1f5;padding:10px 0}nav{position:fixed;bottom:0;left:0;right:0;background:#ffffffee;backdrop-filter:blur(14px);border-top:1px solid #e5e7eb;display:grid;grid-template-columns:repeat(5,1fr);padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));z-index:10}nav button{background:transparent;padding:8px 2px;font-size:11px;color:#64748b}nav .active{color:#7c3aed}#toast{position:fixed;left:50%;bottom:86px;transform:translate(-50%,20px);opacity:0;background:#065f46;color:#fff;padding:10px 14px;border-radius:12px;z-index:30;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.err{background:#991b1b}@media(max-width:380px){.grid3{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}}