.observation-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:30px;margin-top:28px}
.observation-main{min-width:0}.observation-form{padding:28px;border:1px solid #456881;border-radius:14px;background:rgba(7,21,39,.98)}
.observation-form h3,.observation-feed-heading h3{font-size:1.4rem;line-height:1.35;margin:0 0 22px}
.observation-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}
.observation-form label{display:block;font-size:.9375rem;color:#d6e6f3;margin-bottom:8px}
.observation-form input,.observation-form select,.observation-form textarea{width:100%;font:inherit;font-size:1rem;line-height:1.5;color:#eaf5ff;background:#040f20;border:1px solid #52728c;border-radius:8px;padding:11px 12px;min-height:46px}
.observation-form textarea{display:block;resize:vertical;min-height:140px;max-height:70vh}.observation-form ::placeholder{color:#9cb5ca;opacity:1}
.observation-form textarea:focus-visible,.observation-form select:focus-visible{outline:2px solid #b5e2ff;outline-offset:4px}
.observation-help{font-size:.875rem;line-height:1.65;color:#abc2d6;margin:12px 0 18px}.observation-privacy{font-size:.875rem;line-height:1.65;color:#c2d5e5;margin:18px 0 22px}
.observation-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.observation-status{color:#c5eaf8;font-size:.9375rem;line-height:1.6;min-height:1.6em;margin:18px 0 0;overflow-wrap:anywhere}
.observation-feed-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:32px}.observation-feed-heading h3{margin:0}.observation-feed-heading button{font-size:.875rem;flex-shrink:0}
.observation-entries{display:grid;gap:16px}.observation-entry{padding:22px;border:1px solid #344f69;border-radius:12px;background:rgba(7,19,35,.97)}
.observation-entry-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.observation-entry h4{font-size:1.0625rem;margin:0;line-height:1.5;overflow-wrap:anywhere}
.observation-topic{font-size:.75rem;line-height:1.5;color:#b9dfe7;padding:4px 8px;border:1px solid #385c6b;border-radius:6px;flex-shrink:0;max-width:50%}
.observation-entry-message{font-size:1rem;color:#d1e0ed;white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0}
.observation-entry-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.observation-entry time{font-size:.8125rem;color:#a1bad0}.observation-entry button{margin-left:auto;min-height:42px;padding:8px 14px;color:#b5e4ff;border:1px solid #4c6d89;border-radius:7px;background:#142b40;font-size:.875rem}
.observation-empty{font-size:1rem;color:#c4d4e1;padding:24px;border:1px dashed #486780;border-radius:12px;background:#09192c}
.support-search{padding:26px 24px;border:1px solid #6594b2;border-radius:16px;background:radial-gradient(ellipse at 50% 0,#1c4260,#09192d 60%);text-align:center}
.support-star{display:block;width:min(220px,100%);margin:-8px auto 12px}.support-star picture{display:block}.support-star img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 20px #59aef855)}
.support-motion-toggle{display:block;margin:0 auto 24px;min-height:42px;color:#d8efff;font-size:.875rem}
.support-search .eyebrow{font-size:.75rem;margin-bottom:12px}.support-search h3{font-size:1.65rem;margin:0 0 18px}.support-search>p:not(.eyebrow):not(.observation-help){font-size:1rem;line-height:1.7;color:#c1d6e7;margin-bottom:24px}.support-search .button{width:100%;padding-inline:12px}.support-search .observation-help{margin-bottom:0}
.observation-guidelines{padding:26px 10px}.observation-guidelines h3{font-size:1.2rem;line-height:1.35;margin:0 0 18px}.observation-guidelines ul{padding-left:20px;color:#bccfe0;font-size:.9375rem}.observation-guidelines li{margin:12px 0}.observation-guidelines a{font-size:.875rem}
@media(max-width:900px){.observation-layout{grid-template-columns:1fr}.observation-aside{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.observation-guidelines{padding:24px 10px}.observation-feed-heading{flex-wrap:wrap}}
@media(max-width:600px){.observation-form{padding:22px}.observation-fields{grid-template-columns:1fr;gap:18px}.observation-aside{grid-template-columns:1fr;gap:0}.support-search{padding:25px}.observation-feed-heading{gap:14px}.observation-entry{padding:18px}.observation-entry-head{flex-wrap:wrap}.observation-topic{max-width:100%}.observation-form .button{width:100%}}