.log-page{position:relative;z-index:1;width:min(100%,42rem);margin:0 auto;padding:var(--space-xl) var(--space-md) var(--space-2xl)}.log-page__header{margin-bottom:var(--space-2xl);text-align:center}.log-page__eyebrow{margin:0 0 var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--haze)}.log-page__title{margin:0 0 var(--space-md);font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;font-variation-settings:"SOFT" 30,"WONK" .3;line-height:1.12;letter-spacing:-.02em;color:var(--starlight)}.log-page__lede{margin:0;font-size:var(--text-lg);color:var(--haze);max-width:34ch;margin-inline:auto}.glass-panel{border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--panel-surface);box-shadow:var(--panel-glow)}.quiz{display:grid;gap:var(--space-xl)}.quiz__step-label{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--haze);text-align:center}.quiz__question{margin:0;font-family:var(--font-body);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.025em;line-height:1.2;text-align:center;color:var(--starlight)}.quiz__fieldset{margin:0;padding:0;border:0;display:grid;gap:var(--space-lg)}.quiz__options{display:grid;gap:var(--space-sm);margin:0;padding:0;list-style:none}.quiz__option{display:block}.quiz__option-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.quiz__option-card{display:flex;align-items:center;min-height:3.25rem;padding:var(--space-md) var(--space-lg);border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--panel-surface);box-shadow:var(--panel-glow);color:var(--starlight);font-size:var(--text-base);font-weight:500;line-height:1.4;cursor:pointer;transition:border-color var(--ease),box-shadow var(--ease),background-color var(--ease),transform var(--ease)}.quiz__option-input:focus-visible+.quiz__option-card{box-shadow:var(--focus-ring),var(--panel-glow)}.quiz__option-card:hover{border-color:color-mix(in srgb,var(--amber) 45%,transparent);box-shadow:var(--panel-glow),0 0 0 1px color-mix(in srgb,var(--amber) 18%,transparent),0 0 20px color-mix(in srgb,var(--amber) 10%,transparent)}.quiz__option-input:checked+.quiz__option-card{border-color:var(--amber);background:var(--ink-panel);box-shadow:var(--panel-glow),0 0 0 1px color-mix(in srgb,var(--amber) 55%,transparent),0 0 24px color-mix(in srgb,var(--amber) 14%,transparent)}.quiz__actions{display:grid;gap:var(--space-sm)}button.quiz__btn{-webkit-appearance:none;appearance:none}.quiz__btn{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:var(--space-sm) var(--space-lg);border:1px solid transparent;border-radius:var(--radius);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;line-height:1.2;cursor:pointer;opacity:1;transition:background-color var(--ease),border-color var(--ease),box-shadow var(--ease),transform var(--ease),filter var(--ease),color var(--ease)}.quiz__btn:disabled{cursor:not-allowed;transform:none;filter:none}button.quiz__btn.quiz__btn--primary{background-color:#e8b04b;background-image:none;color:#0b1026;box-shadow:0 1px 2px color-mix(in srgb,var(--ink-night) 35%,transparent),var(--amber-glow)}button.quiz__btn.quiz__btn--primary:disabled{opacity:1;background-color:#e8b04b;background-image:none;color:color-mix(in srgb,var(--ink-night) 50%,var(--haze));box-shadow:0 1px 2px color-mix(in srgb,var(--ink-night) 35%,transparent)}button.quiz__btn.quiz__btn--primary:not(:disabled):hover{background-color:#e8b04b;filter:brightness(1.1);box-shadow:0 2px 4px color-mix(in srgb,var(--ink-night) 30%,transparent),var(--amber-glow-hover)}@media(prefers-reduced-motion:no-preference){button.quiz__btn.quiz__btn--primary:not(:disabled):hover{transform:translateY(-2px)}}.quiz__btn--ghost:disabled{opacity:.45}.quiz__btn--ghost{background:color-mix(in srgb,var(--ink-panel) 60%,transparent);border-color:var(--panel-border);color:var(--haze);box-shadow:var(--panel-glow)}.quiz__btn--ghost:not(:disabled):hover{border-color:color-mix(in srgb,var(--haze) 55%,transparent);color:var(--starlight);background:var(--panel-surface)}.results{display:grid;gap:var(--space-xl)}.results__heading{margin:0;font-family:var(--font-body);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.025em;line-height:1.2;text-align:center;color:var(--starlight)}.results__list{display:grid;gap:var(--space-lg);margin:0;padding:0;list-style:none}.observation-card{position:relative;display:grid;gap:var(--space-md);padding:var(--space-lg);border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--panel-surface);box-shadow:var(--panel-glow);transition:box-shadow var(--ease),border-color var(--ease)}.observation-card__rank{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--haze)}.observation-card__header{display:grid;gap:var(--space-sm)}.observation-card__name{margin:0;font-family:var(--font-body);font-size:var(--text-lg);font-weight:600;letter-spacing:-.015em;line-height:1.3;color:var(--starlight)}.observation-card__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-xs) var(--space-md);font-family:var(--font-mono)}.observation-card__price{font-size:var(--text-xl);font-weight:500;letter-spacing:-.02em;color:var(--amber)}.observation-card__spec{font-size:var(--text-base);font-weight:400;letter-spacing:.01em;color:var(--starlight)}.observation-card__section-title{margin:0 0 var(--space-xs);font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--haze)}.observation-card__pros,.observation-card__cons{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-xs)}.observation-card__pros li{position:relative;padding-left:1.35rem;color:var(--starlight);font-size:var(--text-sm);line-height:1.45}.observation-card__pros li:before{content:"✓";position:absolute;left:0;color:var(--amber);font-weight:700}.observation-card__cons li{position:relative;padding-left:1rem;color:var(--haze);font-size:var(--text-sm);line-height:1.45}.observation-card__cons li:before{content:"–";position:absolute;left:0;color:var(--haze)}a.observation-card__cta{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius);background-color:#e8b04b;background-image:none;color:#0b1026;font-family:var(--font-body);font-size:var(--text-base);font-weight:600;text-decoration:none;opacity:1;box-shadow:0 1px 2px color-mix(in srgb,var(--ink-night) 35%,transparent),var(--amber-glow);transition:box-shadow var(--ease),transform var(--ease),filter var(--ease)}a.observation-card__cta:hover{background-color:#e8b04b;filter:brightness(1.1);box-shadow:0 2px 4px color-mix(in srgb,var(--ink-night) 30%,transparent),var(--amber-glow-hover)}@media(prefers-reduced-motion:no-preference){a.observation-card__cta:hover{transform:translateY(-2px)}}a.observation-card__cta:focus-visible{box-shadow:var(--focus-ring),var(--amber-glow)}.observation-card--best{border-color:color-mix(in srgb,var(--amber) 30%,transparent);background:radial-gradient(ellipse 100% 60% at 50% -10%,color-mix(in srgb,var(--amber) 8%,transparent),transparent 50%),var(--panel-surface);box-shadow:var(--panel-glow),0 0 0 1px color-mix(in srgb,var(--amber) 15%,transparent),0 8px 32px color-mix(in srgb,var(--amber) 7%,transparent)}.observation-card--best:after{content:"";position:absolute;inset:var(--space-sm);border:1px solid color-mix(in srgb,var(--amber) 12%,transparent);border-radius:calc(var(--radius) - 4px);pointer-events:none;mask:radial-gradient(circle at center,transparent 68%,black 69%)}.observation-card__badge{display:inline-flex;align-items:center;width:fit-content;padding:.25rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--ember) 18%,var(--ink-panel));border:1px solid color-mix(in srgb,var(--ember) 40%,transparent);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--starlight)}.observation-card__layout{display:grid;gap:var(--space-md)}@media(min-width:40rem){.observation-card__layout{grid-template-columns:120px minmax(0,1fr);align-items:start}}.observation-card__image,.observation-card__layout .product-placeholder{width:100%;aspect-ratio:4 / 3;border-radius:var(--radius);object-fit:cover}.observation-card__body{display:grid;gap:var(--space-md)}.results__disclosure{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--haze);text-align:center}.results__empty{margin:0;text-align:center;color:var(--haze)}@media(min-width:40rem){.log-page{padding-inline:var(--space-xl)}.quiz__options{gap:var(--space-md)}.quiz__option-card{min-height:3.5rem;font-size:var(--text-lg)}.observation-card__name{font-size:var(--text-xl)}.observation-card__price{font-size:1.5rem}}