/* Local review proposal. Baseline and original art are unchanged. */
@media(min-width:1800px){
 :root{--wide-ui:clamp(1.2,calc(100vw / 1920px),2)}
 :root .glass-nav{top:0!important;left:50%!important;transform:translateX(-50%) scale(var(--wide-ui))!important;transform-origin:top center!important}
 :root .settings-trigger.desktop-paw{top:0!important;transform:scale(var(--wide-ui))!important;transform-origin:top right!important}
 :root .identity{transform:translateY(10px) scale(1.12);transform-origin:top left}
}
@media(min-width:1800px){
 :root{--wide-ui:clamp(1.2,calc(100vw / 1920px),2)}
 :root #oreo-home#oreo-home{width:298px!important;height:240px!important;right:160px!important;top:0!important}
 :root .identity{transform:translateY(16px) scale(1.65);transform-origin:top left}
}
/* Revision 2: desktop reading scale and reserved Oreo speech space. */
@media(min-width:1800px){
 :root main{left:128px!important;top:240px!important;transform:scale(2)!important;transform-origin:top left!important;max-width:600px!important}
 :root .identity{transform:translateY(18px) scale(2);transform-origin:top left}
 :root #sideCaption{font-size:40px!important;top:350px!important}
 :root #cornerQuote{font-size:36px!important;right:80px!important;bottom:180px!important}
 :root #oreo-home:not(.is-companion) #oreo-bubble:not([hidden]),:root #oreo-home.evening-sitting:not(.is-companion) #oreo-bubble:not([hidden]){inset:64px calc(100% + 30px) auto auto!important;width:360px!important;max-width:360px!important;font:30px/1.3 VT,monospace!important;padding:20px 24px!important;bottom:auto!important}
 :root #oreo-home:not(.is-companion) #oreo-bubble:after{display:none!important}
}
@media(min-width:1800px){:root #oreo-home#oreo-home{top:24px!important}}
/* Revision 3: continuous 4K Oreo geometry and non-overlapping menu. */
@media(min-width:1800px){
 :root #oreo-home#oreo-home{width:var(--review-oreo-w,298px)!important;height:var(--review-oreo-h,240px)!important;right:var(--review-oreo-right,160px)!important;top:var(--review-oreo-top,24px)!important;bottom:auto!important}
 :root #oreo-home.is-companion #oreo-hit{visibility:visible!important}
 :root .settings-panel{top:346px!important;max-height:calc(100dvh - 370px)!important}
 :root:has(#oreo-home.is-companion) .settings-panel{right:200px!important}
}
/* Revision 4: a complete 4K composition, not text-only enlargement. */
@media(min-width:1800px){
 :root{--wide-ui:2.5}
 :root main{left:140px!important;top:300px!important;transform:scale(2.55)!important;max-width:600px!important}
 :root .identity{transform:translateY(22px) scale(2.4)!important}
 :root #sideCaption{font-size:48px!important;left:2060px!important;top:400px!important;--caption-top:400px}
 :root #cornerQuote{font-size:42px!important;right:100px!important;bottom:180px!important}
 :root #oreo-home:not(.is-companion) #oreo-bubble:not([hidden]),:root #oreo-home.evening-sitting:not(.is-companion) #oreo-bubble:not([hidden]){inset:90px calc(100% + 36px) auto auto!important;width:440px!important;max-width:440px!important;font:36px/1.3 VT,monospace!important;padding:26px 30px!important;border-radius:30px!important}
 :root .settings-panel{zoom:1.65;top:304px!important;right:26px!important;max-height:calc(100dvh / 1.65 - 330px)!important;transform-origin:top right}
 :root:has(#oreo-home.is-companion) .settings-panel{right:175px!important}
 :root .scroll-section{left:140px!important;transform:scale(2)!important;transform-origin:top left!important;width:700px!important;max-width:700px!important;height:50vh!important;padding-top:190px!important}
 :root #oreo-home.is-companion #oreo-bubble:not([hidden]){font-size:28px!important;width:300px!important;max-width:300px!important;padding:18px 22px!important;border-radius:24px!important}
}
/* Responsive lock check: same composition, sized to each wide viewport. */
@media(min-width:1800px){
 :root{--layout-scale:calc(100vw / 3840px);--wide-ui:calc(2.5 * var(--layout-scale))}
 :root main{left:calc(140px * var(--layout-scale))!important;top:calc(300px * var(--layout-scale))!important;transform:scale(calc(2.55 * var(--layout-scale)))!important}
 :root .identity{transform:translateY(calc(22px * var(--layout-scale))) scale(calc(2.4 * var(--layout-scale)))!important}
 :root #sideCaption{left:calc(2060px * var(--layout-scale))!important;top:calc(400px * var(--layout-scale))!important;font-size:calc(48px * var(--layout-scale))!important}
 :root #cornerQuote{font-size:calc(42px * var(--layout-scale))!important;right:calc(100px * var(--layout-scale))!important;bottom:calc(180px * var(--layout-scale))!important}
 :root #oreo-home:not(.is-companion) #oreo-bubble:not([hidden]),:root #oreo-home.evening-sitting:not(.is-companion) #oreo-bubble:not([hidden]){inset:calc(90px * var(--layout-scale)) calc(100% + 36px * var(--layout-scale)) auto auto!important;width:calc(440px * var(--layout-scale))!important;max-width:calc(440px * var(--layout-scale))!important;font-size:calc(36px * var(--layout-scale))!important;padding:calc(26px * var(--layout-scale)) calc(30px * var(--layout-scale))!important}
 :root .settings-panel{zoom:calc(1.65 * var(--layout-scale));max-height:calc(100dvh / (1.65 * var(--layout-scale)) - 330px)!important}
 :root .scroll-section{left:calc(140px * var(--layout-scale))!important;transform:scale(calc(2 * var(--layout-scale)))!important}
}
