:root{--glass:rgba(245,246,226,.28);--glass-line:#ffffff80;--pill:rgba(184,238,73,.48)}:root[data-env=afternoon]{--glass:rgba(214,237,245,.3);--pill:rgba(139,187,211,.5)}:root[data-env=evening]{--glass:rgba(247,218,189,.3);--pill:rgba(220,160,162,.48)}:root[data-env=night]{--glass:rgba(39,51,76,.42);--glass-line:#b8c9ec55;--pill:rgba(155,175,217,.4)}
header nav{display:none!important}.glass-nav{position:fixed;left:50%;transform:translateX(-50%);top:137px;z-index:39;display:flex;align-items:center;gap:0;padding:6px;border-radius:40px;border:1px solid var(--glass-line);background:var(--glass);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);box-shadow:0 5px 20px #15121a12;transition:background .4s,border-color .4s;isolation:isolate}.glass-nav a{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:46px;min-width:96px;font:22px VT;color:var(--ink);text-decoration:none;border-radius:30px;padding:0 16px;transition:color .3s;cursor:pointer}.glass-nav .selected{position:absolute;top:6px;bottom:6px;left:6px;background:var(--pill);border:1px solid #fff3;border-radius:30px;z-index:0;transition:left .38s cubic-bezier(.22,.8,.25,1),width .38s cubic-bezier(.22,.8,.25,1),background .4s}.glass-nav .settings-trigger{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:48px!important;height:46px!important;transform:none!important;border-left:1px solid var(--glass-line)!important;margin-left:3px;padding:11px!important;border-radius:0 28px 28px 0}.glass-nav .settings-trigger svg{width:25px;height:25px}.glass-nav a:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}#paw-menu-hint{display:none!important}.settings-panel{top:207px!important}.nav-study-label{position:fixed;right:20px;bottom:18px;z-index:70;font:16px VT;background:var(--glass);color:var(--ink);border:1px solid var(--glass-line);backdrop-filter:blur(10px);padding:7px 12px;border-radius:15px;pointer-events:none}.glass-2{--glass:rgba(245,246,226,.55)}.glass-2[data-env=afternoon]{--glass:rgba(214,237,245,.56)}.glass-2[data-env=evening]{--glass:rgba(247,218,189,.56)}.glass-2[data-env=night]{--glass:rgba(39,51,76,.66)}.glass-2 .glass-nav{backdrop-filter:blur(22px) saturate(110%);-webkit-backdrop-filter:blur(22px) saturate(110%);box-shadow:0 7px 24px #15121a20}
#oreo-home{position:fixed!important}body.study-scrolled header .identity{opacity:0}header .identity{transition:opacity .25s}body.study-scrolled #sideCaption,body.study-scrolled #cornerQuote{opacity:0}.scroll-section{z-index:2}.scroll-section>*{opacity:1!important;transform:none!important}.scroll-section .preview-copy{font:26px/1.5 VT;max-width:590px;margin-top:30px}.scroll-section .preview-copy p{margin:0 0 25px}.scroll-section h1{font-size:84px}#sideCaption,#cornerQuote{pointer-events:none}html{scroll-behavior:auto!important}@media(max-width:600px){.glass-nav{top:137px;width:calc(100% - 24px);max-width:390px;padding:5px}.glass-nav a{height:44px;min-width:0;flex:1;font-size:17px;padding:0 4px}.glass-nav .settings-trigger{width:44px!important;min-width:44px;height:44px!important;margin-left:2px}.glass-nav .selected{top:5px;bottom:5px;left:5px}.settings-panel{top:200px!important}main{top:245px!important}.scroll-section{padding-top:245px!important}.scroll-section h1{font-size:62px}.scroll-section .preview-copy{font:20px/1.5 VT}.nav-study-label{font-size:13px;right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.glass-nav,.glass-nav .selected{transition:none}}

/* Fixed-cat / top-capsule placement study only. */
.glass-nav{top:max(10px,env(safe-area-inset-top))!important;left:30px!important;transform:none!important}header{top:90px!important}#oreo-home{position:fixed!important;top:15px!important}.settings-panel{top:80px!important}.nav-study-label{display:none!important}main{top:240px!important}.scroll-section{padding-top:195px!important}.header-clear-zone{position:fixed;top:0;left:calc(50% + 25px);width:145px;height:178px;background-color:var(--bg);background-image:var(--sky);background-size:100vw 100vh;background-position:center top;background-attachment:fixed;mask-image:radial-gradient(ellipse at center,#000 38%,transparent 72%);z-index:19;pointer-events:none}#oreo-home{z-index:41!important}
@media(max-width:600px){.glass-nav{top:max(8px,env(safe-area-inset-top))!important;left:12px!important}header{top:86px!important}#oreo-home{top:78px!important}#oreo-bubble{display:none!important}main{top:205px!important}.scroll-section{padding-top:185px!important}.settings-panel{top:156px!important}.header-clear-zone{top:70px;left:calc(50% + 38px);width:80px;height:92px}}

/* Centered 48px gap proposal only. */
.glass-nav{left:50%!important;transform:translateX(-50%)!important;top:48px!important}#oreo-home{top:122px!important}.header-clear-zone{top:108px!important;left:calc(50% + 25px)!important}main{top:320px!important}.scroll-section{padding-top:305px!important}header{top:115px!important}#oreo-bubble{display:none!important}.settings-panel{top:114px!important}
@media(max-width:600px){.glass-nav{left:50%!important;top:48px!important}#oreo-home{top:118px!important}.header-clear-zone{top:110px!important;left:calc(50% + 38px)!important}main{top:225px!important}.scroll-section{padding-top:225px!important}header{top:120px!important}}

@media(min-width:601px){#oreo-home{left:calc(50% + 300px)!important;top:26px!important}.header-clear-zone{left:calc(50% + 280px)!important;top:10px!important}main{top:245px!important}.scroll-section{padding-top:205px!important}}

#oreo-bubble:not([hidden]){display:block!important;top:calc(100% + 5px)!important;right:0!important;font-size:14px!important;line-height:18px!important;padding:6px 9px!important}#oreo-bubble:after{display:none!important}@media(max-width:600px){#oreo-bubble:not([hidden]){max-width:210px;white-space:normal;top:calc(100% + 4px)!important;font-size:12px!important;line-height:14px!important}}

/* Menu glass preview, not applied to working copy. */
.settings-panel{background:var(--glass)!important;border:1px solid var(--glass-line)!important;border-radius:42px!important;backdrop-filter:blur(12px) saturate(120%)!important;-webkit-backdrop-filter:blur(12px) saturate(120%)!important;box-shadow:0 5px 20px #15121a12!important;top:206px!important;max-height:calc(100vh - 222px)!important;overflow-y:auto!important}.settings-panel .capsule{background:var(--glass)!important;border:1px solid var(--glass-line)!important;border-radius:999px!important}.settings-panel .sliding-pill{background:var(--pill)!important;border-radius:999px!important}.settings-panel .menu-socials a,.settings-panel .menu-socials button{border-radius:999px!important}.settings-panel .settings-close{border-radius:999px!important}.settings-panel .motion-row{border-radius:999px!important}#oreo-bubble:not([hidden]){width:max-content;max-width:230px!important;white-space:normal!important}
@media(max-width:600px){.settings-panel{top:208px!important;max-height:calc(100vh - 222px)!important;border-radius:34px!important}#oreo-bubble:not([hidden]){font-size:12px!important;line-height:14px!important;white-space:nowrap!important}}

/* Light rough-glass menu study, transparent by design. */
.settings-panel{background-image:url(fine-glass-grain.png)!important;background-repeat:repeat!important;background-size:128px 128px!important;backdrop-filter:blur(16px) saturate(105%)!important;-webkit-backdrop-filter:blur(16px) saturate(105%)!important;background-color:rgba(247,218,189,.36)!important;box-shadow:inset 0 1px 0 #ffffff55,inset 0 -1px 0 #ffffff15,0 5px 20px #15121a12!important}
:root[data-env=night] .settings-panel{background-color:rgba(39,51,76,.48)!important}:root[data-env=morning] .settings-panel{background-color:rgba(245,246,226,.34)!important}:root[data-env=afternoon] .settings-panel{background-color:rgba(214,237,245,.36)!important}

/* Phone-only flush top layout. Respect a device cutout if supplied. */
@media(max-width:600px){
.glass-nav{top:env(safe-area-inset-top,0px)!important}
#oreo-home{top:calc(70px + env(safe-area-inset-top,0px))!important}
.header-clear-zone{top:calc(62px + env(safe-area-inset-top,0px))!important}
header{top:calc(72px + env(safe-area-inset-top,0px))!important}
main{top:calc(177px + env(safe-area-inset-top,0px))!important}
.scroll-section{padding-top:calc(177px + env(safe-area-inset-top,0px))!important}
.settings-panel{top:calc(160px + env(safe-area-inset-top,0px))!important;max-height:calc(100vh - 174px - env(safe-area-inset-top,0px))!important}
#sideCaption{top:497px!important}
}

/* Speech bubble beside Oreo; only its placement and wrapping change. */
#oreo-bubble:not([hidden]){left:calc(100% + 10px)!important;right:auto!important;top:45px!important;width:max-content!important;max-width:230px!important;white-space:normal!important}
@media(max-width:600px){#oreo-bubble:not([hidden]){left:calc(100% + 6px)!important;right:auto!important;top:14px!important;max-width:80px!important;white-space:normal!important}}

@media(min-width:601px){.settings-trigger.desktop-paw{position:fixed!important;top:48px!important;right:26px!important;left:auto!important;width:60px!important;height:60px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid var(--glass-line)!important;border-radius:50%!important;padding:16px!important;background-color:rgba(247,218,189,.36)!important;background-image:url(fine-glass-grain.png)!important;background-size:128px 128px!important;backdrop-filter:blur(16px) saturate(105%)!important;-webkit-backdrop-filter:blur(16px) saturate(105%)!important;box-shadow:inset 0 1px 0 #ffffff55,inset 0 -1px 0 #ffffff15,0 5px 20px #15121a12!important;z-index:44!important}.desktop-paw svg{width:26px;height:26px}:root[data-env=night] .desktop-paw{background-color:rgba(39,51,76,.48)!important}:root[data-env=morning] .desktop-paw{background-color:rgba(245,246,226,.34)!important}:root[data-env=afternoon] .desktop-paw{background-color:rgba(214,237,245,.36)!important}}

.oreo-actions{margin-bottom:20px}.oreo-actions h3{font:26px Jersey;margin:0 0 6px}.action-intro,.action-help,.action-note{font:16px/1.2 VT;margin:4px 0 8px}.action-help{opacity:.75}.action-note{margin-top:10px;opacity:.75}.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}.oreo-action-card{display:flex;flex-direction:column;align-items:center;min-width:0;min-height:150px;padding:10px 7px;border:1px solid var(--glass-line);border-radius:12px;background:rgba(255,255,255,.08);color:var(--ink);text-align:center;cursor:pointer;font:18px VT;box-shadow:inset 0 1px 0 #ffffff22}.oreo-action-card img{height:84px;width:72px;object-fit:contain}.oreo-action-card strong{font:20px VT;margin-top:5px}.oreo-action-card small{font:14px/1.1 VT;opacity:.8;margin-top:3px}.oreo-action-card:hover,.oreo-action-card.is-playing{background:var(--pill)}.feed-action .feeding-track{border:0;padding:0;margin:5px 0 0;display:block}.feed-action .feeding-track p,.feed-action .feeding-track small{display:none}.feed-action #tuna-pickup{margin:auto}.feed-action #tuna-pickup img{height:67px;width:67px}.feed-action{cursor:default}
@media(max-width:600px){.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.oreo-action-card{min-height:143px}.oreo-action-card img{height:78px}.oreo-action-card strong{font-size:19px}.action-intro,.action-help,.action-note{font-size:15px}}

.action-resume-link{display:block;color:var(--ink);font:19px VT;text-decoration:none;padding:10px 0}.oreo-action-dropdown{border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent);margin-top:18px;padding-top:10px}.oreo-action-dropdown summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;min-height:48px;font:24px Jersey;padding:8px 2px;border-radius:12px}.oreo-action-dropdown summary::-webkit-details-marker{display:none}.oreo-dropdown-chevron{flex:none;margin-right:3px;transition:transform .2s ease}.oreo-action-dropdown[open] .oreo-dropdown-chevron{transform:rotate(180deg)}.oreo-action-dropdown summary:hover{background:var(--pill)}.oreo-action-dropdown .oreo-actions{margin-top:8px;margin-bottom:0}.oreo-action-dropdown .action-note,.oreo-action-dropdown .oreo-actions>.menu-divider{display:none}

/* Names-only action controls retain the glass card treatment, without empty image slots. */
.oreo-action-card{min-height:52px;justify-content:center;padding:12px 8px;font:20px VT;line-height:1.15}@media(max-width:600px){.oreo-action-card{min-height:52px;font-size:19px}}
/* Small-phone fit only: retain all accepted labels and the in-bar paw. */
@media(max-width:359px){.glass-nav a{font-size:15px;padding-left:2px;padding-right:2px}.glass-nav .settings-trigger{width:40px!important;min-width:40px;padding:9px!important}}

/* Preserve the approved illustrated cards with a compact transparent thumbnail. */
.oreo-action-card{min-height:112px;padding:10px 7px;gap:4px}.oreo-action-card img{width:96px;height:68px;object-fit:contain}.oreo-action-card strong{font:20px VT;margin:0}.oreo-action-card[data-action="Feed Oreo"] img{height:68px;width:68px}@media(max-width:600px){.oreo-action-card{min-height:110px}.oreo-action-card strong{font-size:19px}}

/* Preserve the approved illustrated cards with a compact transparent thumbnail. */
.oreo-action-card{min-height:112px;padding:10px 7px;gap:4px}.oreo-action-card img{width:96px;height:68px;object-fit:contain}.oreo-action-card strong{font:20px VT;margin:0}.oreo-action-card[data-action="Feed Oreo"] img{height:68px;width:68px}@media(max-width:600px){.oreo-action-card{min-height:110px}.oreo-action-card strong{font-size:19px}}

/* Reference clear-glass material preview; existing geometry unchanged. */
.glass-nav,.settings-panel,:root .settings-trigger.desktop-paw{background-color:var(--glass)!important;background-image:none!important;backdrop-filter:blur(12px) saturate(120%)!important;-webkit-backdrop-filter:blur(12px) saturate(120%)!important;border-color:var(--glass-line)!important;box-shadow:0 5px 20px #15121a12!important}
@media(max-width:600px){.glass-nav .settings-trigger{border-left-color:transparent!important;background:transparent!important;isolation:isolate}.glass-nav .settings-trigger::before{content:'';position:absolute;width:36px;height:36px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid var(--glass-line);border-radius:50%;background:var(--glass);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);box-shadow:0 5px 20px #15121a12;z-index:-1}}
:root[data-env] .settings-panel{background-color:var(--glass)!important}

/* Optional transparent micrograin: source alpha reduced to 12%, no geometry changes. */
.glass-nav,.settings-panel,:root .settings-trigger.desktop-paw{background-image:url(fine-glass-grain-subtle.png)!important;background-repeat:repeat!important;background-size:128px 128px!important}
@media(max-width:600px){.glass-nav .settings-trigger::before{background-image:url(fine-glass-grain-subtle.png)!important;background-repeat:repeat;background-size:128px 128px}}