:root{--navy:#1b3a5c;--emerald:#2ecc71;--amber:#f39c12;--red:#e74c3c;--page-bg:#f5f7fa;--card-bg:#fff;--text:#2c3e50}*{box-sizing:border-box}body{background:var(--page-bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:where(a[href],button,[role=button],summary,label[for],input[type=button],input[type=submit],input[type=reset],select,.clickable,.item-row,.row-button,.secondary-action,.upload-target,.bottom-tabs a,.mic-button,.confirm-review,.discard-review):not(:disabled){cursor:pointer}input[type=file]::file-selector-button{cursor:pointer}:where(button,input,select,textarea):disabled,:where([aria-disabled=true]){cursor:not-allowed}.page-shell{min-height:100vh;padding:2rem}.hero-card{background:var(--card-bg);border-radius:8px;max-width:960px;margin:0 auto;padding:2rem;box-shadow:0 8px 24px #1b3a5c1a}.hero-card h1{color:var(--navy)}.auth-page{background:var(--page-bg);place-items:center;min-height:100vh;padding:1rem;display:grid}.auth-card{background:var(--card-bg);border-radius:8px;width:min(100%,420px);padding:2rem;box-shadow:0 8px 24px #1b3a5c1a}.auth-card form,.auth-card label{gap:.75rem;display:grid}.auth-card input,.auth-card button{border-radius:8px;min-height:48px}.auth-card input{border:1px solid #1b3a5c2e;padding:0 1rem}.auth-card button{color:#fff;background:var(--emerald);border:0;font-weight:800}.dev-bypass-panel{border:1px dashed var(--amber);background:#f39c1214;border-radius:8px;margin-top:1rem;padding:1rem}.dev-bypass-panel p{margin-top:0;font-size:.9rem}.auth-card .dev-bypass-button{background:var(--navy);width:100%}.feedback-message{opacity:1;will-change:opacity, transform;transition:opacity .3s,transform .3s}.feedback-message.is-dismissing{opacity:0;pointer-events:none;transform:translateY(-4px)}.auth-status{color:var(--navy);background:#2ecc711f;border-radius:8px;margin:1rem 0 0;padding:.75rem 1rem;font-weight:800}.auth-error-box,.auth-panel-error{color:#9f2418;background:#e74c3c1a;border:1px solid #e74c3c59;border-radius:10px;margin:1rem 0 0;padding:.85rem 1rem;font-weight:800;line-height:1.45}.auth-panel-error,.auth-panel-status{margin:0}.auth-panel-status{color:var(--navy);background:#2ecc711a;border:1px solid #2ecc714d;border-radius:10px;padding:.85rem 1rem;font-weight:800;line-height:1.45}@media (prefers-reduced-motion:reduce){.feedback-message{transition:opacity 1ms linear}}.brand-mark.dark{color:var(--navy);font-size:1.75rem;font-weight:900}.brand-mark.dark span{color:var(--emerald)}.eyebrow{color:var(--emerald);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.invoshelf-login-card{border-top:6px solid var(--emerald)}.auth-section-stack{gap:1rem;margin-top:1.25rem;display:grid}.auth-panel{background:#ffffffe6;border:1px solid #1b3a5c1f;border-radius:16px;gap:.85rem;padding:1rem;display:grid}.auth-panel h2,.auth-panel p{margin:0}.primary-auth-panel{border-color:#2ecc716b;box-shadow:0 10px 24px #2ecc711a}.magic-link-panel{background:#1b3a5c0a}.auth-card .create-account-button,.auth-card .secondary-auth-button{margin-top:.25rem}.auth-card .create-account-button{background:var(--navy)}.auth-card .secondary-auth-button{color:var(--navy);border:2px solid var(--emerald);background:#fff}.auth-card button:disabled{opacity:.65}@media (max-width:600px){.auth-page{align-items:start;padding:.75rem}.auth-card{border-radius:18px;width:100%;padding:1.1rem}.auth-panel{padding:.9rem}.auth-card input,.auth-card button{min-height:52px;font-size:1rem}}.app-shell{min-height:100vh;display:flex}.app-shell>main,.app-shell>div:not(.sidebar):not(.bottom-tabs){flex:1;min-width:0;margin-left:240px;padding:1rem}@media (max-width:768px){.app-shell>main,.app-shell>div:not(.sidebar):not(.bottom-tabs){margin-left:0;padding-bottom:80px}}