:root{--bg: #f8fafc;--card: #fff;--text: #0f172a;--muted: #6b7280;--border: #e5e7eb;--safe-area-inset-bottom: env(safe-area-inset-bottom, 16px)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(1200px 700px at 15% -10%,#fffffffa,#fff0 62%),radial-gradient(900px 600px at 85% 12%,#fffc,#fff0 60%),linear-gradient(180deg,#fff,#f3f5fb),repeating-linear-gradient(135deg,#ffffff24 0 1px,#fff0 1px 10px);background-blend-mode:screen,screen,normal,normal;background-attachment:fixed;color:var(--text)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,#ffffff73,#fff0 45%),radial-gradient(800px 500px at 50% 0%,#ffffff8c,#fff0 60%);mix-blend-mode:screen}#root{min-height:100vh}.container{max-width:980px;margin:0 auto;padding:16px}.navbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:14px;margin-bottom:14px}.brand{font-weight:800;letter-spacing:.2px}.badge{font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid var(--border)}.grow{flex:1}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px;margin-bottom:12px}.row{margin-bottom:12px}.itemLabel{font-weight:600}.itemDesc{color:var(--muted);font-size:13px;margin-top:2px}.small{color:var(--muted);font-size:13px}.hr{height:1px;background:var(--border);margin:10px 0}.btn{padding:10px 12px;border-radius:12px;border:1px solid var(--border);cursor:pointer;font-weight:700}.btn.ios{background:#111827;color:#fff;border-color:#111827}.btn.ghost{background:#fff;color:#111827}.input{width:100%;padding:10px;border:1px solid var(--border);border-radius:12px;background:#fff}.grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.segment{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:6px}.segment button{padding:8px 6px;border-radius:10px;font-weight:600;cursor:pointer;transition:transform .06s ease-in-out,box-shadow .06s ease-in-out}.segment button.active{outline:2px solid #111827;box-shadow:0 0 0 2px #11182726 inset}.inlineIcon{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.inlineIcon svg{width:18px;height:18px}.modalBackdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.modalCard{background:#fff;border-radius:16px;padding:12px;max-width:92vw;max-height:90vh;overflow:auto;border:1px solid var(--border)}.modalHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.modalGrid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.modalGrid img{width:100%;height:120px;object-fit:cover;border-radius:10px;border:1px solid var(--border)}body,#root,.app{padding-bottom:calc(64px + var(--safe-area-inset-bottom));box-sizing:border-box}.bottomNav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--card);border-top:1px solid var(--border);padding:10px 0;padding-bottom:calc(10px + var(--safe-area-inset-bottom));z-index:50}