:root{--brand-primary: #f4bc25;--brand-primary-strong: #d7a10f;--brand-text: #3e424d;--brand-text-muted: #667085;--brand-bg: #f8f6f6;--brand-surface: #ffffff;--brand-border: #e5e7eb;--brand-success: #16a34a;--brand-warning: #b45309;--brand-danger: #b42318;--brand-shadow: 0 10px 30px rgba(62, 66, 77, .08);--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--font-sans: "Liberation Sans", "Segoe UI", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;font-family:var(--font-sans);color:var(--brand-text);background:radial-gradient(circle at top right,rgba(244,188,37,.2),transparent 38%),radial-gradient(circle at bottom left,rgba(62,66,77,.06),transparent 36%),var(--brand-bg)}a{color:inherit;text-decoration:none}.app-shell{max-width:480px;height:100svh;margin:0 auto;background:var(--brand-surface);box-shadow:var(--brand-shadow);display:grid;grid-template-rows:auto 1fr auto}.top-bar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--brand-border);background:color-mix(in srgb,var(--brand-surface) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.top-bar__logo{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-weight:700;background:var(--brand-primary)}.top-bar__title{margin:0;font-size:.95rem;line-height:1.2}.top-bar__action{font-size:.78rem;color:var(--brand-text-muted)}.app-content{padding:10px 12px;overflow:auto}.page{display:grid;gap:10px;align-content:start}.section-header h2{margin:0;font-size:1.18rem}.section-header p{margin:4px 0 0;color:var(--brand-text-muted);line-height:1.3;font-size:.9rem}.hero-panel{border-radius:var(--radius-lg);padding:12px;background:linear-gradient(140deg,var(--brand-primary),#f7d76f);color:#22262f}.hero-panel h2{margin:6px 0 4px;font-size:1.1rem}.hero-panel p{margin:0;line-height:1.28;font-size:.88rem}.hero-panel__badge{display:inline-flex;padding:4px 10px;border-radius:999px;background:#ffffff80;font-size:.75rem;font-weight:700}.card-stack{display:grid;gap:8px}.card-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--brand-border);border-radius:var(--radius-md);padding:12px;background:var(--brand-surface);display:grid;gap:8px}.card--soft{background:#fcfaf2}.card h3,.card h2{margin:0}.card p{margin:0;color:var(--brand-text-muted);line-height:1.3;font-size:.86rem}.card__row{display:flex;justify-content:space-between;align-items:center;gap:10px}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:.7rem;color:#4b5563;background:#f4f4f5}.actions{display:grid;gap:6px}.actions--row{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:var(--radius-sm);padding:9px 12px;font-size:.84rem;font-weight:700;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease;display:inline-flex;justify-content:center;align-items:center}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--brand-primary);color:#1f2937}.btn--primary:hover{background:var(--brand-primary-strong)}.btn--outline{border-color:var(--brand-border);background:#fff;color:var(--brand-text)}.btn--ghost{background:#f9fafb;border-color:#eef0f2;color:var(--brand-text-muted)}.btn.is-disabled{pointer-events:none;opacity:.6}.status{border-radius:var(--radius-sm);padding:8px 10px;background:#f3f4f6;color:#111827;font-size:.9rem}.status--error{background:#fef2f2;color:var(--brand-danger)}.badge{border-radius:999px;padding:3px 7px;font-size:.68rem;font-weight:700;background:#eef2f7;color:#374151}.badge--ok{background:#ecfdf3;color:var(--brand-success)}.badge--warn{background:#fff7ed;color:var(--brand-warning)}.field{display:grid;gap:6px;font-weight:700;font-size:.9rem}.field__input{border:1px solid var(--brand-border);border-radius:var(--radius-sm);padding:9px 10px;font:inherit}.field__input:focus{outline:2px solid color-mix(in srgb,var(--brand-primary) 65%,white);border-color:var(--brand-primary)}.bottom-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:8px 10px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--brand-border);background:#fff}.bottom-nav__item{display:inline-flex;justify-content:center;align-items:center;padding:8px 5px;border-radius:var(--radius-sm);font-size:.68rem;font-weight:700;color:var(--brand-text-muted)}.bottom-nav__item.is-active{background:color-mix(in srgb,var(--brand-primary) 28%,white);color:#2a303c}.splash-screen{min-height:100svh;display:grid;place-content:center;justify-items:center;gap:10px;background:radial-gradient(circle at 30% 20%,rgba(244,188,37,.25),transparent 35%),var(--brand-bg)}.splash-screen__logo{font-size:1.6rem;letter-spacing:.08em;font-weight:800}.splash-screen__text{margin:0;color:var(--brand-text-muted)}.loader{width:32px;height:32px;border-radius:50%;border:3px solid rgba(62,66,77,.16);border-top-color:var(--brand-primary-strong);animation:spin .9s linear infinite}.onboarding-screen{max-width:480px;min-height:100svh;margin:0 auto;background:var(--brand-surface);padding:14px 12px;display:grid;gap:8px;align-content:start}.onboarding-screen__header h1{margin:0;font-size:1.28rem;line-height:1.18}.onboarding-screen__header p{margin:6px 0 0;color:var(--brand-text-muted);font-size:.88rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes reveal-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[data-animate=stagger]>*{animation:reveal-up .33s ease both}[data-animate=stagger]>*:nth-child(2){animation-delay:45ms}[data-animate=stagger]>*:nth-child(3){animation-delay:90ms}[data-animate=stagger]>*:nth-child(4){animation-delay:135ms}@media(max-width:420px){.top-bar{grid-template-columns:36px 1fr}.top-bar__action{display:none}}@media(max-height:760px){.app-content{padding:8px 10px}.page{gap:8px}.hero-panel{padding:10px}.card{padding:10px;gap:6px}}