/* Kluro 8 — one living world, one foreground story. This layer defines motion
   roles rather than a new visual theme. All content is visible without JS. */
:root{--ease-cinema:cubic-bezier(.16,1,.3,1);--ease-response:cubic-bezier(.2,.75,.25,1);--motion-response:180ms;--motion-panel:260ms;--motion-arrival:780ms}
.cinema-world iframe{transition:opacity 1100ms ease-out}
.world-poster{transition:opacity 1200ms ease-out}
.cinema-reading-shade{transition:opacity 650ms ease; background:linear-gradient(90deg,#02040aeb 0%,#02040ab3 34%,#02040a26 68%,#02040a03 100%)}
body[data-scene=galaxy] .cinema-reading-shade{opacity:.19}
body[data-scene=sources] .cinema-reading-shade{opacity:.78}
body[data-scene=remember] .cinema-reading-shade{opacity:.88}
.cinema-hero .hero-v2-copy{position:relative;z-index:1}
.hero-v2-copy h1{font-weight:400;text-shadow:0 4px 45px #02040a70}
.site-header{isolation:isolate;transition:background 250ms ease,border-color 250ms ease;border-bottom:1px solid transparent}
body.has-scrolled .site-header{background:linear-gradient(#03060df0,#03060db8 70%,#03060d00)}
.desktop-nav a{position:relative;transition:color 160ms ease}
.desktop-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;opacity:.75;transition:transform 200ms var(--ease-response)}
.desktop-nav a:hover::after,.desktop-nav a[aria-current=page]::after{transform:scaleX(1)}
.button,.cinema-play,.header-get{transition:background 180ms ease,color 180ms ease,border-color 180ms ease,transform 180ms var(--ease-response),box-shadow 180ms ease}
.button{position:relative;isolation:isolate}
.button--gold{background:#ecd59f;box-shadow:0 1px 0 #fff0c5a3 inset,0 4px 20px #0002}
.button--gold:hover{background:#f2deac;box-shadow:0 1px 0 #fff5d1bb inset,0 7px 25px #0003}
.button--outline{background:#07101a4d;border-color:#bec4cb36}
.button--outline:hover{border-color:#e4ce9c7a;background:#111a2699}
.button .icon:last-child,.cinema-play .icon{transition:transform 220ms var(--ease-cinema)}
.button:hover .icon:last-child{transform:translateX(3px)}
.button:active,.header-get:active{transform:translateY(1px) scale(.99)}
.cinema-play:hover .icon{transform:scale(1.1)}
.cinema-play:active{transform:scale(.99)}
.memory-fragment{animation:none;backdrop-filter:none;background:linear-gradient(130deg,#101b2aec,#0a121fe8);border:1px solid #cbd9ed24;border-top-color:#dce6f238;box-shadow:0 18px 55px #0004,0 1px 0 #ffffff05 inset}
.fragment-message{transform:rotate(-3deg)}.fragment-mail{transform:rotate(2deg)}.fragment-calendar{transform:rotate(-1.5deg)}
.luminous-star{animation:none}
.convergence-person{transition:filter 220ms ease}
.convergence-person:hover{filter:brightness(1.12)}
.convergence-photo{border:1px solid #efdbad66;box-shadow:0 0 0 7px #a9b9d805,0 12px 40px #0005}
.convergence-paths circle{filter:none}
.convergence[data-motion-seen] .memory-fragment{will-change:auto}
.real-app{transition:transform 230ms var(--ease-cinema),opacity 160ms ease;transform:none}
.real-app:hover{transform:translateY(-3px)}
.remembered-response{background:linear-gradient(132deg,#111b2aee,#0a121fe6);border:1px solid #bfcee326;border-top-color:#d5dfec3a;border-radius:25px;box-shadow:0 30px 80px #0004,0 1px 0 #ffffff04 inset;backdrop-filter:none}
.remembered-response::before{display:none}
.remembered-source blockquote{color:#d5d6db}
.native-chapter-heading{align-items:baseline}
.native-viewport{box-shadow:0 40px 110px #0006,0 0 0 1px #b9c8de29,0 1px 0 #f1e1bd26 inset}
.native-viewport::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;border:1px solid #c4d1e82a;border-top-color:#dae2ef45;border-radius:inherit}
.native-tabs,.native-themes,.billing-control{isolation:isolate}
.kinetic-switch{position:relative}
.kinetic-switch::before{content:"";position:absolute;z-index:-1;top:4px;bottom:4px;left:0;width:var(--switch-width,0px);transform:translateX(var(--switch-x,0px));background:#e2d8b61a;border:1px solid #e3d3ad0b;border-radius:999px;transition:transform 320ms var(--ease-cinema),opacity 160ms ease;opacity:var(--switch-visible,0);pointer-events:none}
.kinetic-switch button{position:relative;z-index:1}
.kinetic-switch button[aria-pressed=true],.kinetic-switch button.is-active{background:transparent!important;box-shadow:none}
.native-tabs button,.native-themes button{transition:color 160ms ease,background 160ms ease}
.native-tabs button:hover{color:#eeeadf}.native-tabs button:active{background:#ffffff0b}
.plan-columns{border-color:#c3cbd732;box-shadow:0 22px 85px #0002;isolation:isolate}
.plan--pro{background:linear-gradient(138deg,#ead09b0a,#07101a00 60%)}
.plan .button{margin-top:28px}
.source-dialog::backdrop{background:#02050bbf;backdrop-filter:blur(7px)}
.source-dialog[open]{animation:reader-enter 240ms var(--ease-cinema)}
@keyframes reader-enter{from{opacity:0;transform:translate3d(0,12px,0) scale(.99)}to{opacity:1;transform:none}}
.galaxy-v2-title::before{filter:none;background:radial-gradient(ellipse at 28% 70%,#03060bc9,transparent 74%)}
.galaxy-v2-title h2{line-height:1.08}
[data-motion-scene].motion-offscreen .memory-fragment,[data-motion-scene].motion-offscreen .luminous-star{animation-play-state:paused}
@media(max-width:760px){
 .cinema-reading-shade{background:linear-gradient(180deg,#02040a8c,#02040a57 50%,#02040a12 87%)}
 .native-chapter{padding-top:80px;padding-bottom:96px}
 .native-chapter-heading{margin-bottom:32px}
 .remembered-response{border-radius:22px}
 .memory-fragment{background:linear-gradient(130deg,#111b2af5,#091320ed)}
 .button:active{transform:scale(.99)}
}
@media(prefers-reduced-motion:reduce){
 .kinetic-switch::before,.button,.cinema-play,.header-get,.desktop-nav a::after,.cinema-reading-shade,.cinema-world iframe,.world-poster{transition:none!important}
 .button:hover,.button:hover .icon:last-child,.real-app:hover,.cinema-play:hover .icon{transform:none}
 .source-dialog[open]{animation:none}
 .convergence-paths circle{display:none}
}