.content{display:grid;gap:1.5rem;padding-inline:1rem}.content__header{display:grid;justify-items:center;gap:1rem}.content__header-desc>p:first-child{margin-block:0}.content__header-desc>p:nth-child(2){margin:0}@media screen and (min-width:768px){.content__header-desc{text-align:center}}.header{position:static;border-bottom:1px solid var(--header-border, rgba(0, 0, 0, .05));width:100%}.header-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:auto auto;justify-content:space-between;grid-template-areas:"logo actions" "spinner spinner";align-items:center;padding-inline:1.5rem;padding-block:.5rem;gap:.5rem 1rem}@media screen and (min-width:1660px){.header-inner{max-width:1600px}}.logo{grid-area:logo;font-family:var(--font-heading);font-weight:900;font-style:italic;transition:all .3s ease;font-size:3rem;margin:0}.logo a{text-decoration:none;color:inherit;display:block}@media screen and (min-width:768px){.logo{font-size:3.5rem}}.header-actions{grid-area:actions;display:flex;align-items:center;gap:1rem}#user-button-mount{display:flex;align-items:center}.auth-buttons{display:none;align-items:center;gap:.75rem}.btn-auth{padding:.4rem .53rem;border:none;border-radius:6px;font-family:Lato,sans-serif;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}@media(min-width:480px){.btn-auth{padding:.75rem 1.5rem}}.btn-signin{background:#fff;color:#000;border:1px solid #000}.btn-signin:hover{background:#000;color:#fff}.btn-signup{background:#000;color:#fff;border:1px solid #000}.btn-signup:hover{background:#333}.btn-profile{background:#000;color:#fff;border:1px solid #000}.btn-profile:hover{background:#333}.btn-logout{background:#fff;color:#000;border:1px solid #000}.btn-logout:hover{background:#000;color:#fff}.user-info{display:none;align-items:center;gap:.75rem}.header-actions[data-auth-state=loading] .user-info,.header-actions[data-auth-state=loading] .auth-buttons{display:none}.header-actions[data-auth-state=signed-in] .user-info{display:flex}.header-actions[data-auth-state=signed-in] .auth-buttons,.header-actions[data-auth-state=signed-out] .user-info{display:none}.header-actions[data-auth-state=signed-out] .auth-buttons{display:flex}.link-btn{background:none;border:none;color:var(--color-brand, #000000);text-decoration:underline;cursor:pointer;padding:2px 4px;font-size:inherit;font-weight:600;transition:all .2s}.link-btn:hover{color:var(--color-brand-hover, #333333);text-decoration:none;background:#0000000d;border-radius:4px}.auth-switch{color:#374151;font-size:.95rem;padding:1rem 0 1.5rem;margin-top:.5rem;border-top:1px solid #e5e7eb;text-align:center}.auth-switch p{margin:0}@media(max-width:480px){.auth-buttons{flex-direction:column}}.spinner-center{grid-area:spinner;display:flex;justify-content:center;align-items:center;padding-block:.25rem;width:100%}.spinner-text{font-size:16px;font-style:italic;font-family:Playfair Display,Georgia,serif;opacity:1;transition:opacity .5s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px;text-align:center}.spinner-text.hiding{opacity:0}@media(max-width:600px){.spinner-text{display:none}}.footer{margin-top:auto}.footer-copyright{text-align:center}.footer-copyright small,.footer-links small{color:#374151;font-size:.875rem}.footer-links a{color:#374151;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#000}.footer-links__separator{width:1px;height:1rem;background:#bdbdbd}@media(max-width:768px){.footer{padding:1.5rem 0}.footer-links{flex-direction:column;gap:.5rem}.footer-links__separator{display:none}}