:root{color:#18261d;background:#d9e1df;font-family:Arial Narrow,Roboto Condensed,Trebuchet MS,Arial,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;--lime: #7bcf23;--lime-bright: #a6e83f;--lime-deep: #4b9a14;--ink: #18261d;--muted: #5f706e;--glass: rgba(117, 144, 151, .42);--glass-dark: rgba(64, 83, 89, .72);--line: rgba(255, 255, 255, .58);--pointer-x: 0;--pointer-y: 0}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}html{background:#dce5e2}body{min-width:320px;min-height:100vh;overflow:hidden}button,a{font:inherit}button,a{color:inherit}img{max-width:100%}::selection{color:#10220d;background:#b8ef56}:focus-visible{outline:3px solid #22452e;outline-offset:4px}.skip-link{position:fixed;z-index:1100;top:.8rem;left:.8rem;padding:.72rem 1rem;color:#fff;background:#31553d;transform:translateY(-180%);transition:transform .16s ease}.skip-link:focus{transform:translateY(0)}.initial-loader,.no-script,.error-terminal,.not-found{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:1rem;padding:2rem;text-align:center;background:radial-gradient(circle at 50% 20%,#efffe5,#a8d98c 55%,#869c9a)}.error-terminal h1,.error-terminal p,.not-found h1,.not-found p{max-width:42rem;margin:0}.error-terminal code{max-width:min(42rem,90vw);overflow-wrap:anywhere}.error-terminal button{border:0;padding:.8rem 1.2rem;color:#fff;background:#4f941c;cursor:pointer}.error-terminal__ring{width:5rem;aspect-ratio:1;border:.7rem double #70bf24;border-radius:50%;box-shadow:0 1rem 3rem #3663254d}.eyebrow,.section-kicker{margin:0;color:#467560;font-size:.72rem;font-weight:800;letter-spacing:.2em}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.08s!important}}.janbox-environment{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:radial-gradient(circle at calc(28% + var(--pointer-x) * 1.4%) calc(22% + var(--pointer-y) * 1%),rgba(255,255,255,.9),transparent 22%),linear-gradient(160deg,#a4df5a,#d7f0a7 28%,#f8fff3 53%,#d8dfdf 53.2%,#aebbbb 73%,#e7eceb)}.janbox-environment:after{content:"";position:absolute;z-index:-1;inset:53% 0 0;opacity:.48;background:repeating-linear-gradient(92deg,transparent 0 9%,rgba(255,255,255,.18) 9.2% 9.3%,transparent 9.5% 18%);transform:perspective(600px) rotateX(64deg) scale(1.4);transform-origin:top}.ambient{position:absolute;z-index:-1;pointer-events:none}.ambient--rings{width:min(72vw,68rem);aspect-ratio:1;right:-19vw;top:-34vw;border:1px solid rgba(255,255,255,.42);border-radius:50%;box-shadow:0 0 0 5vw #ffffff14,0 0 0 11vw #6eae4612,0 0 0 17vw #ffffff12;animation:ambient-float 18s ease-in-out infinite alternate}.ambient--light{inset:-20% 10% 47%;opacity:.38;background:conic-gradient(from 205deg at 50% 100%,transparent 0 8%,rgba(255,255,255,.85) 9% 11%,transparent 12% 19%,rgba(255,255,255,.42) 20% 24%,transparent 25% 100%);filter:blur(18px);animation:light-drift 22s ease-in-out infinite alternate}.janbox-horizon{position:absolute;z-index:-1;top:52.8%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);box-shadow:0 -1rem 3rem #f3ffdcb3}.startup{position:fixed;z-index:1000;inset:0;width:100%;border:0;display:grid;place-content:center;justify-items:center;gap:.9rem;color:#fff;background:#06100a;cursor:pointer;animation:startup-exit 1.45s ease both}.startup__light{position:absolute;width:46rem;max-width:95vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(137,233,65,.58),rgba(72,171,35,.12) 34%,transparent 66%);filter:blur(16px);animation:startup-light 1.3s ease both}.janbox-logo{position:relative;display:flex;align-items:center;gap:.7rem;font-size:clamp(2.4rem,7vw,5.8rem);font-weight:900;letter-spacing:-.045em;text-shadow:0 .18rem 1rem rgba(99,255,58,.36);animation:startup-logo 1.3s cubic-bezier(.2,.8,.2,1) both}.janbox-logo i{width:.72em;aspect-ratio:1;display:grid;place-items:center;border:.1em solid currentColor;border-radius:50% 50% 46% 54%;color:#b2f04e;font-size:.72em;font-style:normal;transform:rotate(-8deg)}.startup__subtitle{position:relative;font-size:clamp(.58rem,1.2vw,.82rem);font-weight:700;letter-spacing:.34em;animation:startup-subtitle 1.3s ease both}.janbox-header{position:relative;z-index:100;height:6.8rem;padding:1.4rem clamp(1.2rem,4vw,4rem);display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.janbox-header__module{display:grid;gap:.12rem;filter:drop-shadow(0 2px 1px rgba(255,255,255,.35))}.janbox-header__module span{color:#4b705d;font-size:.64rem;font-weight:800;letter-spacing:.26em}.janbox-header__module strong{font-size:clamp(1.75rem,3.4vw,3rem);font-weight:300;letter-spacing:-.055em}.janbox-identity{display:flex;align-items:center;gap:.72rem;pointer-events:auto}.janbox-identity__text{display:grid;justify-items:end}.janbox-identity__text strong{font-size:.95rem;letter-spacing:.11em}.janbox-identity__text time{color:#526966;font-size:.72rem;font-weight:700;letter-spacing:.08em}.janbox-identity>img{width:3.5rem;aspect-ratio:1;border:.2rem solid rgba(255,255,255,.8);border-radius:50%;object-fit:cover;box-shadow:0 .35rem 1rem #2845384d,inset 0 0 0 1px #0000002e}.sound-toggle{min-width:4.5rem;min-height:3rem;border:0;display:grid;place-items:center;gap:.05rem;color:#395446;background:transparent;cursor:pointer}.sound-toggle span{font-weight:900}.sound-toggle small{font-size:.53rem;font-weight:800;letter-spacing:.08em}.dashboard{position:relative;height:calc(100svh - 6.8rem);min-height:34rem;outline:0;touch-action:pan-y}.dashboard-carousel{position:absolute;inset:0 0 4.2rem;overflow:hidden;perspective:1450px;perspective-origin:42% 48%}.dashboard-carousel__camera{position:absolute;left:clamp(3rem,12vw,12rem);top:47%;width:clamp(20rem,29vw,27rem);height:min(60vh,34rem);transform:translateY(-50%);transform-style:preserve-3d;transition:transform .28s cubic-bezier(.2,.72,.26,1)}.module-tile{position:absolute;inset:0;width:100%;height:100%;border:1px solid rgba(255,255,255,.55);padding:0;overflow:visible;color:#eaf2ef;background:linear-gradient(152deg,#859da3d6,#3e5259eb);box-shadow:inset 0 1px #fff9,inset 0 -2rem 5rem #1c2a2e47,0 1.2rem 3.5rem #35484642;transform:translate3d(var(--tile-x),var(--tile-y),var(--tile-z)) rotateY(var(--tile-rotate)) scale(var(--tile-scale));transform-origin:center;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.72,.16,1),filter .45s ease,opacity .45s ease,background .45s ease,box-shadow .45s ease;cursor:pointer;text-align:left}.module-tile.is-selected{color:#132210;background:linear-gradient(150deg,#b4ed53,#77be22 62%,#5aa319);box-shadow:inset 0 1px #fffc,inset 0 -3rem 5rem #235b0e2e,0 2rem 4rem #37622759,0 0 3rem #a5e95352}.module-tile__glass{position:absolute;z-index:4;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.35),transparent 24% 66%,rgba(255,255,255,.1)),radial-gradient(circle at 26% 16%,rgba(255,255,255,.28),transparent 34%)}.module-tile__art{position:absolute;inset:0;overflow:hidden}.module-tile__art:after{content:"";position:absolute;inset:46% 0 0;background:linear-gradient(transparent,#18312394)}.module-tile__art img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.82) contrast(1.04)}.module-tile:not(.is-selected) .module-tile__art img{filter:saturate(.28) contrast(.88)}.module-tile__symbol{width:100%;height:100%;display:grid;place-items:center;color:#ebf7f5c7;font-size:clamp(5rem,12vw,11rem);font-weight:200;text-shadow:0 .08em .18em rgba(20,38,41,.22)}.module-tile.is-selected .module-tile__symbol{color:#ffffffd1}.module-tile__copy{position:absolute;z-index:5;left:1.5rem;right:1.5rem;bottom:1.4rem;display:grid}.module-tile__copy small{font-size:.62rem;font-weight:800;letter-spacing:.18em;opacity:.78}.module-tile__copy strong{margin:.1rem 0 .3rem;font-size:clamp(1.8rem,3.3vw,3.25rem);font-weight:300;letter-spacing:-.045em}.module-tile__copy>span{max-width:22rem;font-size:.76rem;line-height:1.45;opacity:0;transform:translateY(.5rem);transition:.26s ease .1s}.module-tile.is-selected .module-tile__copy>span{opacity:.74;transform:none}.module-tile__disc{position:absolute;z-index:7;top:1rem;right:1rem;width:4.4rem;aspect-ratio:1;padding:.26rem;border:1px solid rgba(255,255,255,.84);border-radius:50%;background:linear-gradient(145deg,#fff,#9badad 40%,#fff 62%,#6c8587);box-shadow:0 .45rem 1rem #16352257}.module-tile__disc img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover}.module-tile__reflection{position:absolute;top:calc(100% + 1.2rem);left:3%;right:3%;height:28%;opacity:.14;background:linear-gradient(rgba(37,83,49,.55),transparent);transform:scaleY(-1) translateZ(-5px);filter:blur(9px);mask-image:linear-gradient(#000,transparent);pointer-events:none}.module-tile:focus-visible{outline-offset:.5rem}.dashboard.is-entering .module-tile:not(.is-selected){opacity:0;transform:translate3d(calc(var(--tile-x) * 1.25),var(--tile-y),-600px) rotateY(var(--tile-rotate)) scale(.3)}.dashboard.is-entering .module-tile.is-selected{transform:translate3d(34vw,0,920px) scale(2.4);filter:brightness(1.22);transition-duration:.8s}.dashboard.is-entering .module-tile.is-selected:after{content:"";position:absolute;z-index:20;inset:-30%;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.8) 48%,transparent 62%);animation:enter-sweep .8s ease both}.dashboard.home-react .module-tile.is-selected{animation:home-react .52s cubic-bezier(.18,.8,.2,1)}.dashboard.resistance-left .dashboard-carousel__camera{animation:resistance-left .29s ease}.dashboard.resistance-right .dashboard-carousel__camera{animation:resistance-right .29s ease}.carousel-progress{position:absolute;z-index:50;left:50%;bottom:4.9rem;display:flex;gap:.52rem;transform:translate(-50%)}.carousel-progress button{width:.58rem;aspect-ratio:1;border:1px solid rgba(57,86,74,.4);border-radius:50%;padding:0;background:#ffffff85;cursor:pointer;transition:.18s ease}.carousel-progress button.is-active{width:1.5rem;border-radius:999px;background:#609f22}.dashboard-details{position:absolute;z-index:80;right:clamp(1.5rem,6vw,7rem);bottom:7rem;width:min(24rem,34vw);padding:1.2rem;animation:panel-in .22s ease both}.dashboard-details span{color:#587369;font-size:.62rem;font-weight:800;letter-spacing:.16em}.dashboard-details strong{display:block;font-size:1.8rem}.dashboard-details p{margin:.3rem 0 0;color:#405650;font-size:.85rem;line-height:1.5}.glass-panel{position:relative;border:1px solid rgba(255,255,255,.66);background:linear-gradient(145deg,#eef7f6b8,#859da29e);box-shadow:inset 0 1px #ffffffd9,0 1.3rem 3rem #2c42412e;backdrop-filter:blur(12px)}.controller-legend{position:absolute;z-index:100;left:0;right:0;bottom:0;min-height:3.7rem;padding:.75rem clamp(1.2rem,4vw,4rem);display:flex;justify-content:flex-end;align-items:center;gap:1.4rem;color:#304740;background:linear-gradient(90deg,#eef4f31a,#eef4f3e0 36%,#eef4f3b8);border-top:1px solid rgba(255,255,255,.6)}.legend-item{display:flex;align-items:center;gap:.42rem;font-size:.67rem;font-weight:800;letter-spacing:.08em;white-space:nowrap}.legend-key{width:1.5rem;aspect-ratio:1;display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;font-size:.68rem;font-style:normal;background:#ffffffb8;box-shadow:0 .15rem .35rem #1f3a2f33}.legend-key--a{color:#4d9f1c}.legend-key--b{color:#d14f45}.legend-key--x{color:#3475ab}.legend-key--y{color:#b68c1f}.legend-item kbd{padding:.12rem .3rem;border:1px solid rgba(65,87,80,.24);border-radius:.16rem;color:#647a74;background:#ffffff80;font-size:.5rem}.module-shell{position:relative;z-index:5;height:calc(100svh - 6.8rem);min-height:34rem;padding:3rem clamp(1.2rem,4vw,4rem) 5.2rem;outline:none;animation:module-arrive .48s cubic-bezier(.18,.8,.2,1) both}.module-shell.is-closing{animation:module-close .42s ease both;pointer-events:none}.module-shell__content{height:100%}.module-back{position:absolute;z-index:80;top:.2rem;left:clamp(1.2rem,4vw,4rem);min-height:2.4rem;border:0;display:flex;align-items:center;gap:.45rem;color:#3d5a4e;background:transparent;font-size:.72rem;font-weight:800;letter-spacing:.13em;cursor:pointer}.module-back span{font-size:1.5rem;line-height:0}.module-layout{height:100%;display:grid;align-items:center;gap:clamp(1.2rem,3vw,3rem)}.module-menu-column{min-width:0}.module-menu-column>h1,.module-menu-column>h2{margin:.15rem 0 1.1rem;font-size:clamp(2.2rem,4.4vw,4.5rem);font-weight:300;letter-spacing:-.06em}.stacked-menu{display:grid;perspective:900px}.stacked-menu__item{position:relative;min-height:3.45rem;margin-top:-.1rem;border:1px solid rgba(255,255,255,.42);padding:.7rem 2.4rem .7rem 1rem;display:grid;grid-template-columns:auto 1fr auto auto;gap:.72rem;align-items:center;color:#edf4f2;background:linear-gradient(100deg,#5f7a81db,#374b52c2);box-shadow:inset 0 1px #ffffff42,0 .42rem 1rem #23363a1f;transform:perspective(700px) translateZ(calc(var(--menu-depth, 0) * 1px)) rotateX(-1deg);transition:.2s cubic-bezier(.2,.72,.2,1);cursor:pointer;text-align:left}.stacked-menu__item:hover{filter:brightness(1.08)}.stacked-menu__item.is-selected{z-index:3;min-height:4rem;margin-block:.15rem;color:#152510;background:linear-gradient(100deg,#a9e74b,#70b923);box-shadow:inset 0 1px #ffffffb8,0 .75rem 1.5rem #385f2c47;transform:translate3d(.8rem,0,28px) scaleX(1.035)}.stacked-menu__icon{width:1.6rem;aspect-ratio:1;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-weight:900}.stacked-menu__label{font-size:.85rem;font-weight:800;letter-spacing:.1em}.stacked-menu__item small{font-size:.58rem;font-weight:800;letter-spacing:.12em;opacity:.7}.stacked-menu__chevron{font-size:1.4rem}.media-preview{min-width:0;min-height:27rem;padding:clamp(1.5rem,3vw,3rem);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.media-preview__shine{position:absolute;inset:0;background:radial-gradient(circle at 75% 18%,rgba(255,255,255,.7),transparent 25%),linear-gradient(120deg,rgba(255,255,255,.3),transparent 30%);pointer-events:none}.media-preview h2{position:relative;margin:.2rem 0;font-size:clamp(2.8rem,6vw,6rem);font-weight:200;letter-spacing:-.07em}.media-preview p{position:relative;max-width:28rem;color:#4a625d}.janbox-action{position:relative;width:fit-content;min-height:2.8rem;border:1px solid rgba(52,91,39,.25);padding:.8rem 1.05rem;display:inline-flex;align-items:center;gap:.7rem;color:#183010;background:linear-gradient(#b4ed5d,#77bd2c);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-decoration:none;box-shadow:inset 0 1px #ffffffb3,0 .5rem 1.2rem #34582733;cursor:pointer}.profiles-layout{grid-template-columns:minmax(16rem,.8fr) minmax(22rem,1.2fr) minmax(15rem,.7fr)}.profile-preview{background:linear-gradient(145deg,#e9f3f1bd,#789298a3),radial-gradient(circle at 70% 20%,rgba(168,231,75,.34),transparent 30%)}.profile-mark{position:absolute;top:2rem;right:2rem;width:7rem;aspect-ratio:1;display:grid;place-items:center;border:.22rem solid rgba(255,255,255,.7);border-radius:50%;color:#fff;background:#374f52b8;font-size:3rem;font-weight:900;box-shadow:0 1rem 2rem #30444238}.profile-handle{position:relative;margin:.35rem 0 1.4rem;color:#49645b;font-size:1.15rem}.avatar-companion{--avatar-person-x: 0px;--avatar-person-y: 0px;--avatar-corn-x: 0px;--avatar-corn-y: 0px;--avatar-shadow-x: 0px;--avatar-pointer-rotate: 0deg;position:relative;align-self:end;width:min(25vw,22rem);height:min(67vh,38rem);margin:0;justify-self:center;filter:drop-shadow(.2rem .5rem .4rem rgba(255,255,255,.35))}.avatar-companion__person{position:absolute;z-index:2;left:0;bottom:0;width:100%;height:100%;object-fit:contain;object-position:bottom;transform:translate3d(var(--avatar-person-x),var(--avatar-person-y),0) rotateY(calc(var(--avatar-reaction) + var(--avatar-pointer-rotate)));transform-origin:50% 80%;filter:drop-shadow(0 0 .5rem rgba(158,231,81,.35));animation:avatar-idle 6.5s ease-in-out infinite alternate;transition:transform .25s ease}.avatar-companion__shadow{position:absolute;z-index:1;left:15%;right:5%;bottom:.2rem;height:2.2rem;border-radius:50%;background:#32423e52;filter:blur(.75rem);transform:translate(var(--avatar-shadow-x))}.avatar-companion__corn{position:absolute;z-index:4;top:11%;right:-3%;width:34%;border:0;padding:0;background:transparent;cursor:pointer;transform:translate3d(var(--avatar-corn-x),var(--avatar-corn-y),10px);animation:corn-idle 4.4s ease-in-out infinite alternate;transition:transform .18s ease}.avatar-companion__corn img{display:block;width:100%;filter:drop-shadow(0 .5rem .35rem rgba(25,50,26,.28))}.avatar-companion figcaption{position:absolute;z-index:8;top:2%;right:0;padding:.55rem .7rem;color:#193316;background:#b5ee61;font-size:.56rem;font-weight:900;letter-spacing:.08em;box-shadow:0 .5rem 1rem #2a4c2640}.live-layout{grid-template-columns:minmax(28rem,1.55fr) minmax(16rem,.72fr) minmax(10rem,.38fr)}.live-player{aspect-ratio:16 / 9;min-height:22rem;padding:clamp(1.5rem,3vw,3rem);overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:linear-gradient(145deg,#3a4e54e0,#82979ab8);color:#f3f7f6}.live-player:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 35%,rgba(162,225,91,.26),transparent 29%),repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.018) 6px)}.live-player>*{position:relative;z-index:2}.live-player h1{margin:.25rem 0;font-size:clamp(2.2rem,5vw,5rem);font-weight:200;letter-spacing:-.06em}.live-player p:not(.section-kicker){max-width:38rem;color:#f4f9f7b8;line-height:1.5}.offline-badge{margin:.8rem 0;border:1px solid rgba(255,255,255,.28);padding:.38rem .58rem;font-size:.62rem;font-weight:800;letter-spacing:.16em}.live-player__signal{position:absolute;top:2rem;right:2rem;display:flex;gap:.35rem;align-items:flex-end}.live-player__signal i{width:.28rem;height:.65rem;background:#ffffff47}.live-player__signal i:nth-child(2){height:1rem}.live-player__signal i:nth-child(3){height:1.4rem}.live-menu h2{margin-bottom:.8rem}.avatar-companion--compact{width:min(16vw,15rem);height:min(47vh,28rem)}.clips-layout{grid-template-columns:minmax(20rem,.8fr) minmax(30rem,1.45fr)}.clip-categories{min-height:3.2rem;margin-bottom:1.15rem;display:grid;grid-template-columns:3rem 1fr 3rem;align-items:center;color:#fff;background:#3a5157bd;box-shadow:inset 0 1px #ffffff42}.clip-categories button{height:100%;border:0;color:#fff;background:#ffffff0f;font-size:1.7rem;cursor:pointer}.clip-categories strong{text-align:center;font-size:.73rem;letter-spacing:.15em}.clip-preview{min-height:32rem;padding:clamp(1.4rem,2.5vw,2.5rem);display:flex;flex-direction:column;justify-content:flex-end}.clip-preview__thumbnail{position:absolute;inset:0 0 42%;display:grid;place-content:center;justify-items:center;gap:.6rem;color:#fffc;background:radial-gradient(circle,rgba(166,225,89,.6),transparent 26%),linear-gradient(145deg,#50696e,#9eadae)}.clip-preview__thumbnail span{width:5rem;aspect-ratio:1;display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;font-size:1.5rem}.clip-preview__thumbnail small{font-weight:800;letter-spacing:.18em}.clip-preview h2{margin:.2rem 0;font-size:clamp(2rem,4vw,4rem);font-weight:200}.clip-preview p:not(.section-kicker){color:#4e635e}.clip-playback{height:100%;display:grid;grid-template-columns:minmax(28rem,1.5fr) minmax(18rem,.65fr);align-items:center;gap:2rem}.clip-playback__back{position:absolute;top:.1rem;border:0;padding:.5rem;color:#385148;background:transparent;font-size:.7rem;font-weight:800;letter-spacing:.1em;cursor:pointer}.clip-playback__frame{aspect-ratio:16 / 9;background:#314247;box-shadow:0 2rem 4rem #2b3d3b47}.empty-player{width:100%;height:100%;display:grid;place-content:center;justify-items:center;gap:.35rem;color:#ffffffd1;background:radial-gradient(circle,rgba(154,214,80,.26),transparent 24%),repeating-linear-gradient(0deg,transparent 0 6px,rgba(255,255,255,.025) 7px),#3f565c}.empty-player span,.empty-player small{font-size:.65rem;font-weight:800;letter-spacing:.18em}.empty-player strong{font-size:clamp(1.4rem,3vw,3rem);font-weight:200}.clip-iframe{width:100%;height:100%;border:0}.clip-playback__details h1{margin:.25rem 0;font-size:clamp(2.4rem,5vw,5rem);font-weight:200;line-height:.94}.clip-playback__details p:not(.section-kicker){color:#4a615a;line-height:1.5}.about-layout{grid-template-columns:minmax(18rem,.62fr) minmax(32rem,1.5fr)}.about-content{min-width:0;animation:panel-in .24s ease both}.personal-profile{min-height:31rem;padding:clamp(1.5rem,3vw,3rem);display:grid;grid-template-columns:minmax(15rem,.72fr) minmax(20rem,1fr);align-items:center;gap:clamp(1.5rem,4vw,4rem)}.personal-profile__identity{display:grid;justify-items:center;text-align:center}.personal-profile__identity img{width:min(15rem,22vw);aspect-ratio:1;border:.45rem solid rgba(255,255,255,.82);border-radius:1.2rem;object-fit:cover;box-shadow:0 1.4rem 2.5rem #2b433a4d}.personal-profile__identity h2{margin:.5rem 0 0;font-size:clamp(2.2rem,4vw,4rem);font-weight:300;letter-spacing:-.05em}.personal-profile__identity strong{color:#5b9423;font-size:1.25rem;letter-spacing:.06em}.personal-profile__bio{min-height:15rem;padding:1.6rem;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(255,255,255,.5);background:linear-gradient(145deg,#5b747aad,#34494ec2);color:#fff;box-shadow:inset 0 1px #ffffff4d}.personal-profile__bio span{font-size:.65rem;font-weight:800;letter-spacing:.2em;opacity:.64}.personal-profile__bio p{margin:.8rem 0 0;font-size:clamp(1rem,1.6vw,1.35rem);line-height:1.55}.about-placeholder{min-height:31rem;padding:clamp(2rem,5vw,5rem);display:flex;flex-direction:column;justify-content:center}.about-placeholder h2{margin:.25rem 0;font-size:clamp(3rem,7vw,7rem);font-weight:200;letter-spacing:-.07em}.about-placeholder>p:not(.section-kicker){max-width:34rem;color:#4e6560;font-size:1.05rem;line-height:1.6}.coming-label{margin-top:2rem;color:#5d7770;font-size:.62rem;font-weight:800;letter-spacing:.15em}.secret-meter{width:min(28rem,100%);margin-top:1rem;display:grid;gap:.45rem}.secret-meter span{font-size:.6rem;font-weight:800;letter-spacing:.18em}.secret-meter strong{font-size:1.5rem}.secret-meter>div{height:.45rem;background:#374b482b}.secret-meter i{display:block;height:100%;background:#7dbc2f;transition:width .25s ease}.contact-module{height:100%;display:grid;grid-template-columns:minmax(12rem,.55fr) minmax(28rem,1fr);align-items:center;gap:clamp(2rem,6vw,7rem);padding-inline:clamp(1rem,7vw,8rem)}.contact-module__orb{width:min(24vw,18rem);aspect-ratio:1;display:grid;place-items:center;border:1rem double rgba(255,255,255,.55);border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 28%,#d9ff91,#78bd29 42%,#4a7721);box-shadow:0 2rem 4rem #2f4c324d,inset 0 .5rem 1rem #fff6}.contact-module__orb span{font-size:clamp(4rem,10vw,9rem);font-weight:200}.contact-module__panel{padding:clamp(2rem,5vw,5rem)}.contact-module__panel h1{margin:.2rem 0;font-size:clamp(3.5rem,8vw,8rem);font-weight:200;letter-spacing:-.07em}.contact-module__panel h2{margin:0;color:#557067;font-size:1rem;letter-spacing:.16em}.contact-module__panel strong{display:block;margin-top:1.6rem;color:#65a125;font-size:1.5rem;letter-spacing:.16em}.contact-module__panel p{max-width:36rem;color:#50665f;line-height:1.5}@keyframes ambient-float{to{transform:translate(-2.5%,2%) scale(1.025)}}@keyframes light-drift{to{transform:translate(5%) rotate(2deg);opacity:.5}}@keyframes startup-light{0%{opacity:0;transform:scale(.45)}50%,90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}@keyframes startup-logo{0%,18%{opacity:0;transform:scale(.84);filter:blur(12px)}48%,88%{opacity:1;transform:scale(1);filter:blur(0)}to{opacity:0;transform:scale(1.04)}}@keyframes startup-subtitle{0%,45%{opacity:0;transform:translateY(.4rem)}62%,88%{opacity:.88;transform:none}to{opacity:0}}@keyframes startup-exit{0%,83%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes enter-sweep{0%{transform:translate(-80%) rotate(5deg)}to{transform:translate(80%) rotate(5deg)}}@keyframes home-react{40%{filter:brightness(1.18);transform:translate3d(var(--tile-x),-10px,calc(var(--tile-z) + 30px)) rotateY(0) scale(1.025)}}@keyframes resistance-left{45%{transform:translate(-27px,-50%) rotateY(-1.5deg) scaleX(.985)}}@keyframes resistance-right{45%{transform:translate(27px,-50%) rotateY(1.5deg) scaleX(.985)}}@keyframes panel-in{0%{opacity:0;transform:translateY(.8rem)}}@keyframes module-arrive{0%{opacity:0;transform:scale(.86) translateY(1rem);filter:brightness(1.4)}to{opacity:1;transform:none}}@keyframes module-close{to{opacity:0;transform:scale(.72) translateY(1rem);filter:brightness(1.5)}}@keyframes avatar-idle{0%{translate:0 0}to{translate:0 -.35rem}}@keyframes corn-idle{0%{rotate:-1.5deg;translate:0 0}to{rotate:2deg;translate:0 -.42rem}}@media(max-width:1120px){.profiles-layout{grid-template-columns:minmax(15rem,.8fr) minmax(20rem,1.1fr) minmax(11rem,.48fr)}.live-layout{grid-template-columns:minmax(27rem,1.4fr) minmax(15rem,.7fr)}.live-layout .avatar-companion{display:none}.dashboard-carousel__camera{left:8vw}}@media(max-width:820px){body{overflow-y:auto}.janbox-environment{min-height:100svh;overflow-x:hidden;overflow-y:auto}.janbox-environment:has(.dashboard){height:100svh;overflow:hidden}.janbox-header{height:5.7rem;padding:1rem 1.1rem}.janbox-header__module strong{font-size:1.65rem}.janbox-identity__text{display:none}.janbox-identity>img{width:3rem}.sound-toggle{min-width:3rem}.sound-toggle small{display:none}.dashboard{height:calc(100svh - 5.7rem);min-height:34rem}.dashboard-carousel{bottom:4.4rem;perspective-origin:50% 48%}.dashboard-carousel__camera{left:50%;top:46%;width:min(72vw,25rem);height:min(58vh,31rem);transform:translate(-50%,-50%)}.module-tile{transform:translate3d(var(--mobile-x),0,var(--tile-z)) rotateY(0) scale(var(--mobile-scale))}.module-tile__copy>span{display:none}.module-tile__copy strong{font-size:2.25rem}.module-tile__reflection{display:none}.dashboard.is-entering .module-tile.is-selected{transform:translateZ(900px) scale(2.4)}.dashboard-details{right:1rem;bottom:7.5rem;width:calc(100% - 2rem)}.carousel-progress{bottom:4.7rem}.controller-legend{min-height:3.8rem;padding:.65rem 1rem;justify-content:center;gap:.8rem}.legend-item{font-size:.59rem}.legend-item kbd{display:none}.module-shell{height:auto;min-height:calc(100svh - 5.7rem);padding:3.2rem 1.1rem 5.2rem}.module-shell__content{height:auto;min-height:calc(100svh - 14rem)}.module-back{left:1.1rem}.module-layout{height:auto;min-height:calc(100svh - 14rem);align-items:stretch}.profiles-layout{grid-template-columns:minmax(0,1fr) minmax(10rem,.45fr);grid-template-areas:"preview avatar" "menu menu"}.profiles-layout .module-menu-column{grid-area:menu}.profile-preview{grid-area:preview;min-height:22rem}.profiles-layout .avatar-companion{grid-area:avatar}.avatar-companion{width:100%;height:22rem}.profile-mark{width:5rem}.live-layout{grid-template-columns:1fr}.live-player{min-height:0}.live-menu{order:2}.live-layout .avatar-companion{display:none}.clips-layout{grid-template-columns:1fr}.clip-preview{order:-1;min-height:28rem}.clips-menu{padding-bottom:1rem}.clip-playback{height:auto;min-height:calc(100svh - 14rem);grid-template-columns:1fr;align-content:center}.clip-playback__back{top:.2rem}.clip-playback__details{padding-bottom:1rem}.about-layout{grid-template-columns:1fr}.about-content{order:-1}.personal-profile,.about-placeholder{min-height:25rem}.personal-profile{grid-template-columns:minmax(10rem,.6fr) 1fr}.personal-profile__identity img{width:min(13rem,28vw)}.contact-module{min-height:calc(100svh - 14rem);grid-template-columns:minmax(8rem,.35fr) 1fr;padding-inline:1rem}.contact-module__orb{width:100%}}@media(max-width:560px){.janbox-header__module span{font-size:.52rem}.janbox-header__module strong{font-size:1.45rem}.janbox-identity{gap:.25rem}.janbox-identity>img{width:2.7rem}.sound-toggle{min-width:2.8rem}.dashboard-carousel__camera{width:min(76vw,22rem);height:min(57vh,29rem)}.module-tile__copy{left:1.1rem;right:1.1rem;bottom:1.1rem}.module-tile__disc{width:3.65rem}.carousel-progress button{width:.52rem}.controller-legend{gap:.62rem;flex-wrap:wrap}.legend-item{gap:.28rem}.legend-key{width:1.35rem}.profiles-layout{display:flex;flex-direction:column}.profile-preview{order:0;min-height:20rem}.profiles-layout .avatar-companion{order:1;width:min(14rem,55vw);height:20rem;align-self:center}.profiles-layout .module-menu-column{order:2}.media-preview{min-height:20rem}.live-player{aspect-ratio:auto;min-height:22rem}.live-player h1{font-size:2.6rem}.clip-preview{min-height:25rem}.clip-preview__thumbnail{bottom:47%}.clip-playback__frame{width:calc(100% + 2.2rem);margin-left:-1.1rem}.personal-profile{grid-template-columns:1fr;padding:1.2rem}.personal-profile__identity{grid-template-columns:6.5rem 1fr;align-items:center;gap:1rem;text-align:left}.personal-profile__identity img{width:6.5rem}.personal-profile__identity h2{font-size:2.2rem}.personal-profile__bio{min-height:12rem}.about-placeholder{padding:1.4rem}.about-placeholder h2{font-size:3rem}.contact-module{grid-template-columns:1fr;gap:1rem}.contact-module__orb{width:7rem;justify-self:center;border-width:.5rem}.contact-module__orb span{font-size:3rem}.contact-module__panel{padding:1.5rem}.contact-module__panel h1{font-size:3.6rem}}@media(max-height:650px)and (min-width:821px){.janbox-header{height:5rem;padding-block:.7rem}.janbox-header__module strong{font-size:2rem}.dashboard{height:calc(100svh - 5rem);min-height:27rem}.dashboard-carousel__camera{height:68vh}.module-shell{height:calc(100svh - 5rem);min-height:27rem;padding-top:2.3rem}.media-preview,.clip-preview{min-height:20rem}}@media(prefers-reduced-motion:reduce){.ambient,.avatar-companion__person,.avatar-companion__corn{animation:none}.dashboard.is-entering .module-tile.is-selected{transform:translateZ(260px) scale(1.06);opacity:0}.module-shell{animation:panel-in .12s ease both}}