:root{color:#2f2b26;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f4ee;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{width:min(100% - 32px,640px);margin:0 auto;padding:48px 0}.eyebrow{color:#756c61;font-size:.875rem}h1{margin:8px 0 32px}nav{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}nav button{min-height:48px;color:inherit;background:#fffdf9;border:1px solid #d8d0c4;border-radius:16px}.notification-setup{background:#fffdf9;border:1px solid #d8d0c4;border-radius:20px;margin-top:32px;padding:20px}.notification-setup h2{margin-top:0;font-size:1.125rem}.push-diagnostics{background:#f7f4ee;border-radius:14px;margin:16px 0;padding:16px}.push-diagnostics h3{margin:0 0 12px;font-size:1rem}.push-diagnostics ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.push-diagnostics li{justify-content:space-between;gap:16px;display:flex}.push-diagnostics strong[data-supported=true]{color:#3f6842}.push-diagnostics strong[data-supported=false]{color:#9b3f36}.user-agent{color:#756c61;gap:4px;margin:14px 0 0;font-size:.75rem;display:grid}.user-agent code{overflow-wrap:anywhere;white-space:normal}.push-receipts{border:1px solid #ded7cc;border-radius:14px;margin:16px 0;padding:16px}.push-receipts h3{margin:0 0 12px;font-size:1rem}.push-receipts dl{gap:8px;margin:0;display:grid}.push-receipts dl div{justify-content:space-between;gap:16px;display:flex}.push-receipts dt{color:#756c61}.push-receipts dd{text-align:right;min-width:0;margin:0}.push-receipts code{overflow-wrap:anywhere;font-size:.75rem}.notification-setup button{color:#fff;background:#596b57;border:0;border-radius:14px;min-height:44px;padding:0 16px}.notification-setup button:disabled{cursor:not-allowed;opacity:.5}.notification-setup textarea{resize:vertical;border:1px solid #d8d0c4;border-radius:12px;width:100%;min-height:120px;margin:12px 0;padding:12px}