:root{font-family:Space Grotesk,Noto Sans SC,system-ui,sans-serif;color:#fff;background:#030014;font-synthesis:none;--bg: #030014;--lime: #CCFF00;--line: rgba(255,255,255,.16);--muted: rgba(255,255,255,.58);--display: "Anton", "Noto Sans SC", Impact, sans-serif;--mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:320px;background:var(--bg)}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}::selection{color:#000;background:var(--lime)}.app-shell{min-height:100vh;overflow:clip;background:radial-gradient(circle at 50% 12%,rgba(43,43,123,.18),transparent 35%)}.particle-background{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.85}main,.site-header{position:relative;z-index:2}.site-header{position:fixed;z-index:40;top:0;left:0;right:0;height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3vw;border-bottom:1px solid rgba(255,255,255,.1);background:#03001494;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.site-header nav button,.menu-button{border:0;background:none;cursor:pointer}.brand{justify-self:start;padding:0}.brand-mark{display:inline-flex;align-items:baseline;gap:.01em;font-family:var(--display);line-height:.78;letter-spacing:-.055em;white-space:nowrap}.brand-mark-z{color:var(--lime);font-size:1.85rem;transform:skew(-7deg);transform-origin:bottom}.brand-mark-sir{color:#fff;font-size:1.3rem}.brand-mark>i{width:.16em;height:.16em;margin:0 0 .01em .14em;border-radius:50%;background:var(--lime);transition:transform .3s ease}.brand:hover .brand-mark>i{transform:translateY(-5px)}.site-header nav{display:flex;gap:clamp(18px,3vw,54px)}.site-header nav button,.menu-button{font-family:var(--mono);font-size:.69rem;letter-spacing:.12em;color:#ffffffad;transition:color .2s}.site-header nav button:hover,.menu-button:hover{color:var(--lime)}.menu-button{justify-self:end;display:inline-flex;align-items:center;gap:10px}.panel{position:relative;min-height:100vh;padding:128px 4vw 70px;border-bottom:1px solid rgba(255,255,255,.12)}.hero-panel{display:grid;align-items:center;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(136,170,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(136,170,255,.055) 1px,transparent 1px);background-size:5.5vw 5.5vw;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 92%);mask-image:linear-gradient(to bottom,#000,transparent 92%)}.hero-copy{position:relative;z-index:4;width:min(920px,76vw);margin-left:3vw}.eyebrow{margin:0 0 22px;font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;color:var(--lime)}.hero-copy h1{margin:0;font-family:var(--display);font-size:clamp(4.1rem,10vw,10.8rem);line-height:.88;letter-spacing:-.025em;text-transform:uppercase}.outline-title{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.85)}.accent-word{color:var(--lime);margin-left:.12em;min-width:2.3em;display:inline-block}.growth-title{position:relative;isolation:isolate;display:inline-block;margin-top:.08em;color:#fff;font-size:.7em;line-height:1.02;letter-spacing:.035em;text-shadow:0 0 18px rgba(255,255,255,.18)}.growth-title:before{content:"";position:absolute;z-index:-1;inset:18% -9% 8% -7%;border-radius:50%;background:linear-gradient(105deg,transparent 5%,rgba(76,104,255,.12) 26%,rgba(204,255,0,.22) 48%,rgba(114,86,255,.18) 68%,transparent 94%);filter:blur(22px);opacity:.78;transform:translate(-5%);animation:growth-aurora 5.8s ease-in-out infinite;pointer-events:none}@keyframes growth-aurora{0%,to{opacity:.48;transform:translate(-7%) scaleX(.94)}50%{opacity:.9;transform:translate(7%) scaleX(1.05)}}.hero-intro{width:min(620px,74vw);margin:30px 0 0 4px;font-size:clamp(.9rem,1.3vw,1.12rem);line-height:1.8;color:#ffffffb8}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:30px}.primary-action,.text-action{display:inline-flex;align-items:center;gap:12px;min-height:48px;border:0;cursor:pointer}.primary-action{padding:0 22px;color:#070707;background:var(--lime);font-weight:700}.primary-action svg,.text-action svg{width:18px;transition:transform .2s}.primary-action:hover svg,.text-action:hover svg{transform:translate(3px,3px)}.text-action{padding:0;border-bottom:1px solid rgba(255,255,255,.36);background:transparent}.portrait-placeholder{position:absolute;z-index:3;bottom:0;right:2vw;width:min(38vw,580px);height:82%;display:grid;place-items:center;color:#ffffff73;filter:drop-shadow(0 30px 80px rgba(0,0,0,.7))}.portrait-placeholder:before{content:"";position:absolute;bottom:-10%;width:76%;height:80%;border-radius:48% 48% 6% 6%;background:linear-gradient(135deg,#ffffff26,#ffffff05);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.portrait-placeholder strong{z-index:2;margin-top:15%;font-family:var(--display);font-size:min(22vw,21rem);color:#ffffff17;-webkit-text-stroke:1px rgba(204,255,0,.3)}.portrait-placeholder span{position:absolute;z-index:3;bottom:10%;font-family:var(--mono);font-size:.66rem;line-height:1.8;letter-spacing:.18em;text-align:center}.portrait-orbit{position:absolute;width:78%;aspect-ratio:1;border:1px solid rgba(204,255,0,.26);border-radius:50%;animation:orbit 12s linear infinite}.portrait-orbit:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;top:12%;left:12%;background:var(--lime);box-shadow:0 0 24px var(--lime)}@keyframes orbit{to{transform:rotate(360deg)}}.hero-index{position:absolute;right:3vw;top:112px;display:flex;align-items:baseline;gap:12px;font-family:var(--mono)}.hero-index span{color:var(--lime)}.hero-index p{color:#ffffff73;font-size:.65rem}.marquee{position:absolute;z-index:5;left:0;right:0;bottom:-1.5vw;overflow:hidden;white-space:nowrap;pointer-events:none}.marquee div{width:max-content;font-family:var(--display);font-size:clamp(4rem,8vw,8rem);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.14);animation:marquee 20s linear infinite}@keyframes marquee{to{transform:translate(-50%)}}.content-panel{background:linear-gradient(180deg,#030014e0,#030014fa)}.section-label{display:flex;gap:14px;align-items:center;margin-bottom:70px;font-family:var(--mono);font-size:.68rem;letter-spacing:.14em}.section-label span{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--lime);color:var(--lime);border-radius:50%}.section-label p{color:#ffffff8c}.section-heading{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:5vw;margin-bottom:56px}.section-heading h2,.resume-sticky h2,.closing h2{margin:0;font-family:var(--display);font-size:clamp(3.4rem,7.2vw,8rem);line-height:.93;font-weight:400;text-transform:uppercase}.section-heading h2 em,.resume-sticky h2 span{color:var(--lime);font-style:normal}.section-heading>p{max-width:470px;margin:0;color:var(--muted);line-height:1.8}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metric{padding:28px 18px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric strong{display:block;font-family:var(--display);font-size:clamp(2.8rem,5vw,5.6rem);color:var(--lime);font-weight:400}.metric span{font-size:.8rem;color:var(--muted)}.systems-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.system-card{min-height:420px;padding:24px;border:1px solid var(--line);background:#ffffff09;transition:border-color .25s,transform .25s}.system-card:hover{border-color:#ccff00a6;transform:translateY(-5px)}.system-card>div:first-child{display:flex;justify-content:space-between;gap:10px;font-family:var(--mono);font-size:.62rem;color:var(--muted)}.status-dot{color:var(--lime)}.system-card h3{margin:70px 0 8px;font-family:var(--display);font-size:3rem;font-weight:400}.system-card>p{margin:0;color:var(--muted)}.system-preview{display:grid;place-items:center;gap:16px;height:150px;margin-top:46px;border:1px dashed rgba(255,255,255,.2);color:#ffffff4d;font-family:var(--mono);font-size:.62rem}.system-preview svg{width:24px}.resume-panel{padding-bottom:0}.resume-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:8vw}.resume-sticky{position:sticky;top:120px;align-self:start;padding-bottom:80px}.resume-sticky h2{font-size:clamp(3.2rem,6vw,6.8rem)}.resume-sticky>p:not(.eyebrow){max-width:460px;color:var(--muted);line-height:1.8}.resume-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.resume-button{display:inline-flex;gap:10px;align-items:center;justify-content:space-between;min-height:50px;margin:0;padding:0 16px;border:1px solid rgba(204,255,0,.48);background:#ccff000f;color:#fff;text-decoration:none;font:600 .72rem var(--mono);letter-spacing:.06em;transition:border-color .25s ease,background .25s ease,color .25s ease,transform .25s ease}.resume-button:hover{transform:translateY(-2px);border-color:var(--lime);background:var(--lime);color:#050505}.resume-button-secondary{border-color:var(--line);background:transparent;color:var(--muted)}.resume-button svg{width:17px;flex:0 0 auto}.timeline article{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:34px 0 42px;border-top:1px solid var(--line)}.timeline-number{font-family:var(--mono);color:var(--lime)}.timeline article span{font-family:var(--mono);font-size:.65rem;color:var(--muted)}.timeline article h3{margin:10px 0 4px;font-size:clamp(1.5rem,2.6vw,2.6rem)}.timeline article h4{margin:0 0 18px;font-weight:400;color:var(--lime)}.timeline article p{max-width:650px;margin:0;line-height:1.7;color:var(--muted)}.skills-rail{margin:80px -4vw 0;display:flex;justify-content:space-around;gap:40px;padding:22px 4vw;overflow:hidden;border-top:1px solid var(--line);background:var(--lime);color:#050505;font-family:var(--display);font-size:clamp(1.3rem,2vw,2.2rem);white-space:nowrap}.films-heading{margin-bottom:42px}.films-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.film-card{grid-column:span 6;border:1px solid var(--line);background:#ffffff08;overflow:hidden}.film-visual{position:relative;min-height:360px;display:grid;place-items:center;background:radial-gradient(circle,rgba(204,255,0,.16),transparent 54%),linear-gradient(135deg,#19152d,#030014)}.film-card.blue .film-visual{background:radial-gradient(circle,rgba(82,132,255,.25),transparent 54%),linear-gradient(135deg,#07172a,#030014)}.film-card.purple .film-visual{background:radial-gradient(circle,rgba(181,86,255,.2),transparent 54%),linear-gradient(135deg,#210c2c,#030014)}.film-card.dark .film-visual{background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 12px),#06040f}.film-visual>span{position:absolute;top:22px;left:22px;font-family:var(--display);font-size:4rem;color:#ffffff1f}.film-visual small{position:absolute;right:22px;top:22px;font-family:var(--mono);color:var(--muted)}.film-visual button{width:72px;height:72px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:#03001466;color:#fff6}.film-meta{position:relative;padding:22px;border-top:1px solid var(--line)}.film-meta span,.film-meta p{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;color:var(--muted)}.film-meta h3{margin:11px 0 22px;font-size:clamp(1.5rem,2vw,2.1rem)}.closing{display:flex;justify-content:space-between;align-items:end;gap:40px;min-height:78vh;padding:14vh 0 3vh}.closing>div>span{font-family:var(--mono);font-size:.7rem;color:var(--lime)}.closing h2{margin-top:24px;font-size:clamp(3.2rem,7.5vw,8rem)}.closing button{flex:0 0 132px;height:132px;display:grid;place-items:center;border:1px solid var(--lime);border-radius:50%;background:transparent;color:var(--lime);cursor:pointer}.closing button svg{transform:rotate(90deg)}.drawer-backdrop{position:fixed;z-index:49;inset:0;border:0;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .25s ease both}.drawer{position:fixed;z-index:50;inset:0 0 0 auto;width:min(720px,92vw);padding:28px 34px 38px;background:#292929;box-shadow:-30px 0 80px #00000073;animation:drawer-in .5s cubic-bezier(.16,1,.3,1) both}@keyframes fade-in{0%{opacity:0}}@keyframes drawer-in{0%{transform:translate(100%)}}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.15);font-family:var(--mono);font-size:.67rem;color:var(--muted)}.drawer-head button{width:46px;height:46px;border:1px solid rgba(255,255,255,.26);border-radius:50%;background:transparent;cursor:pointer}.drawer-list{margin-top:40px}.drawer-list button{width:100%;display:grid;grid-template-columns:48px 1fr 32px;align-items:center;gap:16px;min-height:94px;border:0;border-bottom:1px solid rgba(255,255,255,.14);background:none;text-align:left;cursor:pointer}.drawer-list button span{font-family:var(--mono);font-size:.65rem;color:var(--lime)}.drawer-list button strong{font-family:var(--display);font-size:clamp(2rem,4vw,3.6rem);font-weight:400;transition:color .2s,transform .2s}.drawer-list button:hover strong{color:var(--lime);transform:translate(8px)}.drawer-note{position:absolute;left:34px;bottom:38px}.drawer-note span{font-family:var(--mono);font-size:.62rem;color:var(--lime)}.drawer-note p{color:var(--muted)}@media(max-width:900px){.site-header{grid-template-columns:1fr 1fr;height:70px}.site-header nav{display:none}.panel{padding:108px 22px 56px}.hero-copy{width:90vw;margin:-12vh 0 0}.hero-copy h1{font-size:clamp(4rem,17vw,7rem)}.growth-break{display:none}.growth-title{margin:0 0 0 .05em;font-size:1em;letter-spacing:-.025em}.growth-title:before{right:-4%;left:-4%;filter:blur(16px);opacity:.5}.hero-intro{width:min(82vw,580px);font-size:.88rem}.portrait-placeholder{right:-8vw;width:60vw;height:66%;opacity:.7}.hero-index{top:88px;right:20px}.section-heading,.resume-layout{grid-template-columns:1fr}.section-heading{gap:24px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.systems-list{grid-template-columns:1fr}.system-card{min-height:330px}.system-card h3{margin-top:36px}.resume-sticky{position:static;padding-bottom:30px}.film-card{grid-column:span 12}.closing{align-items:flex-start;flex-direction:column;justify-content:center}.skills-rail{margin-inline:-22px;padding-inline:22px}}@media(max-width:560px){.logo-z{font-size:1.7rem}.logo-sir{font-size:1.2rem}.menu-button{font-size:.62rem}.hero-panel{min-height:100svh}.hero-copy{margin-top:-18vh}.hero-copy h1{font-size:16vw;line-height:.93}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}.portrait-placeholder{width:70vw;height:46%;right:-10vw}.portrait-placeholder span{bottom:6%}.marquee{bottom:1vw}.section-label{margin-bottom:42px}.section-heading h2,.resume-sticky h2,.closing h2{font-size:13.5vw}.metrics-grid{grid-template-columns:1fr 1fr}.metric{padding:20px 12px}.metric strong{font-size:2.8rem}.system-card{padding:18px}.system-card>div:first-child{flex-direction:column}.timeline article{grid-template-columns:40px 1fr}.film-visual{min-height:260px}.drawer{padding-inline:22px}.drawer-list button{min-height:82px;grid-template-columns:34px 1fr 24px}.drawer-note{left:22px;bottom:22px;max-width:82%}}.site-content{transition:opacity .7s ease,transform .7s ease}.site-content-hidden{opacity:0;transform:scale(1.015);pointer-events:none}.site-logo-ambient{position:fixed;z-index:3;inset:0;overflow:hidden;opacity:.1;pointer-events:none;mix-blend-mode:screen}.site-logo-ambient .logo-convergence{inset:-6%;width:112%;height:112%;opacity:1}.site-logo-ambient .logo-rays path{animation:ambient-ray-loop 10s cubic-bezier(.16,1,.3,1) infinite}.site-logo-ambient .logo-outline path,.site-logo-ambient .logo-outline circle{animation:ambient-outline-loop 10s cubic-bezier(.65,0,.2,1) infinite}@keyframes ambient-ray-loop{0%,8%,to{stroke-dashoffset:1;opacity:0}38%,62%{stroke-dashoffset:0;opacity:.55}82%{stroke-dashoffset:0;opacity:.08}}@keyframes ambient-outline-loop{0%,20%,to{stroke-dashoffset:1;opacity:0}48%,70%{stroke-dashoffset:0;opacity:.82}86%{stroke-dashoffset:0;opacity:.08}}.opening-screen{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;background:#030014;transition:opacity .8s ease,visibility .8s ease}.opening-screen.is-ready .opening-progress span{width:100%}.opening-screen.is-ready .opening-center{transform:translateY(0);opacity:1}.opening-grid{position:absolute;inset:0;opacity:.5;background-image:linear-gradient(rgba(136,170,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(136,170,255,.08) 1px,transparent 1px);background-size:6vw 6vw;-webkit-mask-image:radial-gradient(circle,#000,transparent 72%);mask-image:radial-gradient(circle,#000,transparent 72%)}.logo-convergence{position:absolute;z-index:0;inset:-6%;width:112%;height:112%;overflow:visible;opacity:.11;pointer-events:none}.logo-convergence path,.logo-convergence circle{fill:none;vector-effect:non-scaling-stroke}.logo-rays path{stroke:#97aaffcc;stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1;animation:logo-ray-in 2.4s cubic-bezier(.16,1,.3,1) forwards}.logo-rays path:nth-child(2),.logo-rays path:nth-child(7){animation-delay:.12s}.logo-rays path:nth-child(3),.logo-rays path:nth-child(6){animation-delay:.24s}.logo-rays path:nth-child(4),.logo-rays path:nth-child(5){animation-delay:.36s}.logo-rays path:nth-child(8){animation-delay:.48s}.logo-outline path,.logo-outline circle{stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:logo-outline-draw 1.8s cubic-bezier(.65,0,.2,1) .85s forwards}.logo-outline path:first-child,.logo-outline circle{stroke:var(--lime)}@keyframes logo-ray-in{0%{stroke-dashoffset:1;opacity:0}58%{opacity:1}to{stroke-dashoffset:0;opacity:.5}}@keyframes logo-outline-draw{to{stroke-dashoffset:0}}.opening-meta{position:absolute;top:28px;left:32px;right:32px;display:flex;justify-content:space-between;color:#ffffff7a;font:10px var(--mono);letter-spacing:.15em}.opening-center{position:relative;z-index:2;text-align:center;transform:translateY(18px);opacity:0;transition:opacity 1s ease .2s,transform 1s cubic-bezier(.16,1,.3,1) .2s}.opening-kicker,.opening-center p,.opening-center button,.opening-progress small{font-family:var(--mono);letter-spacing:.16em}.opening-kicker{color:var(--lime);font-size:11px}.opening-logo{display:flex;justify-content:center;margin:25px 0 14px;font-size:clamp(7rem,17vw,14rem)}.opening-logo .brand-mark-z{font-size:1em;color:var(--lime);text-shadow:0 0 45px rgba(204,255,0,.16)}.opening-logo .brand-mark-sir{font-size:.7em}.opening-logo>i{width:.065em;height:.065em;margin-left:.08em;box-shadow:0 0 20px #ccff0080}.opening-center p{color:var(--muted);font-size:12px}.opening-center button{display:inline-flex;align-items:center;gap:9px;margin-top:28px;padding:14px 18px;border:1px solid var(--lime);background:var(--lime);color:#050505;cursor:pointer;font-size:10px;font-weight:700}.opening-progress{position:absolute;left:32px;right:32px;bottom:28px;display:flex;align-items:center;gap:14px;color:#fff6}.opening-progress span{width:0;height:1px;background:var(--lime);transition:width 1.2s cubic-bezier(.16,1,.3,1)}.opening-progress small{white-space:nowrap;font-size:9px}.system-image-preview{padding:0;overflow:hidden;position:relative}.system-image-preview:after{content:"OPEN CASE ?";position:absolute;right:12px;bottom:10px;padding:6px 8px;background:#030014d1;color:var(--lime);font:9px var(--mono)}.system-image-preview img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.system-card:hover .system-image-preview img{transform:scale(1.04)}@media(max-width:560px){.opening-meta,.opening-progress{left:18px;right:18px}.opening-logo{font-size:32vw}.opening-kicker{font-size:9px}.logo-convergence{inset:-12%;width:124%;height:124%}.site-logo-ambient{opacity:.065}.site-logo-ambient .logo-convergence{inset:-28%;width:156%;height:156%}}.systems-list{position:relative}.system-card{overflow:visible!important}.system-card:hover{z-index:20}.system-image-preview{overflow:visible!important;isolation:isolate}.system-image-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1);transform-origin:center;z-index:1;transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s ease}.system-card:hover .system-image-preview img{transform:scale(2.5);z-index:12;box-shadow:0 24px 55px #000000b8,0 0 0 1px #cf09}.system-project-pop{position:absolute;z-index:15;left:0;right:0;bottom:-104px;display:grid;gap:7px;padding:15px 16px 14px;background:#fff;color:#101010;text-align:left;opacity:0;transform:translateY(10px);pointer-events:none;box-shadow:0 18px 42px #00000047;transition:opacity .3s ease .12s,transform .3s ease .12s}.system-project-pop span{font:9px var(--mono);letter-spacing:.12em;color:#0b0b0b}.system-project-pop strong{font-size:1rem;font-weight:800}.system-project-pop strong:first-letter{color:#4d7500}.system-project-pop b{font:9px var(--mono);letter-spacing:.1em;color:#5c8500}.system-card.is-coming-soon .system-project-pop{display:none}@media(max-width:900px){.system-card:hover .system-image-preview img{transform:scale(1.55)}.system-project-pop{bottom:-98px}}@media(max-width:560px){.system-card:hover .system-image-preview img{transform:scale(1.2)}.system-project-pop{bottom:-95px}}.system-image-preview{height:220px;min-height:220px;display:flex;align-items:center;justify-content:center;background:transparent!important;overflow:visible!important;border:1px solid rgba(255,255,255,.18)}.system-image-preview img{position:relative;inset:auto;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;box-shadow:none;transition:transform .6s cubic-bezier(.16,1,.3,1),filter .4s ease}.system-card:hover .system-image-preview img{transform:scale(2.5);filter:drop-shadow(0 24px 30px rgba(0,0,0,.65));z-index:30}.system-project-pop{position:relative;left:auto;right:auto;bottom:auto;display:flex;align-items:center;gap:14px;margin-top:14px;padding:11px 0 0;background:transparent;color:#fff;opacity:0;transform:translateY(8px);box-shadow:none;border-top:1px solid rgba(204,255,0,.35);transition:opacity .3s ease .12s,transform .3s ease .12s}.system-card:hover .system-project-pop{opacity:1;transform:translateY(0)}.system-project-pop span{font:9px var(--mono);letter-spacing:.1em;color:var(--lime);white-space:nowrap}.system-project-pop strong{font-size:1rem;font-weight:700;color:#fff;white-space:nowrap}.system-project-pop strong:first-letter{color:var(--lime)}.system-project-pop b{margin-left:auto;font:9px var(--mono);letter-spacing:.08em;color:var(--lime);white-space:nowrap}@media(max-width:900px){.system-image-preview{height:210px;min-height:210px}.system-card:hover .system-image-preview img{transform:scale(1.65)}.system-project-pop{bottom:auto}}@media(max-width:560px){.system-image-preview{height:190px;min-height:190px}.system-card:hover .system-image-preview img{transform:scale(1.25)}.system-project-pop{gap:8px;align-items:flex-start;flex-wrap:wrap}.system-project-pop b{margin-left:0;width:100%}}.systems-list{grid-template-columns:1fr;gap:18px;overflow:visible}.system-card{position:relative;display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);grid-template-rows:auto 1fr;min-height:340px;padding:22px 24px;overflow:visible!important}.system-card>.system-meta{grid-column:1/-1;grid-row:1;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.system-copy{grid-column:1;grid-row:2;align-self:center;padding:0 30px 12px 0}.system-copy h3{margin:0 0 12px;font-size:clamp(2rem,4vw,4rem)}.system-copy p{max-width:230px;line-height:1.7}.system-hint{display:inline-flex;align-items:center;gap:6px;margin-top:28px;color:var(--lime);font:9px var(--mono);letter-spacing:.1em}.system-preview{grid-column:2;grid-row:2;align-self:stretch;width:100%;min-height:240px}.system-image-preview{height:auto;min-height:240px;border:1px solid rgba(255,255,255,.2)}.system-image-preview img{transform:none!important;filter:none!important}.system-project-pop{position:absolute;z-index:34;left:calc(34% + 42px);right:24px;bottom:40px;display:flex;align-items:baseline;gap:16px;margin:0;padding:0;border:0;opacity:1;transform:none;pointer-events:none;background:transparent;box-shadow:none}.system-project-pop span{font:10px var(--mono);letter-spacing:.13em;color:var(--lime)}.system-project-pop strong{font-size:clamp(1.15rem,2vw,2rem);color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.8)}.system-project-pop b{display:none}.system-zoom{position:fixed;z-index:90;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;pointer-events:none;background:#030014c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .35s ease,visibility .35s ease}.system-card:hover .system-zoom{visibility:visible;opacity:1}.system-zoom img{display:block;width:auto;height:auto;max-width:92vw;max-height:82vh;object-fit:contain;box-shadow:0 28px 90px #000000b3;animation:zoom-in .5s cubic-bezier(.16,1,.3,1) both}.system-zoom>div{position:fixed;left:clamp(24px,8vw,130px);bottom:clamp(28px,9vh,90px);display:grid;gap:8px;text-align:left}.system-zoom>div span{font:10px var(--mono);letter-spacing:.16em;color:var(--lime)}.system-zoom>div strong{font-size:clamp(1.6rem,4vw,3.8rem);color:#fff;text-shadow:0 3px 20px rgba(0,0,0,.9)}@keyframes zoom-in{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@media(max-width:700px){.system-card{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:0;padding:18px}.system-card>.system-meta{grid-column:1;grid-row:1}.system-copy{grid-column:1;grid-row:2;padding:0 0 18px}.system-copy h3{font-size:2.4rem}.system-hint{margin-top:12px}.system-preview{grid-column:1;grid-row:3;min-height:190px}.system-image-preview{min-height:190px}.system-project-pop{left:28px;right:18px;bottom:28px}.system-project-pop strong{font-size:1.15rem}.system-zoom{padding:20px}.system-zoom img{max-width:96vw;max-height:74vh}.system-zoom>div{left:24px;bottom:28px}}.system-image-preview{width:100%;height:auto;min-height:0;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden!important;background:#ffffff09!important}.system-image-preview img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none!important;filter:none!important}.system-project-pop strong i{color:var(--lime);font-style:normal}.system-zoom{padding:5vh 4vw}.system-zoom img{width:min(88vw,1280px);height:auto;aspect-ratio:16/9;max-width:88vw;max-height:78vh;object-fit:contain;background:#ffffff09;box-shadow:0 28px 90px #000000b8;animation:zoom-in .5s cubic-bezier(.16,1,.3,1) both}.system-zoom>div strong i{color:var(--lime);font-style:normal}.system-card:hover .system-zoom{display:flex}.system-card:hover .system-image-preview img{transform:none!important}@media(max-width:700px){.system-image-preview{aspect-ratio:16/9;min-height:0}.system-zoom{padding:20px 14px}.system-zoom img{width:96vw;max-width:96vw;aspect-ratio:16/9;max-height:70vh}}.systems-heading{margin-bottom:38px}.client-stage{position:relative;min-height:700px;padding:26px 0 34px;overflow:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:radial-gradient(ellipse at 50% 36%,rgba(83,104,255,.16),transparent 48%)}.client-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(136,170,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(136,170,255,.06) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 80%);mask-image:linear-gradient(to bottom,#000,transparent 80%);pointer-events:none}.client-stage-meta{position:relative;z-index:2;display:flex;justify-content:space-between;color:#ffffff6b;font:10px var(--mono);letter-spacing:.12em}.tablet-wrap{position:relative;z-index:2;width:min(940px,72vw);margin:42px auto 0;perspective:1400px}.tablet-device{position:relative;padding:13px;border:1px solid rgba(255,255,255,.3);border-radius:24px;background:linear-gradient(145deg,#34394a,#0e101b 48%,#292c3c);box-shadow:0 30px 50px #0000008c,inset 0 1px #ffffff52;transform:rotateX(2deg) rotateY(-7deg);transition:transform .6s cubic-bezier(.16,1,.3,1)}.tablet-device:hover{transform:rotateX(0) rotateY(0) scale(1.015)}.tablet-screen{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:#050316}.tablet-screen img{display:block;width:100%;height:100%;object-fit:contain}.tablet-screen-gloss{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.16),transparent 20%,transparent 70%,rgba(255,255,255,.04));mix-blend-mode:screen}.tablet-camera{position:absolute;z-index:3;top:5px;left:50%;width:5px;height:5px;transform:translate(-50%);border-radius:50%;background:#080a12;border:1px solid rgba(255,255,255,.25)}.tablet-home{position:absolute;left:50%;bottom:4px;width:34px;height:3px;transform:translate(-50%);border-radius:5px;background:#ffffff40}.tablet-shadow{position:absolute;left:8%;right:3%;bottom:-34px;height:70px;border-radius:50%;background:#000000bf;filter:blur(22px);transform:rotate(-2deg)}.content-coming{height:100%;display:grid;place-content:center;justify-items:center;gap:12px;color:var(--lime);font-family:var(--mono);letter-spacing:.15em}.content-coming strong{font:400 clamp(2rem,4vw,4rem) var(--display);letter-spacing:0;color:#fff}.content-coming small{color:#fff6;font-size:9px}.client-arrow{position:absolute;z-index:5;top:39%;width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:#0300148c;color:#fff;cursor:pointer;transition:background .2s,color .2s,transform .2s}.client-arrow:hover{background:var(--lime);color:#050505;transform:scale(1.08)}.client-arrow-left{left:2vw}.client-arrow-right{right:2vw}.client-caption{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:end;width:min(940px,72vw);margin:42px auto 0}.client-caption>div:first-child{max-width:650px}.client-caption span{color:var(--lime);font:10px var(--mono);letter-spacing:.13em}.client-caption h3{margin:10px 0;font:400 clamp(2.2rem,5vw,5rem)/.9 var(--display)}.client-caption p{max-width:600px;margin:0;color:var(--muted);font-size:.82rem;line-height:1.75}.client-stat{display:grid;justify-items:end;padding-left:26px;border-left:1px solid rgba(255,255,255,.2)}.client-stat strong{font:400 clamp(2.8rem,5vw,5rem) var(--display);color:var(--lime)}.client-stat span{color:var(--muted);font:10px var(--mono);white-space:nowrap}.client-dots{position:relative;z-index:4;display:flex;justify-content:center;gap:12px;margin-top:32px}.client-dots button{width:62px;height:29px;border:0;border-bottom:1px solid rgba(255,255,255,.25);background:transparent;color:#fff6;font:10px var(--mono);cursor:pointer}.client-dots button.active{border-bottom-color:var(--lime);color:var(--lime)}@media(max-width:700px){.client-stage{min-height:570px;padding-inline:0}.client-stage-meta{font-size:8px}.tablet-wrap,.client-caption{width:86vw}.tablet-wrap{margin-top:46px}.tablet-device{padding:8px;border-radius:15px;transform:none}.tablet-screen{border-radius:8px}.tablet-home{bottom:2px}.client-arrow{top:31%;width:42px;height:42px}.client-arrow-left{left:8px}.client-arrow-right{right:8px}.client-caption{margin-top:30px;align-items:flex-start;gap:18px;flex-direction:column}.client-caption h3{font-size:2.7rem}.client-caption p{font-size:.72rem}.client-stat{display:flex;align-items:baseline;gap:9px;padding:0;border:0}.client-stat strong{font-size:2.5rem}.client-stat span{font-size:9px}}.opening-center button{position:relative;isolation:isolate;min-width:292px;height:72px;justify-content:space-between;margin-top:34px;padding:0 12px 0 24px;border:1px solid rgba(204,255,0,.95);border-radius:2px;background:linear-gradient(100deg,#cf0,#e8ff8b 48%,#b8ef00);color:#060a08;font:700 15px var(--mono);letter-spacing:.12em;box-shadow:0 0 0 1px #cf03,0 0 25px #cf03,0 15px 40px #00000059;overflow:visible;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,background .35s ease}.opening-center button:before{content:"";position:absolute;z-index:-2;inset:-10px;border:1px solid rgba(204,255,0,.22);border-radius:4px;animation:opening-pulse 2.3s ease-in-out infinite}.opening-center button:after{content:"";position:absolute;z-index:2;inset:0;width:42%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.72),transparent);transform:translate(-150%) skew(-18deg);animation:opening-scan 3.2s ease-in-out infinite;pointer-events:none}.opening-center button svg{position:relative;width:36px;height:36px;padding:9px;border-radius:50%;background:#070c09;color:var(--lime);transition:transform .35s cubic-bezier(.16,1,.3,1),background .35s ease}.opening-center button:hover{transform:translateY(-4px) scale(1.025);background:#e5ff70;box-shadow:0 0 0 1px #cf06,0 0 46px #ccff007a,0 22px 50px #00000073}.opening-center button:hover:before{inset:-15px;border-color:#ccff0073;animation-duration:1.2s}.opening-center button:hover svg{transform:translate(4px,4px) rotate(-8deg);background:#111c10}.opening-center button:active{transform:translateY(-1px) scale(.99)}@keyframes opening-pulse{0%,to{opacity:.35;transform:scale(.98)}50%{opacity:.9;transform:scale(1.02)}}@keyframes opening-scan{0%,35%{transform:translate(-150%) skew(-18deg);opacity:0}48%{opacity:1}72%,to{transform:translate(300%) skew(-18deg);opacity:0}}@media(max-width:560px){.opening-center button{min-width:250px;width:78vw;height:64px;padding-left:18px;font-size:13px}.opening-center button svg{width:32px;height:32px;padding:8px}}:root{--body-size:16px}body{font-size:var(--body-size)}.eyebrow,.section-label,.hero-index p,.client-stage-meta{font-size:clamp(.72rem,1vw,.9rem);font-weight:600}.hero-intro,.section-heading>p,.resume-sticky>p:not(.eyebrow),.timeline article p,.client-caption p{font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.85}.section-heading h2,.resume-sticky h2,.closing h2{letter-spacing:-.025em;text-shadow:0 3px 30px rgba(255,255,255,.07)}.system-card h3,.timeline article h3,.film-meta h3{font-weight:700}.system-card p,.system-hint,.system-project-pop{font-size:clamp(.86rem,1vw,1rem)}.metric span,.system-card>div:first-child,.film-meta span,.film-meta p{font-size:.76rem;font-weight:600}.client-stage{min-height:780px}.tablet-screen{overflow:hidden}.tablet-carousel{display:flex;width:300%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1);will-change:transform}.tablet-slide{width:33.333333%;height:100%;flex:0 0 33.333333%;display:grid;place-items:center;overflow:hidden}.tablet-slide>img{display:block;width:100%;height:100%;object-fit:contain}.client-arrow{width:72px;height:72px;border-width:2px;font-size:1.3rem;box-shadow:0 0 24px #ccff001f}.client-arrow svg{width:28px;height:28px}.client-arrow-left{left:1vw}.client-arrow-right{right:1vw}.client-caption h3{font-weight:700}.client-dots button{height:38px;font-size:.76rem;font-weight:600}.content-coming strong{font-weight:700}@media(max-width:700px){.client-stage{min-height:620px}.client-arrow{width:58px;height:58px}.client-arrow svg{width:23px;height:23px}.client-caption p{font-size:.9rem}.client-caption h3{font-size:2.9rem}.hero-intro{font-size:1rem}}.portrait-ready{overflow:visible}.portrait-ready:before{background:radial-gradient(ellipse at 45% 22%,rgba(204,255,0,.14),rgba(255,255,255,.02) 52%,transparent 72%);border-color:#cf03}.portrait-ready img{position:absolute;z-index:3;bottom:0;right:4%;width:92%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 0 12px rgba(76,88,176,.2)) drop-shadow(0 30px 36px rgba(0,0,0,.62));animation:portrait-rise .9s cubic-bezier(.16,1,.3,1) both}.portrait-ready>span{bottom:5%;font-size:.6rem;color:var(--lime);text-shadow:0 2px 12px #030014}@keyframes portrait-rise{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:900px){.portrait-ready img{width:100%;right:0}}@media(max-width:560px){.portrait-ready img{width:100%;right:0}}.portfolio-overview{position:relative;z-index:4}.portfolio-overview-meta{display:flex;justify-content:space-between;gap:20px;margin-bottom:14px;color:#ffffff75;font:600 .68rem var(--mono);letter-spacing:.14em}.portfolio-overview-meta span:last-child{color:var(--lime)}.portfolio-wall{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:258px;gap:12px}.work-card{position:relative;grid-column:span 3;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:#070518e6;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.work-card.is-featured{grid-column:span 6;grid-row:span 2}.work-card:hover{z-index:2;transform:translateY(-3px);border-color:#ccff0094;box-shadow:0 18px 46px #0000004d}.work-visual{position:relative;min-height:0;overflow:hidden;background:radial-gradient(circle at 62% 42%,rgba(204,255,0,.14),transparent 34%),linear-gradient(135deg,#171329,#050316)}.work-card-blue .work-visual{background:radial-gradient(circle at 65% 38%,rgba(70,116,255,.24),transparent 35%),linear-gradient(135deg,#08152a,#050316)}.work-card-violet .work-visual{background:radial-gradient(circle at 58% 38%,rgba(156,85,255,.22),transparent 35%),linear-gradient(135deg,#1c0d2b,#050316)}.work-card-cyan .work-visual{background:radial-gradient(circle at 62% 42%,rgba(44,214,197,.18),transparent 35%),linear-gradient(135deg,#071f24,#050316)}.work-card-amber .work-visual{background:radial-gradient(circle at 62% 42%,rgba(255,155,54,.17),transparent 35%),linear-gradient(135deg,#28150a,#050316)}.work-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent);mask-image:linear-gradient(to bottom,#000,transparent)}.work-status{position:absolute;z-index:2;top:16px;right:16px;left:16px;display:flex;justify-content:space-between;gap:12px;color:#ffffff80;font:600 .56rem var(--mono);letter-spacing:.12em}.work-status i{color:var(--lime);font-style:normal}.work-visual>strong{position:absolute;z-index:1;top:34px;left:18px;color:#ffffff1c;font:400 clamp(4rem,7vw,7.5rem)/1 var(--display)}.work-visual>button{position:absolute;z-index:3;top:50%;left:50%;width:58px;height:58px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.42);border-radius:50%;background:#0300148c;color:#ffffffb8}.work-card.is-featured .work-visual>button{width:76px;height:76px}.work-visual>button:disabled{cursor:default}.work-visual>button svg{width:20px}.work-visual>small{position:absolute;z-index:2;right:16px;bottom:14px;color:#ffffff8c;font:600 .6rem var(--mono);letter-spacing:.1em}.work-scan{position:absolute;z-index:2;right:0;left:0;top:-2px;height:1px;background:linear-gradient(90deg,transparent,var(--lime),transparent);opacity:.42;animation:work-scan 6s ease-in-out infinite}@keyframes work-scan{0%,15%{transform:translateY(0);opacity:0}35%{opacity:.42}70%,to{transform:translateY(245px);opacity:0}}.work-info{position:relative;z-index:3;padding:16px 17px 15px;border-top:1px solid rgba(255,255,255,.14);background:#050316eb}.work-info>span{color:var(--lime);font:600 .56rem var(--mono);letter-spacing:.12em}.work-info h3{margin:8px 0 7px;font-size:clamp(1.18rem,1.8vw,1.8rem);line-height:1.05}.work-card.is-featured .work-info h3{font-size:clamp(1.8rem,3vw,3.2rem)}.work-info p{margin:0;color:#ffffffa8;font-size:.76rem;line-height:1.6}.work-info>div{display:flex;justify-content:space-between;gap:12px;margin-top:13px;padding-top:11px;border-top:1px solid rgba(255,255,255,.12);font:600 .55rem var(--mono);letter-spacing:.08em}.work-info b{color:#ffffff8f;font-weight:600}.work-info i{color:#ffffff57;font-style:normal}.portfolio-delivery-note{display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px 16px;border:1px solid rgba(204,255,0,.24);background:#ccff0009;color:#fff9;font-size:.78rem}.portfolio-delivery-note svg{width:18px;color:var(--lime)}@media(max-width:980px){.portfolio-wall{grid-auto-rows:250px}.work-card.is-featured{grid-column:span 12;grid-row:span 1}.work-card{grid-column:span 6}.work-card.is-featured .work-info h3{font-size:2rem}}@media(max-width:620px){.portfolio-overview-meta{align-items:flex-start;flex-direction:column;font-size:.58rem}.portfolio-wall{grid-template-columns:1fr;grid-auto-rows:auto}.work-card,.work-card.is-featured{grid-column:1;grid-row:auto}.work-visual{min-height:230px}.work-card.is-featured .work-visual{min-height:285px}.work-info{padding:17px}.work-info h3,.work-card.is-featured .work-info h3{font-size:1.7rem}.work-status{font-size:.5rem}.work-info>div{align-items:flex-start;flex-direction:column}.portfolio-delivery-note{align-items:flex-start;line-height:1.6}.work-scan{animation-duration:7s}}@media(max-width:620px){.films-panel .section-heading h2{font-size:11.7vw}}.work-card.is-wide{grid-column:span 6}.work-visual>video,.work-visual>img{position:absolute;z-index:1;inset:0;width:100%;height:100%}.work-visual>video{object-fit:contain;background:#050316}.work-visual>img{object-fit:cover}.work-visual>video::-webkit-media-controls-panel{background-image:linear-gradient(transparent,#030014db)}.work-preview-only{position:absolute;z-index:3;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;background:linear-gradient(180deg,transparent 42%,rgba(3,0,20,.72));pointer-events:none}.work-preview-only svg{width:46px;height:46px;padding:13px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:#030014a3;color:#fff}.work-preview-only span{padding:6px 9px;background:#030014c7;color:#ffffffc7;font:600 .58rem var(--mono);letter-spacing:.08em}.work-status,.work-visual>small{z-index:4;text-shadow:0 2px 10px #030014}.work-scan{pointer-events:none}.work-card:focus-within{border-color:var(--lime);box-shadow:0 0 0 2px #ccff002e}@media(max-width:980px){.work-card.is-wide{grid-column:span 6}}@media(max-width:620px){.work-card.is-wide{grid-column:1}.resume-actions{flex-direction:column}.resume-button{width:100%;min-height:52px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.growth-title:before,.portrait-orbit,.marquee div,.drawer-backdrop,.drawer,.site-logo-ambient .logo-rays path,.site-logo-ambient .logo-outline circle,.logo-rays path,.logo-outline path,.logo-outline circle,.opening-center button:before,.opening-center button:after,.portrait-ready img,.system-zoom img,.work-scan{animation:none!important}.site-content,.opening-screen,.opening-center,.opening-progress span,.tablet-carousel,.tablet-device{transition-duration:0s!important}}.film-collection{position:relative;z-index:4;color:#f4f4fa}.film-collection-bar{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid #ffffff24;font:11px/1.5 monospace;letter-spacing:.12em;color:#a3a1b4}.film-collection-bar span:last-child{color:#ceff00}.film-index{display:flex;flex-wrap:wrap;gap:10px 28px;padding:8px 0 26px;border-bottom:1px solid #ffffff18}.film-index a{display:flex;align-items:center;min-height:44px;gap:12px;color:#eeeef5;text-decoration:none;font-size:16px}.film-index small{font:11px monospace;color:#aaa7b9}.film-index a:hover,.film-index a:hover small{color:#ceff00}.film-group,.film-upcoming section{scroll-margin-top:110px}.film-group{margin-top:42px}.film-group-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.film-group-heading span,.film-upcoming section>span{font:10px/1.6 monospace;letter-spacing:.14em;color:#ceff00}.film-group-heading h3{margin:7px 0 0;font-size:clamp(26px,2.6vw,38px);line-height:1.2}.film-group-heading p{margin:0;color:#a9a6ba;font-size:14px;line-height:1.7}.film-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.film-collection .film-card{min-width:0;grid-column:auto;border:0;background:transparent;overflow:visible}.film-cover{position:relative;display:block;width:100%;aspect-ratio:16/10;padding:0;border:1px solid #ffffff1f;border-radius:3px;overflow:hidden;background:#100e20;color:#fff;cursor:pointer}.film-cover.is-portrait{aspect-ratio:4/5}.film-cover img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease,opacity .3s;opacity:.84}.film-cover.is-portrait img{object-fit:contain}.film-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(#05041180,transparent 32%,transparent 62%,#050411aa);pointer-events:none}.film-cover-top,.film-resolution{position:absolute;z-index:1;font:10px/1.5 monospace;letter-spacing:.05em;text-shadow:0 1px 5px black}.film-cover-top{inset:14px 14px auto;display:flex;justify-content:space-between;gap:6px}.film-resolution{bottom:14px;left:14px}.film-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:10px;white-space:nowrap}.film-play>svg{width:48px;height:48px;padding:15px;border:1px solid #ffffff88;border-radius:50%;background:#06051299;box-sizing:content-box;transition:color .2s,background .2s,transform .2s}.film-play>span{font-size:12px;font-weight:600;text-shadow:0 1px 5px #000}.film-cover:hover img{transform:scale(1.025);opacity:1}.film-cover:hover .film-play>svg,.film-cover:focus-visible .film-play>svg{background:#ceff00;color:#0b0918;transform:scale(1.06);border-color:#ceff00}.film-card-info{display:flex;justify-content:space-between;gap:12px;padding:16px 0 0}.film-card-info span{display:block;color:#a6a3b6;font-size:12px;line-height:1.6}.film-card-info h4{margin:5px 0 0;font-size:17px;line-height:1.5;font-weight:600}.film-card-info>svg{width:18px;flex-shrink:0;color:#ceff00;margin-top:4px}.film-group-talk .film-grid{grid-template-columns:minmax(0,1fr)}.film-collection .film-group-talk .film-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);border-block:1px solid #ffffff1a;background:#0a0818b3}.film-group-talk .film-cover{aspect-ratio:16/9}.film-group-talk .film-card-info{padding:28px;align-items:center}.film-group-talk .film-card-info h4{font-size:clamp(22px,2.5vw,34px);margin-top:12px}.film-group-montage .film-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.film-upcoming{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:48px 0 24px}.film-upcoming section{position:relative;border-block:1px solid #ffffff24;padding:24px 0}.film-upcoming section>span{color:#a7a3b7}.film-upcoming h3{font-size:26px;margin:10px 0}.film-upcoming p{color:#a7a3b7;font-size:14px}.film-upcoming small{position:absolute;right:0;top:28px;padding:7px 10px;border:1px solid #ffffff24;color:#a7a3b7;font-size:11px}.film-quality-note{display:flex;align-items:flex-start;gap:10px;color:#a7a3b7;font-size:12px;line-height:1.8}.film-quality-note svg{width:16px;flex-shrink:0}.film-collection :is(a,button):focus-visible{outline:2px solid #ceff00;outline-offset:5px}.film-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:24px;box-sizing:border-box;border:0;color:#f6f5fb;background:transparent;overflow:auto}.film-dialog[open]{display:flex;align-items:center;justify-content:center}.film-dialog::backdrop{background:#020109ec;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:theater-dim .32s ease both}.film-theater{width:min(1200px,100%);min-width:0;background:#07060e;border:1px solid #ffffff26;box-shadow:0 35px 120px #000c;border-radius:8px;overflow:hidden;animation:theater-enter .32s cubic-bezier(.16,1,.3,1) both}.film-theater-header,.film-theater-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px}.film-theater-header span{font:10px/1.6 monospace;color:#ceff00;letter-spacing:.1em}.film-theater-header h3{margin:5px 0 0;font-size:20px;line-height:1.4}.film-close{display:flex;gap:8px;align-items:center;justify-content:center;border:1px solid #ffffff40;border-radius:4px;min-width:80px;min-height:44px;background:#ffffff09;color:#fff;cursor:pointer}.film-close span{color:#fff;font:14px sans-serif}.film-close svg{width:18px}.film-close:hover{border-color:#ceff00;color:#ceff00}.film-stage{position:relative;height:min(65dvh,675px);background:#000}.film-stage video{display:block;width:100%;height:100%;object-fit:contain}.film-loading{position:absolute;top:16px;left:16px;padding:8px 12px;background:#080710d9;color:#fff;font-size:12px;pointer-events:none}.film-theater-footer{font-size:12px;color:#aaa6bb;flex-wrap:wrap;line-height:1.7}.film-theater-footer i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ceff00;margin-right:7px}.film-theater-footer a,.film-error a{display:inline-flex;align-items:center;gap:6px;color:#e5e2ef;text-decoration:none;min-height:32px}.film-theater-footer a svg,.film-error a svg{width:15px}.film-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;background:#07060eef;gap:12px}.film-error p{margin:0}.film-error span{color:#a7a3b7;font-size:13px}.film-error a{color:#ceff00}.film-dialog.is-closing .film-theater{animation:theater-exit .18s ease both}.film-dialog.is-closing::backdrop{animation:theater-undim .18s ease both}.is-video-focused .site-logo-ambient *{animation-play-state:paused!important}@keyframes theater-enter{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}@keyframes theater-exit{to{opacity:0;transform:translateY(12px) scale(.98)}}@keyframes theater-dim{0%{background:#02010900;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#020109ec;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}@keyframes theater-undim{to{background:#02010900;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}@media(max-width:980px){.film-grid,.film-group-montage .film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.film-collection-bar{font-size:9px;gap:12px;flex-direction:column}.film-index{gap:4px 20px;padding-bottom:16px}.film-index a{font-size:14px;gap:8px}.film-group{margin-top:32px}.film-group-heading{display:block}.film-group-heading p{margin-top:10px;font-size:12px}.film-grid{gap:22px 12px}.film-play>svg{width:22px;height:22px;padding:12px}.film-play>span{font-size:10px}.film-cover-top{inset:9px 8px auto;font-size:8px}.film-resolution{left:8px;bottom:8px;font-size:8px}.film-card-info{gap:4px;padding-top:10px}.film-card-info span{font-size:10px}.film-card-info h4{font-size:14px}.film-card-info>svg{width:14px}.film-collection .film-group-talk .film-card{display:block}.film-group-talk .film-card-info{padding:18px}.film-group-talk .film-card-info h4{font-size:22px}.film-group-montage .film-grid{grid-template-columns:1fr}.film-upcoming{gap:20px;margin-top:32px}.film-upcoming small{position:static;display:inline-block;margin-top:8px}.film-upcoming h3{font-size:24px}.film-upcoming p{font-size:12px}.film-upcoming section>span{font-size:8px}.film-dialog{padding:12px}.film-theater-header{padding:14px;gap:10px}.film-theater-header h3{font-size:16px}.film-theater-header span{font-size:8px}.film-close{min-width:44px}.film-close span{display:none}.film-stage{height:55dvh}.film-theater-footer{padding:12px 14px;gap:6px;font-size:11px}}@media(prefers-reduced-motion:reduce){.film-cover img,.film-play>svg{transition:none}.film-dialog .film-theater,.film-dialog::backdrop{animation:none!important}}:root{color-scheme:dark}.auto-shell,.wh-shell{color-scheme:light}html{scroll-padding-top:86px}:is(button,a,select):focus-visible{outline:2px solid var(--lime);outline-offset:5px}section[tabindex="-1"]:focus,footer[tabindex="-1"]:focus{outline:none}.site-header nav button{min-height:44px;font-size:13px;letter-spacing:.04em}.opening-screen{overflow-y:auto;padding:80px 24px 76px}.opening-center{width:min(960px,100%);opacity:1;transform:none;transition:none}.opening-logo{font-size:clamp(6rem,14vw,11rem);margin:20px 0 12px}.opening-center>p{font-size:15px;color:#bbb8c8}.opening-entrances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:38px auto 0}.opening-center .opening-entrances button{display:grid;gap:16px;margin:0;padding:24px;text-align:left;border:1px solid #ffffff40;background:#0e0b20e6;color:#fff;letter-spacing:0;font-family:inherit;transition:border-color .2s,background .2s,transform .2s}.opening-center .opening-entrances button:before,.opening-center .opening-entrances button:after{content:none}.opening-center .opening-entrances button{height:auto;min-height:160px;width:100%;min-width:0;box-shadow:none;border-radius:3px}.opening-entrances button strong svg{width:22px;height:22px;min-width:22px;margin:0;padding:0;border:0;background:none;border-radius:0}.opening-entrances button small{font:10px/1.5 var(--mono);letter-spacing:.1em;color:var(--lime)}.opening-entrances button strong{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:clamp(20px,2vw,26px);line-height:1.5}.opening-entrances button span{font-size:13px;color:#b8b4c8;font-weight:400}.opening-center .opening-entrances button:hover{background:#ccff0010;border-color:var(--lime);transform:translateY(-3px)}.opening-footnote{position:absolute;bottom:20px;left:20px;right:20px;text-align:center;font-size:12px;color:#aaa5bd}.drawer{margin:0 0 0 auto;height:100dvh;max-height:none;max-width:none;border:0;color:#fff;background:#0d0a1e;overflow-y:auto}.drawer:not([open]){display:none}.drawer::backdrop{background:#030014bb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.drawer-list{margin-top:20px}.drawer-list button{min-height:76px}.drawer-list button strong{font-family:inherit;font-size:clamp(22px,3vw,36px)}.drawer-note{position:static;margin-top:36px}.closing{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;min-height:auto;padding-top:100px;scroll-margin-top:100px}.closing>div{grid-column:1 / -1}.closing h2{font-size:clamp(32px,5.8vw,80px)}.contact-links{font-style:normal;display:grid;max-width:620px;gap:12px}.contact-links>p{font-size:14px;color:#b9b5c9}.contact-links a{display:flex;align-items:center;gap:16px;min-height:76px;padding:16px 0;border-bottom:1px solid #ffffff30;text-decoration:none;color:#f7f6fc}.contact-links a:hover{color:var(--lime)}.contact-links a>svg{width:20px;flex-shrink:0;color:var(--lime)}.contact-links a>svg:last-child{margin-left:auto}.contact-links span{font-size:clamp(17px,2.5vw,25px);overflow-wrap:anywhere}.contact-links small{display:block;color:#b9b5c9;font:12px/1.8 var(--mono)}.film-upcoming{grid-template-columns:1fr}.film-ownership{margin:9px 0 0;color:#ceff00;font-size:12px}.film-quality-picker{display:flex;align-items:center;gap:10px}.film-source-note{display:block;font-size:10px}.film-start{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 20px;background:var(--lime);color:#090715;border:0;cursor:pointer;white-space:nowrap}.film-quality-picker select{min-height:44px;padding:8px 30px 8px 10px;border:1px solid #ffffff40;border-radius:4px;background:#171323;color:#fff;font:inherit}.film-retry{min-height:44px;padding:10px 20px;border:1px solid var(--lime);border-radius:4px;background:var(--lime);color:#090715;cursor:pointer;font:inherit}.film-error-actions{display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap}.film-buffer-hint{display:flex;gap:12px;align-items:center;padding:10px 24px;border-top:1px solid #ffffff20;font-size:12px;color:#b9b5c9}.film-buffer-hint button{min-height:36px;border:1px solid #ffffff40;padding:6px 10px;background:#171323;color:#fff;cursor:pointer}@media(max-width:760px){.opening-entrances{gap:10px}.opening-center .opening-entrances button{padding:18px 14px}.opening-entrances button strong{font-size:18px}.opening-entrances button small{font-size:8px}.opening-entrances button span{font-size:11px}}@media(max-width:560px){.opening-screen{display:flex;flex-direction:column;justify-content:flex-start;min-height:100dvh;padding:68px 20px 28px}.opening-center{flex:0 0 auto;margin-top:auto}.opening-logo{font-size:25vw;margin:16px 0 12px}.opening-entrances{grid-template-columns:1fr;margin-top:24px}.opening-center .opening-entrances button{padding:16px 20px;gap:5px;min-height:114px}.opening-entrances button strong{font-size:21px}.opening-entrances button small{font-size:9px}.opening-entrances button span{font-size:12px}.opening-footnote{position:static;margin:24px 0 auto;font-size:10px}.closing{grid-template-columns:minmax(0,1fr);padding-top:65px}.closing button{width:86px;height:86px;min-height:86px;font-size:10px}.contact-links a{gap:10px}.film-quality-picker{width:100%;justify-content:space-between}.film-buffer-hint{padding:10px 14px;flex-wrap:wrap}}@media(max-height:720px)and (min-width:561px){.opening-screen{align-content:start;padding-top:60px}.opening-logo{font-size:6rem}.opening-entrances{margin-top:20px}.opening-footnote{position:static;margin:24px 0 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.opening-entrances button,.drawer-list button strong{transition:none!important}.opening-center .opening-entrances button:hover{transform:none}.drawer,.drawer::backdrop{animation:none!important}}.wh-shell{--blue:#3965f5;--ink:#152038;--muted:#76839a;--line:#e4e9f2;min-height:100vh;display:flex;background:#f5f7fb;color:var(--ink);font-family:Space Grotesk,Noto Sans SC,sans-serif}.wh-shell button,.wh-shell input{font:inherit}.wh-side{width:224px;flex:none;display:flex;flex-direction:column;padding:25px 14px 18px;border-right:1px solid var(--line);background:#fff}.wh-logo{display:flex;align-items:center;gap:10px;padding:0 10px 24px;border-bottom:1px solid var(--line)}.wh-logo>span{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#16213d;color:#b9ff31}.wh-logo b,.wh-logo small{display:block}.wh-logo b{font-size:.82rem;letter-spacing:.1em}.wh-logo small{margin-top:2px;color:#9aa5b7;font:9px var(--mono);letter-spacing:.1em}.wh-side nav{display:grid;gap:4px;margin-top:20px}.wh-side nav button,.wh-side-foot>button{height:44px;display:flex;align-items:center;gap:11px;padding:0 12px;border:0;border-radius:7px;background:none;color:var(--muted);cursor:pointer;text-align:left}.wh-side nav button:hover{background:#f5f7fb;color:var(--ink)}.wh-side nav button.active{color:#2855dc;background:#edf2ff;box-shadow:inset 3px 0 var(--blue);font-weight:600}.wh-side nav button em{margin-left:auto;font:9px var(--mono);color:#6b51e8}.wh-side-foot{margin-top:auto;display:grid;gap:2px}.wh-account{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:9px;margin-top:13px;padding:15px 8px 0;border-top:1px solid var(--line)}.wh-account>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#1d2f70;color:#fff;font-weight:700}.wh-account b,.wh-account small{display:block}.wh-account small{margin-top:2px;color:var(--muted);font-size:10px}.wh-main{min-width:0;flex:1}.wh-top{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);background:#fff}.wh-top p,.wh-hero>div>span{margin:0 0 6px;color:var(--blue);font:9px var(--mono);letter-spacing:.13em}.wh-top h1{margin:0;font-size:1.38rem}.wh-top-actions{display:flex;align-items:center;gap:14px}.wh-top-actions span{color:#728096;font-size:.7rem}.wh-top-actions span i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#51d793}.wh-top-actions button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--muted)}.wh-top-actions .wh-avatar{background:#172548;color:#fff;border:0}.wh-content{max-width:1440px;margin:auto;padding:25px 34px 58px}.wh-crumb{color:#8a96a8;font-size:.7rem}.wh-crumb b{margin:0 8px;color:#c1c9d4}.wh-crumb strong{color:var(--blue);font-weight:500}.wh-hero{display:flex;justify-content:space-between;align-items:center;min-height:292px;margin-top:18px;padding:32px 48px;border-radius:13px;background:linear-gradient(115deg,#101a3b,#243d84);color:#fff;overflow:hidden}.wh-hero h2{margin:12px 0 14px;font:400 clamp(2.5rem,4.6vw,4.6rem)/.9 var(--display);letter-spacing:-.02em}.wh-hero h2 em{color:#baff32;font-style:normal}.wh-hero p{max-width:510px;margin:0;color:#ffffffa6;font-size:.78rem;line-height:1.75}.wh-primary{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:11px 15px;border:0;border-radius:5px;background:#baff32;color:#101724;font-size:.68rem;font-weight:700;cursor:pointer}.wh-orbit{position:relative;width:190px;height:190px;display:grid;place-content:center;text-align:center}.wh-orbit-ring{position:absolute;inset:0;border:1px solid rgba(186,255,50,.25);border-radius:50%;border-top-color:#baff32;transform:rotate(35deg)}.wh-orbit strong{font:400 3.5rem var(--display);color:#baff32}.wh-orbit strong small{font-size:1.3rem}.wh-orbit span,.wh-orbit i{display:block;font-size:.65rem;color:#ffffff9e;font-style:normal}.wh-orbit i{margin-top:9px;color:#baff32;font:9px var(--mono)}.wh-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;border:1px solid var(--line);border-radius:10px;background:#fff}.wh-stats>div{padding:19px 22px;border-right:1px solid var(--line)}.wh-stats>div:last-child{border:0}.wh-stats span,.wh-stats small{display:block;color:var(--muted);font-size:.65rem}.wh-stats b{display:block;margin:8px 0 3px;font:400 2.35rem var(--display);color:#17213a}.wh-stats b.warn{color:#ea8e31}.wh-table-card{margin-top:18px;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.wh-table-card header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.wh-table-card h3{margin:0;font-size:1rem}.wh-table-card p{margin:5px 0 0;color:var(--muted);font-size:.65rem}.wh-tools{display:flex;gap:8px}.wh-tools label{display:flex;align-items:center;gap:7px;width:190px;padding:0 9px;border:1px solid var(--line);border-radius:5px;color:#9aa5b7}.wh-tools input{width:100%;border:0;outline:0;color:var(--ink);font-size:.65rem}.wh-tools button{display:flex;align-items:center;gap:6px;padding:0 11px;border:1px solid var(--line);border-radius:5px;background:#fff;color:#68768d;font-size:.65rem}.wh-tools .wh-upload{border-color:#2957df;background:#2957df;color:#fff}.wh-table-scroll{overflow:auto}.wh-table-card table{width:100%;border-collapse:collapse;min-width:720px}.wh-table-card th,.wh-table-card td{padding:15px 22px;border-bottom:1px solid #edf0f5;text-align:left;font-size:.7rem}.wh-table-card th{color:#8995a8;font:9px var(--mono);letter-spacing:.08em}.wh-table-card td:first-child b,.wh-table-card td:first-child span{display:block}.wh-table-card td:first-child b{color:#2d5ae1;font:10px var(--mono)}.wh-table-card td:first-child span{margin-top:5px;color:#26334c;font-weight:600}.wh-table-card td strong{font-weight:600}.wh-table-card td em{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:12px;background:#edfbf3;color:#25a766;font-style:normal;font-size:.62rem}.wh-table-card td em i{width:5px;height:5px;border-radius:50%;background:#36c878}.wh-table-card td em.danger{background:#fff4e6;color:#e18b31}.wh-table-card td em.danger i{background:#ee9d45}@media(max-width:900px){.wh-side{width:70px;padding-inline:10px}.wh-logo div,.wh-side nav span,.wh-side-foot>button{display:none}.wh-logo{justify-content:center;padding-inline:0}.wh-side nav button{justify-content:center;padding:0}.wh-side nav button em{position:absolute;margin:0 0 28px 25px}.wh-top,.wh-content{padding-inline:18px}.wh-hero{padding:28px}.wh-stats{grid-template-columns:repeat(2,1fr)}.wh-stats>div:nth-child(2){border-right:0}.wh-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.wh-table-card header{align-items:flex-start;gap:14px;flex-direction:column}.wh-tools{width:100%}.wh-tools label{flex:1}}@media(max-width:560px){.wh-top-actions>span{display:none}.wh-hero{min-height:390px;align-items:flex-start}.wh-orbit{position:absolute;right:12px;margin-top:150px;width:145px;height:145px}.wh-hero h2{font-size:3rem}.wh-hero p{max-width:85%}.wh-stats>div{padding:16px 13px}.wh-stats b{font-size:1.9rem}.wh-tools{flex-wrap:wrap}.wh-tools label{width:100%;flex-basis:100%;height:34px}}.wh-notice{position:absolute;top:-3px;right:-3px;min-width:14px;height:14px;display:grid;place-items:center;border-radius:8px;background:#baff32;color:#17213a;font-size:8px}.wh-top-actions button{position:relative}.wh-overview-grid{display:grid;grid-template-columns:1.1fr 1fr .9fr;gap:18px;margin-top:18px}.wh-mini-card{min-height:205px;padding:20px 22px;border:1px solid var(--line);border-radius:10px;background:#fff}.wh-mini-card header{display:flex;align-items:flex-start;justify-content:space-between}.wh-mini-card h3{display:flex;align-items:center;gap:7px;margin:0;font-size:.9rem}.wh-mini-card p{margin:5px 0 0;color:var(--muted);font-size:.62rem}.wh-mini-card header>strong{font:400 1.7rem var(--display);color:#2855dc}.wh-bars{height:98px;display:flex;align-items:end;gap:8px;margin-top:22px;padding:0 3px;border-bottom:1px solid var(--line)}.wh-bars span{flex:1;min-width:5px;border-radius:3px 3px 0 0;background:#dfe6f4}.wh-bars span.current{background:#4168ed;box-shadow:0 0 16px #4168ed4d}.wh-axis{display:flex;justify-content:space-between;margin-top:8px;color:#a0aabc;font:9px var(--mono)}.wh-link{border:0;background:none;color:#4168ed;font-size:.62rem;cursor:pointer}.wh-warehouse-list{display:grid;gap:14px;margin-top:22px}.wh-warehouse-list>div{display:grid;grid-template-columns:1fr 35px;gap:8px;align-items:center;font-size:.66rem}.wh-warehouse-list b{text-align:right;color:#233252;font:10px var(--mono)}.wh-warehouse-list i{grid-column:1/3;height:5px;border-radius:4px;background:#edf0f6}.wh-warehouse-list em{display:block;height:100%;border-radius:4px;background:#5677ed}.wh-alert-card{background:#fffaf1;border-color:#f4dfba}.wh-alert-card header>strong{color:#e58d2b}.wh-alert-copy{margin-top:22px!important;color:#5c6472!important;line-height:1.7}.wh-alert-copy b{color:#d47b20}.wh-alert-action{display:flex;align-items:center;gap:6px;margin-top:10px;padding:0;border:0;background:none;color:#c9781f;font-size:.66rem;cursor:pointer}.wh-table-card td small.turnover{color:#8b97a8;font-size:.6rem}.wh-table-card td em{gap:5px}.wh-empty{padding:30px;text-align:center;color:var(--muted);font-size:.75rem}.wh-modal-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:#09122a75;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.wh-insight-modal{position:relative;width:min(500px,100%);padding:32px;border-radius:14px;background:#fff;box-shadow:0 25px 80px #0a194647;animation:wh-modal-in .35s cubic-bezier(.16,1,.3,1)}@keyframes wh-modal-in{0%{opacity:0;transform:translateY(16px) scale(.97)}}.wh-insight-modal>span{color:#4168ed;font:9px var(--mono);letter-spacing:.1em}.wh-insight-modal h2{margin:13px 0 20px;font-size:1.55rem}.wh-close{position:absolute;top:18px;right:18px;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:#8792a5;cursor:pointer}.wh-insight-score{display:flex;align-items:center;gap:10px;padding:13px;border-radius:7px;background:#eef3ff}.wh-insight-score strong{color:#2855dc;font-size:.8rem}.wh-insight-score span{color:#65748e;font-size:.66rem}.wh-insight-modal>p{color:#5f6d84;font-size:.75rem;line-height:1.8}.wh-insight-list{display:grid;gap:8px;margin:22px 0}.wh-insight-list>div{display:grid;grid-template-columns:30px 1fr auto;align-items:center;padding:11px 0;border-bottom:1px solid #edf0f5;font-size:.68rem}.wh-insight-list b{color:#4168ed;font:9px var(--mono)}.wh-insight-list span{color:#738096}.wh-insight-list strong{color:#1d2b47}@media(max-width:1100px){.wh-overview-grid{grid-template-columns:1fr 1fr}.wh-alert-card{grid-column:1/-1}}@media(max-width:700px){.wh-overview-grid{grid-template-columns:1fr}.wh-alert-card{grid-column:auto}.wh-mini-card{min-height:190px}.wh-insight-modal{padding:25px 20px}}.cs-shell{--cs-bg:#050316;--cs-panel:#0a081d;--cs-panel-2:#0e0c24;--cs-lime:#ccff00;--cs-line:rgba(255,255,255,.105);--cs-muted:#88869a;min-height:100vh;display:flex;color:#f8f8fb;background:var(--cs-bg);font-family:Space Grotesk,Noto Sans SC,sans-serif}.cs-shell button,.cs-shell input,.cs-shell textarea{font:inherit}.cs-grid{position:fixed;inset:0;pointer-events:none;opacity:.32;background-image:linear-gradient(rgba(93,113,183,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(93,113,183,.08) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to right,#000,transparent 75%);mask-image:linear-gradient(to right,#000,transparent 75%)}.cs-sidebar{position:relative;z-index:2;width:220px;flex:none;min-height:100vh;display:flex;flex-direction:column;padding:26px 16px 18px;border-right:1px solid var(--cs-line);background:#050316f0}.cs-brand{height:54px;display:flex;align-items:center;gap:10px;padding:0 10px 24px;font-family:var(--display);font-size:1.25rem;letter-spacing:.13em}.cs-brand b{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:var(--cs-lime);color:#080808;font-size:.8rem}.cs-sidebar nav{display:grid;gap:5px;margin-top:18px}.cs-sidebar nav button,.cs-sidebar-bottom>button{min-height:46px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:0 12px;border:0;border-radius:7px;color:#858398;background:transparent;text-align:left;cursor:pointer}.cs-sidebar nav button:hover,.cs-sidebar-bottom>button:hover{color:#fff;background:#ffffff0a}.cs-sidebar nav button.active{color:#fff;background:#ccff0017;box-shadow:inset 2px 0 var(--cs-lime)}.cs-sidebar nav button.active svg{color:var(--cs-lime)}.cs-sidebar nav button em{min-width:22px;height:22px;display:grid;place-items:center;border-radius:11px;color:#0b0b0b;background:var(--cs-lime);font-style:normal;font-size:.7rem;font-weight:700}.cs-sidebar-bottom{margin-top:auto;display:grid;gap:2px}.cs-agent{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;margin-top:14px;padding:16px 7px 0;border-top:1px solid var(--cs-line)}.avatar{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:50%;color:#111;background:#d7ff52;font-weight:700;font-size:.82rem}.avatar-z{color:#fff;background:linear-gradient(135deg,#7381ff,#312479)}.cs-agent strong{display:block;font-size:.82rem}.cs-agent small{display:flex;align-items:center;gap:5px;margin-top:3px;color:var(--cs-muted);font-size:.66rem}.cs-agent small i{width:6px;height:6px;border-radius:50%;background:#57e89a;box-shadow:0 0 8px #57e89a}.cs-workspace{position:relative;z-index:1;min-width:0;flex:1;display:flex;flex-direction:column;height:100vh}.cs-topbar{height:94px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--cs-line);background:#050316b3}.cs-topbar p{margin:0 0 6px;color:var(--cs-lime);font-family:var(--mono);font-size:.58rem;letter-spacing:.15em}.cs-topbar h1{margin:0;font-size:1.35rem;letter-spacing:.02em}.cs-top-actions{display:flex;align-items:center;gap:20px}.cs-ai-status{display:flex;align-items:center;gap:8px;color:#aaa8b8;font-size:.72rem}.cs-ai-status i{width:7px;height:7px;border-radius:50%;background:var(--cs-lime);box-shadow:0 0 10px var(--cs-lime)}.cs-top-actions>button{position:relative;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--cs-line);border-radius:50%;background:transparent;cursor:pointer}.cs-top-actions>button b{position:absolute;top:-2px;right:-2px;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:var(--cs-lime);color:#111;font-size:.55rem}.cs-content{min-height:0;flex:1;display:grid;grid-template-columns:300px minmax(470px,1fr) 300px}.cs-queue,.cs-chat,.cs-insights{min-height:0;background:#08061ad1}.cs-queue{border-right:1px solid var(--cs-line);overflow:hidden}.cs-insights{border-left:1px solid var(--cs-line);overflow:auto}.cs-queue-head{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.cs-queue-head h2{margin:0;font-size:.94rem}.cs-queue-head span{display:block;margin-top:4px;color:var(--cs-muted);font-size:.65rem}.cs-queue-head button,.cs-chat-actions button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--cs-line);border-radius:5px;background:transparent;color:var(--cs-muted);cursor:pointer}.cs-search{height:38px;display:flex;align-items:center;gap:9px;margin:0 14px;padding:0 11px;border:1px solid var(--cs-line);border-radius:5px;background:#ffffff06;color:var(--cs-muted)}.cs-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;font-size:.72rem}.cs-search input::placeholder{color:#6e6c80}.cs-filter-row{display:flex;gap:18px;height:54px;align-items:end;padding:0 17px;border-bottom:1px solid var(--cs-line)}.cs-filter-row button{position:relative;height:40px;border:0;background:none;color:#747287;font-size:.68rem;cursor:pointer}.cs-filter-row button.active{color:#fff}.cs-filter-row button.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--cs-lime)}.cs-filter-row b{margin-left:4px;color:var(--cs-lime)}.cs-conversation-list{height:calc(100vh - 251px);overflow:auto}.cs-conversation{width:100%;display:flex;gap:11px;padding:15px 14px;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:transparent;color:inherit;text-align:left;cursor:pointer}.cs-conversation.active{background:linear-gradient(90deg,#ccff0017,#ccff0006);box-shadow:inset 2px 0 var(--cs-lime)}.cs-conversation:hover{background-color:#ffffff08}.tone-1{background:#96a9ff}.tone-2{background:#edb8ff}.tone-3{background:#8be0dd}.tone-4{background:#ffc181}.cs-conversation-copy{min-width:0;flex:1}.cs-conversation-copy>span:first-child{display:flex;justify-content:space-between;gap:8px}.cs-conversation-copy strong{font-size:.78rem}.cs-conversation-copy time,.cs-conversation-copy small{color:#777589;font-size:.58rem}.cs-conversation-copy>small{display:block;margin-top:3px}.cs-conversation-copy p{margin:8px 0;color:#aaa8b8;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-row-bottom{display:flex;justify-content:space-between;align-items:center}.cs-pill{display:inline-flex;align-items:center;min-height:19px;padding:0 7px;border-radius:10px;background:#ccff001a;color:var(--cs-lime);font-size:.55rem}.cs-pill.blue{background:#7185ff24;color:#9aaaff}.cs-pill.muted{background:#ffffff0f;color:#9290a2}.cs-unread{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--cs-lime);color:#0b0b0b;font-size:.55rem}.cs-chat{display:flex;flex-direction:column;min-width:0}.cs-chat-head{height:65px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--cs-line)}.cs-contact{display:flex;align-items:center;gap:11px}.cs-contact h2{display:flex;align-items:center;gap:5px;margin:0;font-size:.86rem}.cs-contact h2 svg{color:var(--cs-lime)}.cs-contact p{margin:4px 0 0;color:var(--cs-muted);font-size:.62rem}.cs-chat-actions{display:flex;gap:7px}.cs-context-strip{min-height:38px;display:flex;align-items:center;gap:7px;padding:0 18px;border-bottom:1px solid var(--cs-line);color:#858397;background:#ffffff04;font-size:.6rem}.cs-context-strip i{width:1px;height:13px;margin:0 3px;background:var(--cs-line)}.cs-context-strip b{color:#bdc6ff}.cs-context-strip button{margin-left:auto;border:0;background:none;color:var(--cs-lime);font-size:.6rem;cursor:pointer}.cs-messages{min-height:0;flex:1;overflow:auto;padding:12px 24px 22px}.cs-time-divider{display:flex;align-items:center;gap:12px;margin:4px 0 18px;color:#636174;font-size:.55rem}.cs-time-divider:before,.cs-time-divider:after{content:"";height:1px;flex:1;background:#ffffff0e}.cs-message{display:flex;align-items:flex-start;gap:9px;margin:14px 0}.cs-message>div{max-width:72%}.cs-message p{margin:0;padding:11px 13px;border:1px solid var(--cs-line);border-radius:3px 10px 10px;background:#ffffff0b;color:#d8d7df;font-size:.72rem;line-height:1.65}.cs-message time{display:block;margin-top:5px;color:#666476;font-size:.55rem}.cs-message.agent{justify-content:flex-end}.cs-message.agent p{border-color:#ccff0026;border-radius:10px 3px 10px 10px;background:#ccff0012}.cs-message.agent time{text-align:right}.cs-order-card{min-width:280px;padding:12px 13px;border:1px solid rgba(204,255,0,.18);border-radius:8px;background:#0e1220}.cs-order-card>span{display:flex;align-items:center;gap:6px;color:var(--cs-lime);font-size:.6rem}.cs-order-card strong{display:block;margin:11px 0 3px;font-family:var(--mono);font-size:.8rem;letter-spacing:.06em}.cs-order-card small{color:var(--cs-muted);font-size:.58rem}.cs-order-card button{float:right;margin-top:-24px;border:0;background:none;color:#aeb8ff;font-size:.56rem;cursor:pointer}.cs-composer{flex:none;padding:0 18px 15px}.cs-suggestion{min-height:35px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid rgba(204,255,0,.14);border-bottom:0;border-radius:7px 7px 0 0;background:#ccff000e;color:#9997a9;font-size:.58rem}.cs-suggestion svg,.cs-suggestion b{color:var(--cs-lime)}.cs-suggestion button{margin-left:auto;border:0;background:none;color:var(--cs-lime);font-size:.6rem;cursor:pointer}.cs-input-wrap{padding:8px 10px 9px;border:1px solid rgba(255,255,255,.15);border-radius:0 0 7px 7px;background:#0d0b21}.cs-input-wrap textarea{width:100%;height:36px;resize:none;border:0;outline:0;background:transparent;color:#fff;font-size:.7rem}.cs-input-wrap textarea::placeholder{color:#666477}.cs-input-wrap>div{display:flex;align-items:center;justify-content:space-between}.cs-input-wrap>div>span{display:flex;align-items:center;gap:5px}.cs-input-wrap button:not(.cs-send){width:30px;height:28px;display:grid;place-items:center;border:0;background:none;color:#777589;cursor:pointer}.cs-input-wrap small{margin-left:6px;color:#555365;font-size:.52rem}.cs-send{height:31px;display:flex;align-items:center;gap:6px;padding:0 13px;border:0;border-radius:4px;background:var(--cs-lime);color:#0c0c0c;font-size:.65rem;font-weight:700;cursor:pointer}.cs-insights-head{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid var(--cs-line)}.cs-insights-head>span{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.62rem;letter-spacing:.08em}.cs-insights-head svg{color:var(--cs-lime)}.cs-insights section{padding:17px;border-bottom:1px solid var(--cs-line)}.cs-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.cs-section-title>span{display:flex;align-items:center;gap:7px;font-size:.68rem;font-weight:600}.cs-section-title svg{color:var(--cs-lime)}.cs-section-title small,.cs-section-title button{border:0;background:none;color:#6d6b7d;font-size:.55rem}.cs-section-title button{color:var(--cs-lime);cursor:pointer}.cs-summary>p{margin:0;color:#aaa8b8;font-size:.65rem;line-height:1.7}.cs-sentiment{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:13px;padding:9px 10px;border-radius:5px;background:#ffffff09;font-size:.56rem}.cs-sentiment>span{color:var(--cs-muted)}.cs-sentiment>div{display:flex;gap:3px}.cs-sentiment i{height:3px;flex:1;background:#343144}.cs-sentiment i.active,.cs-sentiment i:has(~.active){background:var(--cs-lime)}.cs-sentiment b{color:var(--cs-lime)}.cs-profile{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.cs-profile div{padding-left:9px;border-left:1px solid rgba(204,255,0,.35)}.cs-profile dt{color:#747284;font-size:.55rem}.cs-profile dd{margin:4px 0 0;font-family:var(--mono);font-size:.72rem}.cs-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:13px}.cs-tags span{padding:5px 7px;border:1px solid var(--cs-line);border-radius:3px;color:#9997a8;font-size:.52rem}.cs-knowledge{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:7px;padding:10px;border:1px solid transparent;border-radius:5px;background:#ffffff09;color:inherit;text-align:left;cursor:pointer}.cs-knowledge:hover{border-color:#ccff0047}.cs-knowledge>span{display:flex;align-items:center;gap:9px}.cs-knowledge b{color:var(--cs-lime);font-family:var(--mono);font-size:.6rem}.cs-knowledge span span{font-size:.6rem}.cs-knowledge small{display:block;margin-top:3px;color:#716f81;font-size:.5rem}.cs-knowledge>strong{color:var(--cs-lime);font-family:var(--mono);font-size:.57rem}.cs-resolve{width:calc(100% - 34px);height:38px;display:flex;align-items:center;justify-content:center;gap:7px;margin:17px;border:1px solid var(--cs-lime);background:transparent;color:var(--cs-lime);font-size:.66rem;font-weight:600;cursor:pointer}.cs-resolve:hover{background:var(--cs-lime);color:#0a0a0a}@media(max-width:1100px){.cs-content{grid-template-columns:270px 1fr}.cs-insights{display:none}}@media(max-width:760px){.cs-sidebar{width:68px;padding-inline:10px}.cs-brand span,.cs-sidebar nav span,.cs-sidebar-bottom>button span,.cs-agent>div,.cs-agent>svg{display:none}.cs-brand{justify-content:center;padding-inline:0}.cs-sidebar nav button,.cs-sidebar-bottom>button{grid-template-columns:1fr;place-items:center;padding:0}.cs-sidebar nav button em{position:absolute;margin:0 0 25px 27px}.cs-agent{grid-template-columns:1fr;justify-items:center}.cs-content{grid-template-columns:1fr}.cs-queue{display:none}.cs-topbar{padding:0 16px}.cs-ai-status{display:none}.cs-messages{padding-inline:14px}.cs-chat-head{padding-inline:13px}}.auto-shell{--blue:#2563eb;--ink:#182033;--muted:#738096;--line:#e5eaf1;min-height:100vh;display:flex;background:#f3f6fa;color:var(--ink);font-family:Space Grotesk,Noto Sans SC,sans-serif}.auto-shell *{box-sizing:border-box}.auto-shell button,.auto-shell input{font:inherit}.auto-side{width:218px;flex:none;min-height:100vh;display:flex;flex-direction:column;padding:23px 14px 16px;border-right:1px solid var(--line);background:#fff}.auto-brand{height:52px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:20px 16px;align-items:center;column-gap:10px;padding:0 9px 20px}.auto-brand>span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;box-shadow:0 6px 15px #2563eb40}.auto-brand strong{font-size:.82rem;letter-spacing:.07em}.auto-brand em{color:#8792a5;font-size:.57rem;font-style:normal;letter-spacing:.18em}.auto-side nav{display:grid;gap:4px;margin-top:20px}.auto-side nav button,.auto-side-foot>button{height:44px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:9px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:#748096;text-align:left;cursor:pointer}.auto-side nav button:hover,.auto-side-foot>button:hover{background:#f7f9fc;color:#334155}.auto-side nav button.active{color:#1d4ed8;background:#eff6ff;font-weight:600;box-shadow:inset 3px 0 #2563eb}.auto-side nav button b{min-width:22px;height:21px;display:grid;place-items:center;padding:0 5px;border-radius:10px;background:#2563eb;color:#fff;font-size:.58rem}.auto-side-foot{margin-top:auto;display:grid;gap:2px}.auto-user{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;margin-top:13px;padding:15px 8px 0;border-top:1px solid var(--line)}.auto-user>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#2563eb,#60a5fa);color:#fff;font-size:.7rem;font-weight:700}.auto-user strong{display:block;font-size:.72rem}.auto-user small{display:flex;align-items:center;gap:5px;margin-top:4px;color:#8792a5;font-size:.55rem}.auto-user small i{width:6px;height:6px;border-radius:50%;background:#22c55e}.auto-user>svg{color:#94a3b8}.auto-main{min-width:0;flex:1}.auto-top{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid var(--line);background:#fffffff2}.auto-top p{margin:0 0 5px;color:#2563eb;font-family:var(--mono);font-size:.55rem;letter-spacing:.14em}.auto-top h1{margin:0;font-size:1.22rem}.auto-top-right{display:flex;align-items:center;gap:10px}.engine{display:flex;align-items:center;gap:7px;margin-right:8px;color:#667085;font-size:.64rem}.engine i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e1f}.auto-top-right button{height:34px;display:flex;align-items:center;gap:6px;padding:0 11px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#5f6c80;font-size:.62rem}.auto-top-right .bell{position:relative;width:34px;padding:0;justify-content:center}.bell b{position:absolute;right:-4px;top:-5px;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#ef4444;color:#fff;font-size:.5rem}.auto-page{height:calc(100vh - 84px);overflow:auto;padding:20px}.auto-status{min-height:125px;display:grid;grid-template-columns:1.7fr repeat(3,1fr);align-items:center;border:1px solid #dfe6ef;border-radius:12px;background:#fff;box-shadow:0 5px 16px #0f172a09}.auto-status-main{display:flex;align-items:center;gap:16px;padding:0 23px}.bot-orbit{position:relative;width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:#eff6ff;color:#2563eb}.bot-orbit:before{content:"";position:absolute;inset:-5px;border:1px dashed #93c5fd;border-radius:50%;animation:auto-spin 12s linear infinite}.bot-orbit span{position:absolute;right:-4px;top:3px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#22c55e}.bot-orbit i{position:absolute;inset:9px;border-radius:50%;box-shadow:0 0 24px #2563eb24}@keyframes auto-spin{to{transform:rotate(360deg)}}.auto-status-main>div>span{color:#2563eb;font-family:var(--mono);font-size:.53rem;letter-spacing:.12em}.auto-status-main h2{margin:7px 0 5px;font-size:1.05rem}.auto-status-main p{margin:0;color:#7a8698;font-size:.61rem}.status-stat{min-height:72px;padding:5px 20px;border-left:1px solid var(--line)}.status-stat>span{display:block;color:#7b8799;font-size:.6rem}.status-stat strong{display:block;margin:6px 0 3px;font-size:1.65rem}.status-stat strong em{font-size:.8rem;font-style:normal}.status-stat small{color:#929bab;font-size:.52rem}.status-stat small b{color:#16a34a}.auto-grid{display:grid;grid-template-columns:minmax(550px,1.7fr) minmax(280px,.75fr);gap:14px;margin-top:14px}.auto-card{border:1px solid #e1e7ef;border-radius:10px;background:#fff;box-shadow:0 4px 14px #0f172a07;overflow:hidden}.auto-card>header{min-height:61px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #edf0f4}.auto-card>header>div:first-child{display:flex;align-items:center;gap:10px}.icon-box{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;background:#eff6ff;color:#2563eb}.auto-card h3{margin:0;font-size:.76rem}.auto-card header p{margin:4px 0 0;color:#8a94a5;font-size:.53rem}.live{display:flex;align-items:center;gap:5px;color:#16a34a;font-family:var(--mono);font-size:.52rem}.live i{width:6px;height:6px;border-radius:50%;background:#22c55e}.flow-canvas{min-height:168px;display:flex;align-items:center;justify-content:center;padding:22px;background-image:radial-gradient(#d9e1eb 1px,transparent 1px);background-size:14px 14px}.flow-node{position:relative;width:116px;min-height:72px;display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #e1e7ef;border-radius:8px;background:#fff;box-shadow:0 4px 10px #0f172a0a}.flow-node>span{width:29px;height:29px;flex:none;display:grid;place-items:center;border-radius:6px;background:#f1f5f9;color:#7a8799}.flow-node b{display:block;font-size:.61rem}.flow-node small{display:block;margin-top:4px;color:#9099a8;font-size:.48rem}.flow-node em{position:absolute;right:-4px;top:-4px;color:#22c55e;background:#fff;border-radius:50%}.flow-node.success{border-color:#bbf7d0}.flow-node.success>span{color:#16a34a;background:#ecfdf5}.flow-node.active{border-color:#60a5fa;box-shadow:0 0 0 3px #dbeafe,0 6px 16px #2563eb1f}.flow-node.active>span{color:#2563eb;background:#eff6ff}.loader{display:block;width:14px;height:14px;border:2px solid #bfdbfe;border-top-color:#2563eb;border-radius:50%;animation:auto-spin .8s linear infinite}.flow-arrow{width:24px;color:#bdc7d4}.decision-log{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 15px;border-top:1px solid #e9edf3;background:#f8fafc}.decision-log>div{display:flex;align-items:flex-start;gap:8px;color:#667085;font-size:.55rem;line-height:1.5}.decision-log svg,.decision-log b{color:#2563eb}.decision-log button{flex:none;display:flex;align-items:center;border:0;background:none;color:#2563eb;font-size:.54rem}.agents-card>header button{border:0;background:none;color:#2563eb;font-size:.55rem}.agent-ring{position:relative;height:116px;display:grid;place-items:center}.agent-ring>div{position:absolute;text-align:center}.agent-ring strong{display:block;font-size:1.35rem}.agent-ring span{color:#8893a5;font-size:.5rem}.agent-ring svg{width:100px;height:100px;transform:rotate(-90deg)}.agent-ring circle{fill:none;stroke:#e8edf4;stroke-width:7}.agent-ring circle.progress{stroke:#2563eb;stroke-linecap:round;stroke-dasharray:308;stroke-dashoffset:75}.agent-list{padding:0 15px 14px}.agent-list>div{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #edf0f4}.agent-dot{width:27px;height:27px;display:grid;place-items:center;border-radius:6px;background:#eff6ff;color:#2563eb}.agent-dot svg{width:14px}.agent-dot.purple{background:#f3e8ff;color:#9333ea}.agent-dot.teal{background:#ecfdf5;color:#059669}.agent-list p{flex:1;margin:0}.agent-list b{display:block;font-size:.57rem}.agent-list small{color:#929bac;font-size:.47rem}.agent-list em{color:#16a34a;font-size:.48rem;font-style:normal}.task-card{grid-column:1}.task-head-actions{display:flex;gap:7px}.task-head-actions label{height:29px;display:flex;align-items:center;gap:5px;padding:0 8px;border:1px solid var(--line);border-radius:5px;color:#94a3b8}.task-head-actions input{width:70px;border:0;outline:0;font-size:.52rem}.task-head-actions button{display:flex;align-items:center;border:0;background:none;color:#2563eb;font-size:.53rem}.task-card table{width:100%;border-collapse:collapse;font-size:.56rem}.task-card th{padding:9px 13px;background:#f8fafc;color:#8792a4;font-weight:500;text-align:left}.task-card td{padding:9px 13px;border-top:1px solid #edf0f4;color:#435066}.task-card td:first-child b,.task-card td:first-child small{display:block}.task-card td:first-child b{color:#223047;font-family:var(--mono)}.task-card td:first-child small{margin-top:3px;color:#97a0af}.action-chip{display:inline-flex;align-items:center;gap:4px;color:#4f46e5}.confidence{color:#2563eb}.task-state{display:inline-flex;align-items:center;gap:5px}.task-state i{width:6px;height:6px;border-radius:50%}.task-state.done{color:#15803d}.task-state.done i{background:#22c55e}.task-state.running{color:#2563eb}.task-state.running i{background:#3b82f6;box-shadow:0 0 0 3px #dbeafe}.task-state.wait{color:#b45309}.task-state.wait i{background:#f59e0b}.task-state.human{color:#dc2626}.task-state.human i{background:#ef4444}.control-card{grid-column:2;grid-row:2}.control-item{display:flex;align-items:center;gap:10px;padding:14px 15px;border-bottom:1px solid #edf0f4}.control-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:7px}.control-icon svg{width:16px}.control-icon.safe{color:#16a34a;background:#ecfdf5}.control-icon.warn{color:#d97706;background:#fffbeb}.control-item>div{flex:1}.control-item b{display:block;font-size:.58rem}.control-item p{margin:4px 0 0;color:#8a94a5;font-size:.48rem}.control-item>strong{font-family:var(--mono);font-size:.8rem}.control-item .orange{color:#ea580c}.takeover{width:calc(100% - 28px);height:34px;display:flex;align-items:center;justify-content:center;gap:6px;margin:13px 14px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#46556a;font-size:.57rem}@media(max-width:1050px){.auto-status{grid-template-columns:1.5fr repeat(3,1fr)}.auto-grid{grid-template-columns:1fr}.agents-card,.control-card{display:none}.task-card{grid-column:1}.flow-node{width:105px}}@media(max-width:760px){.auto-side{width:66px}.auto-brand strong,.auto-brand em,.auto-side nav span,.auto-side-foot>button span,.auto-user>div,.auto-user>svg{display:none}.auto-brand{display:flex;justify-content:center;padding-inline:0}.auto-side nav button,.auto-side-foot>button{grid-template-columns:1fr;place-items:center;padding:0}.auto-user{grid-template-columns:1fr;justify-items:center}.auto-status{grid-template-columns:1fr 1fr}.auto-status-main{grid-column:1/3;padding-block:16px}.status-stat{padding:12px}.status-stat:last-child{display:none}.auto-top{padding:0 14px}.engine,.auto-top-right>button:not(.bell){display:none}.auto-page{padding:10px}.flow-canvas{overflow:auto;justify-content:flex-start}.task-card{overflow:auto}.task-card table{min-width:650px}}