.site-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8fafcb8;border-bottom:1px solid #94a3b833;position:sticky;top:0;z-index:50}.site-header__inner{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;padding:1rem 0;width:min(1200px,calc(100% - 2rem))}.brand-mark{align-items:center;display:flex;gap:.85rem}.brand-mark strong{color:#0f172a;display:block;font-size:1.05rem}.brand-mark span:last-child{color:#64748b;display:block;font-size:.9rem}.brand-icon{background:linear-gradient(135deg,#0ea5e9,#14b8a6);border-radius:14px;box-shadow:0 12px 24px #14b8a640;color:#fff;display:grid;font-size:1.2rem;height:48px;place-items:center;width:48px}.site-nav{align-items:center;display:flex;gap:.75rem}.nav-link{align-items:center;border-radius:999px;color:#334155;display:inline-flex;gap:.5rem;padding:.8rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link.active,.nav-link:hover{background:#ffffffd9;box-shadow:0 8px 20px #0f766e1f;color:#0f766e;transform:translateY(-2px)}@media (max-width:768px){.site-header__inner{align-items:stretch;flex-direction:column;width:min(100%,calc(100% - 1.25rem))}.site-nav{flex-wrap:wrap;justify-content:center}}.site-footer{padding:1.5rem 0 2rem}.site-footer__inner{align-items:center;background:#ffffffb3;border:1px solid #ffffffb3;border-radius:16px;box-shadow:0 10px 30px #0f172a0f;color:#64748b;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;padding:1.25rem 1.5rem;width:min(1200px,calc(100% - 2rem))}.site-footer__brand h3{color:#1f2937;font-size:1rem;margin:0 0 .35rem}.site-footer__brand p{margin:0}.site-footer__meta{align-items:center;display:flex;flex-wrap:wrap;font-size:.95rem;gap:.75rem;justify-content:flex-end}@media (max-width:768px){.site-footer__inner{align-items:flex-start;flex-direction:column;width:min(100%,calc(100% - 1.25rem))}.site-footer__meta{justify-content:flex-start}}.message-card{background:#ffffffeb;border:1px solid #e2e8f0e6;border-radius:18px;box-shadow:0 10px 24px #0f172a1a,0 4px 8px #0f172a0f;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.message-card:hover{box-shadow:0 20px 40px #0f172a24,0 10px 18px #0f172a14;transform:translateY(-6px)}.message-card__image-wrap{position:relative}.message-card img{height:220px;object-fit:cover;width:100%}.message-card__category{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ab8;border-radius:999px;color:#fff;font-size:.8rem;left:1rem;padding:.4rem .75rem;position:absolute;top:1rem}.message-card__content{padding:1.25rem}.message-card__top{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.message-card__top h3{color:#0f172a;font-size:1.15rem;margin:0}.message-card__rating{color:#d97706;font-weight:700;white-space:nowrap}.message-card p{color:#475569;line-height:1.7;margin:0 0 1rem}.message-card__footer{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.message-card__tone{color:#0f766e;font-weight:600}.message-card__badge{background:linear-gradient(135deg,#f59e0b,#ea580c);border-radius:999px;box-shadow:0 8px 18px #ea580c33;color:#fff;font-size:.8rem;padding:.45rem .8rem}.home-page{display:flex;flex-direction:column;gap:2rem}.hero-panel{grid-gap:1.5rem;align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:1.1fr .9fr}.hero-panel__content,.hero-panel__visual{background:#ffffffbf;border:1px solid #fffc;border-radius:24px;box-shadow:0 18px 40px #0f172a14;overflow:hidden}.hero-panel__content{display:flex;flex-direction:column;justify-content:center;padding:2.5rem}.eyebrow{color:#0f766e;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.12em;margin-bottom:1rem;text-transform:uppercase}.hero-panel__content h1{color:#0f172a;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;margin:0 0 1rem}.hero-panel__content p{color:#475569;font-size:1.05rem;line-height:1.8;margin:0}.hero-panel__visual img{height:100%;min-height:320px;object-fit:cover;width:100%}.hero-status{border-radius:16px;display:flex;flex-direction:column;gap:.35rem;margin-top:1.5rem;padding:1rem 1.15rem}.hero-status.success{background:linear-gradient(135deg,#14b8a624,#0ea5e91f);border:1px solid #14b8a633;color:#0f172a}.hero-status.loading{background:#94a3b81f;border:1px solid #94a3b833;color:#475569}.hero-status.error,.state-box.error{background:#ef444414;border:1px solid #ef444433;color:#b91c1c}.preview-section{display:flex;flex-direction:column;gap:1.25rem}.section-heading h2{color:#0f172a;font-size:1.8rem;margin:.35rem 0 0}.message-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.state-box{background:#ffffffbf;border-radius:16px;box-shadow:0 12px 28px #0f172a0f;color:#475569;padding:1.25rem}@media (max-width:900px){.hero-panel{grid-template-columns:1fr}.hero-panel__content{padding:2rem}}.messages-page{display:flex;flex-direction:column;gap:1.5rem}.messages-hero{background:linear-gradient(135deg,#0ea5e91f,#14b8a61f);border:1px solid #fffc;border-radius:24px;box-shadow:0 16px 32px #0f172a0f;padding:2rem}.messages-hero h1{color:#0f172a;font-size:2.2rem;margin:0 0 .75rem}.messages-hero p{color:#475569;line-height:1.8;margin:0;max-width:780px}.filter-bar{display:flex;flex-wrap:wrap;gap:.75rem}.filter-chip{background:#ffffffd1;border:none;border-radius:999px;box-shadow:0 8px 18px #0f172a0f;color:#334155;cursor:pointer;padding:.8rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-chip.active,.filter-chip:hover{background:linear-gradient(135deg,#0ea5e9,#14b8a6);box-shadow:0 12px 22px #14b8a638;color:#fff;transform:translateY(-2px)}.messages-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.page-state{background:#ffffffc7;border-radius:16px;box-shadow:0 10px 24px #0f172a0f;color:#475569;padding:1.25rem}.page-state.error{background:#fef2f2f2;border:1px solid #ef444433;color:#b91c1c}.hello-page{display:flex;flex-direction:column;gap:2rem}.hello-page__hero{background:#ffffffc7;border:1px solid #ffffffb3;border-radius:24px;box-shadow:0 20px 45px #0f172a14;padding:2rem}.hello-page__eyebrow{color:#0f766e;display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.08em;margin-bottom:.75rem;text-transform:uppercase}.hello-page__hero h1{color:#111827;font-size:clamp(2rem,4vw,3rem);margin:0 0 .75rem}.hello-page__hero p{color:#4b5563;line-height:1.7;margin:0;max-width:720px}.hello-page__state{background:#ffffffd1;border-radius:16px;box-shadow:0 14px 30px #0f172a0f;color:#1f2937;padding:1rem 1.25rem}.hello-page__state--error{color:#b91c1c}.hello-page__grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.hello-page__card{background:#ffffffe0;border:1px solid #fffc;border-radius:20px;box-shadow:0 18px 40px #0f172a14;padding:1.25rem}.hello-page__card-top{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.hello-page__badge{align-items:center;background:#dbeafe;border-radius:999px;color:#1d4ed8;display:inline-flex;font-size:.78rem;font-weight:700;padding:.35rem .7rem;text-transform:capitalize}.hello-page__badge--active{background:#dcfce7;color:#166534}.hello-page__badge--draft{background:#fef3c7;color:#92400e}.hello-page__badge--published{background:#ede9fe;color:#6d28d9}.hello-page__owner{color:#6b7280;font-size:.9rem}.hello-page__card h2{color:#111827;font-size:1.15rem;margin:0 0 .75rem}.hello-page__card p{color:#4b5563;line-height:1.6;margin:0 0 1rem}.hello-page__meta{color:#6b7280;font-size:.85rem}.yeo-page{display:flex;flex-direction:column;gap:2rem}.yeo-page__hero{background:#ffffffc7;border:1px solid #ffffffb3;border-radius:24px;box-shadow:0 20px 45px #0f172a14;padding:2rem}.yeo-page__eyebrow{color:#0f766e;display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.08em;margin-bottom:.75rem;text-transform:uppercase}.yeo-page__hero h1{color:#111827;font-size:clamp(2rem,4vw,3rem);margin:0 0 .75rem}.yeo-page__hero p{color:#4b5563;line-height:1.7;margin:0;max-width:720px}.yeo-page__state{background:#ffffffd1;border-radius:16px;box-shadow:0 14px 30px #0f172a0f;color:#1f2937;padding:1rem 1.25rem}.yeo-page__state--error{color:#b91c1c}.yeo-page__grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.yeo-page__card{background:#ffffffe0;border:1px solid #fffc;border-radius:20px;box-shadow:0 18px 40px #0f172a14;padding:1.25rem}.yeo-page__card-top{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.yeo-page__badge{align-items:center;background:#dbeafe;border-radius:999px;color:#1d4ed8;display:inline-flex;font-size:.78rem;font-weight:700;padding:.35rem .7rem;text-transform:capitalize}.yeo-page__badge--active{background:#dcfce7;color:#166534}.yeo-page__badge--planned{background:#fef3c7;color:#92400e}.yeo-page__badge--completed{background:#ede9fe;color:#6d28d9}.yeo-page__owner{color:#6b7280;font-size:.9rem}.yeo-page__card h2{color:#111827;font-size:1.15rem;margin:0 0 .75rem}.yeo-page__card p{color:#4b5563;line-height:1.6;margin:0 0 1rem}.yeo-page__meta{color:#6b7280;font-size:.85rem}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1 1;margin:0 auto;padding:2rem 0 3rem;width:min(1200px,calc(100% - 2rem))}.status-banner{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.status-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;border:1px solid #ffffffb3;border-radius:18px;box-shadow:0 16px 40px #0f172a14;padding:1.25rem}.status-card h3{color:#0f766e;font-size:1rem;margin:0 0 .5rem}.status-card p{color:#475569;line-height:1.6;margin:0}@media (max-width:768px){.app-main{padding:1.25rem 0 2rem;width:min(100%,calc(100% - 1.25rem))}}*{box-sizing:border-box}#root,body,html{margin:0;min-height:100%;padding:0}body{background:linear-gradient(135deg,#f7fafc,#edf2f7 45%,#e6fffa);color:#1f2937;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}