/* CORYAO / luminous graphite. Shared across public, workspace and operations. */
:root{--r128-ease:cubic-bezier(.16,1,.3,1);--r128-ice:#bad8ff;--r128-accent:#799cff;--r128-border:#a9c6ff26}
html[data-koryao-design="r100"]{scrollbar-color:#53627a #11161e;scroll-padding-top:104px}
html[data-koryao-design="r100"] body{background-color:#0e1219}
html[data-koryao-design="r100"] .app-shell .app-main{background:radial-gradient(ellipse at 85% 0%,#5279ba12,transparent 50%),#111720}
html[data-koryao-design="r100"] .app-shell>.sidebar{background:linear-gradient(160deg,#1c2636 0,#121922 46%,#10151d);border-right-color:#a6c6ff1b}
html[data-koryao-design="r100"] .topbar{background:#131a25ed;border-bottom:1px solid #afc9ff17}
/* The fixed operations surface owns scrolling while it is mounted. */
html:has(body>#koryao-r96-admin-host),body:has(>#koryao-r96-admin-host),html:has(dialog.ftn-detail[open]),body:has(dialog.ftn-detail[open]){overflow:hidden!important}
body:has(>#koryao-r96-admin-host) #root>.app-shell>.app-main{visibility:hidden}
html[data-koryao-design="r100"] #koryao-r96-admin-host{background:radial-gradient(ellipse at 90% 0%,#6084b71a,transparent 58%),#111720;overscroll-behavior:contain}
html[data-koryao-design="r100"] #koryao-r96-admin-host .koryao-r94-head{padding-left:18px;border-left:2px solid #8bb7ff80}
html[data-koryao-design="r100"] #koryao-r96-admin-host .koryao-r94-stat{background:linear-gradient(135deg,#23334b55,#1a212c);border-color:#8cabda26}
html[data-koryao-design="r100"] .primary-nav>button{position:relative;transition:background-color .22s,color .22s,transform .32s var(--r128-ease)}
html[data-koryao-design="r100"] .primary-nav>button.active{background:linear-gradient(100deg,#668fff26,#668fff0a);color:#d6e6ff;box-shadow:inset 0 0 0 1px #98b8ff26}
html[data-koryao-design="r100"] .primary-nav>button.active::before{content:"";position:absolute;left:0;top:27%;height:46%;width:3px;border-radius:4px;background:#a7cbff;box-shadow:0 0 14px #87b4ff70;animation:r128-nav .4s var(--r128-ease)}
html[data-koryao-design="r100"] .app-shell :is(.page-intro,.r100-page-heading){position:relative;padding-left:20px;border-left:2px solid #8bb7ff80}
html[data-koryao-design="r100"] .app-shell :is(.page-intro h2,.r100-page-heading h2){letter-spacing:-.045em;color:#f0f5ff;line-height:1.3;text-wrap:balance}
html[data-koryao-design="r100"] :is(.r100-eyebrow,.page-intro .eyebrow,.koryao-r94-head>div>p){color:#96b8ed;letter-spacing:.18em}
html[data-koryao-design="r100"] :is(.dashboard-summary-card,.partition-plan,.account-package-hero,.ftn-intro){border-color:var(--r128-border);background-image:linear-gradient(135deg,#8baeff0a,transparent 60%);box-shadow:inset 0 1px #d5e3ff08}
html[data-koryao-design="r100"] :is(.partition-plan-all,.account-package-hero){position:relative;background:radial-gradient(ellipse at 95% 0%,#719df32c,transparent 55%),linear-gradient(115deg,#1d2b40,#172130 60%,#1e2c43)!important;border-color:#8caef34d!important}
html[data-koryao-design="r100"] .r100-account-summary{background:linear-gradient(115deg,#23334b,#192332 70%);border-color:#94b5eb2e;box-shadow:inset 0 1px #bed7ff12}
html[data-koryao-design="r100"] .account-package-hero>div>p{font-size:14px;line-height:1.85;color:#b6c7df;max-width:66ch}
html[data-koryao-design="r100"] .account-package-hero :is(.koryao-account-package-platform-label,.koryao-account-package-platform-status){font-size:12px;color:#b9cbe4}
html[data-koryao-design="r100"] .account-package-hero .koryao-account-package-platform-button{background:#1a263a;color:#c2d2e9;border:1px solid #96b7ee38;min-height:38px}
html[data-koryao-design="r100"] .account-package-hero .koryao-account-package-platform-button.is-selected{background:#b5cefa!important;color:#12243f!important;border-color:#d4e5ff!important}
html[data-koryao-design="r100"] .account-package-hero .download-actions>span{font-size:12px;color:#b4c4dc;line-height:1.7}
html[data-koryao-design="r100"] .account-package-hero h3 em{color:#acd0ff}
html[data-koryao-design="r100"] .koryao-free-token-native dialog.ftn-detail{margin:0 0 0 auto;left:auto;height:100dvh;max-height:100dvh;max-width:100%;color:#e3ecfa;overscroll-behavior:contain;border:0;border-left:1px solid #91b3ea40}
html[data-koryao-design="r100"] .koryao-free-token-native dialog.ftn-detail::backdrop{background:#060b16b3}
html[data-koryao-design="r100"] .koryao-free-token-native dialog.ftn-detail:not([open]){display:none}
html[data-koryao-design="r100"] .app-shell :is(.button.primary,.button-primary,.partition-purchase:not(:disabled),.account-package-hero .download-actions>button){transition:transform .3s var(--r128-ease),background-color .22s,border-color .22s}
html[data-koryao-design="r100"] :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #b0d1ff!important;outline-offset:4px}
html[data-koryao-design="r100"] .kls-auth{background:radial-gradient(ellipse at 0 0,#3a609f24,transparent 65%)}
html[data-koryao-design="r100"] .kls-primary{background:linear-gradient(105deg,#396ce3,#5c84ef)!important}
/* A single luminous edge adds depth without animating a blur or box shadow. */
html[data-koryao-design="r100"] body .hero-copy{border-image:linear-gradient(#b9dbff,#7b8aff,#a999dc00) 1}
html[data-koryao-design="r100"] body .hero-copy h1 :is(em,.gradient-text){background-image:linear-gradient(105deg,#e1edff 0%,#abc9ff 35%,#9697f4 80%,#c6b7f2)}
html[data-koryao-design="r100"] body .site-header{background:linear-gradient(100deg,#141c28f5,#121822ed);border-color:#d0e0ff1e;box-shadow:0 12px 44px #0003,inset 0 1px #cbdcff08;backdrop-filter:none;-webkit-backdrop-filter:none}
/* Composite each moving track instead of keeping dozens of filtered 3D image layers. */
html[data-koryao-design="r100"] :is(.drift-wall__col,.drift-wall__track,.drift-wall__tile){transform-style:flat}
html[data-koryao-design="r100"] .drift-wall__inner{transform:none}
html[data-koryao-design="r100"] .drift-wall__tile img{filter:none}
html[data-koryao-design="r100"] body :is(.capabilities,.workflow-stage,.plans-stage){border-top:1px solid #9cb5e21a}
html[data-koryao-design="r100"] body .ag-panel{border-radius:24px;background-image:linear-gradient(145deg,#7799dc0d,transparent 65%)}
html[data-koryao-design="r100"] body .plan-card.is-featured{background:radial-gradient(ellipse at 100% 0%,#7b9be531,transparent 60%),linear-gradient(135deg,#263952,#1b2234);border-color:#94b4ff66}
html[data-koryao-design="r100"] body .workflow-console{background:radial-gradient(ellipse at 80% 10%,#6d89cf1e,transparent 70%),#171f2c}
html[data-koryao-design="r100"] .r128-enter{animation:r128-rise .72s var(--r128-ease) var(--r128-delay,0ms) backwards}
html[data-koryao-design="r100"] .guide-shell{box-shadow:0 30px 100px #0005;border:1px solid #b9caff25}
html[data-koryao-design="r100"] .guide-header{background:radial-gradient(ellipse at 95% 0%,#fff9,transparent 70%),linear-gradient(130deg,#e4ecff,#d2dfff)}
html[data-koryao-design="r100"] .guide-shell .footer-button{transition:transform .3s var(--r128-ease),background-color .2s}
html[data-koryao-design="r100"] .guide-shell .footer-button:hover{transform:translateY(-3px)}
@keyframes r128-rise{from{opacity:.18;translate:0 30px;scale:.978}to{opacity:1;translate:0 0;scale:1}}
@keyframes r128-nav{from{transform:scaleY(.2);opacity:.2}to{transform:scaleY(1);opacity:1}}
@media(hover:hover) and (pointer:fine){
 html[data-koryao-design="r100"] .primary-nav>button:hover{transform:translateX(4px)}
 html[data-koryao-design="r100"] .primary-nav>button.active:hover{transform:translateX(2px)}
 html[data-koryao-design="r100"] :is(.partition-plan,.dashboard-summary-card,.ftn-resource-card){transition:transform .42s var(--r128-ease),border-color .25s}
 html[data-koryao-design="r100"] :is(.partition-plan,.dashboard-summary-card,.ftn-resource-card):hover{transform:translateY(-6px);border-color:#a4c5ff66}
 html[data-koryao-design="r100"] .account-package-hero .download-actions>button:not(:disabled):hover{transform:translateY(-3px)}
 html[data-koryao-design="r100"] body .plan-card:hover{transform:translateY(-9px)}
 html[data-koryao-design="r100"] body .ag-panel:hover{transform:translateY(-5px)}
}
html[data-koryao-design="r100"] :is(button,.button):not(:disabled):active{scale:.98}
.r128-page-hidden *,.r128-page-hidden *::before,.r128-page-hidden *::after{animation-play-state:paused!important}
@media(max-width:760px){
 html[data-koryao-design="r100"],html[data-koryao-design="r100"] body{min-width:0!important}
 html[data-koryao-design="r100"] .koryao-free-token-native dialog.ftn-detail{width:100%;max-width:100%}
 html[data-koryao-design="r100"] .guide-shell .page-title{font-size:clamp(30px,8.4vw,38px);line-height:1.2;text-wrap:balance;letter-spacing:-.05em}
 html[data-koryao-design="r100"] .app-shell :is(.page-intro,.r100-page-heading){padding-left:14px}
 html[data-koryao-design="r100"] .r128-enter{animation-duration:.52s}
 html[data-koryao-design="r100"] body .ag-panel{border-radius:18px}
}
@media(prefers-reduced-motion:reduce){
 html[data-koryao-design="r100"] *,html[data-koryao-design="r100"] *::before,html[data-koryao-design="r100"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 html[data-koryao-design="r100"] :is(.primary-nav>button,.partition-plan,.dashboard-summary-card,.ftn-resource-card,.plan-card,.ag-panel):hover{transform:none!important}
 html[data-koryao-design="r100"] :is(button,.button):active{scale:none}
}