*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--surface-base);color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}svg{display:block}:focus-visible{outline:3px solid var(--accent-purple);outline-offset:2px}.app{max-width:480px;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 22px) var(--space-4) calc(env(safe-area-inset-bottom) + 24px);margin:0 auto}.masthead{align-items:center;gap:14px;display:flex}.masthead-name{font-family:var(--font-display);font-weight:var(--fw-masthead);font-size:var(--fs-masthead);line-height:var(--lh-masthead);letter-spacing:var(--ls-masthead);text-transform:uppercase;overflow-wrap:anywhere;font-style:italic}.menu-button{background:var(--surface-card);width:48px;height:48px;color:var(--ink);border:0;border-radius:16px;flex:none;justify-content:center;align-items:center;display:flex;box-shadow:0 1px 3px #2e254714}.page-header{align-items:center;gap:12px;display:flex}.page-title{font-family:var(--font-display);font-size:var(--fs-heading);font-weight:var(--fw-heading);align-items:center;gap:10px;display:flex}.page-title-bar{border-radius:3px;width:6px;height:22px}.menu-layer{z-index:10;position:fixed;inset:0}.menu-scrim{background:var(--slab);opacity:.25;position:absolute;inset:0}.menu-drawer{background:var(--slab);width:min(324px,86vw);color:var(--ink-on-slab);border-radius:0 var(--radius-slab) var(--radius-slab) 0;padding:calc(env(safe-area-inset-top) + 24px) 14px calc(env(safe-area-inset-bottom) + 22px);outline:none;flex-direction:column;gap:8px;animation:.22s cubic-bezier(.2,.8,.2,1) menu-in;display:flex;position:absolute;top:0;bottom:0;left:0;overflow-y:auto}@keyframes menu-in{0%{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.menu-drawer{animation:none}}.menu-drawer button{text-align:left;color:var(--ink-on-slab);background:0 0;border:0}.menu-profile{align-items:center;gap:12px;padding:0 4px 10px;display:flex}.menu-initial{border-radius:var(--radius-round);background:var(--surface-card);width:48px;height:48px;color:var(--ink);font-family:var(--font-display);justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.menu-name{font-family:var(--font-display);text-transform:uppercase;font-size:28px;font-style:italic;font-weight:700;line-height:1;display:block}.menu-profile-link{font-size:var(--fs-caption);color:var(--ink-on-slab-muted);margin-top:3px;display:block}.menu-row{height:54px;font-family:var(--font-display);text-transform:uppercase;border-radius:18px;flex:none;align-items:center;padding:0 18px;font-size:19px;display:flex;position:relative;overflow:hidden}.menu-row-label{z-index:1;position:relative}.menu-motif{position:absolute}.menu-drawer .menu-row.is-current{background:var(--surface-card);color:var(--ink);font-weight:700}.menu-row.is-current .menu-motif{display:none}.menu-links{border-top:1px solid var(--slab-track);flex-direction:column;margin-top:8px;padding-top:6px;display:flex}.menu-drawer .menu-link{color:var(--surface-track);padding:11px 18px;font-size:15px}.menu-drawer .menu-link.is-current{color:var(--ink-on-slab);font-weight:500}.menu-drawer .menu-admin{height:52px;font-family:var(--font-display);text-transform:uppercase;border:2px solid #6a5e92;border-radius:18px;flex:none;align-items:center;gap:10px;margin-top:auto;padding:0 16px;font-size:17px;display:flex}.login{gap:var(--space-4);flex-direction:column;display:flex}.login-slab{background:var(--slab);color:var(--ink-on-slab);border-radius:var(--radius-slab);padding:var(--space-5) var(--space-5) var(--space-6);margin-top:12vh}.login-label{font-size:var(--fs-label);letter-spacing:var(--ls-label);color:var(--ink-on-slab-muted);font-weight:500}.login-title{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-mission);line-height:var(--lh-mission);text-transform:uppercase;margin:8px 0 0}.login-form{gap:var(--space-3);flex-direction:column;display:flex}.login-field{color:var(--ink-muted);flex-direction:column;gap:6px;font-size:14px;display:flex}.login-field input{border:2px solid var(--hairline);background:var(--surface-card);height:56px;color:var(--ink);font:inherit;border-radius:16px;padding:0 16px;font-size:17px}.login-field input:focus{border-color:var(--accent-purple);outline:none}.login-primary,.login-secondary{border-radius:16px;height:56px;font-size:16px;font-weight:500}.login-primary{background:var(--action);color:var(--action-ink);border:0}.login-primary:disabled{opacity:.6}.login-secondary{border:2px solid var(--hairline);color:var(--ink);background:0 0}.login-note{color:var(--ink-muted);margin:0}