:root{--obs-correct: #2d7a4f;--obs-correct-bg: #ecf5f0;--obs-correct-border: #c8e6d5;--obs-partial: #b8860b;--obs-partial-bg: #fdf6e3;--obs-partial-border: #f0dda0;--obs-incorrect: #c0392b;--obs-incorrect-bg: #fdf0ee;--obs-incorrect-border: #f0c8c3;--obs-accent: var(--color-wine);--obs-accent-light: #f3e8ec;--obs-accent-border: #d4a0b0;--obs-purple: #7c3a6e;--obs-purple-bg: #f5edf4;--obs-purple-border: #d4b8cf}.obs-page{padding-top:calc(var(--header-height) + var(--space-2xl));padding-bottom:var(--space-4xl);background:var(--color-bg-warm);min-height:100vh}.obs-page .container{max-width:1100px}.obs{max-width:1100px;margin:0 auto;font-family:var(--font-sans);color:var(--color-text)}.obs-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.obs-header__text{flex:1;min-width:0}.obs-header__label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--color-wine);margin-bottom:var(--space-xs)}.obs-header__title{font-family:var(--font-serif);font-size:clamp(2rem,4vw,2.8rem);font-weight:600;color:var(--color-dark);margin-bottom:var(--space-xs);line-height:1.15}.obs-header__subtitle{font-size:1.1rem;color:var(--color-text-secondary)}.obs-header__meta{font-size:.9rem;color:var(--color-gray);margin-top:var(--space-sm);line-height:1.5}.obs-header__logo{flex-shrink:0}.obs-header__logo-img{width:200px;height:auto}@media(max-width:768px){.obs-header{flex-direction:column-reverse;text-align:center;gap:var(--space-md)}.obs-header__logo-img{width:140px}}.obs-tabs{display:flex;gap:2px;margin-bottom:var(--space-xl);border-bottom:1px solid var(--color-border);overflow-x:auto}.obs-tab{padding:.7rem 1.15rem;font-size:.92rem;font-weight:600;white-space:nowrap;border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--color-gray);cursor:pointer;transition:color .2s,border-color .2s}.obs-tab:hover{color:var(--color-text)}.obs-tab--active{border-bottom-color:var(--color-wine);color:var(--color-wine)}.obs-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-md)}.obs-stat{background:#fff;border:1px solid var(--color-border);border-radius:4px;padding:var(--space-lg);text-align:center}.obs-stat__value{font-size:1.85rem;font-weight:800;color:var(--color-dark)}.obs-stat__label{font-size:.88rem;font-weight:600;color:var(--color-text-secondary)}.obs-stat__sub{font-size:.78rem;color:var(--color-gray)}.obs-section{display:flex;flex-direction:column;gap:var(--space-xl)}.obs-section-title{font-size:.88rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.obs-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.obs-grid-2>*{min-width:0}.obs-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-md)}@media(max-width:640px){.obs-grid-2{grid-template-columns:1fr}}.obs-card{background:#fff;border:1px solid var(--color-border);border-radius:4px;padding:var(--space-lg)}.obs-card--centered{display:flex;flex-direction:column;align-items:center}.obs-donut{width:150px;height:150px}.obs-donut-legend{display:flex;gap:var(--space-md);margin-top:var(--space-sm);font-size:.85rem}.obs-donut-legend__item{display:flex;align-items:center;gap:5px}.obs-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.obs-dot--correct{background:var(--obs-correct)}.obs-dot--partial{background:var(--obs-partial)}.obs-dot--incorrect{background:var(--obs-incorrect)}.obs-heatmap{display:flex;flex-direction:column;gap:8px}.obs-heatmap__row{display:flex;align-items:center;gap:10px}.obs-heatmap__label{font-size:.82rem;width:180px;flex-shrink:0;text-align:right;color:var(--color-text-secondary);white-space:nowrap}.obs-heatmap__track{flex:1;height:16px;background:var(--color-bg-warm);border-radius:2px;overflow:hidden}.obs-heatmap__fill{height:100%;border-radius:2px}.obs-heatmap__val{font-size:.82rem;font-weight:700;width:30px;text-align:right;font-variant-numeric:tabular-nums}.obs-score-bar{display:flex;align-items:center;gap:6px}.obs-score-bar__track{flex:1;height:8px;background:#e5e5e5;border-radius:99px;overflow:hidden}.obs-score-bar__fill{height:100%;border-radius:99px}.obs-score-bar__fill--high{background:var(--obs-correct)}.obs-score-bar__fill--mid{background:var(--obs-partial)}.obs-score-bar__fill--low{background:var(--obs-incorrect)}.obs-score-bar__val{font-size:.85rem;font-weight:700;width:24px;text-align:right;font-variant-numeric:tabular-nums}.obs-verdict{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:.78rem;font-weight:600}.obs-verdict--correct{background:var(--obs-correct-bg);color:var(--obs-correct)}.obs-verdict--partial{background:var(--obs-partial-bg);color:var(--obs-partial)}.obs-verdict--incorrect{background:var(--obs-incorrect-bg);color:var(--obs-incorrect)}.obs-spec{display:inline-flex;align-items:center;gap:4px;font-size:.78rem}.obs-spec__dot{width:7px;height:7px;border-radius:50%}.obs-spec__label{color:var(--color-text-secondary);margin-left:2px}.obs-cat-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:3px;font-size:.78rem;font-weight:600;color:#fff}.obs-source{font-size:.88rem;border-left:2px solid var(--obs-accent-border);padding-left:10px;padding-block:4px}.obs-source__title{font-weight:500;color:var(--color-wine)}.obs-source__title:hover{text-decoration:underline}.obs-source__meta{color:var(--color-gray);font-size:.78rem}.obs-source__meta .obs-type-tag{margin-left:4px;padding:1px 5px;background:var(--color-bg-warm);border-radius:2px;font-size:.7rem;text-transform:uppercase}.obs-source__summary{color:var(--color-text-secondary);margin-top:2px;font-size:.82rem}.obs-pred{border:1px solid var(--color-border);border-radius:4px;background:#fff;transition:box-shadow .2s,border-color .2s}.obs-pred:hover{box-shadow:0 1px 3px #0000000f}.obs-pred--expanded{box-shadow:0 2px 8px #00000014;border-color:var(--obs-accent-border)}.obs-pred__toggle{width:100%;text-align:left;padding:var(--space-md) var(--space-lg);background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:6px}.obs-pred__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.obs-pred__badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:4px}.obs-pred__text{font-size:.95rem;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.55}.obs-pred__score{width:72px;flex-shrink:0;padding-top:2px}.obs-pred__wscore{font-size:.72rem;color:var(--color-gray);text-align:right;margin-top:2px}.obs-pred__author{font-size:.85rem;color:var(--color-text-secondary)}.obs-pred__surprise{margin-left:8px;color:var(--obs-purple);font-style:italic}.obs-pred__detail{padding:0 var(--space-lg) var(--space-lg);border-top:1px solid var(--color-border);padding-top:var(--space-md);background:var(--color-bg-warm);display:flex;flex-direction:column;gap:12px}.obs-pred__detail-label{font-size:.76rem;font-weight:700;color:var(--color-gray);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.obs-pred__detail-text{font-size:.92rem;color:var(--color-text);line-height:1.6}.obs-pred__evidence{list-style:none;display:flex;flex-direction:column;gap:3px}.obs-pred__evidence li{font-size:.85rem;color:var(--color-text-secondary);display:flex;align-items:flex-start;gap:6px}.obs-pred__evidence li:before{content:"";display:inline-block;width:4px;height:4px;background:var(--color-gray);border-radius:50%;margin-top:8px;flex-shrink:0}.obs-pred__tags{display:flex;flex-wrap:wrap;gap:4px}.obs-pred__tag{font-size:.72rem;padding:2px 7px;background:var(--color-bg-warm);color:var(--color-gray);border-radius:2px}.obs-finding{background:#fff;border:1px solid var(--color-border);border-radius:4px;padding:var(--space-lg);display:flex;gap:12px}.obs-finding__num{width:28px;height:28px;border-radius:50%;background:var(--obs-accent-light);color:var(--color-wine);display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:700;flex-shrink:0}.obs-finding__title{font-size:.95rem;font-weight:600;color:var(--color-dark)}.obs-finding__desc{font-size:.85rem;color:var(--color-text-secondary);margin-top:3px;line-height:1.55}.obs-rank-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.obs-rank-controls h3{font-size:1.05rem;font-weight:700;color:var(--color-dark)}.obs-rank-sorts{display:flex;gap:4px}.obs-rank-sort{padding:6px 12px;font-size:.82rem;border-radius:99px;font-weight:600;border:none;background:none;color:var(--color-gray);cursor:pointer;transition:background .15s,color .15s}.obs-rank-sort:hover{color:var(--color-text)}.obs-rank-sort--active{background:var(--obs-accent-light);color:var(--color-wine)}.obs-rank-note{font-size:.82rem;color:var(--color-gray);line-height:1.5}.obs-rank-list{display:flex;flex-direction:column;gap:6px}.obs-rank-row{border-radius:4px;background:#fff;border:1px solid var(--color-border);overflow:hidden}.obs-rank-row--top{background:var(--obs-correct-bg);border-color:var(--obs-correct-border)}.obs-rank-row--open{border-color:var(--color-wine, #8A1538)}.obs-rank-row__header{display:flex;align-items:center;gap:14px;padding:12px;width:100%;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;color:inherit;transition:background .15s}.obs-rank-row__header:hover{background:#8a15380a}.obs-rank-row__chevron{font-size:.85rem;color:var(--color-gray, #999);transition:transform .2s;flex-shrink:0}.obs-rank-row__chevron--open{transform:rotate(90deg)}.obs-rank-row__pos{width:36px;text-align:center}.obs-rank-row__medal{font-size:1.3rem}.obs-rank-row__num{font-size:.88rem;font-weight:700;color:var(--color-gray)}.obs-rank-row__info{flex:1;min-width:0}.obs-rank-row__name{font-size:.95rem;font-weight:600;color:var(--color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.obs-rank-row__org{font-size:.78rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.obs-rank-row__count{display:inline-block;font-size:.68rem;color:var(--color-text-tertiary, #999);background:var(--color-bg-subtle, #f0f0f0);padding:.05em .45em;border-radius:8px;margin-left:.3em;vertical-align:middle;font-weight:500;letter-spacing:.02em}.obs-rank-row__scores{display:flex;gap:18px;align-items:center}.obs-rank-row__metric{text-align:center}.obs-rank-row__metric-val{font-weight:700}.obs-rank-row__metric-val--primary{font-size:1.3rem;color:var(--color-wine)}.obs-rank-row__metric-val--secondary{font-size:.95rem;color:var(--color-text)}.obs-rank-row__metric--verdicts{width:auto;min-width:70px}.obs-rank-row__verdicts{display:flex;gap:4px;font-size:.82rem;font-weight:600;line-height:1}.obs-rank-row__v--correct{color:var(--obs-correct)}.obs-rank-row__v--partial{color:var(--obs-partial)}.obs-rank-row__v--incorrect{color:var(--obs-incorrect)}.obs-rank-row__metric-label{font-size:.72rem;color:var(--color-gray)}.obs-rank-row__dropdown{border-top:1px solid var(--color-border);padding:8px 12px 12px;display:flex;flex-direction:column;gap:8px;background:var(--color-bg-subtle, #fafafa)}.obs-rank-pred{padding:10px 12px;border-radius:4px;background:#fff;border:1px solid var(--color-border)}.obs-rank-pred__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.obs-rank-pred__badges{display:flex;align-items:center;gap:6px}.obs-rank-pred__cat{display:inline-block;font-size:.68rem;font-weight:600;color:#fff;padding:1px 7px;border-radius:8px;text-transform:uppercase;letter-spacing:.03em}.obs-rank-pred__verdict{font-size:.75rem;font-weight:600;text-transform:capitalize}.obs-rank-pred__score{flex-shrink:0}.obs-rank-pred__score-num{font-size:1.1rem;font-weight:700;color:var(--color-wine, #8A1538)}.obs-rank-pred__score-label{font-size:.72rem;color:var(--color-gray, #999)}.obs-rank-pred__text{font-size:.85rem;color:var(--color-dark);line-height:1.4;margin:0}.obs-rank-pred__analysis{font-size:.78rem;color:var(--color-text-secondary);line-height:1.4;margin:6px 0 0;padding-top:6px;border-top:1px dashed var(--color-border)}.obs-barnum-header{text-align:center;max-width:520px;margin-inline:auto}.obs-barnum-header h3{font-family:var(--font-serif);font-size:1.35rem;font-weight:600;color:var(--color-dark);margin-bottom:6px}.obs-barnum-header p{font-size:.95rem;color:var(--color-text-secondary);line-height:1.5}.obs-barnum-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.obs-barnum-card{background:linear-gradient(135deg,var(--color-bg-warm),#f0eeeb);border:1px solid var(--color-border);border-radius:4px;padding:var(--space-xl);text-align:center}.obs-barnum-card__label{font-size:.8rem;color:var(--color-gray);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.obs-barnum-card__value{font-size:2.5rem;font-weight:900}.obs-barnum-card__value--high{color:var(--obs-correct)}.obs-barnum-card__value--low{color:var(--obs-incorrect)}.obs-barnum-card__sub{font-size:.88rem;color:var(--color-text-secondary)}.obs-barnum-insight{grid-column:1 / -1;background:var(--obs-accent-light);border:1px solid var(--obs-accent-border);border-radius:4px;padding:var(--space-lg);text-align:center;font-size:.92rem;color:var(--color-dark);line-height:1.55}.obs-spec-chart{display:flex;align-items:flex-end;gap:16px;padding:16px 8px 0}.obs-spec-chart__bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.obs-spec-chart__count{font-size:1.2rem;font-weight:700;color:var(--color-dark)}.obs-spec-chart__track{width:100%;height:180px;display:flex;align-items:flex-end;background:var(--color-bg-subtle, #f5f5f5);border-radius:6px;overflow:hidden}.obs-spec-chart__fill{width:100%;border-radius:6px 6px 0 0;transition:height .4s ease;min-height:6px}.obs-spec-chart__label{font-size:.82rem;font-weight:600;color:var(--color-dark);text-align:center}.obs-spec-chart__acc{font-size:.72rem;color:var(--color-text-secondary);font-weight:500}.obs-highlight{border-radius:4px;overflow:hidden;cursor:pointer;transition:box-shadow .2s,border-color .2s;display:flex;flex-direction:column}.obs-highlight:hover{box-shadow:0 1px 4px #00000014}.obs-highlight--correct{background:var(--obs-correct-bg);border:1px solid var(--obs-correct-border)}.obs-highlight--incorrect{background:var(--obs-incorrect-bg);border:1px solid var(--obs-incorrect-border)}.obs-highlight--brave{background:var(--obs-purple-bg);border:1px solid var(--obs-purple-border)}.obs-highlight--expanded.obs-highlight--correct{border-color:var(--obs-correct)}.obs-highlight--expanded.obs-highlight--incorrect{border-color:var(--obs-incorrect)}.obs-highlight--expanded.obs-highlight--brave{border-color:var(--obs-purple)}.obs-highlight__compact{display:flex;align-items:flex-start;gap:12px;padding:12px}.obs-highlight__score{font-size:1.2rem;font-weight:900;width:48px;text-align:center;flex-shrink:0}.obs-highlight__score--correct{color:var(--obs-correct)}.obs-highlight__score--incorrect{color:var(--obs-incorrect)}.obs-highlight__score--brave{color:var(--obs-purple)}.obs-highlight__content{flex:1;min-width:0}.obs-highlight__text{font-size:.88rem;color:var(--color-text);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.obs-highlight__text--open{display:block;-webkit-line-clamp:unset;overflow:visible}.obs-highlight__meta{font-size:.72rem;color:var(--color-text-secondary);margin-top:4px}.obs-highlight__chevron{font-size:.85rem;color:var(--color-gray);transition:transform .2s;flex-shrink:0;margin-top:2px}.obs-highlight__chevron--open{transform:rotate(90deg)}.obs-highlight .obs-pred__detail{border-top:1px solid rgba(0,0,0,.08);background:#fff9}.obs-cat-card{text-align:left;border:1px solid var(--color-border);border-radius:4px;padding:var(--space-lg);background:#fff;cursor:pointer;transition:box-shadow .2s,border-color .2s}.obs-cat-card:hover{box-shadow:0 1px 4px #0000000f}.obs-cat-card--selected{border-color:var(--color-wine);box-shadow:0 0 0 2px var(--obs-accent-light)}.obs-cat-card__header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.obs-cat-card__dot{width:10px;height:10px;border-radius:3px}.obs-cat-card__name{font-size:.92rem;font-weight:700;color:var(--color-dark)}.obs-cat-card__bottom{display:flex;justify-content:space-between;align-items:flex-end}.obs-cat-card__score{font-size:1.6rem;font-weight:900}.obs-cat-card__count{font-size:.72rem;color:var(--color-gray)}.obs-cat-card__pct{font-size:.92rem;font-weight:700;color:var(--obs-correct)}.obs-cat-card__verdicts{display:flex;gap:4px;align-items:center;margin-top:2px;justify-content:flex-end}.obs-cat-card__verdicts .obs-dot{width:6px;height:6px}.obs-cat-card__verdicts span{font-size:.72rem;color:var(--color-gray)}.obs-cat-detail{background:#fff;border:1px solid var(--color-border);border-radius:4px;padding:var(--space-xl);margin-bottom:var(--space-md)}.obs-cat-detail__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.obs-cat-detail__header h3{font-size:1.1rem;font-weight:700;color:var(--color-dark)}.obs-cat-detail__close{background:none;border:none;font-size:1.4rem;color:var(--color-gray);cursor:pointer}.obs-cat-detail__close:hover{color:var(--color-text)}.obs-cat-detail__verdicts{display:flex;gap:14px;margin-bottom:10px;font-size:.92rem}.obs-cat-detail__analysis{font-size:.95rem;color:var(--color-text);line-height:1.65}.obs-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--space-md)}.obs-filter-input{border:1px solid var(--color-border);border-radius:4px;padding:8px 14px;font-size:.92rem;flex:1;min-width:180px;font-family:var(--font-sans)}.obs-filter-input:focus{outline:none;border-color:var(--color-wine);box-shadow:0 0 0 2px var(--obs-accent-light)}.obs-filter-select{border:1px solid var(--color-border);border-radius:4px;padding:8px 10px;font-size:.92rem;background:#fff;font-family:var(--font-sans)}.obs-filter-count{font-size:.82rem;color:var(--color-gray);margin-bottom:8px}.obs-pred-list{display:flex;flex-direction:column;gap:8px}.obs-footer{margin-top:var(--space-3xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border);text-align:center;font-size:.82rem;color:var(--color-gray)}@media(max-width:768px){.obs-stats{grid-template-columns:repeat(2,1fr)}.obs-barnum-cards{grid-template-columns:1fr}.obs-rank-row__header{flex-wrap:wrap}.obs-rank-row__pos{order:0}.obs-rank-row__info{order:1;flex:1 1 0;min-width:calc(100% - 80px)}.obs-rank-row__chevron{order:2}.obs-rank-row__scores{order:3;width:100%;gap:8px;padding-left:36px;justify-content:space-between}.obs-rank-row__info>div:first-child{flex-wrap:wrap;row-gap:2px}.obs-rank-row__name{white-space:normal}.obs-rank-controls{flex-direction:column;align-items:flex-start}.obs-rank-row,.obs-highlight{flex-wrap:wrap}.obs-heatmap__label{width:130px;font-size:.75rem}.obs-grid-2{grid-template-columns:1fr}}
