:root{--font-body: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-heading: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, monospace}html,body{background:var(--bg, var(--background, #1E391F));color:var(--text, rgba(255, 255, 255, 1));font-family:var(--font-body);margin:0}code,pre{font-family:var(--font-mono)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-container{max-width:420px;min-width:330px;margin:64px auto;padding:0 16px}.auth-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:auto;-webkit-overflow-scrolling:touch;padding:calc(24px + env(safe-area-inset-top)) 0 calc(24px + env(safe-area-inset-bottom))}.app-container--auth{margin:0 auto}.page{min-height:100vh}.content{max-width:960px;margin:24px auto 64px;padding:0 16px}.page-title{margin:8px 0;font-family:var(--font-heading)}.page-subtitle{margin:0 0 16px;color:var(--text-muted, rgba(223, 236, 198, 1))}.app-title{margin:0 0 8px;font-family:var(--font-heading)}.brand-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px}.brand-logo{height:48px;width:auto}.brand-subtitle{margin:0;font-size:24px;font-weight:600;letter-spacing:.2px;color:var(--warning, rgba(223, 236, 198, 1))}.app-accent{margin-top:0;color:var(--accent, rgba(223, 236, 198, 1))}.app-muted{margin-top:0;color:var(--muted, rgba(223, 236, 198, 1))}.panel{padding:12px;background:var(--surface, rgba(255, 255, 255, .4));border:1px solid var(--panel-border, var(--border, rgba(255, 255, 255, .14)));border-radius:24px;margin-top:16px}.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:var(--background, #1E391F);border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .1));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-left{display:flex;align-items:center;gap:16px;min-width:0}.nav-brand{font-family:var(--font-heading);font-weight:700;letter-spacing:.2px}.nav-logo{height:22px;width:auto;display:block}.nav-links{display:flex;gap:12px;align-items:center}.nav-link{color:var(--text-muted, rgba(223, 236, 198, 1));text-decoration:none;font-size:14px;padding:6px 8px;border-radius:8px}.nav-link.is-active{color:var(--text, rgba(255, 255, 255, 1));background:var(--surface, rgba(255, 255, 255, .04));border:1px solid var(--border-subtle, rgba(255, 255, 255, .1))}.nav-right{display:flex;align-items:center;gap:12px}.nav-user{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted, rgba(223, 236, 198, 1));font-size:13px}.btn{font:inherit;border-radius:10px;padding:8px 12px;border:1px solid transparent;cursor:pointer}.btn-ghost{background:transparent;color:var(--text, rgba(255, 255, 255, 1));border-color:var(--border-subtle, rgba(255, 255, 255, .1))}.btn-ghost:hover{background:var(--surface, rgba(255, 255, 255, .04))}.text-warning{color:var(--warning, #b45309)}.text-danger{color:var(--danger, #b91c1c)}form#auth-sign-in button.supabase-auth-ui_ui-button[type=submit]{background-color:#dfecc6!important;color:#000!important;border-width:0px!important;border-style:none!important;border-color:#0000!important;border-image:none!important;border-radius:8px!important}