:root{--bg:#f6f4ef;--surface:#fff;--surface-2:#f0f2ed;--text:#232420;--muted:#8a8c82;--accent:#1e8e50;--accent-ink:#fff;--accent-text:#1b7a47;--accent-soft:#eaf6ee;--accent-soft-2:#e7f4ec;--accent-border:#cde6d6;--border:#edeae2;--field-bg:#faf9f5;--field-border:#e4e1d9;--placeholder:#aeafa6;--divider:#f2f0ea;--btn-ghost:#fff;--btn-ghost-border:#e4e1d9;--btn-ghost-active:#f0eee7;--danger:#c0524a;--danger-soft:#fbeae8;--warn:#b5722a;--warn-soft:#fbefdd;--radius:14px;--radius-card:22px;--shadow-card:0 4px 20px #1e281e0d;--shadow-accent:0 6px 16px #1e8e5040;--tap:52px;--maxw:640px;--font-display:"Baloo 2", system-ui, sans-serif;font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior-y:contain}::placeholder{color:var(--placeholder);opacity:1}button,input,select{font:inherit;touch-action:manipulation}button{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none}.app{max-width:var(--maxw);background:var(--bg);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex;box-shadow:0 0 60px #0000000d}.topbar{z-index:10;padding:.55rem .9rem;padding-top:calc(.55rem + env(safe-area-inset-top,0));background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--field-border);justify-content:space-between;align-items:center;gap:.4rem;display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);letter-spacing:-.5px;color:var(--accent);flex:none;font-size:1.6rem;font-weight:800;text-decoration:none}.nav{align-items:center;gap:.1rem;display:flex}.nav a{color:var(--muted);border-radius:11px;padding:.45rem .65rem;font-size:.88rem;font-weight:700;text-decoration:none}.nav a[aria-current=page]{background:var(--accent-soft-2);color:var(--accent-text);font-weight:800}.user{flex:none;align-items:center;gap:.2rem;display:flex}.avatar{background:var(--accent-soft-2);width:32px;height:32px;color:var(--accent-text);border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:800;display:flex}.logout{width:38px;height:38px;color:var(--muted);background:0 0;border-radius:11px;flex:none;justify-content:center;align-items:center;display:flex}main{padding:1rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0));flex-direction:column;flex:1;gap:1.25rem;display:flex}.btn{min-height:var(--tap);border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-accent);justify-content:center;align-items:center;gap:.4rem;padding:0 1.1rem;font-size:1rem;font-weight:800;display:inline-flex}.btn--ghost{background:var(--btn-ghost);color:var(--text);border:1.5px solid var(--btn-ghost-border);box-shadow:none}.btn--ghost:active{background:var(--btn-ghost-active)}.btn--soft{background:var(--accent-soft);color:var(--accent-text);border:1.5px solid var(--accent-border);box-shadow:none}.btn--soft:active{background:var(--accent-soft-2)}.btn--block{width:100%;font-family:var(--font-display)}.field{width:100%;min-height:var(--tap);border-radius:var(--radius);border:1.5px solid var(--field-border);background:var(--field-bg);color:var(--text);padding:0 1rem;font-size:16px}.field:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:1rem}.muted{color:var(--muted)}.section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 .5rem;font-size:.8rem;font-weight:700}