.observation-journal{padding-top:40px;padding-bottom:60px}.observation-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;flex-wrap:wrap}.observation-filters{display:flex;gap:12px}.observation-filters label{display:flex;align-items:center;gap:8px;font-size:11px;color:#b5c4a6}.observation-filters select{max-width:180px;background:#152219;color:#e1e9c9;border:1px solid #4b6645;border-radius:22px;padding:9px 12px;font:12px 'Source Sans 3'}.observation-filters select:hover{background:#29412e}.observation-columns{display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px;align-items:start}.observation-sidebar{position:sticky;top:20px;max-height:calc(100dvh - 40px);overflow-y:auto;scrollbar-width:thin}.observation-choice{display:flex;align-items:center;gap:14px;border:1px solid #354b37;background:#18271c;border-radius:12px;padding:14px;margin-bottom:10px;transition:background-color .18s ease,border-color .18s ease}.observation-choice[aria-current]{border-color:#b1cc85;background:#1d3021}.observation-choice:hover{background:#29412e;border-color:#96b473}.observation-choice time{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;width:46px;min-height:49px;border-radius:9px;background:#213424}.observation-choice strong{font:600 21px 'Source Code Pro';line-height:1.1}.observation-choice time span{font-size:10px;text-transform:uppercase;color:#b9c5a8}.observation-choice h2{font:600 14px/1.45 'Source Sans 3';margin:0 0 7px}.observation-choice p{font-size:11px;line-height:1.5;color:#a7b79a;margin:0}.observation-page{padding:30px;border:1px solid #354b37;border-radius:15px;background:#17241a;min-height:790px;min-width:0}.observation-date{font:11px/1.6 'Source Code Pro';color:#afbd9f!important;margin:0 0 13px}.observation-page h1{font:600 29px/1.3 'Source Code Pro';margin:0 0 14px;overflow-wrap:anywhere}.observation-badges{display:flex;flex-wrap:wrap;gap:8px}.observation-badges span{background:#243925;color:#d4e8a5;border-radius:3px;font:10px 'Source Code Pro';padding:4px 7px}.observation-conditions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:25px 0 30px}.observation-conditions>div{padding:13px 12px;border-radius:10px;background:#1e3022;min-width:0}.observation-conditions dt{font:9px 'Source Code Pro';letter-spacing:1px;color:#a1b391;margin:0 0 9px}.observation-conditions dd{margin:0;font:15px/1.5 'Source Code Pro';overflow-wrap:anywhere}.observation-conditions small{display:block;font:11px 'Source Sans 3';margin-top:5px}.rating-dots{display:flex;gap:3px}.rating-dots i{width:9px;height:9px;border-radius:50%;border:1px solid #627654;flex-shrink:0}.rating-dots i.filled{background:#cbe6a3;border-color:#cbe6a3}.observation-body{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:23px}.observation-body h2.eyebrow{font-size:10px;color:#9eaf90;margin:0 0 16px}.observation-prose p{font:16px/1.85 'Source Serif 4';color:#dce4c9;margin:0 0 20px;overflow-wrap:anywhere}.observation-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.observation-photos .sky-tile,.observation-photos .sky-tile:nth-child(n){height:180px;margin:0}.observation-no-photo{grid-column:1/-1;font-size:12px;color:#9eaf90!important}.observation-tools dl{background:#1e3022;border-radius:10px;padding:5px 14px;margin:0 0 13px}.observation-tools dl>div{display:flex;justify-content:space-between;align-items:start;gap:12px;padding:13px 0;border-bottom:1px solid #354b37;font-size:12px}.observation-tools dl>div:last-child{border:0}.observation-tools dt{color:#b0bf9f}.observation-tools dd{margin:0;text-align:right;overflow-wrap:anywhere;min-width:0}.observation-sophia{display:flex;gap:10px;align-items:center;text-align:left;width:100%;padding:14px;background:#1e3022;color:#edf1cf;border:1px solid transparent;border-radius:11px;font-size:12px;line-height:1.6}.observation-sophia img{width:32px;height:36px;object-fit:contain;background:#f5f5dd;border-radius:50%;flex-shrink:0}.observation-sophia:hover{background:#29412e;border-color:#78965d}
@media(max-width:1150px){.observation-columns{grid-template-columns:260px minmax(0,1fr);gap:18px}.observation-page{padding:24px}.observation-conditions{grid-template-columns:repeat(3,minmax(0,1fr))}.observation-body{grid-template-columns:1fr}.observation-tools{max-width:100%}}@media(max-width:760px){.observation-journal{padding-top:25px}.observation-columns{grid-template-columns:1fr}.observation-sidebar{position:static;max-height:240px}.observation-toolbar{gap:15px}.observation-filters{flex-wrap:wrap}.observation-filters label{flex-direction:column;align-items:start}.observation-page{padding:20px;min-height:0}.observation-page h1{font-size:25px}.observation-conditions{gap:8px}.observation-conditions>div{padding:12px 9px}.observation-photos .sky-tile,.observation-photos .sky-tile:nth-child(n){height:185px}.observation-choice{padding:12px}}@media(prefers-reduced-motion:reduce){.observation-choice{transition:none}}