:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f1f5f9;--text: #0f172a;--text-2: #475569;--muted: #94a3b8;--border: #e2e8f0;--border-2: #cbd5e1;--accent: #2563eb;--accent-strong: #1d4ed8;--accent-soft: #eff6ff;--accent-text: #ffffff;--danger: #dc2626;--danger-soft: #fef2f2;--success: #16a34a;--success-soft:#f0fdf4;--warn: #d97706;--warn-soft: #fffbeb;--header: #0f172a;--header-text: #f8fafc;--radius: 12px;--radius-sm: 8px;--radius-lg: 18px;--shadow: 0 1px 2px rgba(15,23,42,.04), 0 2px 8px rgba(15,23,42,.06);--shadow-lg: 0 10px 30px rgba(15,23,42,.18);--fs-xs: 12px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 17px;--fs-xl: 22px;--fs-2xl: 28px;--tap: 46px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:var(--fs-md);line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden;touch-action:manipulation}h1,h2,h3{line-height:1.25;font-weight:700}@keyframes pb-spin{to{transform:rotate(360deg)}}button{font-family:inherit}.num{font-variant-numeric:tabular-nums;white-space:nowrap}.ctl[type=number]{min-width:8ch}.page{min-height:100dvh;display:flex;flex-direction:column}.content{flex:1;width:100%;max-width:720px;margin:0 auto;padding:16px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.stack{display:flex;flex-direction:column;gap:14px}.stack-sm{display:flex;flex-direction:column;gap:8px}.row{display:flex;align-items:center;gap:10px}.row-wrap{display:flex;flex-wrap:wrap;gap:8px}.spacer{flex:1}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 380px){.grid-2{gap:10px}}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.scroll-x::-webkit-scrollbar{height:5px}.scroll-x::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:4px}.ctl{width:100%;min-width:0;min-height:var(--tap);padding:11px 13px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:16px;font-family:inherit;color:var(--text);background:var(--surface);outline:none;transition:border-color .15s,box-shadow .15s}.ctl::placeholder{color:var(--muted)}.ctl:hover:not(:focus):not(:disabled){border-color:var(--border-2)}.ctl:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.ctl:disabled{background:var(--surface-2);color:var(--text-2);cursor:not-allowed}select.ctl{cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:38px}.ctl[type=number]::-webkit-outer-spin-button,.ctl[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ctl[type=number]{-moz-appearance:textfield}textarea.ctl{min-height:84px;resize:vertical;line-height:1.4}.muted{color:var(--text-2)}.faint{color:var(--muted)}.eyebrow{font-size:var(--fs-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}