@import "https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(10.5% .025 174);--surface:oklch(16% .04 170/.86);--surface-2:oklch(20.5% .052 166/.92);--ink:oklch(96% .02 150);--muted:oklch(75% .035 165);--mint:oklch(82% .17 148);--violet:oklch(72% .13 302);--cyan:oklch(81% .1 205);--rose:oklch(72% .14 25);--line:oklch(84% .05 165/.18);--shadow:oklch(1.5% .01 170/.65);--ease:cubic-bezier(.16, 1, .3, 1);background:var(--bg);color:var(--ink);font-family:Manrope,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select option,select optgroup{color:oklch(94% .03 170);background-color:oklch(4.5% .014 180)}select option:checked{color:oklch(99% .01 180);background-color:oklch(62% .13 205)}select option:disabled{color:oklch(58% .025 175)}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 76% 8%, oklch(28% .08 294/.22), transparent 32rem), radial-gradient(circle at 12% 88%, oklch(24% .09 154/.18), transparent 30rem), var(--bg);min-width:320px;color:var(--ink);margin:0;overflow-x:hidden}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:0;text-wrap:balance;font-family:Gowun Batang,Songti SC,serif;font-weight:400}p{text-wrap:pretty}.app{overflow-x:clip}.beam-frame{--beam-border:1px;--beam-size:42%;--beam-red:oklch(72% .22 25);--beam-blue:oklch(76% .16 235);z-index:2;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.beam-frame-runner{width:var(--beam-size);height:var(--beam-border);background:linear-gradient(90deg, transparent, var(--beam-red), transparent);filter:drop-shadow(0 0 6px var(--beam-red));opacity:.98;transform-origin:0 0;animation:6s linear infinite beam-run-border;position:absolute;top:0;left:0}.beam-frame-runner-delay{--beam-color:var(--beam-blue);background:linear-gradient(90deg, transparent, var(--beam-blue), transparent);filter:drop-shadow(0 0 6px var(--beam-blue));animation-delay:-3s}.sanctuary-home{background:#02090d;min-height:100vh}.sanctuary-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:oklch(2.5% .008 180/.58);border-bottom:1px solid oklch(100% 0 0/.08);justify-content:space-between;align-items:center;width:100%;min-height:70px;padding:0 clamp(28px,4vw,64px);display:flex;position:absolute;top:0;left:0}.sanctuary-brand{color:#fff;align-items:center;gap:9px;min-width:168px;text-decoration:none;display:inline-flex}.sanctuary-brand .brand-mark{width:34px;height:34px;box-shadow:none;border-radius:8px;flex-basis:34px}.sanctuary-brand .brand-name{gap:3px}.sanctuary-brand .brand-name strong{font-size:.9rem}.sanctuary-brand .brand-name small{color:oklch(70% .035 185);font-size:.54rem}.sanctuary-header nav{align-self:stretch;align-items:stretch;gap:clamp(24px,4vw,66px);display:flex}.sanctuary-header nav a{color:oklch(80% .02 190);transition:color .18s var(--ease);align-items:center;font-size:.82rem;text-decoration:none;display:inline-flex}.sanctuary-header nav a:hover{color:#fff}.sanctuary-header-actions{align-items:center;gap:8px;display:inline-flex}.sanctuary-header .locale-switch{background:oklch(3% .01 180/.22);border-color:oklch(100% 0 0/.12);min-height:34px}.sanctuary-header .account-actions{background:0 0;border-color:#0000;min-height:34px}.sanctuary-main{width:100%}.sanctuary-hero{isolation:isolate;background:#061116;min-height:100vh;display:grid;position:relative;overflow:hidden}.sanctuary-backdrop{z-index:-3;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.sanctuary-shade{z-index:-2;background:linear-gradient(90deg,oklch(2% .01 185/.86) 0%,oklch(2% .01 185/.56) 34%,oklch(2% .01 185/.08) 67%,oklch(2% .01 185/.18) 100%);position:absolute;inset:0}.sanctuary-copy{align-self:start;width:min(520px,100% - 48px);margin:clamp(154px,18vh,215px) 0 0 clamp(28px,5vw,76px)}.sanctuary-copy>span{color:oklch(80% .18 185);align-items:center;gap:8px;font-size:.78rem;font-weight:700;display:inline-flex}.sanctuary-copy>span svg{filter:drop-shadow(0 0 8px oklch(75% .2 190/.7))}.sanctuary-copy h1{color:#fff;letter-spacing:-.06em;text-shadow:0 4px 18px oklch(1% .01 185/.52);margin:28px 0 20px;font-size:clamp(3.45rem,5.4vw,5.75rem);line-height:1.07}.sanctuary-copy p{color:oklch(84% .025 190);max-width:360px;margin:0;font-size:.95rem;line-height:1.8}.sanctuary-explore{color:oklch(90% .08 185);transition:color .18s var(--ease), border-color .18s var(--ease);border-bottom:1px solid oklch(76% .15 190/.45);align-items:center;gap:8px;margin-top:30px;padding-bottom:6px;font-size:.83rem;font-weight:800;text-decoration:none;display:inline-flex}.sanctuary-explore:hover{border-color:var(--mint);color:var(--mint)}.sanctuary-pets{z-index:2;pointer-events:none;position:absolute;inset:0}.sanctuary-pet{cursor:pointer;pointer-events:auto;filter:drop-shadow(0 9px 11px oklch(2% .01 180/.65));width:78px;height:78px;transition:transform .22s var(--ease), filter .22s var(--ease);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}.sanctuary-pet:hover,.sanctuary-pet.active{filter:drop-shadow(0 12px 17px oklch(65% .18 190/.5));transform:translateY(-9px)scale(1.18)}.sanctuary-pet.active:after{content:"";border:3px solid oklch(78% .19 185);border-radius:50%;height:14px;position:absolute;bottom:-1px;left:4px;right:4px;box-shadow:0 0 15px oklch(70% .18 185/.65)}.sanctuary-pet .sprite-player.compact .sprite-frame{width:min(78px,100%)}.sanctuary-pet-1{top:48%;left:20%}.sanctuary-pet-2{top:62%;left:32%}.sanctuary-pet-3{top:50%;left:47%}.sanctuary-pet-4{top:61%;left:60%}.sanctuary-pet-5{top:46%;left:71%}.sanctuary-pet-6{top:34%;right:12%}.sanctuary-pet-7{bottom:16%;right:18%}.sanctuary-pet-8{bottom:20%;left:37%}.sanctuary-pet-9{top:38%;left:55%}.sanctuary-pet-detail{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:oklch(6% .025 175/.72);border:1px solid oklch(76% .11 180/.28);border-radius:16px;width:224px;padding:18px;position:absolute;bottom:clamp(102px,14vh,156px);right:clamp(36px,10vw,160px);box-shadow:0 18px 32px oklch(1% .01 180/.35)}.sanctuary-detail-copy{gap:6px;display:grid}.sanctuary-detail-copy strong{color:#fff;font-family:Gowun Batang,serif;font-size:1.2rem}.sanctuary-detail-copy span{color:oklch(79% .06 175);align-items:center;gap:8px;font-size:.75rem;display:inline-flex}.sanctuary-detail-copy i{background:var(--mint);width:5px;height:5px;box-shadow:0 0 10px var(--mint);border-radius:50%}.sanctuary-pet-detail a{color:oklch(12% .035 178);width:100%;min-height:39px;transition:transform .18s var(--ease), filter .18s var(--ease);background:linear-gradient(100deg,oklch(65% .18 182),oklch(78% .16 155));border-radius:999px;justify-content:center;align-items:center;gap:6px;margin-top:16px;font-size:.75rem;font-weight:900;text-decoration:none;display:inline-flex}.sanctuary-pet-detail a:hover{filter:brightness(1.08);transform:translateY(-2px)}.sanctuary-scroll-hint{z-index:4;color:oklch(84% .025 190/.8);align-items:center;gap:13px;display:inline-flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.sanctuary-scroll-hint span{border:1px solid oklch(100% 0 0/.6);border-radius:12px;width:23px;height:39px}.sanctuary-scroll-hint span:after{background:var(--mint);content:"";border-radius:4px;width:3px;height:8px;margin:7px auto;animation:1.8s ease-in-out infinite sanctuary-scroll;display:block}.sanctuary-scroll-hint p{margin:0;font-size:.76rem}@keyframes sanctuary-scroll{0%,to{opacity:1;transform:translateY(0)}55%{opacity:.12;transform:translateY(13px)}}@media (width<=760px){.message-box.download{width:min(520px,100%)}.download-install-grid{grid-template-columns:1fr}.sanctuary-header{min-height:60px;padding-inline:16px}.sanctuary-brand .brand-name small,.sanctuary-header nav,.sanctuary-header .locale-control{display:none}.sanctuary-brand .brand-mark{width:28px;height:28px}.sanctuary-brand .brand-name strong{font-size:.82rem}.sanctuary-hero{min-height:100svh}.sanctuary-backdrop{object-position:57% center}.sanctuary-shade{background:linear-gradient(90deg,oklch(2% .01 185/.82),oklch(2% .01 185/.24) 86%)}.sanctuary-copy{width:min(340px,100% - 38px);margin:124px 0 0 20px}.sanctuary-copy h1{margin:18px 0 14px;font-size:clamp(2.55rem,12vw,3.55rem)}.sanctuary-copy p{max-width:275px;font-size:.83rem}.sanctuary-explore{margin-top:21px}.sanctuary-pet{width:54px;height:54px}.sanctuary-pet .sprite-player.compact .sprite-frame{width:54px}.sanctuary-pet-1{top:52%;left:18%}.sanctuary-pet-2{top:65%;left:36%}.sanctuary-pet-3{top:52%;left:51%}.sanctuary-pet-4{top:66%;left:65%}.sanctuary-pet-5{top:46%;left:72%}.sanctuary-pet-6{top:38%;right:7%}.sanctuary-pet-7{bottom:20%;right:8%}.sanctuary-pet-8{bottom:20%;left:42%}.sanctuary-pet-9{top:42%;left:58%}.sanctuary-pet-detail{width:185px;padding:14px;bottom:88px;right:18px}.sanctuary-detail-copy strong{font-size:1rem}.sanctuary-pet-detail a{min-height:34px;margin-top:12px}.sanctuary-scroll-hint{display:none}}.header,.library-header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:oklch(8% .02 170/.48);border:1px solid oklch(100% 0 0/.16);justify-content:space-between;align-items:center;width:min(1380px,100% - 40px);min-height:64px;margin-inline:auto;display:flex}.header{border-radius:14px;padding:10px 12px 10px 18px;position:absolute;top:22px;left:50%;transform:translate(-50%)}.library-header{background:oklch(8% .02 170/.68);border-radius:14px;min-height:64px;padding:10px 12px 10px 18px;position:sticky;top:16px}.brand{min-width:176px;color:var(--ink);align-items:center;gap:11px;font-family:Gowun Batang,serif;text-decoration:none;display:inline-flex}.brand-mark{object-fit:cover;object-position:center;border:1px solid oklch(84% .12 164/.3);border-radius:9px;flex:0 0 42px;width:42px;height:42px;box-shadow:0 4px 8px oklch(1% .01 170/.3)}.brand-name{white-space:nowrap;gap:4px;line-height:1;display:grid}.brand-name strong{font-size:.96rem;font-weight:700}.brand-name small{color:oklch(72% .045 170);letter-spacing:0;font-family:Manrope,system-ui,sans-serif;font-size:.58rem;font-weight:700}.header nav,.library-header nav{gap:8px;display:flex}.header nav a,.library-header nav a{min-height:40px;color:var(--muted);border-radius:999px;padding:10px 12px;font-size:.86rem;text-decoration:none}.header nav a:hover,.library-header nav a:hover,.library-header nav a.active{color:var(--ink);background:oklch(100% 0 0/.08)}.primary-action,.play-action,.outline-button{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:800;text-decoration:none;display:inline-flex}.locale-control{position:relative}.locale-switch{border:1px solid var(--line);min-height:40px;color:var(--muted);cursor:pointer;transition:border-color .18s var(--ease), background .18s var(--ease), color .18s var(--ease);background:oklch(8% .02 170/.3);border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 11px;font-size:.72rem;font-weight:800;display:inline-flex}.locale-switch:hover,.locale-switch[aria-expanded=true]{color:var(--ink);background:oklch(16% .05 170/.72);border-color:oklch(82% .17 148/.58)}.locale-menu{z-index:20;background:oklch(9.5% .026 170/.96);border:1px solid oklch(82% .14 160/.26);border-radius:12px;min-width:140px;padding:5px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 16px oklch(1% .01 170/.28)}.locale-menu button{min-height:34px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:0 9px;font-size:.76rem;font-weight:750;display:flex}.locale-menu button:hover,.locale-menu button.active{color:var(--ink);background:oklch(20% .07 170/.78)}.locale-menu button svg{color:var(--mint)}.header-right,.account-actions{align-items:center;gap:8px;display:inline-flex}.account-actions{border:1px solid var(--line);background:oklch(9% .02 170/.42);border-radius:999px;min-height:40px;padding:3px}.account-actions span{max-width:120px;color:var(--mint);text-overflow:ellipsis;white-space:nowrap;padding:0 9px;font-size:.78rem;font-weight:800;overflow:hidden}.account-actions button{min-height:32px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:.76rem;font-weight:800;display:inline-flex}.account-actions button:hover{background:oklch(100% 0 0/.08)}.account-actions.compact{background:oklch(8% .02 170/.38)}.outline-button{border:1px solid var(--line);color:var(--ink);background:0 0;padding:0 14px;font-size:.78rem}.primary-action{background:var(--mint);color:oklch(15% .045 160);cursor:pointer;border:0;padding:0 21px}.play-action{color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:oklch(10% .02 170/.45);border:1px solid oklch(100% 0 0/.26);padding:0 16px}.app-message-stack{z-index:1800;pointer-events:none;gap:10px;width:min(430px,100vw - 28px);display:grid;position:fixed;top:18px;left:50%;transform:translate(-50%)}.app-message{min-height:44px;color:var(--ink);pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,oklch(7% .018 174/.96),oklch(11.5% .034 184/.9));border:1px solid oklch(76% .08 174/.24);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid;box-shadow:0 18px 42px oklch(1% .02 175/.48)}.app-message span{overflow-wrap:anywhere;font-size:.82rem;font-weight:800;line-height:1.45}.app-message svg{color:oklch(82% .14 170)}.app-message.success{background:linear-gradient(135deg,oklch(8% .032 160/.96),oklch(18% .07 158/.9));border-color:oklch(82% .17 148/.42)}.app-message.success svg{color:var(--mint)}.app-message.warning{background:linear-gradient(135deg,oklch(10% .032 82/.96),oklch(18% .06 78/.9));border-color:oklch(82% .13 82/.42)}.app-message.warning svg{color:oklch(86% .12 82)}.app-message.error{background:linear-gradient(135deg,oklch(10% .035 28/.97),oklch(20% .07 26/.9));border-color:oklch(72% .18 26/.48)}.app-message.error svg{color:oklch(78% .17 28)}.app-message.primary{border-color:oklch(78% .16 210/.44)}.app-message button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:inline-grid}.app-message button:hover{color:var(--ink);background:oklch(100% 0 0/.08)}.message-box-backdrop{z-index:1700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:oklch(1.5% .012 175/.72);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.message-box{background:linear-gradient(145deg,oklch(5.5% .018 176/.98),oklch(10.5% .03 186/.96));border:1px solid oklch(82% .11 170/.28);border-radius:10px;gap:16px;width:min(420px,100%);padding:20px;display:grid;box-shadow:0 24px 80px oklch(.5% .02 175/.68)}.message-box-head{align-items:center;gap:10px;display:flex}.message-box-head span{color:oklch(88% .13 82);background:oklch(18% .07 82/.55);border-radius:50%;place-items:center;width:32px;height:32px;display:inline-grid}.message-box-head strong{color:var(--ink);font-size:1rem}.message-box p{color:var(--muted);margin:0;font-size:.86rem;line-height:1.65}.message-box-actions{justify-content:flex-end;gap:10px;display:flex}.message-box-actions .primary-action,.message-box-actions .outline-button{border-radius:8px;min-height:38px;padding:0 16px}.message-box-actions .danger-confirm{color:#fff;background:oklch(58% .18 28)}.message-box.download{-webkit-backdrop-filter:blur(18px)saturate(1.65);background:linear-gradient(oklch(100% 0 0/.12),oklch(100% 0 0/.025) 36%,oklch(100% 0 0/.08)),oklch(3% .012 175/.55);border-color:oklch(100% 0 0/.18);width:min(620px,100%);box-shadow:inset 0 1px 1px oklch(100% 0 0/.24),inset 0 -1px 1px oklch(100% 0 0/.12),0 24px 80px oklch(.5% .02 175/.68)}.message-box.download .message-box-head span{color:var(--mint);background:oklch(20% .08 175/.62)}.download-confirm-content{color:var(--muted);gap:13px;font-size:.82rem;line-height:1.65;display:grid}.download-confirm-content p{margin:0}.download-install-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.download-install-grid section{background:oklch(100% 0 0/.018);border:1px solid oklch(100% 0 0/.13);border-radius:10px;gap:8px;padding:12px;display:grid}.download-install-grid strong{color:oklch(90% .08 165);font-size:.82rem}.download-confirm-content code{color:oklch(86% .08 185);word-break:break-all;background:oklch(2% .01 175/.54);border:1px solid oklch(82% .08 185/.16);border-radius:6px;padding:2px 5px;font-family:Manrope,Noto Sans SC,system-ui,sans-serif;font-size:.72rem}.download-install-grid span{color:oklch(70% .035 175);font-size:.74rem}main{width:min(1380px,100% - 40px);margin-inline:auto}.journey{width:100vw;height:220vh;margin-left:calc(50% - 50vw);position:relative}.hero{--far-x:0px;--far-y:0px;--near-x:0px;--near-y:0px;--world-scale:1;--cave-scale:1;--hero-opacity:1;--arrival-opacity:0;--arrival-y:54px;--realm-radius:0%;--realm-scale:1.12;--cursor-x:68vw;--cursor-y:43vh;--world-cursor-x:68%;--world-cursor-y:43%;--cave-offset-x:-4.9vw;--cursor-active:0;background:oklch(7% .02 174);width:100%;height:100vh;min-height:680px;position:sticky;top:0;overflow:hidden}.portal-world{background:oklch(11% .03 170);position:absolute;inset:-28% -5%;overflow:hidden}.portal-world img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cave-art{object-position:center;transform:translate3d(calc(var(--far-x) + var(--cave-offset-x)), var(--far-y), 0) scale(var(--world-scale));transform-origin:68% 43%;transition:transform 80ms linear}.realm-art{content:url(/assets/arrival-paradise.webp);object-position:center;clip-path:circle(var(--realm-radius) at 68% 43%);transform:scale(var(--realm-scale));transform-origin:68% 43%;transition:clip-path 80ms linear,transform 80ms linear}.cursor-crystal-reveal{pointer-events:none;z-index:3;opacity:var(--cursor-active);transform:translate3d(calc(var(--far-x) + var(--cave-offset-x)), var(--far-y), 0) scale(var(--world-scale));transform-origin:68% 43%;-webkit-mask-image:radial-gradient(circle 155px at var(--world-cursor-x) var(--world-cursor-y), #000 0 24%, #000000e6 42%, #0000006b 68%, #00000014 86%, transparent 100%);-webkit-mask-image:radial-gradient(circle 155px at var(--world-cursor-x) var(--world-cursor-y), #000 0 24%, #000000e6 42%, #0000006b 68%, #00000014 86%, transparent 100%);mask-image:radial-gradient(circle 155px at var(--world-cursor-x) var(--world-cursor-y), #000 0 24%, #000000e6 42%, #0000006b 68%, #00000014 86%, transparent 100%);transition:opacity .22s var(--ease), transform 80ms linear;background:url(/assets/portal-cave-crystals.webp) 50%/cover no-repeat;position:absolute;inset:0}.portal-hero.arrived .cursor-crystal-reveal{opacity:0}.portal-sky{z-index:1;filter:blur(18px);mix-blend-mode:screen;width:32%;height:54%;transform:translate3d(var(--far-x), var(--far-y), 0);background:radial-gradient(circle at 52% 42%,oklch(91% .12 225/.28),oklch(73% .17 294/.13) 35%,#0000 68%);border-radius:48% 45% 52% 44%;animation:6s ease-in-out infinite alternate portal-breathe;position:absolute;top:17%;left:52%}.portal-aura{z-index:2;width:32%;height:54%;transform:translate3d(var(--far-x), var(--far-y), 20px);border:1px solid oklch(90% .1 180/.2);border-radius:48% 45% 52% 44%;position:absolute;top:17%;left:52%;box-shadow:inset 0 0 60px oklch(85% .13 160/.12),0 0 80px oklch(72% .14 297/.12)}.portal-aura:before,.portal-aura:after{content:"";border-radius:inherit;border:1px solid oklch(84% .1 215/.14);animation:5.5s ease-in-out infinite ring-pulse;position:absolute;inset:8%}.portal-aura:after{animation-delay:-2.7s;inset:17%}.portal-foreground{z-index:5;pointer-events:none;transform:translate3d(var(--near-x), var(--near-y), 60px) scale(var(--cave-scale));transform-origin:68% 43%;opacity:var(--hero-opacity);background:radial-gradient(42% 68% at 68% 43%,#0000 0 55%,oklch(3.5% .013 170/.36) 73%,oklch(2.5% .01 170/.91) 100%),linear-gradient(90deg,oklch(2.5% .01 170/.86),#0000 28% 74%,oklch(2.5% .01 170/.72));transition:transform .12s linear,opacity .12s linear;position:absolute;inset:-6%}.portal-foreground:before,.portal-foreground:after{content:"";filter:blur(1px);background:radial-gradient(at bottom,oklch(16% .07 158/.98),oklch(5.5% .02 170/.96) 60%,#0000 72%);width:44%;height:43%;position:absolute;bottom:-8%}.portal-foreground:before{left:-8%;transform:rotate(12deg)}.portal-foreground:after{right:-8%;transform:rotate(-12deg)}.portal-crystals{z-index:4;width:24%;height:42%;transform:translate3d(var(--near-x), var(--near-y), 45px);position:absolute;bottom:-2%}.crystal-left{left:0}.crystal-right{transform:translate3d(var(--near-x), var(--near-y), 45px) scaleX(-1);right:0}.portal-crystals i{clip-path:polygon(50% 0,100% 78%,72% 100%,18% 92%,0 58%);filter:drop-shadow(0 0 18px oklch(68% .16 302/.2));background:linear-gradient(115deg,oklch(38% .14 303/.65),oklch(72% .16 301/.42) 45%,oklch(18% .08 273/.8));width:22%;height:78%;position:absolute;bottom:0;left:18%}.portal-crystals i:nth-child(2){background:linear-gradient(115deg,oklch(30% .11 175/.6),oklch(75% .14 164/.42),oklch(14% .06 179/.8));width:17%;height:58%;left:45%}.portal-crystals i:nth-child(3){width:12%;height:42%;left:66%}.portal-motes{z-index:6;pointer-events:none;position:absolute;inset:0}.portal-motes i{background:var(--mint);width:5px;height:5px;box-shadow:0 0 12px var(--mint);border-radius:50%;animation:8s ease-in-out infinite mote-float;position:absolute}.portal-motes i:first-child{top:22%;left:18%}.portal-motes i:nth-child(2){animation-delay:-2s;top:68%;left:34%}.portal-motes i:nth-child(3){background:var(--violet);animation-delay:-4s;top:18%;left:59%}.portal-motes i:nth-child(4){animation-delay:-1s;top:63%;left:76%}.portal-motes i:nth-child(5){background:var(--cyan);animation-delay:-5s;top:29%;left:88%}.portal-motes i:nth-child(6){animation-delay:-3s;top:81%;left:52%}.hero-shade{z-index:7;pointer-events:none;background:linear-gradient(90deg,oklch(3.5% .012 170/.93),oklch(5.5% .018 170/.5) 43%,#0000 70%),linear-gradient(#0000 50%,oklch(3.5% .014 170/.7));position:absolute;inset:0}.hero-copy{z-index:10;width:min(570px,100% - 40px);opacity:var(--hero-opacity);transform-origin:0;transition:opacity .12s linear,transform .12s linear;position:absolute;top:50%;left:max(20px,50vw - 690px);transform:translateY(-45%)}.signal{color:oklch(85% .07 160);align-items:center;gap:9px;font-size:.82rem;display:inline-flex}.signal i{background:var(--mint);width:7px;height:7px;box-shadow:0 0 14px var(--mint);border-radius:50%}.hero-copy h1{margin:24px 0;font-size:clamp(3.5rem,6.2vw,5.35rem);line-height:1.04}.hero-copy>p{color:oklch(84% .025 165);max-width:60ch;line-height:1.8}.motion-copy-char{--char-y:0px;--char-scale:1;--char-color:inherit;--char-shadow:none;color:var(--char-color);text-shadow:var(--char-shadow);transform:translateY(var(--char-y)) scale(var(--char-scale));transform-origin:50% 75%;transition:color .18s var(--ease), filter .22s var(--ease), text-shadow .22s var(--ease), transform .26s var(--ease);display:inline-block}.hero-copy h1 .motion-copy-char:hover{color:oklch(.91 .13 calc(150 + var(--char-index) * 5));filter:brightness(1.12);text-shadow:0 0 18px oklch(78% .18 165/.52),0 0 38px oklch(68% .16 295/.25);transform:translateY(-7px)scale(1.035)}.hero-description .motion-copy-char:hover{color:var(--mint);text-shadow:0 0 12px oklch(82% .17 148/.45);transform:translateY(-3px)scale(1.025)}.portal-gateway{z-index:10;width:330px;height:350px;color:var(--ink);opacity:var(--hero-opacity);cursor:default;transition:opacity .12s linear, filter .26s var(--ease);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:43%;left:68%;transform:translate(-50%,-50%)}.portal-gateway:focus-within{filter:brightness(1.12)saturate(1.08)}.gateway-ring{pointer-events:none;border:1px solid oklch(90% .12 190/.36);border-radius:50%;width:210px;height:210px;animation:4.6s ease-in-out infinite ring-pulse;position:absolute;box-shadow:inset 0 0 48px oklch(82% .14 160/.14),0 0 38px oklch(77% .13 280/.2)}.portal-gateway .gateway-cta{z-index:8;isolation:isolate;color:oklch(98% .025 160);cursor:pointer;transition:filter .22s var(--ease), transform .22s var(--ease), box-shadow .22s var(--ease);background:linear-gradient(90deg,oklch(82% .16 148/.32),oklch(74% .11 190/.34) 48%,oklch(58% .13 286/.2));border:0;border-radius:999px;align-items:stretch;padding:4px;display:inline-flex;position:absolute;bottom:28px;overflow:visible;box-shadow:0 18px 36px oklch(2% .02 170/.46),0 0 22px oklch(72% .14 170/.14)}.portal-gateway .gateway-cta:hover,.portal-gateway:focus-visible .gateway-cta{filter:brightness(1.07)saturate(1.08);transform:translateY(-2px)scale(1.05);box-shadow:0 0 22px oklch(78% .16 165/.26),0 20px 40px oklch(2% .02 170/.5)}.gateway-cta-inner{z-index:1;white-space:nowrap;background:linear-gradient(90deg,oklch(20% .075 172),oklch(54% .13 164) 48%,oklch(28% .09 198));border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 17px 0 15px;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px oklch(100% 0 0/.18),inset 0 -1px oklch(2% .02 170/.2)}.gateway-cta-inner>span:not(.gateway-ai-particles){z-index:2;font-weight:850;position:relative}.gateway-cta-inner>svg:last-child{z-index:2;transition:transform .18s var(--ease);flex:none;position:relative}.portal-gateway .gateway-cta:hover .gateway-cta-inner>svg:last-child,.portal-gateway:focus-visible .gateway-cta-inner>svg:last-child{transform:translate(3px)}.gateway-ai-icon{z-index:3;color:oklch(96% .045 160);filter:drop-shadow(0 1px 3px oklch(5% .04 170/.5));animation:2s ease-in-out infinite ai-button-sparkle;position:absolute}.gateway-ai-icon.main{flex:none;position:relative;transform:translateY(-1px)}.gateway-ai-icon.one{animation-delay:1s;bottom:9px;left:17px;transform:rotate(12deg)}.gateway-ai-icon.two{animation-duration:2.5s;animation-delay:1.5s;top:9px;left:26px;transform:rotate(-12deg)}.gateway-ai-icon.three{animation-duration:2.5s;animation-delay:.5s;top:13px;left:14px}.gateway-ai-particles{z-index:0;opacity:0;pointer-events:none;transition:opacity .22s var(--ease);border-radius:999px;position:absolute;inset:-18px}.portal-gateway .gateway-cta:hover .gateway-ai-particles,.portal-gateway:focus-visible .gateway-ai-particles{opacity:1}.gateway-ai-particles i{background:oklch(90% .12 170);border-radius:50%;width:4px;height:4px;animation:1.8s ease-in-out infinite ai-button-particle;position:absolute;box-shadow:0 0 10px}.gateway-ai-particles i:first-child{color:oklch(82% .17 148);top:24%;left:16%}.gateway-ai-particles i:nth-child(2){color:oklch(82% .1 190);animation-delay:-.3s;top:18%;left:78%}.gateway-ai-particles i:nth-child(3){color:oklch(68% .12 286);animation-delay:-.6s;top:70%;left:87%}.gateway-ai-particles i:nth-child(4){color:oklch(78% .12 205);animation-delay:-.9s;top:84%;left:22%}.gateway-ai-particles i:nth-child(5){color:oklch(95% .04 160);animation-delay:-1.2s;top:6%;left:50%}.portal-gateway small{color:oklch(88% .04 170);pointer-events:none;font-size:.67rem;position:absolute;bottom:3px}.gateway-pets{z-index:3;pointer-events:none;position:absolute;inset:0}.gateway-pet{pointer-events:none;cursor:pointer;filter:drop-shadow(0 8px 12px oklch(2% .01 170/.5));width:142px;height:142px;transform:translate(var(--gateway-x,96px), var(--gateway-y,48px)) rotate(var(--gateway-rotate,0deg)) scale(var(--gateway-scale,.86));transform-origin:50% 72%;place-items:center;text-decoration:none;display:grid;position:absolute;top:0;left:0}.gateway-pet-click{pointer-events:auto;place-items:center;width:86px;height:96px;display:grid}.gateway-pet .sprite-player.compact .sprite-frame{width:min(76px,64%)}.gateway-pet{transition:transform .36s var(--ease), filter .26s var(--ease)}.gateway-pet.is-hovered{z-index:4;filter:drop-shadow(0 14px 20px oklch(45% .14 190/.38));transform:translate(var(--gateway-x,96px), calc(var(--gateway-y,48px) - 18px)) rotate(calc(var(--gateway-rotate,0deg) * .35)) scale(var(--gateway-hover-scale,1.45))}.portal-arrival{z-index:12;opacity:var(--arrival-opacity);transform:translateY(var(--arrival-y));pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:44px 20px 20px;transition:opacity .12s linear,transform .12s linear;display:flex;position:fixed;inset:0}.portal-arrival>span{color:oklch(20% .06 185);font-size:.75rem}.portal-arrival h2{color:oklch(18% .055 182);text-shadow:0 1px oklch(100% 0 0/.25);max-width:760px;margin:10px 0 18px;font-size:clamp(2.3rem,4.4vw,4rem);line-height:1.06}.arrival-orbit{width:100vw;height:320px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.arrival-track{align-items:center;gap:24px;width:max-content;padding:24px 0 34px;animation:58s linear infinite orbit-scroll;display:flex}.arrival-orbit:hover .arrival-track{animation-play-state:paused}.orbit-pet{isolation:isolate;color:oklch(94% .045 185);text-align:center;pointer-events:auto;filter:drop-shadow(0 16px 18px oklch(2% .02 180/.52));width:216px;height:288px;transition:transform .3s var(--ease), filter .3s var(--ease);background:0 0;border:0;flex-direction:column;justify-content:flex-end;padding:28px 24px 24px;text-decoration:none;display:flex;position:relative}.orbit-pet:before,.orbit-pet:after{z-index:-1;content:"";background:50%/100% 100% no-repeat;transition:opacity .24s,filter .3s;position:absolute;inset:0}.orbit-pet:before{background-image:url(/assets/arrival-pet-idle.webp)}.orbit-pet:after{opacity:0;background-image:url(/assets/arrival-pet-selected.webp)}.orbit-pet:nth-child(3n+1){transform:translateY(12px)rotate(-4deg)}.orbit-pet:nth-child(3n+2){transform:translateY(-6px)rotate(3deg)}.orbit-pet:nth-child(3n){transform:translateY(8px)rotate(5deg)}.orbit-pet:hover,.orbit-pet:focus-visible{filter:drop-shadow(0 18px 24px oklch(50% .18 210/.42));outline:none;transform:translateY(-14px)rotate(0)scale(1.08)}.orbit-pet:hover:before,.orbit-pet:focus-visible:before{opacity:0}.orbit-pet:hover:after,.orbit-pet:focus-visible:after{opacity:1}.orbit-sprite{z-index:1;background:0 0;width:100%;height:160px;margin-bottom:auto;display:block;position:relative;overflow:hidden}.orbit-sprite .sprite-frame{filter:drop-shadow(0 10px 10px oklch(2% .03 190/.55));width:118px}.orbit-pet-reason{z-index:1;color:oklch(86% .15 145);background:oklch(5% .035 165/.66);border:1px solid oklch(84% .13 150/.32);border-radius:999px;align-self:center;margin:-2px 0 5px;padding:3px 8px;font-size:.62rem;font-weight:900;line-height:1;position:relative;transform:translateY(-18px);box-shadow:0 6px 14px oklch(2% .03 180/.28)}.orbit-pet-reason.reason-highScore{color:oklch(91% .14 92);background:oklch(9% .045 80/.7);border-color:oklch(86% .15 85/.4)}.orbit-pet-reason.reason-latest{color:oklch(84% .13 205);background:oklch(7% .045 215/.68);border-color:oklch(78% .13 205/.38)}.orbit-pet-reason.reason-fallback{color:oklch(82% .08 275);background:oklch(6% .035 275/.62);border-color:oklch(76% .08 275/.32)}.orbit-pet strong{z-index:1;text-shadow:0 2px 7px oklch(1% .02 180/.8);margin:0;font-family:Gowun Batang,serif;font-size:1.08rem;line-height:1.15;position:relative;transform:translateY(-14px)}.orbit-pet-tags{z-index:1;flex-wrap:wrap;justify-content:center;gap:4px;max-height:42px;margin:-12px 0 6px;display:flex;position:relative;overflow:hidden;transform:translateY(-14px)}.orbit-pet-tags i{color:oklch(84% .06 178);white-space:nowrap;background:oklch(3% .015 180/.52);border:1px solid oklch(86% .08 178/.24);border-radius:999px;align-items:center;min-height:18px;padding:0 6px;font-size:.58rem;font-style:normal;font-weight:800;line-height:1;display:inline-flex}.arrival-actions{justify-content:center;gap:12px;display:flex}.arrival-actions a{min-height:46px;color:var(--ink);pointer-events:none;background:oklch(18% .06 184);border-radius:999px;align-items:center;gap:7px;padding:0 18px;text-decoration:none;display:inline-flex}.portal-hero.arrived .orbit-pet,.portal-hero.arrived .arrival-actions a{pointer-events:auto}.library-page{background:radial-gradient(circle at 82% 0, oklch(72% .11 205/.16), transparent 28rem), var(--bg);min-height:100vh;animation:page-arrive .42s var(--ease);overflow-x:clip}.library-main{width:min(1380px,100% - 40px)}.library-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.82fr) minmax(500px,1.18fr);align-items:center;gap:clamp(32px,5vw,76px);min-height:390px;padding:54px 0 34px;display:grid}.library-hero-copy{z-index:2;max-width:620px;padding-left:clamp(0px,1vw,14px);position:relative}.library-hero-copy>span,.detail-copy>span{color:var(--mint);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.library-hero h1{letter-spacing:-.035em;margin:18px 0 16px;font-size:clamp(3.2rem,5.2vw,4.8rem);line-height:.98}.library-hero p{max-width:54ch;color:var(--muted);margin:0;font-size:.92rem;line-height:1.8}.library-hero-art{aspect-ratio:16/9;background:0 0;border-radius:18px;justify-self:end;width:100%;max-width:680px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 15% 96%);mask-image:linear-gradient(90deg,#0000 0,#000 15% 96%)}.library-hero-art img{object-fit:cover;filter:saturate(1.06)contrast(1.03)brightness(.92);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.035)}.library-hero-art:after{content:"";background:linear-gradient(90deg,oklch(6% .02 170/.48),#0000 42%),linear-gradient(#0000 52%,oklch(4% .016 170/.6));position:absolute;inset:0}.library-art-glow{z-index:1;aspect-ratio:1;filter:blur(18px);background:radial-gradient(circle,oklch(82% .15 178/.34),#0000 68%);border-radius:50%;width:34%;animation:5s ease-in-out infinite alternate portal-breathe;position:absolute;bottom:14%;right:16%}.library-status{border-top:1px solid oklch(83% .06 180/.16);border-bottom:1px solid oklch(83% .06 180/.1);align-items:center;gap:0;width:fit-content;margin-top:28px;display:flex}.library-status>span{border-right:1px solid oklch(83% .06 180/.14);grid-template-columns:auto auto;align-items:center;column-gap:7px;min-width:118px;padding:13px 20px;display:grid}.library-status>span:first-child{padding-left:0}.library-status>span:last-child{border:0}.library-status i,.library-status svg{width:7px;height:7px;color:var(--mint);grid-row:1/3}.library-status i{background:var(--mint);box-shadow:0 0 14px var(--mint);border-radius:50%}.library-status svg{opacity:.78;width:15px;height:15px}.library-status strong{font-size:.9rem;line-height:1.1}.library-status small{color:var(--muted);font-size:.62rem}.library-catalog{padding:26px 0 110px}.library-toolbar{grid-template-columns:minmax(280px,420px) 1fr;align-items:center;gap:14px;display:grid}.search-control{border:1px solid var(--line);background:var(--surface);width:100%;min-height:48px;color:var(--muted);border-radius:12px;align-items:center;gap:10px;padding:0 14px;display:flex}.search-control input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.search-control input::placeholder{color:oklch(68% .03 165);opacity:1}.filter-control{background:var(--surface);border-radius:14px;flex-wrap:wrap;justify-content:flex-end;gap:6px;padding:4px;display:flex}.filter-control button{min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 14px}.filter-control button.active{background:var(--surface-2);color:var(--ink)}.library-result-line{justify-content:space-between;align-items:center;gap:20px;margin:30px 0 18px;display:flex}.library-result-line h2{margin:0;font-size:2rem}.library-result-line span{color:var(--muted);font-size:.78rem}.pet-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.pet-card{isolation:isolate;border:1px solid var(--line);background:var(--surface);transition:transform .26s var(--ease), background .26s var(--ease), border-color .26s var(--ease);border-radius:14px;grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden}.pet-card-beam{--beam-border:2px;opacity:0;transition:opacity .22s var(--ease)}.pet-card:hover .pet-card-beam,.pet-card:focus-within .pet-card-beam{opacity:1}.favorite-button{z-index:4;width:38px;height:38px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:oklch(8% .02 170/.72);border:1px solid oklch(100% 0 0/.18);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.favorite-button.active{background:var(--mint);color:var(--bg)}.pet-context span{align-items:center;gap:4px;display:inline-flex}.pet-card:hover{background:var(--surface-2);border-color:oklch(82% .12 155/.36);transform:translateY(-4px)}.pet-preview-link{color:inherit;text-decoration:none;display:block}.pet-meta{grid-template-rows:auto minmax(2.35em,auto) auto minmax(3.1em,auto) auto auto;padding:16px 16px 17px;display:grid}.pet-context{min-height:24px;color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;font-size:.68rem;display:flex}.pet-type-label{color:oklch(80% .045 170);white-space:nowrap;background:oklch(3.5% .012 170/.46);border:1px solid oklch(82% .08 170/.2);border-radius:999px;align-items:center;min-height:22px;padding:0 8px;font-weight:760;display:inline-flex}.source-badge{border:1px solid var(--line);width:fit-content;min-height:22px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;padding:0 8px;font-size:.67rem;font-weight:800;display:inline-flex}.source-badge.platform{color:var(--mint);border-color:oklch(82% .17 148/.48)}.source-badge.creator{color:var(--cyan);border-color:oklch(81% .1 205/.48)}.source-badge.authorized{color:oklch(82% .13 302);border-color:oklch(72% .13 302/.48)}.source-badge.collection{color:oklch(88% .1 88);border-color:oklch(79% .13 80/.42)}.quality-badge{color:oklch(86% .06 170);white-space:nowrap;background:oklch(3% .012 175/.58);border:1px solid oklch(82% .08 170/.2);border-radius:999px;align-items:center;gap:5px;width:fit-content;min-height:24px;padding:1px 7px 1px 4px;font-family:Manrope,Noto Sans SC,system-ui,sans-serif;font-size:.62rem;font-weight:850;line-height:1;display:inline-flex}.quality-badge img{object-fit:contain;filter:drop-shadow(0 0 6px oklch(80% .16 180/.4));width:22px;height:22px}.quality-badge small{color:currentColor;font-size:.6rem;font-weight:850}.quality-badge.compact{min-height:22px;padding-right:6px}.quality-badge.compact img{width:20px;height:20px}.quality-badge.grade-s{color:oklch(88% .12 88);border-color:oklch(86% .14 88/.3)}.quality-badge.grade-a{color:oklch(86% .13 302);border-color:oklch(82% .13 302/.3)}.quality-badge.grade-b{color:oklch(84% .12 205);border-color:oklch(82% .12 205/.3)}.quality-badge.grade-c{color:oklch(84% .13 150);border-color:oklch(80% .14 150/.3)}.quality-badge.grade-d{color:oklch(84% .08 220);border-color:oklch(78% .08 220/.32)}.pet-tag-row{flex-wrap:wrap;align-items:center;gap:6px;min-height:24px;margin-top:9px;display:flex}.pet-tag-row span{color:oklch(80% .045 170);white-space:nowrap;background:oklch(4% .012 170/.52);border:1px solid oklch(82% .08 170/.22);border-radius:999px;align-items:center;min-height:22px;padding:0 8px;font-size:.66rem;font-weight:760;display:inline-flex}.pet-meta h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.35em;margin:13px 0 0;font-family:Gowun Batang,serif;font-size:1.35rem;line-height:1.16;display:-webkit-box;overflow:hidden}.pet-meta p{-webkit-line-clamp:2;min-height:3.1em;color:var(--muted);-webkit-box-orient:vertical;margin:10px 0 0;line-height:1.55;display:-webkit-box;overflow:hidden}.pet-compatibility{color:oklch(74% .035 165);align-items:center;gap:5px;width:fit-content;margin-top:12px;font-size:.7rem;font-weight:720;display:inline-flex}.pet-compatibility svg{color:oklch(78% .12 148)}.pet-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:16px;display:grid}.pet-actions a,.pet-actions button{border:1px solid var(--line);min-height:38px;color:var(--ink);white-space:nowrap;cursor:pointer;background:oklch(12% .025 170/.72);border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:.78rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.pet-actions svg{flex:none}.pet-actions a:first-child{background:var(--mint);color:oklch(15% .045 160)}.library-empty{border:1px dashed var(--line);min-height:280px;color:var(--muted);text-align:center;border-radius:14px;place-items:center;display:grid}.library-empty svg{color:var(--mint)}.library-empty strong{color:var(--ink);margin:10px 0 4px}.library-empty span{font-size:.78rem}.library-empty button{border:1px solid var(--line);min-height:40px;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;margin-top:14px;padding:0 13px}.catalog-load-more{justify-content:center;padding:30px 0 10px;display:flex}.catalog-load-more button:disabled{cursor:wait;opacity:.62}.leaderboard-head{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:end;gap:28px;padding:34px 0 22px;display:grid}.leaderboard-title-block{max-width:760px}.leaderboard-kicker{color:var(--mint);align-items:center;gap:8px;font-size:.72rem;font-weight:850;display:inline-flex}.leaderboard-title-block h1{margin:12px 0 10px;font-size:clamp(2.25rem,4vw,3.6rem);line-height:1}.leaderboard-title-block p{max-width:66ch;color:var(--muted);margin:0;font-size:.88rem;line-height:1.72}.leaderboard-summary{background:oklch(4% .014 170/.68);border:1px solid oklch(82% .08 170/.18);border-radius:8px;grid-template-columns:1fr;gap:7px;padding:10px;display:grid}.leaderboard-summary span{background:oklch(2.5% .01 175/.48);border:1px solid oklch(82% .08 170/.1);border-radius:6px;grid-template-columns:minmax(72px,auto) minmax(0,1fr);align-items:baseline;gap:10px;min-height:34px;padding:6px 8px;display:grid}.leaderboard-summary strong{color:oklch(88% .13 88);font-size:.86rem}.leaderboard-summary small{color:oklch(72% .035 170);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.leaderboard-board{gap:12px;padding:24px 0 110px;display:grid}.leaderboard-board-head{background:oklch(3.5% .012 170/.58);border:1px solid oklch(82% .08 170/.14);border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:14px;padding:12px;display:grid}.leaderboard-board-head h2{margin:0 0 4px;font-size:1.18rem}.leaderboard-board-head span{color:var(--muted);font-size:.72rem}.leaderboard-tabs{background:oklch(2% .008 175/.58);border:1px solid oklch(82% .08 170/.16);border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex}.leaderboard-tabs button{color:oklch(72% .035 170);cursor:pointer;min-height:32px;font:inherit;background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:.72rem;font-weight:850}.leaderboard-tabs button:hover,.leaderboard-tabs button.active{color:oklch(10% .025 165);background:oklch(78% .15 148)}.leaderboard-list{gap:8px;display:grid}.leaderboard-list.compact{grid-template-columns:1fr}.leaderboard-row{min-height:88px;transition:transform .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease);background:linear-gradient(90deg,oklch(5.5% .018 170/.78),oklch(3.5% .012 176/.64));border:1px solid oklch(82% .08 170/.14);border-radius:8px;grid-template-columns:50px 78px minmax(0,1fr) 138px;align-items:center;gap:12px;padding:9px 10px;display:grid}.leaderboard-row:hover{background:linear-gradient(90deg,oklch(7.5% .024 170/.84),oklch(4.2% .014 176/.7));border-color:oklch(82% .12 155/.34);transform:translateY(-1px)}.leaderboard-row.rank-1,.leaderboard-row.rank-2,.leaderboard-row.rank-3{border-color:oklch(86% .12 88/.28)}.leaderboard-rank{width:38px;height:38px;color:var(--mint);background:oklch(2.5% .01 175/.7);border:1px solid oklch(82% .08 170/.2);border-radius:10px;place-items:center;font-size:.82rem;font-weight:950;display:grid}.leaderboard-row.rank-1 .leaderboard-rank,.leaderboard-row.rank-2 .leaderboard-rank,.leaderboard-row.rank-3 .leaderboard-rank{color:oklch(90% .15 88);border-color:oklch(88% .14 88/.46)}.leaderboard-visual{min-height:70px;color:inherit;place-items:center;text-decoration:none;display:grid}.leaderboard-visual .pet-visual{aspect-ratio:1;min-height:68px;box-shadow:none;background:radial-gradient(circle at 50% 55%,oklch(58% .13 158/.22),#0000 55%),oklch(4% .014 175/.76);border-radius:7px}.leaderboard-visual .sprite-player.compact .sprite-frame{width:min(60px,78%)}.leaderboard-copy{min-width:0}.leaderboard-copy .pet-context{gap:6px;min-height:0}.leaderboard-copy h3{color:oklch(94% .025 150);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 4px;font-size:1rem;overflow:hidden}.leaderboard-copy h3 a{color:inherit;text-decoration:none}.leaderboard-copy h3 a:hover{color:var(--mint)}.leaderboard-copy p{color:oklch(71% .03 165);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.74rem;line-height:1.42;overflow:hidden}.leaderboard-metrics{color:oklch(75% .04 170);flex-wrap:wrap;gap:8px;margin-top:7px;font-size:.68rem;display:flex}.leaderboard-metrics span{align-items:center;gap:4px;display:inline-flex}.leaderboard-actions{grid-template-columns:auto auto;place-items:center end;gap:7px;display:grid}.leaderboard-actions strong{color:oklch(88% .13 88);grid-column:1/-1;align-items:baseline;gap:5px;font-size:1.05rem;line-height:1;display:inline-flex}.leaderboard-actions strong small{color:oklch(58% .03 170);font-size:.62rem;font-weight:700}.leaderboard-actions button:not(.favorite-button){color:oklch(11% .035 174);cursor:pointer;background:oklch(68% .17 148);border:1px solid oklch(80% .12 160/.34);border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:.7rem;font-weight:900;display:inline-flex}.leaderboard-actions button:not(.favorite-button):hover{filter:brightness(1.08)}.favorite-button.inline{width:34px;height:34px;position:static}.creator-leaderboard{border:1px solid var(--line);background:oklch(7% .022 170/.78);border-radius:8px;gap:10px;padding:16px;display:grid;position:sticky;top:104px}.creator-leaderboard-head{gap:8px;padding:6px 4px 10px;display:grid}.creator-leaderboard-head>span{color:var(--mint);text-transform:uppercase;align-items:center;gap:7px;font-size:.72rem;font-weight:850;display:inline-flex}.creator-leaderboard-head h2{margin:0;font-size:1.7rem}.creator-leaderboard-head p{color:var(--muted);margin:0;font-size:.78rem;line-height:1.55}.creator-rank-row{background:oklch(3.5% .012 170/.5);border:1px solid oklch(82% .08 170/.16);border-radius:8px;grid-template-columns:42px minmax(0,1fr);gap:10px;padding:12px;display:grid}.creator-rank-row.rank-1{border-color:oklch(88% .14 88/.34)}.creator-rank-number{width:34px;height:34px;color:var(--mint);background:oklch(12% .04 180/.82);border-radius:50%;place-items:center;font-size:.72rem;font-weight:900;display:grid}.creator-rank-copy{gap:3px;min-width:0;display:grid}.creator-rank-copy strong,.creator-rank-copy span,.creator-rank-stats span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.creator-rank-copy span{color:var(--muted);font-size:.7rem}.creator-rank-stats{color:oklch(78% .04 170);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;font-size:.7rem;display:grid}.creator-leaderboard-empty{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:8px;padding:18px;font-size:.8rem}.sprite-visual{aspect-ratio:4/3;background:radial-gradient(circle at 50% 56%,oklch(54% .13 158/.24),#0000 35%),linear-gradient(145deg,oklch(22% .055 170),oklch(11% .03 180));border-radius:13px 13px 0 0;place-items:center;min-height:auto;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -50px 70px oklch(10% .02 170/.4)}.sprite-visual.tone-violet{background:radial-gradient(circle at 50% 56%,oklch(63% .17 300/.26),#0000 35%),linear-gradient(145deg,oklch(20% .055 268),oklch(11% .03 180))}.sprite-visual.tone-cyan{background:radial-gradient(circle at 50% 56%,oklch(68% .13 210/.24),#0000 35%),linear-gradient(145deg,oklch(20% .055 205),oklch(11% .03 180))}.sprite-visual.tone-rose{background:radial-gradient(circle at 50% 56%,oklch(65% .17 28/.24),#0000 35%),linear-gradient(145deg,oklch(23% .06 24),oklch(11% .03 180))}.sprite-visual.large{border-radius:12px;height:100%;min-height:0}.sprite-visual.compact{aspect-ratio:1.45;border-radius:10px;width:100%;min-height:54px}.sprite-player{place-items:center;width:100%;height:100%;display:grid;position:relative}.sprite-preload{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.sprite-frame{aspect-ratio:1;background-image:var(--sheet);background-repeat:no-repeat;background-size:800% calc(var(--sheet-rows) * 100%);background-position-y:calc(var(--row) * var(--row-step));width:min(70%,230px);image-rendering:pixelated;filter:drop-shadow(0 18px 24px oklch(2% .02 170/.5));animation:sprite-steps var(--frame-duration) steps(var(--frame-steps)) infinite;display:block}.sprite-player.large .sprite-frame{width:min(56%,390px)}.sprite-player.compact .sprite-frame{width:min(52px,62%)}.back-link{color:var(--muted);align-items:center;gap:7px;margin:38px 0 28px;text-decoration:none;display:inline-flex}.detail-page{padding-bottom:100px}.detail-layout{border:1px solid var(--line);background:var(--line);border-radius:14px;grid-template-columns:minmax(0,638px) 520px;gap:1px;width:min(100%,1160px);margin-inline:auto;display:grid;overflow:hidden;box-shadow:0 28px 80px oklch(2.5% .016 170/.42)}.detail-stage,.action-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:oklch(12% .025 170/.84)}.detail-stage{grid-template-rows:auto minmax(0,1fr);gap:12px;height:620px;max-height:620px;padding:14px;display:grid;overflow:hidden}.stage-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.stage-title span,.stage-title strong{border:1px solid var(--line);border-radius:999px;align-items:center;min-height:34px;padding:0 11px;font-size:.82rem;display:inline-flex}.stage-title span{min-width:0;color:var(--mint);text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.stage-title strong{background:oklch(20% .07 150/.58);border-color:oklch(82% .17 148/.42)}.action-panel{scrollbar-width:thin;scrollbar-color:oklch(74% .16 160) oklch(12% .018 170);flex-direction:column;gap:16px;height:620px;max-height:620px;padding:22px;display:flex;overflow:auto}.action-panel::-webkit-scrollbar{width:8px}.action-panel::-webkit-scrollbar-track{background:oklch(12% .018 170);border-radius:999px}.action-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--mint), var(--cyan));border:2px solid oklch(12% .018 170);border-radius:999px}.action-panel h1{margin:2px 0 0;font-size:clamp(2.7rem,4vw,4.5rem);line-height:1.04}.action-panel p{color:var(--muted);margin:0;line-height:1.65}.detail-identity{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.detail-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.detail-actions a,.detail-actions button{text-align:center;min-width:0}.detail-motion-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.detail-motion-heading span{color:var(--muted);font-size:.78rem;font-weight:750}.action-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.action-list button{border:1px solid var(--line);width:100%;min-height:104px;color:var(--ink);cursor:pointer;text-align:center;transition:background-color .17s var(--ease), transform .17s var(--ease), border-color .17s var(--ease);background:oklch(10% .025 170/.64);border-radius:12px;place-items:center;gap:7px;padding:6px;display:grid}.action-list button:hover{background:oklch(16% .04 170/.72);border-color:oklch(82% .12 155/.36);transform:translateY(-1px)}.action-list button.active{background:color-mix(in oklch, var(--mint) 14%, oklch(12% .025 170));border-color:oklch(82% .17 148/.48)}.action-list button>span{gap:3px;min-width:0;display:grid}.action-list strong,.action-list small{display:block}.action-list small{color:var(--muted);font-size:.72rem;line-height:1.25}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.auth-backdrop,.legal-backdrop{z-index:80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 50% 28%,oklch(26% .085 178/.24),#0000 34rem),oklch(3.5% .016 170/.78);place-items:center;padding:22px;display:grid;position:fixed;inset:0}.legal-backdrop{z-index:90}.auth-dialog,.legal-dialog{isolation:isolate;background:linear-gradient(145deg,oklch(15% .04 170/.98),oklch(7.5% .02 178/.98));border:1px solid oklch(82% .12 165/.24);border-radius:16px;width:min(100%,420px);padding:28px;position:relative;overflow:hidden;box-shadow:inset 0 1px oklch(90% .08 165/.12),0 24px 56px oklch(1.5% .01 170/.68)}.auth-dialog>:not(.beam-frame),.legal-dialog>*{z-index:3;position:relative}.legal-dialog{gap:20px;width:min(100%,680px);max-height:min(82vh,720px);padding:30px;display:grid}.legal-dialog:before{content:"";pointer-events:none;background:radial-gradient(circle at 16% 0,oklch(65% .16 150/.12),#0000 18rem),linear-gradient(oklch(100% 0 0/.045),#0000 42%);position:absolute;inset:0}.auth-dialog-beam{--beam-border:2px;--beam-red:oklch(74% .2 28);--beam-blue:oklch(78% .15 220);opacity:.95}.auth-dialog>span,.legal-dialog-head>span{color:var(--mint);font-size:.78rem;font-weight:800}.auth-dialog h2,.legal-dialog h2{margin:10px 0 20px;font-size:2rem;line-height:1.12}.legal-dialog h2{margin-bottom:12px}.legal-dialog-head p{color:oklch(79% .04 166);max-width:58ch;margin:0;font-size:.92rem;line-height:1.75}.legal-dialog-body{gap:14px;max-height:min(48vh,390px);padding-right:6px;display:grid;overflow:auto}.legal-dialog-body section{background:oklch(7.5% .02 174/.58);border:1px solid oklch(82% .1 165/.14);border-radius:12px;padding:16px}.legal-dialog-body h3{color:oklch(92% .035 160);margin:0 0 10px;font-size:.95rem}.legal-dialog-body ul{gap:8px;margin:0;padding-left:18px;display:grid}.legal-dialog-body li{color:oklch(76% .035 166);font-size:.84rem;line-height:1.62}.legal-dialog-actions{justify-content:flex-end;align-items:center;gap:10px;padding-top:2px;display:flex}.legal-dialog-actions a,.legal-dialog-actions button{border-radius:999px;justify-content:center;align-items:center;min-height:40px;padding:0 15px;font-size:.8rem;font-weight:850;text-decoration:none;display:inline-flex}.legal-dialog-actions a{border:1px solid var(--line);color:var(--muted)}.legal-dialog-actions a:hover{color:var(--ink);border-color:oklch(82% .17 148/.4)}.legal-dialog-actions button{background:var(--mint);color:oklch(12% .035 160);cursor:pointer;border:0}.auth-methods{gap:6px;margin:-4px 0 18px;display:flex}.auth-methods button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:7px 11px;font-size:.76rem}.auth-methods button.active{border-color:var(--mint);color:var(--mint);background:oklch(20% .07 170/.42)}.auth-dialog form,.admin-login-card form{gap:14px;display:grid}.auth-dialog label,.admin-login-card label,.resource-fields label{color:var(--muted);gap:7px;font-size:.78rem;font-weight:800;display:grid}.auth-dialog input,.admin-login-card input,.resource-fields input,.resource-fields textarea,.resource-fields select{border:1px solid var(--line);width:100%;color:var(--ink);background:oklch(8% .018 170/.72);border-radius:10px;outline:0;padding:11px 12px}.captcha-control>div{grid-template-columns:1fr 40px;gap:8px;display:grid}.captcha-control>div button{border:1px solid var(--line);color:var(--mint);cursor:pointer;background:oklch(10% .025 170);border-radius:9px;place-items:center;display:grid}.captcha-control img{cursor:pointer;width:160px;height:58px;margin-top:2px}.captcha-control small{color:var(--rose)}.resource-fields textarea{resize:vertical;min-height:72px}.resource-fields select{cursor:pointer}.modal-close{border:1px solid var(--line);color:oklch(86% .03 165);cursor:pointer;width:34px;height:34px;transition:border-color .18s var(--ease), background .18s var(--ease), color .18s var(--ease), transform .18s var(--ease);background:oklch(5.5% .015 172/.5);border-radius:999px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.modal-close:hover{color:var(--ink);background:oklch(16% .05 170/.72);border-color:oklch(82% .17 148/.48);transform:translateY(-1px)}.auth-switch{width:100%;min-height:40px;color:var(--mint);cursor:pointer;background:0 0;border:0;margin-top:14px;font-weight:800}.form-error{color:oklch(86% .09 35);background:oklch(18% .06 25/.32);border:1px solid oklch(72% .14 25/.4);border-radius:10px;margin:0;padding:10px 12px;line-height:1.45}.creator-feedback,.admin-message{z-index:1200;text-align:center;width:min(92vw,560px);margin:0;position:fixed;top:82px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px oklch(2% .02 170/.45)}.emotion-picker{color:var(--muted);gap:8px;font-size:.74rem;font-weight:800;display:grid}.emotion-picker>div{flex-wrap:wrap;gap:7px;display:flex}.emotion-picker label{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:oklch(6% .013 170/.7);border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:.72rem;font-weight:700;display:inline-flex}.emotion-picker label:has(input:checked){color:var(--mint);background:oklch(20% .065 170/.65);border-color:oklch(82% .17 148/.55)}.emotion-picker input{accent-color:var(--mint)}.emotion-display{flex-wrap:wrap;gap:6px;margin:14px 0 2px;display:flex}.emotion-display span{color:var(--mint);border:1px solid oklch(82% .17 148/.35);border-radius:999px;padding:5px 9px;font-size:.72rem}.detail-description{line-height:1.7;color:var(--ink)!important;font-size:.82rem!important}.submit-form-row,.creator-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.creator-resource-list{gap:14px;margin-top:16px;display:grid}.creator-resource{border:1px solid var(--line);background:oklch(11% .027 170/.58);border-radius:12px;padding:18px}.creator-resource>div:first-child{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.creator-resource>div:first-child strong{font-size:1rem}.creator-resource>div:first-child small{color:var(--muted);font-size:.72rem}.creator-edit-grid{margin-top:16px}.creator-edit-grid label{color:var(--muted);gap:7px;font-size:.78rem;font-weight:800;display:grid}.creator-edit-grid input,.creator-edit-grid textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:oklch(8% .018 170/.72);border-radius:10px;padding:10px 11px}.creator-edit-grid textarea{resize:vertical;min-height:70px}.creator-resource-actions{gap:10px;margin-top:14px;display:flex}.creator-resource-actions button{border:1px solid var(--line);color:var(--mint);cursor:pointer;background:0 0;border-radius:999px;padding:8px 12px;font-weight:800}.creator-resource-actions .package-replace{color:var(--muted);align-items:center;font-size:.76rem;display:inline-flex}.creator-resource-actions .package-replace input{width:min(170px,26vw);color:var(--muted);font-size:.72rem}.creator-resource-actions .quiet-danger{color:oklch(78% .12 25)}.creator-empty{color:var(--muted)}.admin-page{color:oklch(18% .025 170);background:oklch(95% .012 170);min-height:100vh}.admin-login{place-items:center;width:min(100%,1120px);min-height:100vh;margin-inline:auto;padding:36px 20px;display:grid}.admin-login>.brand{color:oklch(18% .025 170);position:absolute;top:28px;left:32px}.admin-login-card{background:#fff;border:1px solid oklch(82% .025 170);border-radius:12px;width:min(100%,460px);padding:30px;box-shadow:0 24px 70px oklch(28% .02 170/.12)}.admin-login-card>span,.admin-topbar span{color:oklch(42% .08 170);align-items:center;gap:7px;font-size:.8rem;font-weight:850;display:inline-flex}.admin-login-card h1,.admin-topbar h1{color:oklch(17% .025 170);margin:10px 0;font-family:Manrope,system-ui,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:850}.admin-login-card p{color:oklch(43% .03 170);margin-bottom:22px;line-height:1.65}.admin-note{color:oklch(28% .05 160);background:oklch(90% .04 150);border-radius:10px;gap:8px;margin-bottom:16px;padding:12px;font-size:.86rem;display:grid}.admin-note button{color:oklch(32% .09 160);cursor:pointer;background:0 0;border:0;justify-self:start;font-weight:850}.admin-login-card label,.resource-fields label{color:oklch(34% .03 170)}.admin-login-card input,.resource-fields input,.resource-fields textarea{color:oklch(18% .025 170);background:oklch(99% .004 170);border-color:oklch(82% .02 170)}.admin-sidebar{background:oklch(98.5% .006 170);border-right:1px solid oklch(83% .02 170);flex-direction:column;width:248px;padding:24px 18px;display:flex;position:fixed;inset:0 auto 0 0}.admin-sidebar nav{gap:6px;margin-top:34px;display:grid}.admin-sidebar nav a,.admin-sidebar button,.admin-topbar button,.resource-actions button{color:oklch(28% .035 170);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-weight:800;text-decoration:none;display:inline-flex}.admin-sidebar nav button{justify-content:flex-start;width:100%}.admin-sidebar nav button:hover,.admin-sidebar nav button.active{background:oklch(92% .018 170)}.admin-sidebar>button{border-color:oklch(82% .025 170);margin-top:auto}.admin-main{width:calc(100% - 248px);margin-left:248px;padding:30px clamp(20px,4vw,48px) 70px}.admin-topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.admin-topbar-actions{align-items:center;gap:10px;display:flex}.admin-tabbar{background:#fff;border:1px solid oklch(84% .02 170);border-radius:12px;gap:6px;padding:4px;display:inline-flex}.admin-tabbar button{color:oklch(40% .03 170);background:0 0;border:0;border-radius:8px;min-height:36px;padding:0 13px}.admin-tabbar button.active{color:#fff;background:oklch(17% .04 170)}.admin-topbar h1{margin-bottom:0}.admin-topbar button,.resource-actions button{color:#fff;background:oklch(17% .04 170);border-color:oklch(75% .035 170)}.admin-message,.admin-loading{color:oklch(32% .035 170);background:#fff;border:1px solid oklch(78% .04 170);border-radius:10px;padding:12px 14px;font-weight:750}.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.admin-content{gap:18px;display:grid}.admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-summary-card{background:#fff;border:1px solid oklch(83% .02 170);border-radius:12px;overflow:hidden}.admin-summary-card .admin-section-title{margin-bottom:0}.admin-mini-list{display:grid}.admin-mini-row{color:oklch(34% .03 170);border-top:1px solid oklch(90% .015 170);justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;font-size:.88rem;display:flex}.admin-mini-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admin-stats article,.admin-section,.resource-editor{background:#fff;border:1px solid oklch(83% .02 170);border-radius:12px}.admin-stats article{gap:8px;padding:18px;display:grid}.admin-stats span,.admin-section-title span,.resource-actions span{color:oklch(48% .025 170);font-size:.8rem;font-weight:800}.admin-stats strong{font-size:2rem}.admin-section{margin-top:18px;overflow:hidden}.admin-section-title{border-bottom:1px solid oklch(86% .02 170);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.admin-section-title h2{margin:0;font-family:Manrope,system-ui,sans-serif;font-size:1.1rem;font-weight:850}.admin-settings{padding-bottom:20px}.admin-settings>p{color:oklch(46% .025 170);margin:16px 18px;line-height:1.65}.admin-settings-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 18px;display:grid}.admin-settings-form label{color:oklch(42% .025 170);gap:7px;font-size:.78rem;font-weight:800;display:grid}.admin-settings-form input,.admin-settings-form select{min-height:40px;color:var(--night);background:#fff;border:1px solid oklch(82% .02 170);border-radius:8px;padding:0 10px}.admin-settings-form .check-label{align-items:center;gap:8px;display:flex}.admin-settings-form .check-label input{min-height:auto}.admin-settings-form>button{background:var(--mint);min-height:42px;color:var(--night);cursor:pointer;border:0;border-radius:9px;grid-column:1/-1;justify-self:start;padding:0 15px;font-weight:800}.settings-hint{color:oklch(50% .025 170);margin:0;font-size:.78rem;line-height:1.55}.model-provider-list{gap:12px;display:grid}.model-provider-card{background:oklch(98% .006 170);border:1px solid oklch(82% .02 170);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}.model-provider-card .admin-text-button{place-self:end start}.mail-test{border-top:1px solid oklch(86% .02 170);gap:9px;margin:18px;padding-top:18px;display:flex}.mail-test input{border:1px solid oklch(82% .02 170);border-radius:8px;flex:1;min-height:40px;padding:0 10px}.mail-test button{color:#fff;cursor:pointer;background:oklch(14% .05 165);border:1px solid oklch(14% .05 165);border-radius:8px;min-height:40px;padding:0 12px;font-weight:800}.settings-subtitle{border-top:1px solid oklch(86% .02 170);margin-top:22px}.generation-admin-list{display:grid}.generation-admin-row{color:oklch(34% .03 170);border-top:1px solid oklch(90% .015 170);grid-template-columns:54px 120px 90px minmax(0,1fr);align-items:center;gap:12px;padding:12px 18px;font-size:.84rem;display:grid}.generation-admin-row img,.generation-empty-thumb{object-fit:cover;background:oklch(93% .012 170);border-radius:8px;width:54px;height:54px}.generation-admin-row p{color:oklch(42% .025 170);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.readiness-list{background:oklch(86% .02 170);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1px;display:grid}.readiness-list>div{background:#fff;min-height:86px;padding:14px 18px}.readiness-list strong,.readiness-list span{display:block}.readiness-list span{color:oklch(46% .025 170);margin-top:6px;font-size:.78rem;line-height:1.45}.readiness-list .ok strong{color:oklch(42% .12 154)}.readiness-list .pending strong{color:oklch(56% .14 35)}.admin-table{display:grid}.admin-table-row{color:oklch(30% .025 170);border-bottom:1px solid oklch(90% .015 170);grid-template-columns:1.2fr .7fr 1.2fr 1.2fr .8fr;gap:12px;min-width:720px;padding:13px 18px;font-size:.88rem;display:grid}.admin-table-row.head{color:oklch(45% .025 170);background:oklch(96% .008 170);font-size:.78rem;font-weight:850}.resource-editor-list{gap:12px;padding:14px;display:grid}.resource-editor{grid-template-columns:130px 1fr;gap:16px;padding:12px;display:grid}.resource-editor .sprite-visual{border-radius:10px}.resource-fields{gap:10px;display:grid}.resource-row{grid-template-columns:1.2fr .8fr .6fr;gap:10px;display:grid}.resource-policy-row{grid-template-columns:repeat(3,minmax(0,1fr))}.resource-copy-row{grid-template-columns:repeat(2,minmax(0,1fr))}.submit-gate-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.resource-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.check-label{grid-template-columns:auto 1fr;align-items:center;display:inline-flex!important}.check-label input{width:auto}.trust-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0;display:grid}.trust-grid>span{border:1px solid var(--line);background:oklch(12% .025 170/.6);border-radius:10px;gap:5px;min-width:0;padding:12px;display:grid}.trust-grid small{color:var(--muted);font-size:.65rem}.trust-grid strong{align-items:center;gap:5px;font-size:.75rem;display:flex}.rights-notice{color:oklch(90% .11 88);background:oklch(20% .045 82/.5);border:1px solid oklch(79% .13 80/.42);border-radius:12px;grid-template-columns:auto minmax(0,1fr);gap:11px;margin:0 0 20px;padding:14px;display:grid}.rights-notice>svg{margin-top:2px}.rights-notice div{gap:6px;display:grid}.rights-notice strong{font-size:.82rem}.rights-notice p,.rights-notice small{color:oklch(88% .05 88);margin:0;font-size:.75rem;line-height:1.55}.rights-notice small{color:oklch(82% .045 88)}.rights-notice a{color:oklch(93% .13 88);font-weight:800}.local-detail-actions{grid-template-columns:repeat(2,1fr)}.local-detail-actions button{cursor:pointer}.outline-button.is-favorite{border-color:var(--mint);color:var(--mint)}.content-page{max-width:1120px;min-height:calc(100vh - 72px);margin-inline:auto;padding:88px 0 104px}.eyebrow{color:var(--mint);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.content-page h1{max-width:850px;margin:16px 0 22px;font-size:clamp(3rem,7vw,6rem);line-height:1.03}.page-lead{max-width:68ch;color:var(--muted);font-size:1.05rem;line-height:1.8}.creator-page{max-width:1060px}.creator-kicker{color:var(--mint);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:850}.creator-page h1{letter-spacing:-.03em;max-width:16ch;margin:12px 0 16px;font-size:clamp(2.6rem,5vw,4.6rem)}.creator-flow{color:var(--muted);align-items:center;gap:12px;margin-top:30px;font-size:.8rem;display:flex}.creator-flow span{align-items:baseline;gap:6px;display:inline-flex}.creator-flow b{color:var(--ink);font-size:.82rem}.creator-flow i{background:oklch(82% .17 148/.4);width:26px;height:1px}.creator-workspace{border:1px solid var(--line);background:oklch(11% .025 170/.74);border-radius:16px;margin-top:48px;overflow:hidden}.creator-workspace-head{border-bottom:1px solid var(--line);background:oklch(9% .018 170/.44);justify-content:space-between;align-items:center;gap:24px;padding:18px 22px;display:flex}.creator-workspace-head>div:first-child{gap:4px;display:grid}.creator-workspace-head strong{color:var(--ink);font-size:.95rem}.creator-workspace-head span{color:var(--muted);font-size:.76rem}.workspace-link{color:var(--mint);align-items:center;gap:6px;font-size:.78rem;font-weight:800;text-decoration:none;display:inline-flex}.workspace-link:hover{color:var(--ink)}.creator-tabs{background:oklch(6% .015 170/.64);border-radius:10px;gap:4px;padding:4px;display:flex}.creator-tabs button{min-height:36px;color:var(--muted);cursor:pointer;transition:background .18s var(--ease), color .18s var(--ease);background:0 0;border:0;border-radius:7px;padding:0 12px;font-size:.78rem;font-weight:800}.creator-tabs button:hover{color:var(--ink)}.creator-tabs button.active{color:var(--mint);background:oklch(20% .065 170/.8)}.creator-workspace-body{padding:28px}.creator-feedback{margin:16px 22px 0}.creator-task-copy{gap:8px;max-width:70ch;display:grid}.creator-task-copy h2{color:var(--ink);margin:0;font-size:1.32rem}.creator-task-copy p{color:var(--muted);margin:0;font-size:.86rem;line-height:1.7}.creator-task-copy code{color:var(--mint);font-family:Manrope,system-ui,sans-serif;font-size:.82em}.creator-package-form{grid-template-columns:1fr 1fr;gap:16px;display:grid}.creator-package-form label,.online-creator-panel label{color:var(--muted);gap:8px;font-size:.76rem;font-weight:800;display:grid}.creator-package-form input,.creator-package-form textarea,.online-creator-panel textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:oklch(8% .017 170/.76);border-radius:10px;outline:0;padding:13px}.creator-package-form textarea{resize:vertical;min-height:112px}.span-two{grid-column:1/-1}.file-placeholder{text-align:center;cursor:pointer;border:1px dashed oklch(82% .17 148/.42);border-radius:12px;place-items:center;min-height:144px;padding:24px}.file-placeholder input{width:auto;color:var(--muted);background:0 0;border:0;padding:0;font-size:.72rem}.file-placeholder svg{color:var(--mint)}.file-placeholder strong{color:var(--ink)}.file-placeholder span{font-size:.7rem}.form-success{color:var(--mint);margin:0;font-size:.8rem}.online-creator-panel{gap:20px;display:grid}.online-creator-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.online-creator-head span,.online-creator-head strong{color:var(--mint);align-items:center;gap:7px;font-size:.8rem;font-weight:850;display:inline-flex}.online-creator-layout{grid-template-columns:minmax(0,.84fr) minmax(300px,1fr);align-items:start;gap:28px;display:grid}.online-creator-panel form{gap:14px;display:grid}.online-creator-panel textarea{resize:vertical;min-height:162px}.creator-upload{cursor:pointer;text-align:center;border:1px dashed oklch(82% .17 148/.42);border-radius:12px;place-items:center;min-height:92px;padding:14px;position:relative}.creator-upload input{z-index:1;opacity:0;cursor:pointer;color:#0000;width:100%;height:100%;font-size:0;display:block;position:absolute;inset:0}.creator-upload img{object-fit:cover;border-radius:10px;width:62px;height:62px}.creator-upload .reference-clear{z-index:2;color:oklch(86% .1 34);cursor:pointer;background:oklch(14% .05 28/.8);border:1px solid oklch(68% .14 28/.42);border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:relative}.creator-upload .reference-clear:hover{color:oklch(96% .12 36);border-color:oklch(78% .16 32/.72)}.creator-muted{color:var(--muted);margin:0;font-size:.78rem}.motion-template-hint{color:oklch(66% .045 180);margin-top:-6px}.creator-preview{gap:10px;display:grid}.creator-result{border:1px solid var(--line);background:radial-gradient(circle at 50% 35%,oklch(22% .06 170/.74),oklch(8% .02 170/.72));border-radius:14px;place-items:center;min-height:330px;display:grid;overflow:hidden}.creator-result a,.creator-result img{width:100%;height:100%;display:block}.creator-result img{object-fit:contain}.creator-result>div{color:var(--muted);place-items:center;gap:10px;font-size:.8rem;display:grid}.creator-history{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.creator-history button{aspect-ratio:1;border:1px solid var(--line);cursor:pointer;background:oklch(10% .02 170);border-radius:10px;padding:0;overflow:hidden}.creator-history img{object-fit:cover;width:100%;height:100%}.creator-resource-section{margin:0}.creator-empty{max-width:480px;color:var(--muted);gap:8px;padding:20px 0;display:grid}.creator-empty strong{color:var(--ink)}.creator-empty .outline-button{justify-self:start;margin-top:8px}.creator-login-card{border:1px solid var(--line);background:oklch(11% .025 170/.7);border-radius:16px;gap:8px;max-width:620px;margin-top:42px;padding:24px;display:grid}.creator-login-card>span{color:var(--muted);font-size:.86rem}.creator-page.creator-guest-gate{place-items:center;min-height:calc(100vh - 80px);padding-block:72px;display:grid}.creator-guest-content{text-align:center;justify-items:center;gap:15px;width:min(100%,620px);display:grid}.creator-guest-mark{width:48px;height:48px;color:var(--mint);background:radial-gradient(circle,oklch(18% .06 190/.5),oklch(2.5% .008 175/.28) 70%);border:1px solid oklch(72% .12 190/.42);border-radius:50%;place-items:center;display:grid;box-shadow:0 0 28px oklch(62% .14 190/.16),inset 0 0 14px oklch(70% .12 190/.1)}.creator-guest-gate.is-studio .creator-guest-mark{color:oklch(76% .17 285);border-color:oklch(70% .15 285/.4);box-shadow:0 0 28px oklch(65% .15 285/.17),inset 0 0 14px oklch(70% .12 285/.12)}.creator-guest-eyebrow{color:var(--mint);letter-spacing:.12em;font-size:.76rem;font-weight:800}.creator-page.creator-guest-gate .creator-guest-content h1{max-width:12ch;color:var(--ink);letter-spacing:-.045em;margin:0;font-family:Gowun Batang,Songti SC,serif;font-size:clamp(2.15rem,4.2vw,4rem);font-weight:500;line-height:1.18}.creator-guest-content p{max-width:37ch;color:var(--muted);margin:0;font-size:.94rem;line-height:1.75}.creator-guest-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:9px;display:flex}.creator-guest-actions .primary-action,.creator-guest-actions .outline-button{justify-content:center;min-width:170px;min-height:46px;font-size:.88rem}.creator-guest-actions .primary-action{gap:8px}@media (width<=640px){.creator-page.creator-guest-gate{min-height:calc(100vh - 66px);padding-block:48px}.creator-guest-content{gap:13px}.creator-guest-content h1{font-size:clamp(2rem,11vw,2.8rem)}.creator-guest-actions{width:100%}.creator-guest-actions .primary-action,.creator-guest-actions .outline-button{width:min(100%,280px)}}.creator-library-page{max-width:1280px}.creator-library-page .creator-page-intro{max-width:680px}.creator-library-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:42px;margin-top:42px;display:grid}.creator-shelf{min-width:0}.creator-shelf-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;padding-bottom:12px;display:flex}.creator-shelf-head strong{color:var(--ink);font-size:1rem}.creator-pet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.creator-pet-card{border:1px solid var(--line);background:oklch(9% .02 170/.64);border-radius:12px;overflow:hidden}.creator-pet-stage{border-bottom:1px solid var(--line);background:url(/assets/portal-cave-crystals.webp) 50%/cover;place-items:center;min-height:172px;display:grid}.creator-pet-stage .sprite-player{filter:drop-shadow(0 5px 8px oklch(2% .02 170/.58));transform:scale(1.35)}.creator-pet-meta{gap:5px;padding:14px 14px 10px;display:grid}.creator-pet-meta>div{align-items:center;gap:8px;min-width:0;display:flex}.creator-pet-meta strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;overflow:hidden}.creator-pet-meta small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.creator-card-tags{flex-wrap:wrap;align-items:center;gap:5px!important;display:flex!important}.creator-card-tags span{color:oklch(78% .05 176);white-space:nowrap;background:oklch(2.5% .01 175/.62);border:1px solid oklch(82% .07 176/.22);border-radius:999px;align-items:center;min-height:20px;padding:0 7px;font-size:.62rem;font-weight:780;display:inline-flex}.creator-status{color:var(--muted);flex:none;align-items:center;gap:5px;font-size:.68rem;display:inline-flex}.creator-status:before{content:"";background:oklch(55% .02 170);border-radius:50%;width:6px;height:6px}.creator-status.published{color:var(--mint)}.creator-status.published:before{background:var(--mint)}.creator-status.pending_review{color:var(--violet)}.creator-status.pending_review:before{background:var(--violet)}.creator-pet-actions{flex-wrap:wrap;gap:5px;padding:0 14px 14px;display:flex}.creator-pet-actions button,.creator-pet-actions label{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:.73rem}.creator-pet-actions button:hover,.creator-pet-actions label:hover{color:var(--mint)}.creator-pet-actions label input{display:none}.creator-pet-actions .quiet-danger:hover{color:oklch(78% .12 25)}.creator-pet-editor{border-top:1px solid var(--line);background:oklch(7% .014 170/.54);grid-template-columns:1fr 1fr;gap:12px;padding:14px;display:grid}.creator-pet-editor label,.creator-upload-workbench form>label:not(.rights-confirm){color:var(--muted);gap:7px;font-size:.73rem;font-weight:800;display:grid}.creator-pet-editor em{color:var(--muted);font-style:normal;font-weight:500}.creator-pet-editor input,.creator-pet-editor textarea,.creator-upload-workbench input:not([type=checkbox]){border:1px solid var(--line);width:100%;color:var(--ink);background:oklch(6% .013 170/.8);border-radius:9px;outline:0;padding:10px}.creator-pet-editor textarea{resize:vertical;min-height:68px}.creator-pet-editor .primary-action{justify-self:start;min-height:36px;padding:0 13px;font-size:.75rem}.creator-empty-shelf{min-height:220px;padding:30px 0}.creator-upload-workbench{border:1px solid var(--line);background:oklch(9% .024 170/.82);border-radius:12px;gap:24px;padding:22px;display:grid;position:sticky;top:100px}.creator-upload-workbench p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.7}.creator-upload-workbench form{gap:14px;display:grid}.creator-file-drop{min-height:166px;color:var(--muted);cursor:pointer;text-align:center;border:1px dashed oklch(82% .17 148/.42);border-radius:10px;place-items:center;gap:8px;padding:18px;display:grid;position:relative}.creator-file-drop strong{color:var(--ink);font-size:.84rem}.creator-file-drop span{max-width:29ch;font-size:.72rem;line-height:1.6}.creator-file-drop code{color:var(--mint);font-family:Manrope,system-ui,sans-serif}.creator-file-drop svg{color:var(--mint)}.creator-file-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.creator-file-drop .creator-folder-input{z-index:2;width:130px;height:28px;inset:auto 12px 10px auto}.rights-confirm{color:var(--muted);align-items:flex-start;gap:9px;font-size:.73rem;line-height:1.55;display:flex}.rights-confirm input{width:15px;height:15px;accent-color:var(--mint);margin-top:2px}.creator-upload-workbench .primary-action{width:100%}.online-create-page{max-width:1120px}.online-create-page .creator-page-intro{max-width:720px}.online-create-workspace{margin-top:42px}.online-create-workspace .online-creator-head{border-bottom:1px solid var(--line);padding-bottom:12px}.online-create-workspace .online-creator-panel{position:relative}.online-create-workspace .online-creator-panel textarea{min-height:220px;line-height:1.75}.studio-kicker{color:var(--mint);letter-spacing:.12em;font-size:.68rem;font-weight:850}.studio-steps{color:var(--muted);grid-template-columns:repeat(4,1fr);gap:5px;font-size:.67rem;font-weight:800;display:grid}.studio-steps span{border-bottom:1px solid var(--line);padding:0 0 8px}.studio-steps .active{border-color:var(--mint);color:var(--mint)}.studio-name-row{grid-template-columns:1fr .8fr;gap:12px;display:grid}.studio-name-row input,.studio-name-row select{border:1px solid var(--line);color:var(--ink);width:100%;background:oklch(6% .013 170/.8);border-radius:9px;padding:10px}.studio-name-row select option{color:#ebfff8;background-color:#080f11}.studio-name-row select option:checked{color:#fff;background-color:#367eaa}.hatch-result{min-height:380px!important}.hatch-result.queued .hatch-state-art,.hatch-result.running .hatch-state-art{animation:2.8s ease-in-out infinite hatch-preview-breathe}.hatch-result.succeeded .hatch-state-art{animation:1s cubic-bezier(.16,.7,.2,1) both hatch-egg-reveal}.hatch-result.failed .hatch-state-art{filter:drop-shadow(0 18px 32px oklch(2% .02 175/.62))drop-shadow(0 0 18px oklch(58% .13 285/.2))saturate(.86)brightness(.82)}.hatch-state-display{isolation:isolate;color:oklch(90% .035 165);text-align:center;grid-template-rows:auto 1fr;place-items:start center;gap:0;min-height:100%;padding:clamp(20px,4vw,38px) 28px 24px;display:grid;position:relative;overflow:hidden}.hatch-state-display svg{animation:1.8s ease-in-out infinite hatch-state-pulse}.hatch-state-display .hatch-state-art{z-index:2;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 20px 38px oklch(2% .02 175/.68))drop-shadow(0 0 22px oklch(66% .17 205/.3));width:35%;min-width:180px;max-width:330px;height:auto;margin:auto;display:block;position:absolute;inset:34% 0 auto}.hatched-pet-preview{z-index:6;color:oklch(90% .08 160);text-shadow:0 2px 8px oklch(1% .01 175/.88);justify-items:center;gap:4px;width:min(24%,130px);min-width:86px;font-size:.68rem;font-weight:850;text-decoration:none;display:grid;position:absolute;top:-12%;left:50%;transform:translate(-50%)}.hatched-pet-preview .pet-visual{aspect-ratio:1;width:100%;min-height:76px;box-shadow:none;background:0 0;border:0}.hatched-pet-preview .sprite-player.compact .sprite-frame{filter:drop-shadow(0 10px 18px oklch(1% .02 175/.64))drop-shadow(0 0 18px oklch(75% .18 180/.42));width:min(72px,82%)}.hatched-pet-preview:hover span{color:var(--mint)}.hatch-ritual-copy{z-index:5;width:min(82%,500px);box-shadow:none;text-shadow:0 2px 8px oklch(1% .01 175/.86);background:0 0;border:0;justify-items:center;gap:6px;padding:0;display:grid;position:relative}.hatch-ritual-copy strong{color:var(--ink);text-wrap:balance;font-family:Gowun Batang,Songti SC,serif;font-size:clamp(1rem,1.7vw,1.28rem);line-height:1.25}.hatch-ritual-copy span{color:oklch(86% .16 148);font-size:.82rem;font-weight:850}.hatch-ritual-copy p{color:oklch(86% .045 165);text-wrap:pretty;max-width:30ch;margin:0;font-family:Manrope,system-ui,sans-serif;font-size:.76rem;line-height:1.6}.hatch-status-card{background:oklch(2% .01 175/.58);border:1px solid oklch(82% .06 170/.18);border-radius:10px;gap:12px;margin-top:12px;padding:14px;display:grid}.hatch-status-card>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.hatch-status-card strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.hatch-status{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:.67rem}.hatch-status.running{color:var(--mint);border-color:oklch(82% .17 148/.55)}.hatch-status.succeeded{color:var(--cyan);border-color:oklch(72% .11 210/.55)}.hatch-status.failed{color:oklch(86% .09 35);border-color:oklch(72% .14 25/.55)}.hatch-progress{background:oklch(18% .025 170);border-radius:999px;height:5px;overflow:hidden}.hatch-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--mint), var(--cyan));height:100%;box-shadow:0 0 14px var(--mint);transition:width .5s;display:block}.hatch-status-card p{color:var(--muted);margin:0;font-size:.75rem;line-height:1.6}.hatch-result-actions{flex-wrap:wrap;gap:8px;display:flex}.hatch-result-actions a{min-height:34px;padding:0 12px;font-size:.74rem;text-decoration:none}.hatch-result-actions .outline-button{min-height:34px;padding:0 12px;font-size:.74rem}.hatch-result-actions .danger-action{color:oklch(82% .1 35);border-color:oklch(72% .14 25/.38)}.hatch-result-actions .danger-action:hover{color:oklch(90% .1 35);background:oklch(18% .055 25/.4);border-color:oklch(72% .14 25/.62)}.hatch-compact-actions{justify-content:center;gap:8px;margin-top:10px;display:flex}.hatch-compact-actions .outline-button{min-height:32px;padding:0 12px;font-size:.72rem}.hatch-cancel-action{color:oklch(78% .15 28);letter-spacing:.16em;text-shadow:0 0 9px oklch(66% .18 28/.55);cursor:pointer;background:0 0;border:0;justify-self:center;align-items:center;gap:5px;min-height:22px;margin-top:-2px;padding:0 8px;font-size:.68rem;font-weight:800;display:inline-flex}.hatch-cancel-action:hover{color:oklch(92% .1 35)}.hatch-status.queued{color:oklch(82% .08 220);border-color:oklch(75% .09 220/.45)}@keyframes hatch-preview-breathe{50%{filter:saturate(1.13)brightness(1.06);transform:scale(1.015)}}@keyframes hatch-egg-reveal{0%{opacity:.62;filter:blur(4px)brightness(1.25);transform:translateY(8px)scale(.92)}to{opacity:1;filter:drop-shadow(0 18px 34px oklch(2% .02 175/.62))drop-shadow(0 0 30px oklch(74% .16 200/.34));transform:translateY(0)scale(1)}}@keyframes hatch-state-pulse{0%,to{opacity:.72;transform:scale(.96)}50%{opacity:1;transform:scale(1.08)}}.online-create-workspace .creator-upload{text-align:left;grid-template-columns:auto 1fr auto;place-items:center;min-height:82px}.online-create-workspace .creator-result{background:url(/assets/portal-cave-crystals.webp) 50%/cover;border-color:oklch(82% .17 148/.3);min-height:420px}.online-create-workspace .creator-result>div{color:var(--ink);text-shadow:0 2px 8px oklch(2% .02 170/.8)}.online-create-workspace .creator-history{margin-top:12px}.library-page{background-color:oklch(3.5% .01 170);background-image:linear-gradient(oklch(2% .01 175/.18),oklch(2% .01 175/.18)),url(/assets/creator-cave-background.png);background-position:50%;background-size:cover;background-attachment:fixed}.library-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:oklch(2.5% .008 170/.82);border:0;border-bottom:1px solid oklch(82% .06 170/.18);border-radius:0;width:100%;min-height:80px;margin:0;padding:12px max(32px,50vw - 690px);position:sticky;top:0}.library-header .brand-mark{width:38px;height:38px;box-shadow:none;border-radius:0}.library-header .brand-name strong{font-size:1.12rem}.library-header .brand-name small{display:none}.library-header nav{gap:34px}.library-header nav a{color:oklch(78% .03 170);border-radius:0;min-height:55px;padding:17px 0;position:relative}.library-header nav a:hover,.library-header nav a.active{color:var(--mint);background:0 0}.library-header nav a.active:after{background:var(--mint);content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0}.creator-page{max-width:1380px;min-height:auto;padding:34px 20px 44px}.creator-page h1{letter-spacing:-.02em;margin:0 0 7px;font-size:clamp(1.9rem,3vw,2.55rem)}.creator-page-intro{max-width:600px}.creator-page-intro .creator-kicker{display:none}.creator-page-intro .page-lead{font-size:.82rem;line-height:1.7}.creator-library-layout{background:oklch(3.5% .01 170/.62);border-top:1px solid oklch(82% .06 170/.18);border-bottom:1px solid oklch(82% .06 170/.18);grid-template-columns:minmax(0,1.44fr) minmax(420px,1fr);gap:0;margin-top:26px}.creator-library-layout.is-preview{display:block}.creator-shelf{padding:18px 24px 28px}.creator-shelf-head{border-bottom:0;min-height:42px;margin-bottom:18px;padding-bottom:12px}.creator-shelf-head>div:first-child{gap:5px;display:grid}.creator-shelf-head strong{font-size:1.08rem}.creator-shelf-head span{color:var(--muted);font-size:.73rem}.creator-shelf-tools{align-items:center;gap:6px;display:flex}.creator-shelf-tools button{border:1px solid var(--line);min-height:34px;color:var(--muted);cursor:pointer;background:oklch(4% .012 170/.68);border-radius:6px;align-items:center;gap:8px;padding:0 9px;font-size:.72rem;display:inline-flex}.creator-shelf-tools button:not(:first-child){justify-content:center;width:34px;padding:0}.creator-shelf-tools button.active,.creator-shelf-tools button:hover{color:var(--mint);border-color:oklch(82% .17 148/.5)}.creator-category-filter{border:1px solid var(--line);min-height:34px;color:var(--muted);background:oklch(4% .012 170/.68);border-radius:6px;align-items:center;gap:7px;padding:0 8px;font-size:.7rem;display:inline-flex}.creator-category-filter span{color:var(--muted);font-size:.68rem}.creator-category-filter select{min-width:94px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;outline:0;font-size:.72rem}.creator-pet-grid{gap:12px 16px}.creator-pet-grid.list-view{grid-template-columns:1fr}.creator-pet-card{background:oklch(3.5% .01 170/.66);border-color:oklch(82% .06 170/.24);border-radius:7px;overflow:visible}.creator-pet-stage{background-position:50%;border-radius:6px 6px 0 0;min-height:176px;overflow:hidden}.creator-preview-trigger{cursor:pointer;border:0;width:100%;padding:0}.creator-preview-trigger:hover .sprite-frame{filter:drop-shadow(0 10px 18px oklch(65% .16 190/.4))}.creator-pet-stage .pet-visual{aspect-ratio:auto;width:100%;height:100%;min-height:176px;box-shadow:none;background:0 0;border-radius:0}.creator-pet-stage .sprite-player{transform:none}.creator-pet-stage .sprite-player.compact .sprite-frame{width:min(112px,68%)}.creator-pet-meta{min-height:54px;padding:10px 12px 5px}.creator-pet-meta>div:first-child{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.creator-pet-meta strong{font-family:Gowun Batang,Songti SC,serif;font-size:1rem}.creator-card-stats{color:oklch(76% .045 176);align-items:center;font-size:.68rem;font-weight:760;gap:10px!important;display:flex!important}.creator-card-stats span{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.creator-pet-actions{justify-content:space-between;padding:0 12px 10px}.creator-pet-preview{min-height:520px}.creator-preview-back{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:6px;margin-bottom:16px;padding:0;font-size:.78rem;display:inline-flex}.creator-preview-back:hover{color:var(--mint)}.creator-pet-preview-layout{background:oklch(2.5% .008 170/.7);border:1px solid oklch(82% .06 170/.24);border-radius:8px;grid-template-columns:minmax(460px,720px) minmax(380px,420px);justify-content:center;width:min(100%,1160px);margin-inline:auto;display:grid;overflow:hidden}.creator-pet-preview-stage{isolation:isolate;background:linear-gradient(#0000 42%,oklch(1% .01 175/.78)),url(/assets/portal-cave-crystals.webp) 50%/cover;place-items:center;min-height:520px;padding:24px;display:grid;position:relative;overflow:hidden}.creator-pet-preview-stage .pet-visual{width:min(100%,560px);height:460px;min-height:0;box-shadow:none;background:0 0;border-radius:0}.creator-pet-preview-stage .sprite-player.large .sprite-frame{width:min(42%,230px)}.creator-pet-preview-stage>div:last-child{text-align:right;justify-items:end;gap:3px;display:grid;position:absolute;bottom:16px;right:18px}.creator-pet-preview-stage strong{color:var(--ink);font-family:Gowun Batang,Songti SC,serif;font-size:1.2rem}.creator-pet-preview-stage span{color:var(--mint);font-size:.73rem}.creator-preview-stats{color:oklch(78% .05 176);font-size:.7rem;font-weight:780}.creator-pet-motion-panel{z-index:1;background:linear-gradient(145deg,oklch(4.5% .015 175/.98),oklch(2% .01 175/.94));border-left:1px solid oklch(82% .06 170/.18);align-content:start;gap:18px;max-height:min(760px,100vh - 150px);padding:20px;display:grid;position:relative;overflow-y:auto}.creator-pet-motion-panel>div:first-child{gap:5px;display:grid}.creator-pet-motion-panel>div:first-child span{color:var(--mint);font-family:Gowun Batang,Songti SC,serif;font-size:1.08rem}.creator-pet-motion-panel small{color:var(--muted);font-size:.72rem}.creator-motion-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.creator-motion-grid button{color:var(--muted);cursor:pointer;font:inherit;background:oklch(3.5% .01 175/.7);border:1px solid oklch(82% .06 170/.18);border-radius:5px;gap:6px;padding:0 0 7px;font-size:.68rem;display:grid;overflow:hidden}.creator-motion-grid button:hover,.creator-motion-grid button.active{color:var(--mint);background:oklch(8% .025 180/.8);border-color:oklch(72% .14 186/.66)}.creator-motion-grid .pet-visual{aspect-ratio:1;background:0 0;border-radius:0;min-height:66px}.creator-motion-grid .sprite-player.compact .sprite-frame{width:min(50px,64%)}.creator-preview-editor{border-top:1px solid oklch(82% .06 170/.18);gap:9px;padding-top:4px;display:grid}.creator-preview-editor>strong{color:var(--ink);font-family:Gowun Batang,Songti SC,serif;font-size:.95rem}.creator-preview-editor label{color:var(--muted);gap:5px;font-size:.7rem;font-weight:800;display:grid}.creator-preview-editor em{color:var(--muted);margin-left:5px;font-style:normal;font-weight:500}.creator-preview-editor input,.creator-preview-editor textarea{width:100%;color:var(--ink);font:inherit;background:oklch(2.5% .008 175/.72);border:1px solid oklch(82% .06 170/.24);border-radius:5px;outline:0;padding:8px 9px;font-size:.76rem}.creator-preview-editor textarea{resize:vertical;min-height:64px}.creator-preview-editor .primary-action{justify-self:start;min-height:38px;padding:0 16px;font-size:.78rem}.creator-preview-editor .emotion-picker{gap:9px;padding-top:2px}.creator-preview-editor .emotion-picker>span{color:var(--ink);font-family:Gowun Batang,Songti SC,serif;font-size:.86rem;font-weight:700}.creator-preview-editor .emotion-picker>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.creator-preview-editor .emotion-picker label{white-space:nowrap;background:oklch(2.5% .008 175/.72);border-radius:7px;justify-content:center;min-height:34px;padding:0 8px;font-size:.7rem;display:inline-flex}.creator-preview-editor .emotion-picker label:before{content:"";background:oklch(3% .01 175);border:1px solid oklch(82% .06 170/.32);border-radius:50%;width:7px;height:7px}.creator-preview-editor .emotion-picker label:has(input:checked):before{border-color:var(--mint);background:var(--mint);box-shadow:0 0 8px oklch(82% .17 148/.45)}.creator-preview-editor .emotion-picker input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.creator-pet-actions label{display:none}.creator-pet-actions button{place-items:center;min-width:24px;display:inline-grid}.creator-pet-actions .quiet-danger{display:none}.creator-pet-menu-wrap{position:relative}.creator-pet-menu{z-index:6;background:oklch(2.5% .008 170/.98);border:1px solid oklch(82% .06 170/.3);border-radius:5px;min-width:110px;display:grid;position:absolute;bottom:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 6px 8px oklch(1% .01 170/.36)}.creator-pet-menu button,.creator-pet-menu label{width:100%;min-width:0;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;padding:9px 11px;font-size:.72rem;display:block}.creator-pet-menu button:hover,.creator-pet-menu label:hover{color:var(--mint);background:oklch(17% .05 170/.65)}.creator-pet-menu .quiet-danger{color:oklch(78% .12 25);display:block}.creator-pet-menu input{display:none}.creator-pet-grid.list-view .creator-pet-card{grid-template-columns:160px 1fr auto;align-items:center;display:grid}.creator-pet-grid.list-view .creator-pet-stage{border-right:1px solid var(--line);border-bottom:0;min-height:110px}.creator-pet-grid.list-view .creator-pet-actions{padding:0 14px}.creator-pet-editor{border-radius:0;grid-column:1/-1}.creator-upload-workbench{background:oklch(2.5% .008 170/.42);border:0;border-left:1px solid oklch(82% .06 170/.18);border-radius:0;align-self:start;gap:18px;min-height:0;padding:22px 28px;top:98px}.creator-upload-workbench h2{color:var(--mint);margin:5px 0 6px;font-size:1.55rem}.creator-upload-workbench p{font-size:.78rem}.creator-file-drop{background:oklch(3.5% .012 170/.36);border-color:oklch(82% .17 148/.42);border-radius:0;min-height:300px}.creator-file-drop>svg{color:oklch(75% .1 196)}.creator-file-types{color:var(--muted);justify-content:center;align-items:center;gap:25px;margin-top:8px;font-size:.7rem;line-height:1.6;display:flex}.creator-file-types span{place-items:center;gap:5px;display:grid}.creator-file-types svg{color:oklch(76% .09 205)}.creator-file-types b{color:var(--ink);font-weight:500}.creator-file-valid{color:var(--mint);justify-content:center;align-items:center;gap:7px;margin:0;font-size:.72rem;display:flex}.creator-file-valid code{font-family:Manrope,system-ui,sans-serif;font-size:.72rem}.creator-upload-workbench .primary-action{background:oklch(22% .055 192/.68);border-radius:4px;min-height:52px}.creator-save-action{flex-direction:column;gap:3px;width:100%;background:oklch(17% .055 191/.74)!important;border:1px solid oklch(48% .12 192/.6)!important;min-height:66px!important;box-shadow:inset 0 1px oklch(88% .1 190/.12),0 8px 18px oklch(1% .01 175/.26)!important}.creator-save-action span{color:oklch(84% .1 184);font-family:Gowun Batang,Songti SC,serif;font-size:1rem}.creator-save-action small{color:oklch(63% .035 185);font-size:.68rem;font-weight:600}.creator-upload-workbench form{gap:16px}.creator-upload-workbench .creator-form-section{gap:13px;padding-top:2px;display:grid}.creator-upload-workbench .creator-form-field{color:var(--muted);gap:7px;font-size:.74rem;font-weight:800;display:grid}.creator-upload-workbench .creator-form-field>span{align-items:baseline;gap:7px;display:flex}.creator-upload-workbench .creator-form-field em{color:oklch(72% .1 190);font-size:.66rem;font-style:normal;font-weight:600}.creator-upload-workbench .creator-form-field input,.creator-upload-workbench .creator-form-field textarea{width:100%;color:var(--ink);font:inherit;background:oklch(2.5% .008 175/.74);border:1px solid oklch(62% .06 185/.38);border-radius:8px;outline:none;padding:11px 12px;font-size:.82rem;transition:border-color .18s,background .18s,box-shadow .18s}.creator-upload-workbench .creator-form-field input{min-height:42px}.creator-upload-workbench .creator-form-field textarea{resize:vertical;min-height:82px;line-height:1.6}.creator-upload-workbench .creator-form-field input::placeholder,.creator-upload-workbench .creator-form-field textarea::placeholder{color:oklch(58% .025 175)}.creator-upload-workbench .creator-form-field input:focus,.creator-upload-workbench .creator-form-field textarea:focus{background:oklch(4% .015 178/.86);border-color:oklch(75% .12 188/.7);box-shadow:0 0 0 3px oklch(62% .12 188/.12)}.creator-upload-workbench .emotion-picker{gap:9px;padding-top:2px}.creator-upload-workbench .emotion-picker>span{color:var(--muted);align-items:baseline;gap:7px;display:flex}.creator-upload-workbench .emotion-picker>span small{color:oklch(58% .025 175);font-size:.66rem;font-weight:600}.creator-upload-workbench .emotion-picker label{background:oklch(3.5% .01 175/.72);padding:6px 10px}.creator-upload-workbench .creator-validation{color:oklch(58% .025 175);justify-content:flex-start;margin:-4px 0 0}.creator-upload-workbench .creator-validation.is-ready{color:var(--mint)}.creator-upload-workbench .rights-confirm{background:oklch(3.5% .01 175/.5);border:1px solid oklch(62% .06 185/.22);border-radius:8px;gap:9px;margin-top:1px;padding:10px 11px}.creator-upload-workbench .rights-confirm span{flex:1}.creator-upload-workbench .creator-save-action{margin-top:2px;min-height:58px!important}.creator-upload-workbench .creator-save-action span{font-size:.98rem}.online-create-page{max-width:1380px;padding-top:28px}.online-create-workspace{background:oklch(2.5% .008 170/.66);border-color:oklch(82% .06 170/.24);border-radius:0;margin-top:0}.online-create-workspace .creator-workspace-head{background:0 0;border-bottom-color:oklch(82% .06 170/.18);justify-content:space-between;min-height:38px;padding:8px 18px}.studio-frame-label{color:var(--mint);letter-spacing:.08em;font-size:.75rem;font-weight:800}.online-create-workspace .creator-workspace-body{padding:30px}.online-create-workspace .online-creator-layout{grid-template-columns:minmax(330px,.8fr) minmax(430px,1.18fr);gap:34px}.online-create-workspace .online-creator-panel form{gap:20px}.studio-copy{border-bottom:1px solid oklch(82% .06 170/.2);padding:12px 0 4px}.studio-copy h1{color:var(--mint);margin:0 0 12px;font-size:clamp(1.9rem,3vw,2.55rem)}.studio-copy p{color:var(--muted);margin:0;font-size:.8rem}.online-create-workspace .online-creator-panel textarea{background:oklch(3% .01 170/.5);border-radius:7px;min-height:244px}.studio-reference{color:var(--muted);gap:9px;font-size:.76rem;font-weight:800;display:grid}.online-create-workspace .studio-reference .creator-upload{border-radius:6px;min-height:88px;padding:12px 18px}.studio-reference .creator-upload span{gap:4px;display:grid}.studio-reference .creator-upload small{color:var(--muted);font-size:.68rem;font-weight:500}.online-create-workspace .primary-action{color:oklch(14% .025 170);clip-path:polygon(9% 0,91% 0,100% 50%,91% 100%,9% 100%,0 50%);background:oklch(72% .13 175);border:1px solid oklch(88% .2 180/.8);border-radius:0;justify-self:start;min-width:200px;min-height:54px;font-family:Gowun Batang,Songti SC,serif;font-size:1.12rem}.online-create-workspace .creator-preview{gap:10px;position:relative}.online-create-workspace .creator-result{background:url(/assets/incubation-chamber-user.png) 50%/cover;border-color:oklch(82% .06 170/.36);border-radius:7px;min-height:470px}.online-create-workspace .creator-result>div{color:oklch(90% .035 165);text-align:center;text-shadow:0 2px 8px oklch(2% .02 170/.9);background:oklch(2.5% .008 170/.08);align-content:center;width:100%;height:100%;font-family:Gowun Batang,Songti SC,serif;font-size:1rem;line-height:1.7}.online-create-workspace .creator-history{display:none}.crystal-frame{isolation:isolate;position:relative}.creator-library-layout.crystal-frame{overflow:visible;box-shadow:inset 0 1px oklch(80% .09 193/.08),0 18px 50px oklch(1% .01 175/.18)}.creator-shelf-head{position:relative}.creator-shelf-head:after{content:"";background:linear-gradient(90deg,#0000,oklch(72% .08 185/.26) 15% 85%,#0000);height:1px;position:absolute;bottom:-3px;left:0;right:0}.creator-pet-card{transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(84% .08 190/.05)}.creator-pet-card:hover{z-index:1;border-color:oklch(75% .13 188/.54);transform:translateY(-2px);box-shadow:0 13px 28px oklch(1% .01 175/.35),inset 0 1px oklch(84% .08 190/.15)}.creator-pet-stage{background-image:linear-gradient(#0000 44%,oklch(1% .01 175/.76)),url(/assets/portal-cave-crystals.webp);position:relative}.creator-pet-stage:after{content:"";background:oklch(75% .09 188/.28);height:1px;position:absolute;bottom:0;left:0;right:0}.creator-pet-meta{background:linear-gradient(120deg,oklch(3.5% .01 175/.96),oklch(5.5% .018 182/.72));position:relative}.creator-pet-meta small{max-width:19rem;color:color-mix(in oklch, var(--muted) 86%, white 14%);display:block}.creator-status{margin-top:3px}.creator-status.unlisted{color:oklch(82% .1 95)}.creator-status.unlisted:before{background:oklch(82% .1 95)}.creator-pet-actions{z-index:4;padding:0;position:absolute;top:7px;bottom:auto;right:7px}.creator-pet-actions>.creator-pet-menu-wrap>button{color:oklch(90% .03 175);opacity:.94;background:oklch(2.5% .008 175/.76);border:1px solid oklch(82% .06 170/.18);border-radius:5px;place-items:center;width:30px;height:30px;display:grid}.creator-pet-actions>.creator-pet-menu-wrap>button:hover,.creator-pet-actions>.creator-pet-menu-wrap>button[aria-expanded=true]{color:var(--mint);border-color:oklch(72% .14 186/.58)}.creator-pet-menu{top:calc(100% + 6px);bottom:auto}.creator-pet-grid.list-view .creator-pet-actions{position:static}.creator-upload-workbench{background-image:linear-gradient(oklch(2% .01 175/.22),oklch(2% .01 175/.72))}.creator-upload-workbench>div:first-child{padding-bottom:16px;position:relative}.creator-upload-workbench>div:first-child:after{content:"";background:linear-gradient(90deg,#0000,oklch(72% .08 185/.32),#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.creator-file-drop{overflow:hidden}.creator-file-drop:before{content:"";pointer-events:none;border:1px solid oklch(70% .13 188/.08);position:absolute;inset:10px}.creator-file-types{z-index:1;gap:34px;position:relative}.creator-file-types span{color:oklch(66% .04 185);min-width:86px}.creator-file-types svg{color:oklch(73% .11 196);box-sizing:content-box;background:oklch(12% .04 195/.44);border:1px solid oklch(62% .08 194/.42);border-radius:4px;padding:8px}.creator-file-valid{display:none}.creator-validation{color:oklch(66% .08 184);justify-content:center;align-items:center;gap:7px;margin:3px 0 0;font-size:.72rem;display:flex}.creator-validation svg{color:var(--mint)}.creator-upload-workbench .primary-action{background:linear-gradient(105deg,oklch(11% .05 198/.96),oklch(25% .11 193/.8));border:1px solid oklch(50% .12 196/.68);position:relative;overflow:hidden;box-shadow:inset 0 1px oklch(92% .1 190/.14),0 8px 18px oklch(1% .01 175/.3)}.creator-upload-workbench .primary-action:after{content:"";pointer-events:none;border:1px solid oklch(70% .12 192/.18);position:absolute;inset:1px}.creator-upload-workbench .primary-action:hover{background:linear-gradient(105deg,oklch(16% .08 196),oklch(36% .13 186))}.creator-upload-workbench .creator-save-action:after{display:none}.creator-upload-actions{grid-template-columns:.72fr 1fr;gap:10px;display:grid}.creator-upload-actions .outline-button{color:oklch(78% .06 185);border-color:oklch(58% .07 190/.42);min-height:54px}.creator-preview-status-actions{flex-wrap:wrap;gap:8px;display:flex}.creator-preview-status-actions .outline-button{min-height:38px;padding:0 16px;font-size:.78rem}.creator-editor-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:10px;padding-top:4px;display:flex}.creator-surface-footer{color:oklch(55% .02 175);justify-content:space-between;align-items:center;gap:24px;padding:20px 22px 2px;font-size:.7rem;display:flex}.creator-surface-footer div{align-items:center;gap:12px;display:flex}.creator-surface-footer button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.creator-surface-footer button:hover{color:var(--mint)}.creator-surface-footer i{background:oklch(55% .02 175/.36);width:1px;height:12px}.account-profile{position:relative}.profile-trigger{color:oklch(84% .025 170);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-height:44px;padding:0 3px;font-family:Manrope,Noto Sans SC,system-ui,sans-serif;font-size:.78rem;font-weight:700;display:inline-flex}.profile-trigger:hover,.profile-trigger[aria-expanded=true]{color:var(--ink)}.profile-trigger>svg{color:oklch(62% .04 175);transition:transform .18s var(--ease)}.profile-trigger>svg.is-open{transform:rotate(180deg)}.profile-nickname{text-overflow:ellipsis;white-space:nowrap;max-width:112px;display:none;overflow:hidden}.profile-avatar{color:oklch(96% .025 155);background:oklch(25% .1 170);border:1px solid oklch(78% .14 162/.55);border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;font-family:Manrope,Noto Sans SC,system-ui,sans-serif;font-size:.72rem;font-weight:800;line-height:1;display:grid}.profile-avatar.large{flex-basis:54px;width:54px;height:54px;font-size:1rem}.profile-menu{z-index:40;background:oklch(3.5% .012 175);border:1px solid oklch(42% .045 180/.72);border-radius:8px;min-width:224px;display:grid;position:absolute;top:calc(100% + 14px);right:0;overflow:hidden;box-shadow:0 10px 18px oklch(1% .01 175/.46)}.profile-menu-card{background:oklch(5.5% .018 180);border-bottom:1px solid oklch(72% .04 180/.14);align-items:center;gap:10px;padding:12px 13px;display:flex}.profile-menu-card strong{max-width:140px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;display:block;overflow:hidden}.profile-menu-card small{color:oklch(64% .03 175);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.66rem;display:block;overflow:hidden}.profile-menu button{color:oklch(82% .025 175);cursor:pointer;min-height:42px;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:0 13px;font-size:.76rem;font-weight:700;display:flex}.profile-menu button:hover,.profile-menu button:focus-visible{color:var(--ink);background:oklch(15% .04 185/.68)}.profile-menu .profile-menu-logout{color:oklch(76% .08 30);border-top:1px solid oklch(72% .04 180/.14)}.profile-center-backdrop{z-index:100;background:oklch(1% .01 175/.78);place-items:start center;padding:clamp(72px,10svh,108px) 18px 24px;display:grid;position:fixed;inset:0}.profile-center-dialog{background:linear-gradient(145deg,oklch(6% .018 182),oklch(3.5% .012 175));border:1px solid oklch(48% .055 180/.66);border-radius:10px;gap:16px;width:min(720px,100%);max-height:calc(100svh - clamp(94px,13svh,132px));padding:24px;display:grid;position:relative;overflow-y:auto;box-shadow:0 18px 38px oklch(1% .01 175/.5)}.profile-center-dialog header{border-bottom:1px solid oklch(68% .05 180/.16);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:0 34px 16px 0;display:grid}.profile-center-dialog header small{color:var(--mint);letter-spacing:0;font-size:.72rem;font-weight:850}.profile-center-dialog h2{color:oklch(96% .025 155);text-overflow:ellipsis;white-space:nowrap;margin:2px 0;font-family:Gowun Batang,Songti SC,serif;font-size:1.55rem;overflow:hidden}.profile-center-dialog p{color:oklch(68% .035 175);margin:0;font-size:.78rem}.profile-center-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.profile-center-meta span{color:oklch(80% .04 175);text-overflow:ellipsis;white-space:nowrap;background:oklch(5% .016 185/.62);border:1px solid oklch(44% .045 185/.72);border-radius:7px;align-items:center;gap:7px;min-width:0;min-height:38px;padding:0 11px;font-size:.72rem;font-weight:800;display:inline-flex;overflow:hidden}.profile-center-meta svg{color:var(--mint);flex:none}.profile-section-form{background:oklch(4% .014 180/.52);border:1px solid oklch(42% .045 180/.5);border-radius:9px;grid-template-columns:1fr 1fr;gap:12px;padding:15px;display:grid}.profile-section-heading{grid-column:1/-1;align-items:flex-start;gap:10px;padding-bottom:3px;display:flex}.profile-section-heading>svg{color:var(--mint);margin-top:2px}.profile-section-heading h3{color:oklch(92% .025 170);margin:0 0 3px;font-size:.9rem}.profile-section-form label{color:oklch(78% .035 175);gap:7px;font-size:.74rem;font-weight:800;display:grid;position:relative}.profile-section-form>label{grid-column:1/-1}.profile-section-form input{color:oklch(94% .03 170);width:100%;min-height:42px;font:inherit;background:oklch(2% .01 175/.78);border:1px solid oklch(42% .045 180/.65);border-radius:7px;outline:none;padding:0 12px}.profile-section-form input:focus{border-color:oklch(75% .12 180/.8);box-shadow:0 0 0 3px oklch(58% .12 180/.15)}.profile-section-form input:disabled{color:oklch(58% .025 175);cursor:not-allowed}.profile-section-form label>small{color:oklch(56% .03 175);letter-spacing:0;font-size:.65rem;position:absolute;bottom:13px;right:10px}.profile-password-grid{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:12px;display:grid}.profile-password-grid label{grid-column:auto}.profile-submit{grid-column:1/-1;justify-self:end;min-height:40px}.profile-submit:disabled{cursor:not-allowed;opacity:.48}.profile-logout-action{color:oklch(74% .08 30);cursor:pointer;min-height:36px;font:inherit;background:oklch(9% .025 35/.28);border:1px solid oklch(62% .08 30/.28);border-radius:7px;justify-self:start;align-items:center;gap:7px;padding:0 11px;font-size:.73rem;font-weight:800;display:inline-flex}.profile-logout-action:hover{color:oklch(88% .1 35)}.online-create-workspace.crystal-frame{background:linear-gradient(120deg,oklch(2.5% .01 175/.86),oklch(3.5% .015 180/.58));border-color:oklch(65% .07 185/.4);overflow:visible;box-shadow:inset 0 0 0 1px oklch(5% .01 175/.8),0 16px 40px oklch(1% .01 175/.26)}.online-create-workspace .creator-workspace-body{padding:16px 28px 24px;position:relative}.online-create-workspace .online-creator-layout{gap:28px;min-height:600px}.online-create-workspace .online-creator-layout>form{align-content:start;gap:18px;padding:10px 30px 18px 6px;position:relative}.online-create-workspace .online-creator-layout>form:after{content:"";background:linear-gradient(#0000,oklch(64% .07 185/.43) 8% 92%,#0000);width:1px;position:absolute;top:14px;bottom:14px;right:0}.studio-copy{text-align:left;border:0;justify-items:start;gap:4px;padding:0;display:grid}.studio-copy h1{color:oklch(90% .13 150);letter-spacing:0;margin:0;font-family:Gowun Batang,Songti SC,serif;font-size:clamp(1.5rem,2.1vw,2rem);font-weight:700;line-height:1.1}.studio-kicker{color:oklch(74% .12 160);letter-spacing:.16em;font-size:.66rem}.online-create-workspace .studio-name-row{gap:14px}.online-create-workspace .studio-name-row label,.online-create-workspace .studio-description,.online-create-workspace .studio-reference{color:oklch(74% .045 170);gap:8px;font-size:.78rem}.online-create-workspace .studio-name-row input,.online-create-workspace .studio-name-row select{border-radius:8px;min-height:52px;padding:0 14px;font-size:.9rem}.studio-description{color:oklch(75% .04 175);font-size:.75rem;font-weight:700;display:grid;position:relative}.studio-description textarea{border-radius:8px;min-height:190px;padding:18px 18px 32px;font-size:.9rem;line-height:1.7}.studio-description>small{color:oklch(50% .025 175);font-size:.68rem;font-weight:500;position:absolute;bottom:10px;right:13px}.online-create-workspace .studio-reference .creator-upload{text-align:left;background:oklch(3% .01 175/.35);border-style:dashed;border-color:oklch(60% .07 185/.3);border-radius:8px;grid-template-columns:74px minmax(0,1fr) 36px;justify-content:stretch;align-items:center;min-height:86px;padding:12px 16px;display:grid;position:relative}.online-create-workspace .studio-reference .creator-upload img{border-radius:8px;width:58px;height:58px}.online-create-workspace .studio-reference .creator-upload>svg{color:oklch(65% .06 185);justify-self:center}.online-create-workspace .studio-reference .creator-upload>img,.online-create-workspace .studio-reference .creator-upload>svg,.online-create-workspace .studio-reference .creator-upload>span,.online-create-workspace .studio-reference .creator-upload>button{z-index:2;position:relative}.online-create-workspace .studio-reference .creator-upload>span{color:oklch(80% .04 170);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.online-create-workspace .studio-reference .creator-upload small{color:oklch(55% .035 175);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.online-create-workspace .studio-reference .creator-upload .reference-clear{justify-self:end}.online-create-workspace .primary-action{filter:drop-shadow(0 7px 10px oklch(2% .03 175/.42));min-width:226px;transition:filter .18s,transform .18s;position:relative;overflow:hidden}.online-create-workspace .primary-action:before{content:"";pointer-events:none;border-top:1px solid oklch(95% .07 180/.75);border-bottom:1px solid oklch(22% .08 180/.42);position:absolute;inset:2px 10%}.online-create-workspace .primary-action:hover:not(:disabled){filter:drop-shadow(0 0 14px oklch(68% .2 180/.55));transform:translateY(-1px)}.online-create-workspace .primary-action:disabled{filter:grayscale(.45)}.online-create-workspace .studio-incubate-action{isolation:isolate;aspect-ratio:4.1;clip-path:none;width:min(100%,360px);min-width:0;min-height:0;box-shadow:none;cursor:pointer;filter:drop-shadow(0 0 8px oklch(73% .18 205/.34));background:0 0;border:0;border-radius:0;justify-self:center;padding:0;transition:filter .42s,transform .42s cubic-bezier(.2,.8,.2,1);position:relative;overflow:visible}.online-create-workspace .studio-incubate-action:before{z-index:2;clip-path:polygon(1.5% 45%,8% 0,90% 0,98% 45%,89% 96%,8% 96%);content:"";mix-blend-mode:screen;opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000 0 7%,oklch(88% .18 190/.58) 14%,#0000 22% 76%,oklch(72% .19 286/.5) 86%,#0000 94%),linear-gradient(oklch(95% .08 185/.38),#0000 33% 68%,oklch(55% .16 210/.26));border:0;display:block;position:absolute;inset:0}.online-create-workspace .studio-incubate-action:after{z-index:3;content:"";opacity:0;pointer-events:none;background:radial-gradient(at 50% 44%,oklch(86% .2 194/.18),#0000 62%),radial-gradient(circle at 18% 42%,oklch(94% .17 190) 0 1px,#0000 2px),radial-gradient(circle at 78%,oklch(78% .22 292) 0 1px,#0000 2px);position:absolute;inset:-18% -8%}.incubate-art{z-index:1;clip-path:polygon(1.5% 45%,8% 0,90% 0,98% 45%,89% 96%,8% 96%);position:absolute;inset:0;overflow:hidden}.incubate-frame{object-fit:fill;opacity:0;will-change:opacity, filter;width:100%;height:100%;transition:opacity .18s ease-out,filter .36s,transform .36s;display:block;position:absolute;inset:0}.incubate-frame.frame-idle{opacity:1}.incubate-progress{z-index:5;color:oklch(86% .13 191);letter-spacing:.18em;text-align:center;text-shadow:0 0 9px oklch(72% .2 195/.85);font-family:Manrope,system-ui,sans-serif;font-size:.67rem;font-weight:800;position:absolute;bottom:-22px;left:12%;right:12%}.online-create-workspace .studio-incubate-action:hover:not(:disabled),.online-create-workspace .studio-incubate-action:focus-visible:not(:disabled),.online-create-workspace .studio-incubate-action:disabled{filter:drop-shadow(0 0 11px oklch(75% .22 194/.65))drop-shadow(0 0 24px oklch(61% .2 280/.34));outline:none;transform:translateY(-2px)scale(1.018)}.studio-incubate-action:hover:not(:disabled):before,.studio-incubate-action:focus-visible:not(:disabled):before,.studio-incubate-action:disabled:before{opacity:.52;animation:2.8s ease-in-out infinite incubate-border-flow}.studio-incubate-action:hover:not(:disabled):after,.studio-incubate-action:focus-visible:not(:disabled):after,.studio-incubate-action:disabled:after{opacity:0;animation:none}.studio-incubate-action:hover:not(:disabled) .frame-idle,.studio-incubate-action:focus-visible:not(:disabled) .frame-idle,.studio-incubate-action:disabled .frame-idle{opacity:0}.studio-incubate-action:hover:not(:disabled) .frame-flow-a,.studio-incubate-action:focus-visible:not(:disabled) .frame-flow-a,.studio-incubate-action:hover:not(:disabled) .frame-flow-b,.studio-incubate-action:focus-visible:not(:disabled) .frame-flow-b,.studio-incubate-action:disabled .frame-flow-a,.studio-incubate-action:disabled .frame-flow-b{opacity:0;animation:none}.studio-incubate-action:hover:not(:disabled) .frame-burst,.studio-incubate-action:focus-visible:not(:disabled) .frame-burst,.studio-incubate-action:disabled .frame-burst{opacity:1;animation:2.6s ease-in-out infinite incubate-hover-swirl}.online-create-workspace .studio-incubate-action.is-charging,.online-create-workspace .studio-incubate-action.is-generating{filter:drop-shadow(0 0 18px oklch(85% .22 190/.86))drop-shadow(0 0 34px oklch(66% .22 280/.56));transform:scale(1.035)}.studio-incubate-action.is-charging:before,.studio-incubate-action.is-generating:before{opacity:.9;animation:1.2s ease-in-out infinite incubate-border-flow}.studio-incubate-action.is-charging:after{opacity:1;animation:.72s cubic-bezier(.16,.7,.2,1) both incubate-particle-burst}.studio-incubate-action.is-charging .frame-idle{opacity:.12}.studio-incubate-action.is-charging .frame-burst{animation:.72s cubic-bezier(.16,.7,.2,1) both incubate-charge}.studio-incubate-action.is-generating .frame-burst{opacity:1;filter:brightness(1.12)saturate(1.18);animation:1.15s ease-in-out infinite incubate-breathe}.online-create-workspace .studio-incubate-action:disabled{cursor:not-allowed}.online-create-workspace .studio-incubate-action[aria-disabled=true]:not(:disabled){filter:drop-shadow(0 0 8px oklch(73% .18 205/.34))}.online-create-workspace .creator-preview{padding:8px 0 9px}.hatch-action-dock{align-content:start;justify-items:center;gap:10px;min-height:148px;padding-top:2px;display:grid}.hatch-cancel-slot{place-items:center;min-height:28px;display:grid}.online-create-workspace .creator-result{border:1px solid oklch(66% .08 185/.4);border-radius:10px;min-height:500px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px oklch(2% .02 175/.7),inset 0 0 52px oklch(5% .13 190/.2)}.online-create-workspace .creator-result.hatch-result{aspect-ratio:4/3;background:url(/assets/incubation-chamber-user.png) 50%/cover no-repeat!important;min-height:0!important}.online-create-workspace .creator-result:before{content:"";pointer-events:none;border:1px solid oklch(70% .09 188/.16);border-radius:7px;position:absolute;inset:9px}.online-create-workspace .creator-result:after{content:"";pointer-events:none;background:radial-gradient(48% 39% at 50% 71%,oklch(42% .15 198/.2),#0000 68%);position:absolute;inset:0}.online-create-workspace .creator-result>div{z-index:1;background:linear-gradient(oklch(2% .01 175/.08),oklch(2% .01 175/.25));place-content:center;justify-items:center;gap:15px;display:grid;position:relative}.online-create-workspace .creator-result svg{color:oklch(65% .12 188);filter:drop-shadow(0 0 9px oklch(60% .18 190/.38))}.online-create-workspace .creator-result>.hatch-state-display{background:radial-gradient(circle at 50% 61%,oklch(58% .18 200/.12),#0000 28%),linear-gradient(oklch(1.5% .008 175/.16),oklch(1.5% .008 175/.34));grid-template-rows:auto 1fr;place-content:stretch;gap:0;padding:clamp(18px,3vw,28px) 22px 18px;display:grid}.online-create-workspace .hatch-ritual-copy{z-index:12;text-align:left;background:oklch(100% 0 0/.012);border-radius:16px;gap:5px;width:min(90%,520px);margin-inline:auto;padding:15px 17px 14px}.online-create-workspace .hatch-ritual-copy>strong{letter-spacing:-.015em;font-size:clamp(1.08rem,1.8vw,1.36rem)}.online-create-workspace .hatch-ritual-copy>span{color:oklch(84% .14 158);font-family:Manrope,Noto Sans SC,system-ui,sans-serif;font-size:.75rem}.online-create-workspace .hatch-ritual-copy>p{color:oklch(84% .035 170);max-width:40ch;min-height:3.2em;margin-top:2px;font-size:.73rem;line-height:1.6}.hatch-result.failed .hatch-ritual-copy>p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hatch-ritual-copy>p>span{color:inherit;font:inherit}.hatch-ritual-copy>p>i{vertical-align:-.12em;background:0 0;width:1px;height:1.05em;margin-left:3px;display:inline-block}.hatch-ritual-copy>p>i.is-typing{background:var(--mint);animation:.72s step-end infinite hatch-caret;box-shadow:0 0 8px oklch(82% .17 148/.8)}.hatch-progress-block{visibility:hidden;opacity:0;width:min(86%,360px);min-height:28px;transition:opacity .18s var(--ease);gap:6px;display:grid}.hatch-progress-block.is-visible{visibility:visible;opacity:1}.hatch-progress-block>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.hatch-progress-block>div:first-child span,.hatch-progress-block>div:first-child strong{color:oklch(72% .045 175);font-family:Manrope,Noto Sans SC,system-ui,sans-serif;font-size:.66rem;font-weight:800}.hatch-progress-block>div:first-child strong{color:oklch(88% .1 180)}.hatch-progress-block .hatch-progress{background:oklch(13% .025 178/.9);height:4px;box-shadow:inset 0 0 0 1px oklch(72% .08 185/.12)}.hatch-progress-block .hatch-progress i{background:linear-gradient(90deg,oklch(68% .17 164),oklch(82% .15 193),oklch(72% .17 285)) 0 0/180% 100%;animation:2.4s linear infinite hatch-progress-flow}.hatch-egg-scene{z-index:4;aspect-ratio:1;transform-origin:50%;pointer-events:none;width:clamp(180px,43%,310px);position:absolute;top:62%;left:50%;transform:translate(-50%,-50%)}.hatch-state-display .hatch-egg-scene .hatch-state-art{z-index:4;object-fit:contain;width:100%;min-width:0;max-width:none;height:100%;margin:0;display:block;position:relative;inset:auto}.hatch-orbit{mix-blend-mode:screen;pointer-events:none;border:1px solid oklch(86% .17 198/.82);border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 8px oklch(77% .18 198/.72),0 0 22px oklch(62% .2 237/.36),inset 0 0 9px oklch(71% .16 294/.2)}.hatch-orbit:before,.hatch-orbit:after{content:"";background:oklch(98% .03 190);border-radius:50%;width:5px;height:5px;position:absolute;top:50%;box-shadow:0 0 7px 2px oklch(84% .15 202),0 0 18px 4px oklch(66% .21 250)}.hatch-orbit:before{left:7%}.hatch-orbit:after{width:3px;height:3px;right:13%}.hatch-orbit-a{width:118%;height:39%;animation:8.4s linear infinite hatch-demo-orbit-a}.hatch-orbit-b{border-color:oklch(79% .18 297/.74);width:110%;height:34%;animation:10.6s linear infinite reverse hatch-demo-orbit-b;box-shadow:0 0 8px oklch(75% .2 300/.62),0 0 24px oklch(55% .2 278/.32)}.hatch-orbit-c{border-color:oklch(84% .14 219/.34);width:72%;height:92%;animation:14s linear infinite hatch-demo-orbit-c;box-shadow:0 0 14px oklch(62% .18 230/.2)}.hatch-orbit.orbit-back{z-index:2;opacity:.55}.hatch-orbit.orbit-front{z-index:6;clip-path:inset(49% -12% -22%)}.hatch-result.succeeded .hatched-pet-preview{width:min(23%,112px);height:auto;animation:1s cubic-bezier(.16,.7,.2,1) .55s both hatch-pet-emerge;top:51%;transform:translate(-50%,-50%)}.hatch-grade-panel{--grade-color:oklch(74% .12 180);z-index:14;border:1px solid color-mix(in oklch, var(--grade-color) 45%, transparent);color:oklch(87% .035 175);text-align:left;min-width:152px;text-shadow:none;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:oklch(3.5% .018 180/.82);border-radius:10px;align-items:center;gap:9px;padding:9px 10px;animation:.7s cubic-bezier(.16,.7,.2,1) .62s both hatch-grade-arrive;display:flex;position:absolute;bottom:15px;right:16px}.hatch-grade-panel.grade-s{--grade-color:oklch(83% .17 148)}.hatch-grade-panel.grade-a{--grade-color:oklch(81% .14 200)}.hatch-grade-panel.grade-b{--grade-color:oklch(84% .13 88)}.hatch-grade-panel.grade-c{--grade-color:oklch(78% .14 52)}.hatch-grade-panel.grade-d{--grade-color:oklch(69% .16 28)}.hatch-grade-mark{text-align:center;flex:0 0 54px;justify-items:center;gap:3px;width:54px;display:grid}.hatch-grade-mark img{object-fit:contain;width:48px;height:48px;filter:drop-shadow(0 0 10px color-mix(in oklch, var(--grade-color) 55%, transparent))}.hatch-grade-mark small{border:1px solid color-mix(in oklch, var(--grade-color) 36%, transparent);min-width:30px;color:color-mix(in oklch, var(--grade-color) 74%, white);background:oklch(2.5% .01 180/.72);border-radius:999px;margin-top:0;padding:2px 6px;font-family:Manrope,system-ui,sans-serif;font-size:.52rem;font-weight:850;line-height:1}.hatch-grade-panel>div:last-child{gap:2px;display:grid}.hatch-grade-panel>div:last-child strong{color:oklch(90% .03 175);font-family:Gowun Batang,Songti SC,serif;font-size:.74rem}.hatch-grade-panel>div:last-child span{color:oklch(66% .04 178);font-family:Manrope,system-ui,sans-serif;font-size:.58rem;font-weight:750}@keyframes hatch-caret{50%{opacity:0}}@keyframes hatch-progress-flow{to{background-position:-180% 0}}@keyframes hatch-demo-orbit-a{0%,to{opacity:.62;transform:translate(-50%,-50%)rotate(-9deg)scaleX(1)}50%{opacity:1;transform:translate(-50%,-50%)rotate(-4deg)scaleX(1.035)}}@keyframes hatch-demo-orbit-b{0%,to{opacity:.55;transform:translate(-50%,-50%)rotate(16deg)scaleX(.98)}50%{opacity:.9;transform:translate(-50%,-50%)rotate(10deg)scaleX(1.04)}}@keyframes hatch-demo-orbit-c{0%,to{opacity:.18;transform:translate(-50%,-50%)rotate(48deg)}50%{opacity:.46;transform:translate(-50%,-50%)rotate(55deg)}}@keyframes hatch-pet-emerge{0%{opacity:0;filter:blur(5px);transform:translate(-50%,-30%)scale(.72)}to{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}}@keyframes hatch-grade-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){.online-create-workspace .creator-result>.hatch-state-display{padding:16px 14px 12px}.online-create-workspace .hatch-ritual-copy{width:96%}.online-create-workspace .hatch-ritual-copy>p{max-width:36ch;min-height:4.6em;font-size:.7rem}.hatch-egg-scene{width:clamp(160px,48%,235px);top:65%}.hatch-grade-panel{gap:7px;min-width:132px;padding:7px 8px;bottom:9px;right:9px}.hatch-grade-mark{flex-basis:44px;width:44px}.hatch-grade-mark img{width:44px;height:44px}.hatch-grade-panel>div:last-child strong{font-size:.68rem}.hatch-grade-panel>div:last-child span{font-size:.54rem}}@media (width<=430px){.online-create-workspace .creator-result.hatch-result{aspect-ratio:1}.online-create-workspace .hatch-ritual-copy>strong{font-size:.96rem}.online-create-workspace .hatch-ritual-copy>p{min-height:3.2em;font-size:.66rem;line-height:1.5}.hatch-egg-scene{width:148px;top:68%}.hatch-result.succeeded .hatch-egg-scene,.hatch-result.failed .hatch-egg-scene,.hatch-result.succeeded .hatched-pet-preview{left:29%}.hatch-grade-panel{min-width:126px}}.creator-toast{z-index:20;color:oklch(90% .045 170);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:oklch(3.5% .014 178/.88);border:1px solid oklch(82% .12 185/.32);border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;max-width:min(360px,100% - 28px);padding:10px 11px;font-size:.76rem;line-height:1.45;animation:.22s cubic-bezier(.2,.8,.2,1) both creator-toast-in;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 12px 28px oklch(1% .01 175/.34)}.creator-toast svg{color:var(--mint);filter:none}.creator-toast.warning{color:oklch(91% .08 92);border-color:oklch(82% .12 82/.4)}.creator-toast.warning svg{color:oklch(87% .15 95)}.creator-toast.success{color:oklch(91% .08 150);border-color:oklch(82% .16 150/.38)}.creator-toast button{width:24px;height:24px;color:inherit;cursor:pointer;background:oklch(92% .03 170/.08);border:0;border-radius:50%;place-items:center;display:grid}.creator-toast button:hover{background:oklch(92% .03 170/.16)}.studio-memory .sprite-player{transform:scale(1.25)}.studio-memory>span{color:oklch(78% .03 175);text-align:left;background:linear-gradient(#0000,oklch(1% .01 175/.96));padding:7px 8px;font-family:Gowun Batang,Songti SC,serif;font-size:.72rem;position:absolute;bottom:0;left:0;right:0}.studio-submit-link{min-width:max-content;color:var(--mint);align-items:center;gap:7px;font-family:Gowun Batang,Songti SC,serif;font-size:.86rem;text-decoration:none;display:inline-flex}.studio-submit-link:hover{color:oklch(87% .16 184)}@keyframes portal-breathe{to{transform:translate3d(var(--far-x), var(--far-y), 0) scale(1.12);opacity:.72}}@keyframes ring-pulse{0%,to{opacity:.25;transform:scale(.96)}50%{opacity:.68;transform:scale(1.05)}}@keyframes ai-button-sparkle{0%,to{opacity:.75;scale:.9}50%{opacity:1;scale:1}}@keyframes ai-button-particle{0%,to{opacity:.2;transform:translateY(6px)scale(.75)}50%{opacity:1;transform:translate(5px,-8px)scale(1)}}@keyframes mote-float{0%,to{opacity:.28;transform:translateY(10px)}50%{opacity:1;transform:translate(8px,-24px)}}@keyframes orbit-scroll{to{transform:translate(calc(-50% - 9px))}}@keyframes sprite-steps{0%{background-position-x:0%}to{background-position-x:var(--frame-end)}}@keyframes page-arrive{0%{opacity:0;transform:translateY(8px)}}@keyframes beam-run-border{0%{top:0;left:calc(-1 * var(--beam-size));width:var(--beam-size);height:var(--beam-border);transform:translate(0)rotate(0)}24.99%{width:var(--beam-size);height:var(--beam-border);top:0;left:100%;transform:translate(0)rotate(0)}25%{top:calc(-1 * var(--beam-size));left:calc(100% - var(--beam-border));width:var(--beam-size);height:var(--beam-border);transform:translate(0)rotate(90deg)}49.99%{top:100%;left:calc(100% - var(--beam-border));width:var(--beam-size);height:var(--beam-border);transform:translate(0)rotate(90deg)}50%{top:calc(100% - var(--beam-border));width:var(--beam-size);height:var(--beam-border);left:100%;transform:translate(0)rotate(180deg)}74.99%{top:calc(100% - var(--beam-border));left:calc(-1 * var(--beam-size));width:var(--beam-size);height:var(--beam-border);transform:translate(0)rotate(180deg)}75%{width:var(--beam-size);height:var(--beam-border);top:100%;left:0;transform:translate(0)rotate(270deg)}99.99%{top:calc(-1 * var(--beam-size));width:var(--beam-size);height:var(--beam-border);left:0;transform:translate(0)rotate(270deg)}to{top:0;left:calc(-1 * var(--beam-size));width:var(--beam-size);height:var(--beam-border);transform:translate(0)rotate(0)}}@keyframes incubate-border-flow{0%,to{filter:brightness(.92)saturate();transform:scale(1)}50%{filter:brightness(1.22)saturate(1.18);transform:scale(1.012)}}@keyframes creator-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translate(0,0)}}@keyframes incubate-particles{0%,to{opacity:.34;transform:translate(-2%,5%)scale(.94)}50%{opacity:1;transform:translate(2%,-5%)scale(1.06)}}@keyframes incubate-particle-burst{0%{opacity:.2;transform:scale(.45)}52%{opacity:1;transform:scale(1.12)}to{opacity:0;transform:scale(1.42)}}@keyframes incubate-breathe{0%,to{filter:brightness(1.02)saturate(1.08)}50%{filter:brightness(1.24)saturate(1.3)}}@keyframes incubate-hover-swirl{0%,to{filter:brightness()saturate(1.04);transform:scale(1)}48%{filter:brightness(1.1)saturate(1.14);transform:scale(1.004)}70%{filter:brightness(1.04)saturate(1.08);transform:scale(1.002)}}@keyframes incubate-flow-a{0%,12%,to{opacity:0;transform:scale(1)}30%,48%{opacity:.78;transform:scale(1.012)}64%{opacity:.16}}@keyframes incubate-flow-b{0%,36%,to{opacity:0;transform:scale(1)}56%,76%{opacity:.82;transform:scale(1.012)}90%{opacity:.12}}@keyframes incubate-charge{0%{opacity:0;filter:brightness(.8)saturate(.9);transform:scale(.94)}58%{opacity:1;filter:brightness(1.42)saturate(1.35);transform:scale(1.04)}to{opacity:1;filter:brightness(1.12)saturate(1.18);transform:scale(1)}}@media (width<=1220px){.pet-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=980px){.library-hero{grid-template-columns:1fr;align-items:start;gap:20px}.library-hero-art{justify-self:stretch;max-width:none}.pet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1100px){.portal-aura,.portal-sky{width:42%;left:50%}.portal-gateway{left:71%}.detail-layout{grid-template-columns:1fr}.creator-pet-preview-layout{grid-template-columns:1fr;width:100%}.creator-pet-preview-stage{min-height:420px}.creator-pet-motion-panel{border-top:1px solid oklch(82% .06 170/.18);border-left:0;max-height:none}.creator-preview-editor .emotion-picker>div{grid-template-columns:repeat(5,minmax(0,1fr))}.detail-stage{height:520px;max-height:520px}.action-panel{height:auto;max-height:none}.admin-sidebar{border-bottom:1px solid oklch(83% .02 170);border-right:0;flex-direction:row;align-items:center;gap:14px;width:100%;position:static}.admin-sidebar nav{flex-wrap:wrap;margin-top:0;display:flex}.admin-sidebar nav button{width:auto}.admin-sidebar>button{margin-top:0;margin-left:auto}.admin-main{width:100%;margin-left:0}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.submit-form-row,.creator-edit-grid{grid-template-columns:1fr}}@media (width<=760px){.header,main,.library-header,.library-main{width:min(100% - 24px,1380px)}.header,.library-header{top:10px}.header .brand,.library-header .brand{gap:8px;min-width:138px}.header .brand-mark,.library-header .brand-mark{flex-basis:34px;width:34px;height:34px}.header .brand-name strong,.library-header .brand-name strong{font-size:.82rem}.header .brand-name small,.library-header .brand-name small{font-size:.5rem}.header nav{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:oklch(8% .02 170/.72);border-radius:999px;gap:4px;padding:4px;display:flex;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.header nav a,.library-header nav a{white-space:nowrap;min-height:34px;padding:8px 10px;font-size:.75rem}.header-right{gap:6px}.profile-nickname{display:none}.profile-trigger{gap:4px}.profile-avatar{flex-basis:34px;width:34px;height:34px}.account-actions{max-width:156px}.account-actions.compact button,.account-actions.compact span{white-space:nowrap;max-width:42px;padding-inline:8px;overflow:hidden}.locale-switch{width:42px;color:var(--ink);padding:0;overflow:hidden}.locale-menu{right:-1px}.locale-switch span{display:none}.profile-center-backdrop{align-items:end;padding:10px}.profile-center-dialog{width:100%;max-height:calc(100svh - 20px);padding:20px 16px}.profile-section-form,.profile-password-grid{grid-template-columns:1fr}.profile-section-form label,.profile-password-grid label{grid-column:1}.profile-submit{justify-self:stretch;width:100%}.library-header{flex-wrap:wrap;row-gap:6px}.library-header nav{order:3;justify-content:center;width:100%;display:flex}.hero{min-height:760px}.hero-copy{width:calc(100% - 32px);top:42%;left:16px}.hero-copy h1{font-size:clamp(3rem,15vw,4.2rem)}.portal-world{inset:-28% -54%}.portal-world img{object-position:54% center}.hero{--cave-offset-x:0px}.portal-aura,.portal-sky{opacity:.58;width:48%;height:38%;top:47%;left:27%}.portal-gateway{width:280px;height:220px;top:68%;left:52%}.gateway-ring{width:150px;height:150px}.gateway-pet{width:104px;height:112px}.gateway-pet .sprite-player.compact .sprite-frame{width:min(62px,64%)}.gateway-nori{top:62px;left:15px}.gateway-tmuxai{top:19px;right:9px}.gateway-patchi{top:-6px;left:90px}.portal-gateway strong{bottom:6px}.portal-gateway small{bottom:-17px}.portal-foreground{background:radial-gradient(68% 68% at 54% 44%,#0000 0 49%,oklch(2.5% .01 170/.54) 72%,oklch(2% .008 170/.92) 100%)}.portal-crystals{opacity:.8;width:38%}.portal-arrival{padding-inline:0}.portal-arrival h2{padding-inline:20px;font-size:clamp(2rem,10vw,3rem)}.arrival-orbit{height:230px}.orbit-pet{width:143px;height:190px;padding:17px 15px 15px}.orbit-sprite{height:108px}.orbit-sprite .sprite-frame{width:76px}.orbit-pet strong{font-size:.86rem}.library-hero{grid-template-columns:1fr;align-items:flex-start;min-height:auto;padding:72px 0 28px}.library-hero-art{aspect-ratio:16/9}.library-status{width:fit-content;min-width:0;margin-top:22px}.library-status>span{border-right:1px solid var(--line);border-bottom:0;min-width:0;padding:11px 14px}.library-status>span:last-child{border-right:0}.library-toolbar{grid-template-columns:1fr;align-items:stretch}.filter-control{justify-content:flex-start}.pet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-page{padding-bottom:60px}.detail-stage{height:360px;max-height:360px}.detail-actions,.trust-grid,.creator-package-form,.online-creator-layout,.creator-library-layout{grid-template-columns:1fr}.creator-upload-workbench{position:static}.creator-pet-preview-stage{min-height:340px;padding:16px}.creator-pet-preview-stage .pet-visual{height:310px}.creator-preview-editor .emotion-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}.online-create-workspace .online-creator-layout{grid-template-columns:1fr}.creator-package-form .span-two{grid-column:1}.creator-workspace-head{flex-direction:column;align-items:flex-start}.creator-tabs{width:100%;overflow-x:auto}.creator-tabs button{flex:1 0 auto}.creator-workspace-body{padding:22px}.creator-flow{flex-wrap:wrap;gap:8px 12px}.creator-flow i{display:none}.creator-surface-footer{flex-direction:column;align-items:flex-start;padding-inline:4px}.creator-surface-footer div{flex-wrap:wrap;gap:10px}.content-page{padding:72px 0}.detail-motion-heading{flex-direction:column;align-items:flex-start}.action-list{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-dialog{padding:22px}.legal-backdrop{align-items:end;padding:12px}.legal-dialog{max-height:calc(100svh - 24px);padding:24px 18px 18px}.legal-dialog h2{font-size:1.65rem}.legal-dialog-body{max-height:48svh;padding-right:2px}.legal-dialog-body section{padding:14px}.legal-dialog-actions{flex-direction:column-reverse;align-items:stretch}.legal-dialog-actions a,.legal-dialog-actions button{width:100%}.admin-settings-form,.model-provider-card{grid-template-columns:1fr}.mail-test{flex-direction:column}.admin-login>.brand{justify-self:start;margin-bottom:18px;position:static}.admin-sidebar{flex-direction:column;align-items:flex-start}.admin-sidebar>button{margin-left:0}.admin-topbar{flex-direction:column;align-items:flex-start}.admin-topbar-actions{flex-wrap:wrap;justify-content:space-between;width:100%}.admin-tabbar{width:100%}.admin-tabbar button{flex:1}.admin-stats,.admin-summary-grid{grid-template-columns:1fr}.admin-section{overflow-x:auto}.resource-editor,.resource-row{grid-template-columns:1fr}}@media (width<=430px){.action-panel{padding:16px}.action-list button{min-height:98px}.pet-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.cursor-crystal-reveal{display:none}.motion-copy-char:hover{color:inherit;filter:none;text-shadow:none;transform:none}}.admin-sidebar{background:linear-gradient(oklch(5.5% .017 185/.98),oklch(2.5% .008 175/.98));border-color:oklch(82% .08 185/.16);width:258px;box-shadow:18px 0 60px oklch(1% .01 180/.28)}.admin-sidebar .brand{color:var(--ink)}.admin-sidebar nav{gap:7px}.admin-sidebar nav button,.admin-sidebar>button{color:oklch(72% .045 180)}.admin-sidebar nav button:hover,.admin-sidebar nav button.active{color:var(--mint);background:linear-gradient(90deg,oklch(18% .07 180/.72),oklch(12% .04 190/.32))}.admin-sidebar nav button{position:relative}.admin-sidebar nav button b{color:oklch(8% .02 180);background:oklch(75% .15 180);border-radius:50%;place-items:center;width:19px;height:19px;margin-left:auto;font-size:.65rem;display:grid}.admin-sidebar>button{border-color:oklch(82% .08 185/.22)}.admin-main{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 80% 0,oklch(17% .065 200/.22),#0000 31%),radial-gradient(circle at 20% 80%,oklch(15% .05 280/.18),#0000 32%),oklch(3.5% .012 180)}.admin-topbar{border-bottom:1px solid oklch(82% .08 185/.16);padding-bottom:18px}.admin-topbar>div>span,.admin-drawer-head span{color:var(--mint);letter-spacing:.14em;font-size:.67rem;font-weight:850}.admin-topbar h1{color:oklch(93% .025 180);margin-top:7px;font-family:Gowun Batang,Songti SC,serif;font-size:clamp(1.55rem,3vw,2.2rem)}.admin-primary-button,.admin-topbar .admin-primary-button{color:oklch(98% .01 180);cursor:pointer;min-height:40px;font:inherit;background:linear-gradient(135deg,oklch(65% .16 180),oklch(42% .11 196));border:1px solid oklch(78% .18 180/.72);border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:.8rem;font-weight:850;display:inline-flex;box-shadow:0 8px 24px oklch(52% .16 185/.18)}.admin-message,.admin-loading{color:oklch(83% .08 180);background:oklch(12% .04 185/.62);border-color:oklch(72% .15 180/.4);align-items:center;gap:8px;display:flex}.admin-content{gap:20px}.admin-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:0}.admin-stats article,.admin-section,.admin-summary-card{background:linear-gradient(145deg,oklch(9% .025 185/.82),oklch(4.5% .012 180/.88));border-color:oklch(82% .08 185/.16);box-shadow:inset 0 1px oklch(85% .1 180/.05)}.admin-stats article{min-height:132px;padding:18px;position:relative;overflow:hidden}.admin-stats article:after{content:"";border:1px solid oklch(72% .16 180/.2);border-radius:50%;width:80px;height:80px;position:absolute;bottom:-28px;right:-18px}.admin-stats span,.admin-section-title span,.resource-actions span{color:oklch(61% .045 180)}.admin-stats strong{color:oklch(94% .025 180);font-size:2rem}.admin-stats small{color:oklch(65% .04 180);font-size:.7rem}.admin-stat-attention{border-color:oklch(72% .16 180/.46)!important}.admin-stat-attention button{width:fit-content;color:var(--mint);cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:.72rem;font-weight:850;display:inline-flex}.admin-section{border-radius:13px;margin-top:0}.admin-section-title{border-color:oklch(82% .08 185/.14);padding:16px 18px}.admin-section-title h2{color:oklch(92% .025 180);font-family:Gowun Batang,Songti SC,serif}.admin-section-title button,.admin-text-button{color:var(--mint);cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;padding:0;font-size:.76rem;font-weight:800;display:inline-flex}.admin-summary-grid{gap:16px}.admin-summary-card{border-radius:13px}.admin-mini-row{color:oklch(78% .04 180);text-align:left;background:0 0;border-color:oklch(82% .08 185/.12)}button.admin-mini-row{cursor:pointer;width:100%}.admin-mini-row:hover{background:oklch(18% .06 185/.28)}.admin-mini-row span{color:oklch(61% .045 180);text-overflow:ellipsis;white-space:nowrap;max-width:42%;font-size:.72rem;overflow:hidden}.admin-toolbar{border-bottom:1px solid oklch(82% .08 185/.12);flex-wrap:wrap;gap:9px;padding:14px 18px;display:flex}.admin-toolbar-split{align-items:center}.admin-toolbar input,.admin-toolbar select,.admin-drawer-fields input,.admin-drawer-fields select,.admin-drawer-fields textarea,.admin-review-note textarea{color:oklch(90% .03 180);min-height:38px;font:inherit;background:oklch(3.5% .012 180/.78);border:1px solid oklch(82% .08 185/.2);border-radius:8px;outline:none;padding:0 10px;font-size:.78rem}.admin-toolbar input{flex:240px;min-width:min(100%,260px)}.admin-toolbar select{min-width:118px}.admin-toolbar input:focus,.admin-toolbar select:focus,.admin-drawer-fields input:focus,.admin-drawer-fields select:focus,.admin-drawer-fields textarea:focus,.admin-review-note textarea:focus{border-color:oklch(72% .17 180/.8);box-shadow:0 0 0 3px oklch(62% .14 180/.13)}.admin-table{overflow-x:auto}.admin-table-row{color:oklch(76% .04 180);border-color:oklch(82% .08 185/.12);align-items:center;min-width:820px}.admin-table-row:hover:not(.head){background:oklch(12% .04 185/.48)}.admin-table-row.head{color:oklch(57% .05 180);background:oklch(8% .025 185/.9)}.admin-table-row small{color:oklch(57% .035 180);margin-top:3px;font-size:.69rem;line-height:1.45;display:block}.admin-review-row{grid-template-columns:minmax(280px,1.7fr) minmax(130px,.8fr) minmax(150px,.8fr) minmax(128px,.65fr) minmax(210px,.9fr)}.admin-review-row.is-rejecting{row-gap:12px}.admin-resource-row{grid-template-columns:minmax(230px,1.5fr) .8fr 1fr .55fr .9fr 150px}.admin-user-row{grid-template-columns:minmax(170px,1.2fr) .8fr .8fr 1.1fr .65fr 70px}.admin-hatch-row{grid-template-columns:minmax(260px,1.55fr) .7fr .75fr 1fr 1.25fr 1fr}.admin-resource-name{grid-template-columns:42px minmax(0,1fr);align-items:center;column-gap:9px;display:grid}.admin-resource-name .pet-visual{aspect-ratio:1;border-radius:7px;grid-row:span 3;width:42px;min-height:42px}.admin-resource-name .sprite-player.compact .sprite-frame{width:34px}.admin-resource-name strong{color:oklch(89% .03 180);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-resource-name small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-review-resource{grid-template-rows:auto auto auto;align-items:start}.admin-review-resource .pet-visual{margin-top:2px}.admin-review-resource small{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:62ch;display:-webkit-box}.admin-pet-tags{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.admin-pet-tags i{color:oklch(72% .06 180);white-space:nowrap;background:oklch(13% .035 185/.44);border:1px solid oklch(72% .08 180/.24);border-radius:999px;align-items:center;min-height:18px;padding:0 6px;font-size:.6rem;font-style:normal;line-height:1;display:inline-flex}.admin-status{color:oklch(75% .07 180);white-space:nowrap;background:oklch(17% .05 185/.5);border:1px solid oklch(67% .06 180/.34);border-radius:999px;align-items:center;width:fit-content;padding:4px 8px;font-size:.68rem;font-style:normal;display:inline-flex}.admin-status.published,.admin-status.active,.admin-status.platform_original{color:oklch(76% .16 165);border-color:oklch(72% .16 165/.42)}.admin-status.pending_review,.admin-status.creator_original,.admin-status.admin{color:oklch(78% .13 285);border-color:oklch(72% .13 285/.42)}.admin-status.draft,.admin-status.disabled,.admin-status.external_collection{color:oklch(78% .12 80);border-color:oklch(70% .1 70/.38)}.admin-status.running{color:oklch(76% .16 165);border-color:oklch(72% .16 165/.42)}.admin-status.queued{color:oklch(82% .08 220);border-color:oklch(75% .09 220/.45)}.admin-status.succeeded{color:oklch(75% .12 205);border-color:oklch(72% .11 210/.55)}.admin-status.failed{color:oklch(86% .09 35);border-color:oklch(72% .14 25/.55)}.admin-resource-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-text-button.danger{color:oklch(82% .1 35);gap:4px}.admin-text-button.danger:hover{color:oklch(92% .12 35)}.admin-row-action{width:100%;min-height:32px;box-shadow:none;padding:0 10px;font-size:.72rem}.admin-pager{color:oklch(58% .04 180);justify-content:flex-end;align-items:center;gap:8px;padding:14px 18px;font-size:.75rem;display:flex}.admin-pager button{color:oklch(82% .05 180);cursor:pointer;min-height:32px;font:inherit;background:oklch(12% .04 185/.5);border:1px solid oklch(72% .09 185/.3);border-radius:7px;padding:0 10px;font-size:.72rem}.admin-pager button:disabled{cursor:not-allowed;opacity:.36}.admin-empty{color:oklch(57% .04 180);text-align:center;margin:0;padding:30px 18px;font-size:.82rem}.admin-compact-section{overflow:hidden}.generation-admin-row{color:oklch(75% .04 180);border-color:oklch(82% .08 185/.12)}.generation-admin-row p{color:oklch(58% .04 180)}.generation-admin-row img,.generation-empty-thumb{background:oklch(12% .03 185)}.admin-review-workbench{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 18px 0;display:grid}.admin-review-workbench article{background:oklch(4.5% .014 182/.72);border:1px solid oklch(82% .08 185/.13);border-radius:9px;min-height:76px;padding:12px}.admin-review-workbench span{color:oklch(58% .04 180);font-size:.68rem;font-weight:800;display:block}.admin-review-workbench strong{color:oklch(90% .03 180);margin-top:6px;font-size:1.25rem;display:block}.admin-review-source{justify-items:start;gap:6px;min-width:0;display:grid}.admin-hatch-stats{border-bottom:1px solid oklch(82% .08 185/.12);padding:14px 18px}.admin-hatch-stats article{min-height:92px;padding:14px}.admin-hatch-list{gap:12px;padding:16px 18px 18px;display:grid}.admin-hatch-card{background:linear-gradient(135deg,oklch(5.5% .018 182/.94),oklch(8% .028 190/.7));border:1px solid oklch(82% .08 185/.16);border-radius:10px;grid-template-columns:88px minmax(0,1fr) 178px;align-items:stretch;gap:16px;padding:14px;display:grid}.admin-hatch-card.running{border-color:oklch(72% .16 170/.26);box-shadow:inset 0 0 0 1px oklch(72% .16 170/.08)}.admin-hatch-card.failed{border-color:oklch(72% .14 25/.24)}.admin-hatch-card-media{align-content:start;justify-items:center;gap:9px;display:grid}.admin-hatch-card-media img,.admin-hatch-card-media .generation-empty-thumb{object-fit:cover;border:1px solid oklch(82% .08 185/.16);border-radius:10px;width:72px;height:72px;display:block}.admin-hatch-card-main{gap:10px;min-width:0;display:grid}.admin-hatch-card-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.admin-hatch-card-title>div{gap:4px;min-width:0;display:grid}.admin-hatch-card-title strong{color:oklch(92% .03 180);text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;overflow:hidden}.admin-hatch-card-title small{color:oklch(55% .04 180);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.admin-hatch-card-title>span{flex:none}.admin-hatch-card-main p{color:oklch(68% .045 180);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.78rem;line-height:1.55;display:-webkit-box;overflow:hidden}.admin-hatch-task{grid-template-columns:56px minmax(0,1fr);align-items:center;column-gap:10px;display:grid}.admin-hatch-task img,.admin-hatch-task .generation-empty-thumb{object-fit:cover;border:1px solid oklch(82% .08 185/.16);border-radius:9px;grid-row:span 2;width:56px;height:56px}.admin-hatch-task strong,.admin-hatch-task small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-hatch-task strong{color:oklch(90% .03 180)}.admin-hatch-progress{background:oklch(16% .03 185/.9);border-radius:999px;height:6px;overflow:hidden}.admin-hatch-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--mint), var(--cyan));height:100%;transition:width .28s;display:block;box-shadow:0 0 14px oklch(70% .18 180/.42)}.admin-hatch-meta{flex-wrap:wrap;gap:6px;display:flex}.admin-hatch-meta span{color:oklch(62% .045 180);border:1px solid oklch(72% .08 185/.16);border-radius:999px;padding:4px 7px;font-size:.66rem;font-weight:800}.admin-hatch-diagnosis{background:oklch(12% .04 26/.42);border:1px solid oklch(72% .14 25/.24);border-radius:8px;gap:5px;padding:10px;display:grid}.admin-hatch-diagnosis strong{color:oklch(90% .1 35);font-size:.78rem}.admin-hatch-diagnosis span{color:oklch(76% .07 36);font-size:.72rem;line-height:1.55}.admin-hatch-diagnosis code{color:oklch(66% .05 35);text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;overflow:hidden}.admin-hatch-card-side{border-left:1px solid oklch(82% .08 185/.12);align-content:space-between;gap:10px;padding-left:14px;display:grid}.admin-hatch-card-side small{color:oklch(58% .04 180);text-overflow:ellipsis;font-size:.68rem;line-height:1.55;overflow:hidden}.admin-hatch-card-side>div{flex-wrap:wrap;gap:8px;display:flex}.admin-hatch-drawer{width:min(760px,100%)}.admin-hatch-detail-summary{border-bottom:1px solid oklch(82% .08 185/.14);flex-wrap:wrap;gap:8px;padding:16px 0;display:flex}.admin-hatch-detail-summary span{color:oklch(68% .045 180);border:1px solid oklch(72% .08 185/.18);border-radius:999px;align-items:center;min-height:28px;padding:0 9px;font-size:.68rem;font-weight:800;display:inline-flex}.admin-hatch-failure-panel,.admin-hatch-artifacts,.admin-hatch-row-qa{background:oklch(3.5% .012 180/.52);border:1px solid oklch(82% .08 185/.14);border-radius:9px;gap:10px;margin-bottom:16px;padding:14px;display:grid}.admin-hatch-failure-panel h3,.admin-hatch-artifacts h3,.admin-hatch-row-qa h3{color:oklch(84% .06 180);margin:0;font-size:.82rem}.admin-hatch-failure-panel>div{background:oklch(12% .04 26/.32);border:1px solid oklch(72% .14 25/.22);border-radius:8px;gap:5px;padding:10px;display:grid}.admin-hatch-failure-panel strong{color:oklch(90% .1 35);font-size:.76rem}.admin-hatch-failure-panel span,.admin-hatch-failure-panel p,.admin-hatch-artifacts p{color:oklch(66% .045 180);margin:0;font-size:.72rem;line-height:1.65}.admin-hatch-failure-panel pre{color:oklch(72% .06 180);white-space:pre-wrap;background:oklch(1.8% .008 180/.82);border:1px solid oklch(72% .08 185/.16);border-radius:8px;max-height:180px;margin:0;padding:10px;font-size:.68rem;line-height:1.55;overflow:auto}.admin-hatch-artifacts>div,.admin-hatch-drawer-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-hatch-artifacts span{color:oklch(58% .04 180);border:1px solid oklch(72% .08 185/.18);border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:800}.admin-hatch-artifacts span.ok{color:oklch(78% .14 155);border-color:oklch(72% .16 155/.3)}.admin-hatch-row-qa>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.admin-hatch-row-qa article{background:oklch(2.5% .01 180/.68);border:1px solid oklch(72% .08 185/.16);border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:8px;padding:10px;display:grid}.admin-hatch-row-qa article.ok{border-color:oklch(70% .15 155/.22)}.admin-hatch-row-qa article.failed{border-color:oklch(72% .14 35/.26)}.admin-hatch-row-qa strong{color:oklch(88% .04 180);font-size:.76rem;display:block}.admin-hatch-row-qa small{color:oklch(56% .035 180);font-size:.66rem}.admin-hatch-row-qa span{color:oklch(72% .07 180);background:oklch(13% .035 180/.72);border-radius:999px;padding:4px 7px;font-size:.66rem;font-weight:800}.admin-hatch-row-qa article.ok span{color:oklch(77% .14 155);background:oklch(16% .06 155/.38)}.admin-hatch-row-qa article.failed span{color:oklch(82% .1 40);background:oklch(18% .06 35/.38)}.admin-hatch-row-qa p{color:oklch(66% .045 180);grid-column:1/-1;margin:0;font-size:.68rem;line-height:1.55}.admin-hatch-drawer-actions{background:oklch(4.5% .015 182/.96);border-top:1px solid oklch(82% .08 185/.14);margin:0 -24px -24px;padding:14px 24px;position:sticky;bottom:-24px}.admin-hatch-drawer-actions button{color:oklch(82% .05 180);cursor:pointer;min-height:38px;font:inherit;background:oklch(10% .03 185/.64);border:1px solid oklch(72% .09 185/.28);border-radius:8px;padding:0 12px;font-size:.72rem;font-weight:800}.admin-hatch-drawer-actions .admin-primary-button,.admin-hatch-drawer-actions .admin-reject-button{width:auto}.admin-error-text{max-width:220px;color:oklch(84% .09 35)!important}.readiness-list{background:oklch(82% .08 185/.12)}.readiness-list>div{background:oklch(6% .018 182/.72)}.readiness-list span{color:oklch(59% .04 180)}.admin-settings>p{color:oklch(65% .04 180)}.admin-settings-form label{color:oklch(66% .05 180)}.admin-settings-form input,.admin-settings-form select,.mail-test input{color:oklch(90% .03 180);background:oklch(3.5% .012 180/.78);border-color:oklch(82% .08 185/.22)}.settings-hint{color:oklch(62% .04 180)}.model-provider-card{background:oklch(4% .014 182/.68);border-color:oklch(82% .08 185/.16)}.mail-test{border-color:oklch(82% .08 185/.14)}.mail-test button,.admin-settings-form>button{color:oklch(98% .01 180);background:linear-gradient(135deg,oklch(62% .15 180),oklch(42% .1 195))}.admin-drawer-backdrop{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:oklch(1% .01 180/.68);justify-content:flex-end;display:flex;position:fixed;inset:0}.admin-drawer{background:radial-gradient(circle at 100% 0,oklch(17% .06 200/.36),#0000 35%),oklch(4.5% .015 182);border-left:1px solid oklch(75% .12 185/.25);width:min(590px,100%);min-height:100%;padding:24px;overflow-y:auto;box-shadow:-24px 0 70px oklch(1% .01 180/.45)}.admin-drawer-head{border-bottom:1px solid oklch(82% .08 185/.16);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px;display:flex}.admin-drawer-head h2{color:oklch(93% .025 180);margin:6px 0 0;font-family:Gowun Batang,Songti SC,serif;font-size:1.5rem}.admin-drawer-head button{color:oklch(68% .05 180);cursor:pointer;font:inherit;background:0 0;border:1px solid oklch(82% .08 185/.2);border-radius:7px;padding:7px 10px;font-size:.72rem}.admin-drawer-preview{border-bottom:1px solid oklch(82% .08 185/.14);grid-template-columns:148px 1fr;align-items:center;gap:18px;padding:20px 0;display:grid}.admin-drawer-preview .pet-visual{border-radius:10px;min-height:132px}.admin-drawer-preview>img{aspect-ratio:16/9;object-fit:cover;background:oklch(12% .03 185);border:1px solid oklch(82% .08 185/.16);border-radius:10px;width:148px}.admin-drawer-preview p{color:oklch(66% .045 180);margin:7px 0;font-size:.78rem;line-height:1.5}.admin-drawer-fields{grid-template-columns:1fr 1fr;gap:13px;padding:20px 0;display:grid}.admin-drawer-fields label,.admin-review-note{color:oklch(67% .05 180);gap:7px;font-size:.73rem;font-weight:800;display:grid}.admin-drawer-fields textarea,.admin-review-note textarea{resize:vertical;min-height:86px;padding-block:10px}.drawer-span{grid-column:1/-1}.admin-drawer .admin-primary-button{width:100%}.admin-review-summary{border-bottom:1px solid oklch(82% .08 185/.14);padding:18px 0}.admin-review-summary h3{color:oklch(84% .06 180);margin:0 0 8px;font-size:.84rem}.admin-review-summary p{color:oklch(66% .04 180);margin:0 0 16px;font-size:.8rem;line-height:1.65}.admin-review-summary div{flex-wrap:wrap;gap:6px;display:flex}.admin-review-summary span{color:oklch(71% .06 180);border:1px solid oklch(72% .1 185/.25);border-radius:999px;padding:5px 8px;font-size:.68rem}.admin-review-checklist{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px;gap:8px!important;display:grid!important}.admin-review-checklist span{white-space:normal;background:oklch(3% .01 180/.58);border-radius:8px;gap:3px;padding:9px;display:grid}.admin-review-checklist strong{color:oklch(58% .04 180);font-size:.64rem}.admin-review-note{margin-top:18px}.admin-review-actions{grid-template-columns:1fr 1.3fr;gap:10px;margin-top:18px;display:grid}.admin-reject-button{color:oklch(82% .1 45);cursor:pointer;min-height:40px;font:inherit;background:oklch(17% .045 35/.42);border:1px solid oklch(67% .14 35/.56);border-radius:9px;font-weight:800}.admin-review-row-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.admin-review-row-actions .admin-primary-button,.admin-review-row-actions .admin-reject-button,.admin-review-row-actions .admin-text-button{width:auto;min-height:32px;padding:0 10px;font-size:.68rem}.admin-inline-reject{background:oklch(9% .025 35/.34);border:1px solid oklch(67% .14 35/.32);border-radius:10px;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:12px;display:grid}.admin-inline-reject textarea{resize:vertical;color:oklch(90% .03 180);min-height:62px;font:inherit;background:oklch(2.5% .01 180/.76);border:1px solid oklch(82% .08 185/.18);border-radius:8px;padding:9px 10px;font-size:.74rem}.admin-inline-reject>div{align-items:center;gap:8px;display:flex}.admin-inline-reject .admin-reject-button,.admin-inline-reject .admin-text-button{white-space:nowrap;width:auto;min-height:36px;padding:0 12px}.admin-review-motion-preview{border-bottom:1px solid oklch(82% .08 185/.14);gap:10px;padding:14px 0 16px;display:grid}.admin-review-motion-preview>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-review-motion-preview strong{color:oklch(84% .06 180);font-size:.82rem}.admin-review-motion-preview span{color:oklch(64% .04 180);font-size:.72rem}.admin-review-motion-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.admin-review-motion-buttons button{color:oklch(68% .05 180);cursor:pointer;min-height:34px;font:inherit;background:oklch(3% .01 180/.52);border:1px solid oklch(82% .08 185/.18);border-radius:8px;font-size:.68rem;font-weight:800}.admin-review-motion-buttons button.active{color:oklch(84% .14 150);background:oklch(20% .08 150/.5);border-color:oklch(72% .16 150/.7)}.admin-user-detail{background:oklch(3% .01 180/.45);border:1px solid oklch(82% .08 185/.14);border-radius:9px;gap:9px;margin:18px 0 0;padding:15px;display:grid}.admin-user-detail p,.admin-drawer-hint{color:oklch(64% .04 180);margin:0;font-size:.78rem;line-height:1.55}.admin-drawer-hint{margin:0 0 15px}@media (width<=1100px){.admin-sidebar{width:100%}.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-hatch-card{grid-template-columns:82px minmax(0,1fr)}.admin-hatch-card-side{border-top:1px solid oklch(82% .08 185/.12);border-left:0;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:12px;padding-left:0}}@media (width<=760px){.admin-main{padding:24px 16px 50px}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-review-workbench{grid-template-columns:1fr}.admin-toolbar select{flex:45%}.admin-hatch-card{grid-template-columns:1fr}.admin-hatch-card-media{grid-template-columns:auto 1fr;place-items:center start}.admin-hatch-card-title{flex-direction:column}.admin-hatch-card-side{grid-template-columns:1fr}.admin-drawer{padding:18px}.admin-drawer-fields,.admin-hatch-row-qa>div,.admin-review-checklist,.admin-review-motion-buttons,.admin-inline-reject{grid-template-columns:1fr}.admin-inline-reject>div{justify-content:flex-end}.admin-hatch-row-qa article{grid-template-columns:minmax(0,1fr) auto}.drawer-span{grid-column:auto}.admin-drawer-preview{grid-template-columns:112px 1fr}.admin-review-actions{grid-template-columns:1fr}}@media (width<=430px){.admin-stats{grid-template-columns:1fr}.admin-toolbar input,.admin-toolbar select{flex-basis:100%}.admin-drawer-preview{grid-template-columns:1fr}}@media (width<=980px){.leaderboard-head,.leaderboard-board-head{grid-template-columns:1fr;align-items:start}.leaderboard-summary{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.leaderboard-summary span{grid-template-columns:1fr;gap:3px}}@media (width<=760px){.leaderboard-head{gap:18px;padding:28px 0 18px}.leaderboard-title-block h1{font-size:2.25rem}.leaderboard-board{padding-top:18px}.leaderboard-tabs{width:100%}.leaderboard-tabs button{flex:1;padding:0 8px}.leaderboard-row{grid-template-columns:40px 68px minmax(0,1fr);gap:9px;padding:10px}.leaderboard-rank{width:34px;height:34px;font-size:.68rem}.leaderboard-visual{min-height:62px}.leaderboard-actions{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto auto;place-items:center start;min-width:0}.leaderboard-actions strong{grid-column:auto}.leaderboard-actions button:not(.favorite-button){justify-self:end}}@media (width<=520px){.leaderboard-row{grid-template-columns:36px minmax(0,1fr)}.leaderboard-visual{display:none}.leaderboard-copy p{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.leaderboard-actions button:not(.favorite-button){grid-column:1/-1;width:100%}.creator-rank-stats{grid-template-columns:1fr}}.library-header,.library-toolbar,.pet-card,.leaderboard-head,.leaderboard-board-head,.leaderboard-row,.creator-leaderboard,.detail-stage,.detail-copy,.trust-grid>span,.creator-library-layout.crystal-frame,.creator-pet-card,.creator-upload-workbench,.creator-file-drop,.online-create-workspace.crystal-frame,.online-create-workspace .creator-result,.online-create-workspace .hatch-ritual-copy,.hatch-grade-panel,.hatch-compact-actions,.online-create-workspace .studio-name-row input,.online-create-workspace .studio-name-row select,.studio-description textarea,.online-create-workspace .studio-reference .creator-upload,.creator-upload-workbench .creator-form-field input,.creator-upload-workbench .creator-form-field textarea,.creator-upload-workbench .rights-confirm,.creator-motion-grid button,.creator-preview-editor input,.creator-preview-editor textarea{background-blend-mode:luminosity;-webkit-backdrop-filter:blur(14px)saturate(1.45);box-shadow:inset 0 1px 1px oklch(100% 0 0/.18),inset 0 -1px 1px oklch(100% 0 0/.1),inset 0 0 0 1px oklch(100% 0 0/.06)}.online-create-workspace .hatch-ritual-copy,.hatch-grade-panel,.hatch-compact-actions{-webkit-backdrop-filter:blur(18px)saturate(1.7);background:linear-gradient(oklch(100% 0 0/.12),oklch(100% 0 0/.022) 34%,oklch(100% 0 0/.014) 68%,oklch(100% 0 0/.08)),oklch(100% 0 0/.012);border:1px solid oklch(100% 0 0/.16);box-shadow:inset 0 1px 1px oklch(100% 0 0/.28),inset 0 -1px 1px oklch(100% 0 0/.16),0 12px 30px oklch(1% .01 180/.22)}.hatched-pet-preview,.hatch-compact-actions{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important}.online-create-workspace .hatch-ritual-copy{width:min(84%,410px)}.online-create-workspace .studio-reference .creator-upload,.studio-description textarea,.online-create-workspace .studio-name-row input,.online-create-workspace .studio-name-row select{background-color:oklch(100% 0 0/.018);border-color:oklch(100% 0 0/.16)}.online-create-workspace .creator-result{border-color:oklch(100% 0 0/.18);box-shadow:inset 0 1px 1px oklch(100% 0 0/.16),inset 0 0 0 1px oklch(2% .02 175/.52),inset 0 0 52px oklch(5% .13 190/.2)}.codex-theme-page{width:min(1240px,100% - 40px);margin:42px auto 90px}.codex-theme-hero{grid-template-columns:minmax(0,.92fr) minmax(320px,.72fr);align-items:stretch;gap:24px;margin-top:36px;display:grid}.codex-theme-hero>div,.codex-theme-form,.codex-theme-workspace>article{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:oklch(8% .022 170/.68);border:1px solid oklch(100% 0 0/.14);border-radius:14px;box-shadow:0 18px 50px oklch(1% .01 180/.28)}.codex-theme-hero>div{padding:clamp(26px,4vw,48px)}.codex-theme-eyebrow{color:var(--mint);text-transform:uppercase;align-items:center;gap:9px;font-size:.78rem;font-weight:800;display:inline-flex}.codex-theme-hero h1{color:#fff;margin:18px 0 14px;font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.02}.codex-theme-hero p{max-width:620px;color:var(--muted);margin:0;line-height:1.8}.codex-theme-form{gap:13px;padding:22px;display:grid}.codex-theme-form label,.codex-theme-output h2,.codex-theme-pipeline h2,.codex-theme-package h2,.codex-theme-usage h2{color:#fff;margin:0;font-size:.92rem;font-weight:800}.codex-theme-form textarea,.codex-theme-form select,.codex-theme-output textarea,.codex-theme-output pre{color:oklch(94% .025 170);resize:vertical;background:oklch(3.5% .012 180/.82);border:1px solid oklch(100% 0 0/.14);border-radius:10px;width:100%;padding:13px;line-height:1.6}.codex-theme-form select{resize:none;min-height:42px}.codex-theme-option-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.codex-theme-option-grid label{gap:8px;display:grid}.codex-theme-upload-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.codex-theme-upload{cursor:pointer;background:oklch(3.5% .012 180/.54);border:1px dashed oklch(100% 0 0/.2);border-radius:10px;flex-direction:row;align-items:center;min-height:42px;padding:0 13px;position:relative;overflow:hidden;color:var(--ink)!important;gap:9px!important;display:flex!important}.codex-theme-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.codex-theme-upload span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.82rem;overflow:hidden}.codex-theme-clear{min-height:42px!important;color:var(--ink)!important;background:oklch(100% 0 0/.08)!important}.codex-theme-form-hint{color:var(--muted);margin:-3px 0 0;font-size:.76rem;line-height:1.55}.codex-theme-form-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.codex-theme-form button,.codex-theme-output button{color:oklch(8% .02 170);cursor:pointer;background:oklch(76% .16 155);border:1px solid oklch(100% 0 0/.16);border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:900;display:inline-flex}.codex-theme-form .codex-theme-download-button{color:var(--ink);background:oklch(100% 0 0/.09)}.codex-theme-form button:disabled{cursor:wait;opacity:.68}.codex-theme-output button{min-height:34px;color:var(--ink);background:oklch(100% 0 0/.08)}.codex-theme-workspace{grid-template-columns:minmax(280px,.75fr) minmax(0,1fr);gap:18px;margin-top:18px;display:grid}.codex-theme-workspace>article{padding:18px}.codex-theme-preview{grid-column:1/-1;align-content:start;gap:14px;display:grid}.codex-theme-preview-title{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:.82rem;font-weight:760;display:flex}.codex-theme-preview-mode{background:oklch(3.5% .012 180/.52);border:1px solid oklch(100% 0 0/.12);border-radius:999px;align-items:center;gap:3px;padding:3px;display:inline-flex}.codex-theme-preview-mode button{min-height:28px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:.76rem}.codex-theme-preview-mode button.is-active{background:color-mix(in oklab, var(--theme-accent), transparent 78%);color:var(--ink)}.codex-theme-style-row{gap:9px;margin-top:2px;display:grid}.codex-theme-style-row>span{color:var(--muted);font-size:.82rem;font-weight:760}.codex-theme-style-row>div{flex-wrap:wrap;gap:8px;display:flex}.codex-theme-style-row button{min-height:32px;color:var(--muted);cursor:pointer;background:oklch(96% .018 180/.07);border:1px solid oklch(100% 0 0/.13);border-radius:999px;padding:0 12px;font-size:.78rem;font-weight:780}.codex-theme-style-row button:hover,.codex-theme-style-row button.is-active{border-color:color-mix(in oklab, var(--theme-accent,var(--mint)), transparent 46%);background:color-mix(in oklab, var(--theme-accent,var(--mint)), transparent 82%);color:var(--ink)}.codex-theme-preview-switcher{background:oklch(3.5% .012 180/.58);border:1px solid oklch(100% 0 0/.12);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.codex-theme-preview-switcher>span{color:var(--muted);font-size:.82rem;font-weight:720}.codex-theme-preview-switcher>div{flex-wrap:wrap;gap:8px;display:flex}.codex-theme-preview-switcher button{min-height:30px;color:var(--muted);cursor:pointer;background:oklch(92% .03 170/.06);border:1px solid oklch(100% 0 0/.12);border-radius:999px;padding:0 11px;font-size:.78rem;font-weight:760}.codex-theme-preview-switcher button:hover,.codex-theme-preview-switcher button.is-active{border-color:color-mix(in oklab, var(--theme-accent,var(--mint)), transparent 48%);background:color-mix(in oklab, var(--theme-accent,var(--mint)), transparent 84%);color:var(--ink)}.codex-theme-wallpaper-preview{aspect-ratio:16/9;border:1px solid color-mix(in oklab, var(--theme-accent), transparent 66%);background:radial-gradient(circle at 78% 28%, color-mix(in oklab, var(--theme-accent), transparent 18%), transparent 22%), radial-gradient(circle at 88% 72%, color-mix(in oklab, var(--theme-secondary), transparent 30%), transparent 28%), linear-gradient(135deg, var(--theme-bg), color-mix(in oklab, var(--theme-bg), var(--theme-panel-alt) 48%));color:var(--theme-muted);text-align:center;border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.codex-theme-wallpaper-preview img{object-fit:cover;width:100%;height:100%;display:block}.codex-theme-wallpaper-preview span{width:min(330px,82%);color:color-mix(in oklab, var(--theme-text), transparent 22%);font-size:.88rem;line-height:1.7}.codex-theme-window{border:1px solid color-mix(in oklab, var(--theme-text), transparent 88%);background:linear-gradient(90deg, color-mix(in oklab, var(--theme-bg), white 86%) 0%, color-mix(in oklab, var(--theme-bg), white 78%) 20%, transparent 50%), color-mix(in oklab, var(--theme-bg), white 90%);min-height:clamp(680px,56vw,920px);color:color-mix(in oklab, var(--theme-text), black 34%);background-position:50%;background-size:cover;border-radius:10px;grid-template-columns:minmax(220px,20.8%) 1fr;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Microsoft YaHei UI,Segoe UI,system-ui,sans-serif;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px oklch(1% .01 180/.34)}.codex-theme-window.has-generated-bg{background-position:50%;background-size:cover;transition:filter .5s}.codex-theme-window.has-generated-bg:hover{filter:saturate(1.03)brightness(1.01)}.codex-theme-window.has-generated-bg:before,.codex-theme-window.has-generated-bg:after{z-index:0;pointer-events:none;content:"";position:absolute;inset:0}.codex-theme-window.has-generated-bg:before{opacity:calc(.18 + var(--theme-glow) * .18);background:radial-gradient(circle at 20% 18%, color-mix(in oklab, var(--theme-accent), white 35%) 0 1px, transparent 2px), radial-gradient(circle at 68% 24%, color-mix(in oklab, var(--theme-highlight), white 28%) 0 1.5px, transparent 3px), radial-gradient(circle at 82% 66%, color-mix(in oklab, var(--theme-secondary), white 20%) 0 1px, transparent 2.5px);mix-blend-mode:screen;background-size:128px 96px,164px 132px,112px 148px;animation:12s linear infinite codex-preview-sparkle}.codex-theme-window.has-generated-bg:after{opacity:calc(.12 + var(--theme-glow) * .14);background-image:radial-gradient(circle, color-mix(in oklab, var(--theme-highlight), white 16%) 0 1px, transparent 2px), radial-gradient(circle, color-mix(in oklab, var(--theme-accent), white 20%) 0 1px, transparent 2.5px), radial-gradient(circle, color-mix(in oklab, var(--theme-secondary), white 20%) 0 1.5px, transparent 3px);mix-blend-mode:screen;background-position:0 0,80px -60px,160px -120px;background-size:132px 174px,210px 254px,290px 336px;transition:transform .7s,opacity .7s;animation:16s linear infinite codex-preview-particles;transform:translateY(-4%)}.codex-theme-window.has-generated-bg:hover:after{opacity:calc(.2 + var(--theme-glow) * .2);transform:translateY(2%)}.codex-theme-window[data-dream-ambient=none]:before,.codex-theme-window[data-dream-hover=none]:after{display:none}.codex-theme-window[data-dream-hover=glow]:hover{filter:saturate(1.06)brightness(1.02)}.codex-theme-window[data-dream-hover=sparkle]:hover:before,.codex-theme-window[data-dream-hover=parallax-sparkle]:hover:before{opacity:calc(.26 + var(--theme-glow) * .22)}.codex-theme-window[data-dream-shell=dark]{color:color-mix(in oklab, var(--theme-text), transparent 8%)}.codex-theme-window>aside,.codex-theme-window>main,.codex-theme-window>.codex-live-empty{z-index:1;position:relative}.codex-live-sidebar{background:color-mix(in oklab, var(--theme-bg), transparent calc((1 - var(--preview-sidebar-opacity,.78)) * 100%));border-right:1px solid color-mix(in oklab, var(--theme-text), transparent 92%);min-width:0;color:color-mix(in oklab, var(--theme-text), black 16%);-webkit-backdrop-filter:blur(var(--preview-sidebar-blur,12px));backdrop-filter:blur(var(--preview-sidebar-blur,12px));grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(8px,.9vw,12px);padding:clamp(14px,1.2vw,18px) 10px 10px;display:grid}.codex-theme-window[data-dream-shell=dark] .codex-live-sidebar{background:linear-gradient(90deg, color-mix(in oklab, var(--theme-bg), black 18%) 0%, color-mix(in oklab, var(--theme-bg), transparent 22%) 100%);border-right-color:color-mix(in oklab, var(--theme-accent), transparent 82%);color:color-mix(in oklab, var(--theme-text), transparent 8%)}.codex-theme-preview.sidebar-panel .codex-live-sidebar,.codex-theme-preview.sidebar-glass .codex-live-sidebar,.codex-theme-preview.sidebar-immersive .codex-live-sidebar{background:linear-gradient(90deg,#ffffff85,#ffffff45)}.codex-theme-preview.sidebar-panel .codex-theme-window[data-dream-shell=dark] .codex-live-sidebar,.codex-theme-preview.sidebar-glass .codex-theme-window[data-dream-shell=dark] .codex-live-sidebar,.codex-theme-preview.sidebar-immersive .codex-theme-window[data-dream-shell=dark] .codex-live-sidebar{background:linear-gradient(90deg, color-mix(in oklab, var(--theme-bg), black 22%) 0%, color-mix(in oklab, var(--theme-bg), transparent 34%) 100%)}.codex-live-brand,.codex-live-menu span,.codex-live-list span{align-items:center;gap:10px;display:flex}.codex-live-traffic{min-height:22px;color:color-mix(in oklab, var(--theme-text), transparent 55%);align-items:center;gap:clamp(8px,.76vw,12px);padding-left:10px;display:flex}.codex-live-traffic span{border-radius:999px;width:13px;height:13px}.codex-live-traffic .red{background:#ff5f57}.codex-live-traffic .yellow{background:#febc2e}.codex-live-traffic .green{background:#28c840}.codex-live-traffic i{flex:1}.codex-live-brand{grid-template-columns:minmax(0,1fr) auto;justify-content:space-between;align-items:center;min-height:40px;margin-bottom:2px;padding:4px 12px 0;display:grid}.codex-live-brand strong{color:color-mix(in oklab, var(--theme-text), black 22%);letter-spacing:0;font-size:clamp(1.04rem,1.36vw,1.55rem);font-weight:650}.codex-live-brand strong:after{content:"⌄";color:color-mix(in oklab, var(--theme-text), transparent 56%);margin-left:5px;font-size:.72em}.codex-live-scroll{min-height:0;padding-bottom:8px;overflow:hidden auto}.codex-live-menu,.codex-live-list{gap:2px;margin-bottom:clamp(12px,1.35vw,18px);display:grid}.codex-live-menu span,.codex-live-list span{min-width:0;min-height:clamp(28px,2.4vw,36px);color:color-mix(in oklab, var(--theme-text), transparent 18%);white-space:nowrap;border-radius:10px;margin:0 8px;padding:5px 12px;font-size:clamp(.78rem,.98vw,.94rem);font-weight:540;line-height:1.2}.codex-live-list span.is-active{background:color-mix(in oklab, var(--theme-text), transparent 92%)}.codex-theme-window[data-dream-shell=dark] .codex-live-list span.is-active{border:1px solid color-mix(in oklab, var(--theme-accent), transparent 60%);background:color-mix(in oklab, var(--theme-accent), transparent 84%)}.codex-live-list span.is-muted{color:color-mix(in oklab, var(--theme-text), transparent 60%)}.codex-live-list strong{color:color-mix(in oklab, var(--theme-text), transparent 45%);margin:clamp(4px,.7vw,9px) 12px 5px;font-size:clamp(.72rem,.9vw,.88rem);font-weight:560}.codex-live-list span.no-icon{padding-left:clamp(28px,2.4vw,42px)}.codex-live-user{border-top:1px solid color-mix(in oklab, var(--theme-text), transparent 92%);min-height:44px;color:color-mix(in oklab, var(--theme-text), transparent 10%);grid-template-columns:26px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:8px 12px 0;font-size:clamp(.76rem,.96vw,.92rem);display:grid}.codex-live-avatar{background:color-mix(in oklab, var(--theme-accent), #35d476 42%);color:#fff;border-radius:999px;place-items:center;width:26px;height:26px;font-size:.62rem;font-weight:700;display:grid}@keyframes codex-preview-sparkle{0%{background-position:0 0,0 0,0 0}to{background-position:128px -96px,-164px 132px,112px 148px}}@keyframes codex-preview-particles{0%{background-position:0 0,80px -60px,160px -120px}to{background-position:36px 174px,24px 254px,220px 336px}}.codex-live-surface{background:color-mix(in oklab, var(--theme-bg), white 92%);grid-template-rows:52px minmax(0,1fr) auto;min-width:0;padding:0 clamp(18px,5.6vw,118px) clamp(18px,2.1vw,28px);display:grid;position:relative}.codex-home-fixture .codex-live-surface{grid-template-rows:52px minmax(150px,1fr) auto auto}.codex-theme-window.has-generated-bg .codex-live-surface{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(#ffffffb8,#ffffff5c)}.codex-theme-window[data-dream-shell=dark] .codex-live-surface,.codex-theme-window[data-dream-shell=dark].has-generated-bg .codex-live-surface{background:linear-gradient(180deg, color-mix(in oklab, var(--theme-bg), transparent 54%), color-mix(in oklab, var(--theme-bg), black 12%));-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.codex-live-home-header{color:color-mix(in oklab, var(--theme-text), transparent 58%);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.codex-live-home-header div{align-items:center;gap:clamp(12px,1.1vw,18px);display:flex}.codex-live-home-header div:nth-child(2){justify-content:center}.codex-live-home-header div:nth-child(3){justify-content:flex-end}.codex-live-task-header{min-width:0}.codex-live-task-header strong{min-width:0;color:color-mix(in oklab, var(--theme-text), transparent 4%);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.78rem,.98vw,.96rem);overflow:hidden}.codex-live-pill{border:1px solid color-mix(in oklab, var(--theme-text), transparent 88%);background:color-mix(in oklab, var(--theme-panel), white 38%);min-height:26px;color:color-mix(in oklab, var(--theme-text), transparent 22%);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:.72rem;font-weight:650;display:inline-flex}.codex-theme-window[data-dream-shell=dark] .codex-live-pill{border-color:color-mix(in oklab, var(--theme-accent), transparent 78%);background:color-mix(in oklab, var(--theme-panel), transparent 28%)}.codex-live-center{width:min(520px,72%);color:color-mix(in oklab, var(--theme-text), black 8%);text-align:center;flex-direction:column;place-self:end center;align-items:center;margin:0 0 clamp(14px,1.6vw,24px);display:flex}.codex-live-center h2{color:color-mix(in oklab, var(--theme-text), black 24%);margin:0 0 clamp(10px,1vw,18px);font-size:clamp(1.18rem,1.85vw,2.2rem);font-weight:400;line-height:1.12}.codex-live-center p{color:color-mix(in oklab, var(--theme-text), transparent 36%);margin:0;font-size:clamp(.76rem,.98vw,.94rem);font-weight:520;line-height:1.55}.codex-live-home-actions{grid-template-columns:repeat(4,minmax(0,1fr));place-self:start center;gap:clamp(9px,1.1vw,16px);width:min(78%,760px);margin:0 0 clamp(12px,1.6vw,24px);display:grid}.codex-live-action-card{border:1px solid color-mix(in oklab, var(--theme-accent), transparent calc((1 - var(--preview-card-border,.42)) * 100%));border-radius:var(--preview-card-radius,clamp(10px, 1.1vw, 16px));background:radial-gradient(circle at 22% 16%, color-mix(in oklab, var(--theme-accent), transparent 82%), transparent 42%), color-mix(in oklab, var(--theme-panel), transparent calc((1 - var(--preview-card-opacity,.86)) * 100%));min-height:clamp(86px,8vw,128px);color:color-mix(in oklab, var(--theme-text), black 12%);box-shadow:0 calc(12px + 14px * var(--preview-card-shadow,.55)) calc(28px + 34px * var(--preview-card-shadow,.55)) #00000021;-webkit-backdrop-filter:blur(var(--preview-card-blur,16px)) saturate(124%);backdrop-filter:blur(var(--preview-card-blur,16px)) saturate(124%);grid-template-rows:1fr auto;gap:clamp(12px,1.2vw,18px);padding:clamp(12px,1.25vw,18px);transition:transform .22s,box-shadow .22s,border-color .22s;display:grid}.codex-live-action-card:hover{box-shadow:0 calc(16px + 16px * var(--preview-card-shadow,.55)) calc(36px + 42px * var(--preview-card-shadow,.55)) #0000002e;transform:translateY(-3px)}.codex-theme-window.has-generated-bg .codex-live-action-card{background:radial-gradient(circle at 22% 16%, color-mix(in oklab, var(--theme-accent), transparent 82%), transparent 42%), color-mix(in oklab, var(--theme-panel), transparent calc((1 - var(--preview-card-opacity,.78)) * 100%))}.codex-theme-window[data-dream-shell=dark] .codex-live-action-card{border-color:color-mix(in oklab, var(--theme-accent), transparent calc((1 - var(--preview-card-border,.42)) * 100%));background:radial-gradient(circle at 22% 16%, color-mix(in oklab, var(--theme-accent), transparent 78%), transparent 42%), color-mix(in oklab, var(--theme-panel), transparent calc((1 - var(--preview-card-opacity,.72)) * 100%));color:color-mix(in oklab, var(--theme-text), transparent 5%)}.codex-live-action-card span{border:1px solid color-mix(in oklab, var(--theme-accent), transparent 58%);background:color-mix(in oklab, var(--theme-accent), white 76%);width:clamp(30px,3vw,44px);height:clamp(30px,3vw,44px);color:color-mix(in oklab, var(--theme-accent), black 10%);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--theme-accent), transparent 78%);border-radius:999px;place-items:center;display:grid}.codex-theme-window[data-dream-shell=dark] .codex-live-action-card span{background:color-mix(in oklab, var(--theme-accent), transparent 72%);color:color-mix(in oklab, var(--theme-accent), white 18%)}.codex-live-action-card strong{color:inherit;font-size:clamp(.7rem,.94vw,.95rem);font-weight:680;line-height:1.42}.codex-live-thread{min-height:0;color:color-mix(in oklab, var(--theme-text), transparent 12%);align-content:start;gap:clamp(14px,1.45vw,22px);padding:clamp(18px,1.6vw,28px) 0 clamp(120px,11vw,158px);display:grid;overflow:hidden}.codex-live-message{width:min(680px,72%);color:color-mix(in oklab, var(--theme-text), transparent 16%);text-shadow:0 1px 12px #00000047;justify-self:center;font-size:clamp(.72rem,.9vw,.9rem);font-weight:560;line-height:1.7}.codex-live-message p,.codex-live-message ul{margin:0 0 10px}.codex-live-message li{margin:6px 0}.codex-live-progress{border-top:1px solid color-mix(in oklab, var(--theme-text), transparent 88%);width:min(680px,72%);color:color-mix(in oklab, var(--theme-text), transparent 38%);justify-self:center;align-items:center;gap:6px;padding-top:12px;font-size:clamp(.72rem,.9vw,.9rem);font-weight:620;display:flex}.codex-live-review-card{border:1px solid color-mix(in oklab, var(--theme-text), transparent 82%);background:color-mix(in oklab, var(--theme-panel), white 52%);width:min(680px,76%);color:color-mix(in oklab, var(--theme-text), black 16%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:10px;justify-self:center;overflow:hidden;box-shadow:0 18px 48px #0000002e}.codex-theme-window[data-dream-shell=dark] .codex-live-review-card{border-color:color-mix(in oklab, var(--theme-accent), transparent 70%);background:color-mix(in oklab, var(--theme-panel), transparent 18%);color:color-mix(in oklab, var(--theme-text), transparent 5%)}.codex-live-review-card header{border-bottom:1px solid color-mix(in oklab, var(--theme-text), transparent 90%);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:clamp(58px,5.4vw,76px);padding:10px 14px;display:grid}.codex-live-review-card header>span{background:color-mix(in oklab, var(--theme-text), white 86%);width:40px;height:40px;color:color-mix(in oklab, var(--theme-accent), black 10%);border-radius:10px;place-items:center;display:grid}.codex-live-review-card strong,.codex-live-review-card small{display:block}.codex-live-review-card small{margin-top:3px}.codex-live-review-card button{background:color-mix(in oklab, var(--theme-text), white 84%);min-height:34px;color:color-mix(in oklab, var(--theme-bg), black 52%);font:inherit;border:0;border-radius:10px;padding:0 14px;font-weight:780}.codex-live-review-card>div,.codex-live-review-card footer{border-bottom:1px solid color-mix(in oklab, var(--theme-text), transparent 92%);grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:clamp(38px,3.5vw,52px);padding:0 14px;font-size:clamp(.72rem,.92vw,.9rem);font-weight:560;display:grid}.codex-live-review-card>div.is-selected{background:color-mix(in oklab, var(--theme-text), transparent 88%)}.codex-theme-window[data-dream-shell=dark] .codex-live-review-card>div.is-selected{background:color-mix(in oklab, var(--theme-text), transparent 84%);color:color-mix(in oklab, var(--theme-bg), white 84%)}.codex-live-review-card em{gap:6px;font-style:normal;display:flex}.codex-live-review-card b{color:#22c55e}.codex-live-review-card i{color:#ef4444;font-style:normal}.codex-live-review-card footer{color:color-mix(in oklab, var(--theme-text), transparent 22%);border-bottom:0;gap:6px;display:flex}.codex-live-composer{border:1px solid color-mix(in oklab, var(--theme-accent), transparent calc((1 - var(--preview-composer-border,.42)) * 100%));border-radius:var(--preview-composer-radius,clamp(18px, 1.8vw, 28px));background:color-mix(in oklab, var(--theme-panel), transparent calc((1 - var(--preview-composer-opacity,.86)) * 100%));width:min(100%,820px);min-height:clamp(86px,8.2vw,124px);color:color-mix(in oklab, var(--theme-text), transparent 38%);-webkit-backdrop-filter:blur(var(--preview-composer-blur,14px)) saturate(122%);backdrop-filter:blur(var(--preview-composer-blur,14px)) saturate(122%);justify-self:center;overflow:hidden;box-shadow:0 18px 48px #0000001f}.codex-home-fixture .codex-live-composer{margin-bottom:clamp(8px,1.1vw,16px)}.codex-live-task-composer{width:auto;min-height:clamp(76px,7.4vw,104px);position:absolute;bottom:clamp(18px,2.1vw,28px);left:clamp(18px,7.4vw,118px);right:clamp(18px,7.4vw,118px)}.codex-theme-window[data-dream-shell=dark] .codex-live-composer{border-color:color-mix(in oklab, var(--theme-accent), transparent calc((1 - var(--preview-composer-border,.42)) * 100%));background:color-mix(in oklab, var(--theme-panel), transparent calc((1 - var(--preview-composer-opacity,.76)) * 100%));color:color-mix(in oklab, var(--theme-text), transparent 12%)}.codex-live-task-input{min-height:clamp(38px,3.8vw,54px);color:color-mix(in oklab, var(--theme-text), transparent 42%);padding:clamp(12px,1.1vw,16px) clamp(14px,1.65vw,24px) 2px;font-size:clamp(.76rem,.96vw,.94rem);font-weight:560}.codex-theme-preview.composer-solid .codex-live-composer{background:#ffffffd6}.codex-theme-preview.composer-line .codex-live-composer{background:#ffffff6b}.codex-live-project,.codex-live-command{justify-content:space-between;align-items:center;gap:clamp(10px,1vw,14px);padding:clamp(10px,.92vw,15px) clamp(14px,1.65vw,24px);font-size:clamp(.76rem,.96vw,.94rem);font-weight:560;display:flex}.codex-live-project{border-bottom:1px solid color-mix(in oklab, var(--theme-text), transparent 94%);justify-content:flex-start;min-height:clamp(42px,3.8vw,52px)}.codex-live-command>div{align-items:center;gap:clamp(10px,1vw,18px);display:flex}.codex-live-command button{background:color-mix(in oklab, var(--theme-accent), #111318 68%);color:#fff;border:0;border-radius:999px;place-items:center;width:clamp(32px,2.65vw,38px);height:clamp(32px,2.65vw,38px);display:grid;box-shadow:0 10px 24px #0000002e}.codex-theme-preview.style-neon .codex-live-command button{box-shadow:0 0 calc(22px * var(--theme-glow)) color-mix(in oklab, var(--theme-accent), transparent 35%)}.codex-live-empty{color:#fff;text-align:center;text-shadow:0 1px 12px #00000061;pointer-events:none;background:#0000002e;place-items:center;padding:28px;display:grid;position:absolute;inset:0}.codex-theme-preview footer{color:var(--muted);justify-content:space-between;gap:10px;font-size:.86rem;display:flex}.codex-theme-preview footer strong{color:var(--ink)}.codex-theme-output{gap:12px;display:grid}.codex-theme-pipeline{align-content:start;gap:14px;display:grid}.codex-theme-pipeline-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.codex-theme-pipeline-head span{border:1px solid color-mix(in oklab, var(--mint), transparent 58%);background:color-mix(in oklab, var(--mint), transparent 86%);color:oklch(84% .1 165);border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:.72rem;font-weight:820;display:inline-flex}.codex-theme-stage-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.codex-theme-stage-list span{min-height:42px;color:var(--muted);background:oklch(3.5% .012 180/.45);border:1px solid oklch(100% 0 0/.1);border-radius:10px;align-items:center;gap:7px;padding:8px 10px;font-size:.78rem;font-weight:760;line-height:1.35;display:flex}.codex-theme-stage-list span.is-active{border-color:color-mix(in oklab, var(--mint), transparent 58%);background:color-mix(in oklab, var(--mint), transparent 88%);color:var(--ink)}.codex-theme-stage-list svg{color:currentColor;flex:none}.codex-theme-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.codex-theme-plan-grid section{background:oklch(3.5% .012 180/.52);border:1px solid oklch(100% 0 0/.1);border-radius:10px;min-height:116px;padding:13px}.codex-theme-plan-grid strong{color:var(--ink);font-size:.84rem;display:block}.codex-theme-plan-grid p{color:var(--muted);margin:8px 0 0;font-size:.8rem;line-height:1.65}.codex-theme-package{align-content:start;gap:14px;display:grid}.codex-theme-package ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.codex-theme-package li{color:var(--muted);grid-template-columns:18px 1fr;align-items:start;gap:9px;font-size:.86rem;line-height:1.55;display:grid}.codex-theme-package li svg{color:var(--mint);margin-top:3px}.codex-theme-output header{justify-content:space-between;align-items:center;gap:12px;display:flex}.codex-theme-output header div{flex-wrap:wrap;gap:8px;display:flex}.codex-theme-output-wide,.codex-theme-usage{grid-column:1/-1}.codex-theme-output pre{white-space:pre-wrap;margin:0;overflow-x:auto}.codex-theme-usage ol{color:var(--muted);margin:14px 0 0;padding-left:22px;line-height:1.8}.codex-theme-usage p{color:oklch(82% .06 165);margin:14px 0 0;font-size:.86rem;line-height:1.65}.codex-theme-platforms{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.codex-theme-platforms section{background:oklch(3.5% .012 180/.56);border:1px solid oklch(100% 0 0/.12);border-radius:10px;min-height:122px;padding:14px}.codex-theme-platforms strong{color:var(--ink);font-size:.9rem;display:block}.codex-theme-platforms p{color:var(--muted);margin:8px 0 0}@media (width<=860px){.codex-theme-page{width:min(100% - 28px,680px);margin-top:24px}.codex-theme-hero,.codex-theme-workspace{grid-template-columns:1fr}.codex-theme-window{grid-template-columns:minmax(112px,34%) 1fr;min-height:360px}.codex-live-sidebar{gap:8px;padding:14px 10px}.codex-live-brand strong{font-size:.96rem}.codex-live-menu span,.codex-live-list span,.codex-live-list strong,.codex-live-sidebar-footer{font-size:.68rem}.codex-live-list.tasks span:nth-of-type(n+4){display:none}.codex-live-surface{padding:12px}.codex-live-center{width:min(86%,320px);margin-bottom:18px;margin-left:12px}.codex-live-center h2{font-size:1rem}.codex-live-center p,.codex-live-project,.codex-live-command{font-size:.68rem}.codex-live-composer{width:94%;min-height:82px}.codex-live-home-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:94%}.codex-live-action-card{min-height:74px}.codex-theme-form-actions,.codex-theme-option-grid,.codex-theme-stage-list,.codex-theme-plan-grid,.codex-theme-platforms{grid-template-columns:1fr}.codex-theme-output header{flex-direction:column;align-items:flex-start}}.theme-gallery-hero{background:linear-gradient(135deg, oklch(98% .025 28), oklch(96% .03 210)), var(--panel)}.theme-hero-art{min-height:320px}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.theme-card{border:1px solid var(--line);background:color-mix(in oklab, var(--panel) 88%, white);border-radius:18px;position:relative;overflow:hidden;box-shadow:0 18px 42px oklch(28% .03 250/.08)}.theme-preview-link{color:inherit;text-decoration:none;display:block}.theme-preview-surface{isolation:isolate;background:radial-gradient(circle at 72% 18%,oklch(94% .07 18/.72),#0000 34%),linear-gradient(135deg,oklch(98% .018 35),oklch(93% .026 235));grid-template-columns:31% 1fr;min-height:210px;display:grid;position:relative;overflow:hidden}.theme-preview-surface.large{border:1px solid var(--line);border-radius:22px;min-height:430px;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.28)}.theme-preview-surface img{object-fit:cover;opacity:.52;filter:saturate(1.05);z-index:-2;width:100%;height:100%;position:absolute;inset:0}.theme-preview-surface:after{content:"";z-index:-1;background:linear-gradient(90deg,oklch(100% 0 0/.86) 0 28%,oklch(100% 0 0/.54) 42%,#0000 76%),linear-gradient(oklch(100% 0 0/.24),oklch(100% 0 0/.7));position:absolute;inset:0}.theme-preview-surface.tone-gold:after,.theme-preview-surface.tone-black:after{background:linear-gradient(90deg,oklch(12% .015 250/.9) 0 30%,oklch(14% .016 250/.64) 50%,#0000 78%),linear-gradient(oklch(8% .012 250/.3),oklch(11% .014 250/.72))}.theme-preview-sidebar{color:oklch(25% .035 20);border-right:1px solid oklch(72% .02 250/.22);padding:22px 18px}.theme-preview-surface.tone-gold .theme-preview-sidebar,.theme-preview-surface.tone-black .theme-preview-sidebar{color:oklch(92% .045 88);border-right-color:oklch(78% .08 86/.18)}.theme-preview-sidebar strong{margin-bottom:24px;font-size:clamp(1rem,2.2vw,1.5rem);display:block}.theme-preview-sidebar span{opacity:.42;background:currentColor;border-radius:99px;width:min(82%,150px);height:10px;margin:12px 0;display:block}.theme-preview-main{color:oklch(22% .03 25);flex-direction:column;justify-content:center;gap:34px;padding:30px;display:flex}.theme-preview-surface.tone-gold .theme-preview-main,.theme-preview-surface.tone-black .theme-preview-main{color:oklch(94% .035 92)}.theme-preview-title{text-align:center;place-items:center;gap:10px;display:grid}.theme-preview-title strong{letter-spacing:0;font-size:clamp(1.3rem,3vw,2.6rem)}.theme-preview-composer{opacity:.85;background:oklch(100% 0 0/.72);border:1px solid;border-radius:22px;width:min(100%,560px);min-height:58px;margin:0 auto;box-shadow:0 20px 60px oklch(25% .03 20/.1)}.theme-preview-surface.tone-gold .theme-preview-composer,.theme-preview-surface.tone-black .theme-preview-composer{background:oklch(16% .016 250/.72)}.theme-meta{padding:16px}.theme-meta h3{margin:10px 0 8px;font-size:1.18rem}.theme-meta p{min-height:44px;color:var(--muted);margin:0;line-height:1.55}.theme-stat-row{color:var(--muted);flex-wrap:wrap;gap:10px;margin:12px 0;font-size:.82rem;display:flex}.theme-stat-row span{align-items:center;gap:5px;display:inline-flex}.theme-detail-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.theme-detail-stage{padding:16px}.theme-notice{margin-top:16px}.admin-theme-row{grid-template-columns:minmax(280px,1.4fr) .7fr .9fr .55fr .45fr .85fr}.admin-theme-name .theme-preview-surface{border-radius:10px;width:112px;min-width:112px;min-height:70px}.admin-theme-name .theme-preview-sidebar{padding:8px}.admin-theme-name .theme-preview-sidebar strong{margin-bottom:8px;font-size:.72rem}.admin-theme-name .theme-preview-sidebar span{height:4px;margin:5px 0}.admin-theme-name .theme-preview-main{gap:8px;padding:8px}.admin-theme-name .theme-preview-title strong{font-size:.72rem}.admin-theme-name .theme-preview-title svg,.admin-theme-name .theme-preview-composer{display:none}.admin-theme-row small{color:var(--muted);margin-top:4px;display:block}.admin-theme-preview .theme-preview-surface{border-radius:12px;width:180px;min-height:110px}.admin-theme-drawer .admin-drawer-fields textarea{min-height:118px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}@media (width<=860px){.theme-grid,.theme-detail-layout{grid-template-columns:1fr}.theme-preview-surface,.theme-preview-surface.large{min-height:300px}.theme-preview-sidebar{padding:16px 12px}.theme-preview-main{padding:20px}}