:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#fff;background:#14121b;--pig-light:#ffb1c5;--pig-dark:#d9698b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 52% 44%,#403047,#201b29 47%,#100f17)}button{cursor:pointer;color:inherit;font:inherit}button:focus-visible{outline:2px solid #f6a1ff}#app{max-width:1750px;margin:auto;padding:14px 20px}header{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:110px}.brand{display:grid;min-width:170px}.brand strong{font-size:54px;letter-spacing:-6px;line-height:1;background:linear-gradient(#fff,#8e8a9b);color:transparent;-webkit-background-clip:text;background-clip:text;text-shadow:0 5px 18px #ffffff22}.brand small{letter-spacing:3px;font-size:10px}.title{text-align:center}.title h1{margin:0;font-size:clamp(38px,6vw,83px);line-height:1;background:linear-gradient(#fff,#b5a7d2);color:transparent;-webkit-background-clip:text;background-clip:text;text-shadow:0 6px 24px #f879fc40}.title h1 span{background:linear-gradient(#ffc4f8,#e444bf);color:transparent;-webkit-background-clip:text;background-clip:text}.title p{letter-spacing:6px;font-size:12px;margin:10px 0}.credit{font-size:12px;white-space:nowrap}.credit b{color:#f47cf1}.credit button{background:#272331;border:1px solid #615a6d;border-radius:50%;width:43px;height:43px;margin-left:15px}main{display:grid;grid-template-columns:minmax(220px,320px) minmax(360px,1fr) minmax(220px,300px);gap:20px;align-items:center;min-height:610px}.glass,.actions>button,nav{background:linear-gradient(140deg,#ffffff17,#ffffff06 42%,#ffffff12);border:1px solid #b6a2ca70;box-shadow:inset 0 1px 1px #fff5,0 15px 40px #0007,0 0 18px #d95cff1b;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:24px}.chooser{padding:18px}.chooser h2{text-align:center;font-size:18px;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #ffffff28}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.grid button{border:1px solid #ffffff25;background:#312b3c;border-radius:13px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:clamp(30px,4vw,55px);transition:.2s}.grid button.active{border:2px solid #f451ff;box-shadow:0 0 16px #d42cff}.grid button:hover{transform:scale(1.06)}.option{display:flex;align-items:center;gap:12px;margin-top:20px}.option label{width:54px;font-weight:700;font-size:13px}.option>div{display:flex;flex:1;justify-content:space-around;gap:5px}.option button{border:1px solid #ffffff4d;background:#342a3d;border-radius:12px;padding:8px 12px}.option button.active{border-color:#fa60ff;box-shadow:0 0 10px #e64cff}.option #colors button{width:29px;height:29px;border-radius:50%;padding:0;background:var(--swatch)}.hint{text-align:center;font-size:12px;color:#c9bed4;margin-bottom:0}.stage{position:relative;text-align:center;min-width:0;display:flex;flex-direction:column;align-items:center}#status{font-size:14px;color:#f5c9f8;min-height:30px;text-shadow:0 0 12px #ea75e4}.pig-wrap{position:relative;width:min(100%,510px);filter:drop-shadow(0 18px 24px #0009);transition:transform .25s}#pig{display:block;width:100%;height:auto;overflow:visible}#pigBody{transform-origin:50% 55%;transition:transform .4s}#bellyButton,#noseButton{position:absolute;border:0;background:transparent}#bellyButton{width:36%;height:25%;left:32%;top:57%;border-radius:50%}#noseButton{width:26%;height:15%;left:37%;top:34%;border-radius:50%}.pig-wrap.jiggle #pigBody{animation:jiggle .5s ease-in-out}.pig-wrap.boop #nose{animation:boop .35s ease}.pig-wrap.feed #pigBody{animation:feed .65s ease}.pig-wrap.tail #pigBody{animation:jiggle .35s ease}@keyframes jiggle{0%,to{transform:scale(1)}25%{transform:scale(1.06,.95) rotate(-3deg)}50%{transform:scale(.95,1.05) rotate(3deg)}75%{transform:scale(1.03,.98)}}@keyframes boop{50%{transform:translateY(9px) scale(.88);transform-origin:center}}@keyframes feed{50%{transform:translateY(8px) scale(1.04)}}.turntable{width:min(100%,490px);padding:16px 8px;background:linear-gradient(#494052,#17131f);border:2px solid #ae79d4;border-radius:50%;box-shadow:0 10px #100b1a,0 15px 28px #a330e9aa,inset 0 0 20px #c063ff55;font-weight:700;letter-spacing:2px;margin-top:-25px;z-index:-1}.turntable span{color:#ed86ff;font-size:24px}.quick{display:flex;gap:10px;margin-top:35px}.quick button{background:#2e2539;border:1px solid #7e588f;border-radius:15px;padding:10px 15px;font-size:12px}.quick small{color:#c4b3d3}.actions{display:grid;gap:18px}.actions>button{display:flex;align-items:center;gap:17px;text-align:left;padding:16px 20px;min-height:113px;transition:.2s}.actions>button:hover{transform:translate(-5px);box-shadow:0 0 22px #d954f566}.actions span{font-size:50px}.actions b{font-size:24px}.actions small{display:block;color:#c8bfd1;font-size:14px;margin-top:4px}nav{display:flex;justify-content:space-around;gap:4px;padding:10px;margin-top:26px}nav button{flex:1;background:transparent;border:0;border-radius:15px;font-size:27px;padding:10px 3px;min-width:0}nav button small{display:block;font-size:11px;margin-top:3px}nav button.selected,nav button:hover{background:linear-gradient(130deg,#bd35e4,#612c92);box-shadow:0 0 17px #cf4cf8a6}footer{text-align:center;font-size:10px;letter-spacing:2px;color:#968ba5;padding:16px}dialog{border:1px solid #d58eff;border-radius:20px;background:#292032;color:#fff;max-width:400px;padding:28px;box-shadow:0 0 50px #a343c777}dialog::backdrop{background:#000a}dialog button{background:#963fc3;border:0;border-radius:12px;padding:12px 25px}@media(max-width:1050px){main{grid-template-columns:230px minmax(290px,1fr)}.actions{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.actions>button{min-height:85px;padding:12px;gap:8px}.actions span{font-size:29px}.actions b{font-size:17px}.actions small{font-size:11px}.credit{display:none}}@media(max-width:650px){#app{padding:10px}header{min-height:100px}.brand{min-width:65px}.brand strong{font-size:30px;letter-spacing:-3px}.brand small{font-size:6px;letter-spacing:0}.title h1{font-size:35px}.title p{letter-spacing:2px;font-size:8px}main{display:flex;flex-direction:column}.stage{order:0;width:100%}.chooser{order:1;width:100%}.actions{order:2;width:100%;grid-template-columns:repeat(2,1fr)}.pig-wrap{max-width:420px}.quick{margin-top:20px}.chooser .grid{grid-template-columns:repeat(9,1fr)}.grid button{font-size:24px;min-width:0;border-radius:8px}.chooser h2{margin-bottom:10px}nav{position:sticky;bottom:0;overflow-x:auto;justify-content:flex-start;background:#241d2df0;z-index:5}nav button{min-width:61px;font-size:22px}nav button small{font-size:9px}.turntable{margin-top:-20px}footer{font-size:8px}}#pigWrap{isolation:isolate}#pig3d{display:block}#pigWrap{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;background:linear-gradient(180deg,#120a1c14,#120a1c29),url(/backgrounds/piggable-nursery.png) center center / cover no-repeat}#pigWrap>#pig3d{position:absolute;inset:0;z-index:2}#pigWrap>#bellyButton,#pigWrap>#noseButton{z-index:3}#pigWrap>#pig{pointer-events:none}html{background:#231327}body{background:transparent!important;position:relative;min-height:100vh}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#12091c52,#14081c1a 40%,#12091c52),url(/backgrounds/piggable-nursery.png) center center / cover no-repeat}#app{position:relative;z-index:1}#pigWrap{background:transparent!important;overflow:visible}#pigWrap>#pig3d{border-radius:22px}#pigGrid button{padding:3px;overflow:hidden}#pigGrid button img{width:100%;height:100%;max-width:82px;max-height:82px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 4px #0006)}@media(max-width:650px){#pigGrid button img{min-width:0}}#app{max-width:1750px;padding-top:14px;padding-bottom:22px}header{min-height:110px}main{min-height:0;align-items:center;padding-top:12px;padding-bottom:30px}.turntable{display:none!important}.chooser .option:has(#colors){display:none!important}.stage{overflow:visible}.pig-wrap{filter:drop-shadow(0 13px 12px #2d102a60)}.quick{margin-top:6px;position:relative;z-index:3}#pig3d{background:transparent!important}.context-menu-toggle{position:fixed;right:24px;bottom:24px;z-index:30;width:64px;height:64px;border-radius:21px;border:1px solid #ffb5f7b0;background:linear-gradient(140deg,#a52bc9ee,#47245be8);box-shadow:0 6px 30px #0009,0 0 22px #ed4aff80,inset 0 1px #fff7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-size:29px}.context-menu-toggle:hover{filter:brightness(1.16)}.context-menu[hidden]{display:none!important}.context-menu{position:fixed;right:24px;bottom:99px;z-index:29;width:min(310px,calc(100vw - 35px));max-height:min(620px,calc(100dvh - 130px));overflow:auto;padding:14px;border:1px solid #ef9df8a8;border-radius:22px;background:linear-gradient(145deg,#34213fef,#1a1226f5);box-shadow:0 18px 55px #000b,0 0 28px #e749fa40;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}.context-menu-heading{padding:8px 10px 14px;letter-spacing:3px;font-size:11px;font-weight:800;color:#ffd1fb}.context-menu #nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;position:static;margin:0;padding:0;overflow:visible;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.context-menu #nav button{flex:initial;min-width:0;padding:12px 4px;font-size:24px;border-radius:13px}.context-menu #nav button small{font-size:9px}footer{padding-bottom:12px}@media(max-width:650px){header{min-height:95px}main{padding-bottom:24px}.quick{margin-top:6px}.context-menu-toggle{right:14px;bottom:14px;width:58px;height:58px}.context-menu{right:14px;bottom:82px}}.brand{min-width:190px;gap:5px;align-self:center}.brand strong{font-size:17px;letter-spacing:.13em;line-height:1.25;font-weight:750;background:none;color:#f8f0fb;text-shadow:0 1px 9px #130a1d}.brand small{font-size:8px;letter-spacing:.12em;color:#e2cce9;line-height:1.4}.context-menu-toggle{z-index:1002!important;pointer-events:auto!important;touch-action:manipulation}.context-menu{z-index:1001!important;pointer-events:auto!important}.context-menu:not([hidden]){display:block!important;visibility:visible!important;opacity:1!important}.context-menu button{pointer-events:auto}@media(max-width:650px){.brand{min-width:105px}.brand strong{font-size:11px;letter-spacing:.06em}.brand small{font-size:6px;letter-spacing:0}}header{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}header:before{content:"";grid-column:1;grid-row:1}header .title{grid-column:2;grid-row:1}header .credit{grid-column:3;grid-row:1;justify-self:end}.brand{position:fixed!important;inset:auto 24px 22px auto!important;z-index:900!important;display:grid!important;width:max-content;max-width:calc(100vw - 110px);min-width:0!important;padding:11px 13px;border-radius:13px;background:#20122bad;border:1px solid rgba(246,183,255,.25);box-shadow:0 6px 22px #0003;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none}.brand strong{font-size:13px!important;letter-spacing:.12em!important}.brand small{font-size:7px!important;letter-spacing:.1em!important}.context-menu-toggle{inset:22px auto auto 24px!important;width:54px!important;height:54px!important;border-radius:16px!important;font-size:25px!important}.context-menu{inset:87px auto auto 24px!important;max-height:min(620px,calc(100dvh - 105px))!important}@media(max-width:650px){header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important}.context-menu-toggle{top:12px!important;left:12px!important;width:48px!important;height:48px!important}.context-menu{top:69px!important;left:12px!important}.brand{right:12px!important;bottom:12px!important;padding:8px 10px}.brand strong{font-size:11px!important}.brand small{font-size:6px!important}}.chooser{align-self:center;max-height:min(790px,calc(100dvh - 115px));overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cf79df88 transparent}.chooser h2{margin-bottom:12px}.p06-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0 0 12px}.p06-tabs button{font:600 10px/1.2 inherit;font-size:10px;color:#f5e8f8;background:#2b1d35b8;border:1px solid #ffc9f633;border-radius:12px;padding:10px 2px;cursor:pointer}.p06-tabs button[aria-selected=true]{background:linear-gradient(120deg,#a42fc8,#62347c);border-color:#ff9efb;box-shadow:0 0 12px #df4ce088}#pigGrid[hidden],.chooser .option[hidden],.chooser .hint[hidden],#p06-name-form[hidden]{display:none!important}#pigGrid button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:0}#pigGrid button img{max-height:65px!important;height:clamp(36px,4vw,65px)!important;flex:0 1 auto}.p06-pig-name{font-size:10px;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-weight:650}.p06-details{margin-top:13px;border-top:1px solid #ffb6ec42;padding-top:13px}.p06-selected-title{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em;font-weight:750;margin-bottom:8px}.p06-selected-title span{color:#f6c5f4}.p06-name-line{display:flex;align-items:center;gap:9px;min-width:0}.p06-name-line img{width:44px;height:44px;object-fit:contain}.p06-name-line>div{display:flex;flex:1;flex-direction:column;min-width:0}.p06-name-line strong{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p06-name-line small{font-size:10px;color:#f0d1ef}#p06-rename{border:1px solid #ed91f4;border-radius:11px;background:#3b224d;color:#fff;font-size:18px;padding:7px 10px;cursor:pointer}#p06-name-form{margin:10px 0;display:grid;gap:7px}#p06-name-form label{font-size:11px}#p06-name-input{min-width:0;width:100%;box-sizing:border-box;border:1px solid #eab1f2;border-radius:9px;background:#211329;color:#fff;padding:9px 10px;font-size:14px}.p06-form-actions{display:flex;gap:8px}.p06-form-actions button{flex:1;border:1px solid #e9b1ef;border-radius:8px;background:#6d3182;color:#fff;padding:8px;cursor:pointer}.p06-stats{display:grid;gap:9px;margin-top:13px}.p06-stat>div:first-child{display:flex;justify-content:space-between;font-size:11px;margin-bottom:4px}.p06-track{height:7px;border-radius:30px;background:#180e26a9;overflow:hidden}.p06-track span{display:block;height:100%;border-radius:30px;transition:width .3s ease}.p06-track .happy{background:linear-gradient(90deg,#c14ce9,#f276fa)}.p06-track .hungry{background:linear-gradient(90deg,#e49a24,#ffdc78)}.p06-track .clean{background:linear-gradient(90deg,#35b7d4,#83e8ff)}.p06-track .energy{background:linear-gradient(90deg,#77c847,#b8f58c)}.p06-profile-hint,.p06-closet p,.p06-closet small{font-size:11px;color:#f3d8ef}.p06-closet{text-align:center;padding:18px 6px}.p06-closet-icon{font-size:36px}.p06-closet h3{margin:8px 0}@media(max-width:700px){.chooser{max-height:none;overflow:visible}.p06-tabs button{font-size:9px}}@media(min-width:701px){.chooser{height:min(668px,calc(100dvh - 108px));min-height:500px;max-height:none;align-self:center;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin}.chooser .p06-tabs,.chooser #pigGrid,.chooser .p06-details,.chooser .option{flex-shrink:0}}@media(max-width:700px){.chooser{height:auto;min-height:0}}.p06-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.p06-tabs button{font-size:9px;padding:9px 1px}.p062-create,.p062-library,.p062-empty{display:grid;gap:10px;font-size:12px}.p062-note{margin:0;color:#f7def5;font-size:11px;line-height:1.45}.p062-create label{font-size:11px;font-weight:700}.p062-name{display:flex;gap:6px}.p062-name input{min-width:0;flex:1;padding:9px;border:1px solid #e8a7ec;border-radius:9px;background:#25132f;color:#fff;font-size:13px}.p062-name button,.p062-secondary{border:1px solid #d88ee7;border-radius:9px;background:#3b224d;color:#fff;padding:8px;cursor:pointer}.p062-primary{width:100%;border:1px solid #f4a9f3;border-radius:10px;background:linear-gradient(120deg,#b32bd2,#76368c);color:#fff;font-weight:700;padding:11px 7px;cursor:pointer}.p062-pets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.p062-pets button{min-width:0;border:1px solid #ffb5ed44;border-radius:10px;background:#271c35bc;color:#fff;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 2px;cursor:pointer}.p062-pets button.active{border-color:#f49ef8;box-shadow:0 0 10px #e45fe988}.p062-pets img{height:50px;width:100%;object-fit:contain}.p062-pets span{font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p062-empty{text-align:center;padding:16px 3px}.p062-empty p{font-size:12px;line-height:1.5}.chooser .p06-details{min-width:0}@media(min-width:701px){.chooser{height:min(668px,calc(100dvh - 108px));min-height:500px;max-height:none;overflow-y:auto}}#pg-boombox{position:fixed;right:20px;bottom:70px;z-index:42;display:flex;flex-direction:column;align-items:flex-end;gap:10px;font:500 13px system-ui;color:#fff}#pg-boombox button,#pg-boombox input{font:inherit}#pg-boombox button{cursor:pointer;color:#fff;border:1px solid #ffffff50;background:#372344bd;border-radius:12px;padding:8px 11px}#pg-boombox button:focus-visible{outline:2px solid #fff}.pg-radio{width:155px;height:95px;border:2px solid #ffc6fb;border-radius:20px;background:linear-gradient(140deg,#8f42b7,#4a286e 70%,#291f48);box-shadow:0 0 24px #e751d48c,inset 0 2px 9px #ffffff75;position:relative;display:flex;align-items:center;justify-content:space-around;cursor:pointer;transition:transform .2s}.pg-radio:hover{transform:translateY(-3px)}.pg-radio:before{content:"";position:absolute;width:65px;height:14px;top:-19px;border:6px solid #bc82df;border-bottom:0;border-radius:12px 12px 0 0}.pg-speaker{width:48px;height:48px;border:5px double #ffb6ff;border-radius:50%;background:radial-gradient(circle,#251735 22%,#724a9d 24%,#251735 58%);box-shadow:0 0 13px #ff75ee}.pg-eq{position:absolute;bottom:9px;display:flex;gap:2px;align-items:end;height:15px}.pg-eq i{width:4px;height:7px;background:#76ecff;border-radius:2px}.pg-playing .pg-eq i:nth-child(2n){animation:pgbar .42s infinite alternate}.pg-playing .pg-eq i:nth-child(odd){animation:pgbar .66s infinite alternate-reverse}@keyframes pgbar{to{height:15px}}.pg-panel{width:min(350px,calc(100vw - 28px));max-height:min(68vh,610px);overflow:auto;background:linear-gradient(140deg,#543264ed,#231a35f5);border:1px solid #ffffff6e;border-radius:20px;box-shadow:0 12px 50px #13091dcc,inset 0 1px #fff5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:15px;box-sizing:border-box}.pg-panel[hidden]{display:none}.pg-header{display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:800}.pg-muted{opacity:.73;font-size:11px}.pg-title{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:10px}.pg-controls{display:flex;justify-content:center;gap:8px;margin:10px 0}.pg-controls button{font-size:18px!important}.pg-panel input[type=range]{width:100%;accent-color:#ed7aff}.pg-panel canvas{display:block;width:100%;height:55px;background:#1c112a8a;border-radius:10px;margin:8px 0}.pg-list{max-height:180px;overflow:auto;margin-top:8px}.pg-track{display:flex;gap:6px;align-items:center;padding:5px;border-bottom:1px solid #ffffff23}.pg-track button:first-child{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-track button:last-child{color:#ffb4d0}.pg-import{display:block;text-align:center;padding:10px;background:#ac41d6;border-radius:10px;cursor:pointer;margin:9px 0}.pg-import input{display:none}.pg-status{min-height:16px}.pg-mini{font-size:11px;opacity:.8}@media(max-width:700px){#pg-boombox{right:8px;bottom:55px}.pg-radio{width:108px;height:66px}.pg-speaker{width:31px;height:31px}.pg-panel{max-height:55vh}}#pg-boombox{z-index:60;right:20px;bottom:72px;font-family:system-ui,-apple-system,sans-serif}#pg-boombox .pg-panel.pg-kids{width:min(385px,calc(100vw - 24px));max-height:min(77dvh,720px);padding:13px;border:3px solid #ffbdfc;border-radius:38px;background:linear-gradient(160deg,#d791ff,#bd6ff5 38%,#eaa5f6 78%,#f6b9e9);box-shadow:0 12px #693d9c,0 22px 55px #270a4cc7,inset 0 3px #fff9;overflow-y:auto;color:#fff;text-shadow:0 1px 2px #682b85aa}#pg-boombox .pg-kid-head{position:relative;text-align:center;padding:15px 35px 13px;border-radius:26px 26px 14px 14px;background:linear-gradient(180deg,#b973f4,#d48afa);box-shadow:inset 0 2px #fff8;margin-bottom:10px}#pg-boombox .pg-kid-heading{font-size:21px;font-weight:950;line-height:1.18;letter-spacing:-.6px;color:#fff;filter:drop-shadow(0 2px 0 #8639b8)}#pg-boombox .pg-mascot{font-size:30px;line-height:1;margin-bottom:4px}#pg-boombox #pg-close{position:absolute;top:9px;right:9px;border-radius:50%;padding:4px;width:30px;height:30px;background:#8c4db7;border:2px solid #fcd8ff}#pg-boombox .pg-now{display:flex;align-items:center;gap:12px;padding:11px;background:linear-gradient(135deg,#8b42d5,#a44ae2);border:2px solid #ffd7ff;border-radius:23px;box-shadow:inset 0 3px #ffffff35}#pg-boombox .pg-album{display:grid;place-items:center;width:84px;height:84px;flex:0 0 84px;border-radius:20px;background:radial-gradient(circle at 35% 30%,#ffe76c,#fd83d5 54%,#813fe0);border:3px solid #ffecad;font-size:45px;box-shadow:0 3px 10px #43125a55}#pg-boombox .pg-song-info{min-width:0;flex:1}#pg-boombox .pg-title{font-size:16px;font-weight:900;margin:6px 0}#pg-boombox .pg-muted{font-size:11px;opacity:1}#pg-boombox .pg-mini{font-size:10px;opacity:.94}#pg-boombox .pg-panel input[type=range]{accent-color:#ffdc54;cursor:pointer}#pg-boombox #pg-spectrum{height:40px;background:#8338b270;border-radius:15px;border:2px solid #ffdbff9c;margin:10px 0}#pg-boombox .pg-controls{gap:14px;margin:10px 0}#pg-boombox .pg-controls button{display:grid;place-items:center;width:64px;height:60px;border-radius:23px;border:3px solid #c9f4ff;background:linear-gradient(#7edbff,#377edc);box-shadow:0 5px #3567a2,0 8px 12px #692e8c77;font-size:26px!important;font-weight:900}#pg-boombox .pg-controls #pg-play{width:74px;height:70px;border-color:#ffc6f2;background:linear-gradient(#ff86d5,#f032aa);box-shadow:0 5px #a92a7c,0 8px 12px #692e8c77;font-size:32px!important}#pg-boombox .pg-volume-row{display:flex;align-items:center;gap:12px;margin:14px 4px;font-size:21px}#pg-boombox .pg-kid-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}#pg-boombox .pg-kid-options button{min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 2px;border-radius:18px;border:2px solid #fce1ff;background:linear-gradient(#f4c4ff,#d38af3);color:#65347f;text-shadow:none;font-size:23px;box-shadow:0 4px #9156b5}#pg-boombox .pg-kid-options button small{font-size:11px;font-weight:850}#pg-boombox .pg-kid-options button.pg-on{background:linear-gradient(#ffe790,#ffc948);border-color:#fff4c2}#pg-boombox .pg-library{background:linear-gradient(160deg,#f9caff,#ed9cf5);border:2px solid #fff0ff;border-radius:27px;padding:12px;color:#63317e;text-shadow:none}#pg-boombox .pg-library-heading{font-size:19px;font-weight:950;display:flex;justify-content:space-between;align-items:center;gap:6px}#pg-boombox #pg-count{font-size:11px;color:#8446a2}#pg-boombox .pg-status{font-size:11px;color:#693883;margin-top:5px}#pg-boombox .pg-list{max-height:170px;overflow-y:auto;margin:7px 0}#pg-boombox .pg-track{border-bottom:1px solid #aa69ca55;gap:5px;padding:4px 0}#pg-boombox .pg-track button{border:0;background:transparent;color:#5e2c83;text-shadow:none;font-weight:800;font-size:12px;padding:7px 5px}#pg-boombox .pg-track button:first-child{border-radius:10px;text-align:left;background:#fff5}#pg-boombox .pg-track .pg-heart{font-size:18px;color:#cf388e}#pg-boombox .pg-import{border-radius:25px;border:2px solid #fff2a1;background:linear-gradient(#ffed77,#ffbe36);box-shadow:0 4px #c78b20;color:#76318b;text-shadow:none;font-size:17px;font-weight:950;margin:12px auto 6px;padding:10px 18px;max-width:220px}#pg-boombox .pg-storage-note{color:#75418b;text-align:center;font-size:9px}#pg-boombox .pg-radio{width:158px;height:97px;border-radius:25px;border:3px solid #ffb9f4;background:linear-gradient(145deg,#e78cf8,#a84be6 50%,#7833b5);box-shadow:0 7px #71358c,0 9px 24px #ed72ff8a,inset 0 4px #fff8}#pg-boombox .pg-radio:before{border-color:#c581f4}#pg-boombox .pg-radio-star{position:absolute;z-index:2;top:1px;left:50%;transform:translate(-50%);font-size:24px;filter:drop-shadow(0 1px 3px #6a267e)}#pg-boombox .pg-radio-logo{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-size:10px;font-weight:1000;color:#fff;text-shadow:0 2px 3px #551776}#pg-boombox .pg-speaker{width:44px;height:44px;border:4px solid #ffcf5e;background:radial-gradient(circle,#652d9e 25%,#ac51e0 30%,#51217d 64%);box-shadow:0 0 0 3px #ee8cf6,0 0 14px #ffe46e}#pg-boombox .pg-eq{bottom:22px}@media(max-width:700px){#pg-boombox{right:8px;bottom:55px}#pg-boombox .pg-panel.pg-kids{max-height:70dvh}#pg-boombox .pg-radio{width:108px;height:73px}#pg-boombox .pg-speaker{width:29px;height:29px}#pg-boombox .pg-radio-logo{font-size:8px}#pg-boombox .pg-kid-heading{font-size:18px}}@media(prefers-reduced-motion:reduce){#pg-boombox .pg-radio,#pg-boombox .pg-eq i{animation:none!important;transition:none!important}}@media(min-width:901px){#app{max-width:none;padding:12px clamp(18px,2vw,36px) 20px}header{min-height:106px!important}header .title h1{font-size:clamp(40px,5vw,70px)}main{display:grid!important;grid-template-columns:clamp(230px,22vw,325px) minmax(0,1fr) 90px!important;gap:clamp(12px,1.6vw,28px)!important;min-height:calc(100dvh - 170px)!important;align-items:center!important;padding:4px 0 48px!important}main>.chooser{width:100%;height:min(570px,calc(100dvh - 210px))!important;min-height:340px!important;max-height:none!important;align-self:center;transition:width .25s,opacity .2s,transform .25s}main>.stage{width:100%;min-width:0;align-self:center}main>.actions{display:flex!important;flex-direction:column;gap:9px!important;width:90px;grid-column:3!important;align-self:center}main>.actions>button{width:90px!important;height:79px!important;min-height:79px!important;padding:9px 3px!important;gap:3px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;border-radius:23px!important}main>.actions>button span{font-size:30px!important;line-height:1.1}main>.actions>button b{font-size:12px!important;letter-spacing:.03em}main>.actions>button small{display:none!important}main>.actions>button:hover{transform:translate(-3px)}.stage .quick{position:fixed!important;z-index:25;bottom:20px;left:50%;transform:translate(-50%);margin:0!important;padding:6px!important;gap:0!important;border:1px solid #ffc5ff85;border-radius:25px;background:#2b153fc9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 22px #2b103b99}.stage .quick button{min-width:90px;padding:9px 14px;border:0;border-right:1px solid #ffffff38;border-radius:0;background:transparent;font-size:12px}.stage .quick button:last-child{border-right:0}#pg-boombox{right:clamp(115px,12vw,210px)!important;bottom:85px!important;z-index:65!important}#pg-boombox .pg-radio{transform:scale(.86);transform-origin:bottom right}#pg-boombox .pg-radio:hover{transform:scale(.9) translateY(-3px)}#pg-boombox .pg-panel{position:fixed;right:clamp(20px,7vw,110px);bottom:155px;max-height:min(70dvh,650px)!important}.p082-mini{position:fixed;left:24px;bottom:20px;z-index:70}.brand{bottom:18px!important;right:20px!important}body.p082-studio-closed main{grid-template-columns:52px minmax(0,1fr) 90px!important}body.p082-studio-closed main>.chooser{width:52px!important;height:58px!important;min-height:0!important;overflow:hidden!important;padding:0!important;align-self:center}body.p082-studio-closed main>.chooser>*:not(.p082-studio-head){display:none!important}body.p082-studio-closed .p082-studio-head h2{display:none!important}body.p082-studio-closed .p082-studio-head{height:56px;justify-content:center}}.p082-studio-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:9px}.p082-studio-head h2{flex:1;min-width:0;margin:0!important;padding:0!important;border:0!important;text-align:left!important;font-size:16px!important}.p082-collapse{border:1px solid #ffd2ff8c;background:#512b6dba;border-radius:13px;width:35px;height:35px;flex:0 0 35px;font-size:19px;color:#fff;cursor:pointer}.p082-mini{display:flex;align-items:center;gap:8px;max-width:240px;padding:8px 12px;border:1px solid #ffbaff7a;border-radius:24px;background:#321b48dc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 4px 18px #2d123a88;font-size:12px;color:#fff}.p082-mini button{border:0;border-radius:50%;background:#9d43c7;color:#fff;width:33px;height:33px;font-size:16px;cursor:pointer}.p082-mini .p082-label{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p082-mini[hidden]{display:none!important}@media(max-width:900px){.p082-studio-head h2{font-size:14px!important}.p082-mini{position:fixed;bottom:12px;left:12px;z-index:69;max-width:170px}.p082-mini .p082-label{max-width:80px}#pg-boombox{bottom:95px!important;right:14px!important}#pg-boombox .pg-radio{transform:scale(.8);transform-origin:bottom right}#pg-boombox .pg-panel{position:fixed;bottom:160px;right:10px;max-height:65dvh!important}body.p082-studio-closed main>.chooser>*:not(.p082-studio-head){display:none!important}body.p082-studio-closed main>.chooser{min-height:0!important;height:auto!important}}@media(prefers-reduced-motion:reduce){main>.chooser,.pg-radio{transition:none!important}}@media(min-width:901px){#pg-boombox{bottom:46px!important;right:clamp(125px,12vw,210px)!important}#pg-boombox .pg-radio{transform:scale(.88)!important;transform-origin:bottom center!important;filter:drop-shadow(0 12px 8px rgba(30,10,37,.56));transition:transform .22s ease,filter .22s ease!important}#pg-boombox .pg-radio:hover{transform:scale(.93) translateY(-4px)!important;filter:drop-shadow(0 16px 11px rgba(30,10,37,.62))}#pg-boombox .pg-panel{right:clamp(18px,7vw,110px)!important;bottom:152px!important;max-height:min(69dvh,650px)!important;overflow-y:auto}body.p083-music-open main>.actions{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(14px)}main>.actions{transition:opacity .2s ease,transform .2s ease,visibility .2s!important}.stage .quick,.p082-mini{bottom:31px!important}.brand{bottom:27px!important}.p082-studio-head h2{font-size:17px!important}main>.chooser .p082-collapse{min-width:36px;min-height:36px}}@media(max-width:900px){body.p083-music-open main>.actions{opacity:0!important;visibility:hidden!important;pointer-events:none!important}#pg-boombox .pg-panel{right:10px!important;bottom:145px!important;max-height:min(68dvh,620px)!important;overflow-y:auto}#pg-boombox .pg-radio{filter:drop-shadow(0 9px 7px rgba(30,10,37,.5))}}@media(prefers-reduced-motion:reduce){main>.actions,#pg-boombox .pg-radio{transition:none!important}}@media(min-width:901px){#app>main{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;grid-template-columns:none!important;width:100%!important;min-height:calc(100dvh - 170px)!important;padding:4px 0 48px!important;gap:0!important}#app>main>.stage{position:relative!important;flex:0 0 auto!important;width:min(510px,42vw)!important;max-width:510px!important;min-width:0!important;margin:0!important;align-self:center!important;transform:none!important}#app>main>.stage>.pig-wrap{width:100%!important;max-width:510px!important;margin-inline:auto!important}#app>main>.chooser{position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;z-index:35!important;width:clamp(230px,22vw,325px)!important;margin:0!important;transition:opacity .2s ease,width .25s ease!important}body.p082-studio-closed #app>main{grid-template-columns:none!important}body.p082-studio-closed #app>main>.chooser{width:52px!important;transform:translateY(-50%)!important}#app>main>.actions{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;z-index:34!important;margin:0!important}body.p083-music-open #app>main>.actions{transform:translate(14px,-50%)!important}}@media(prefers-reduced-motion:reduce){#app>main>.chooser{transition:none!important}}@media(max-width:900px){html,body{width:100%;max-width:100%;overflow-x:hidden}#app{width:100%;max-width:100%}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}main>.chooser,main>.stage,main>.actions{min-width:0}#pg-boombox .pg-panel{width:min(430px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;right:12px!important;left:auto!important;overflow-y:auto!important;overscroll-behavior:contain}#pg-boombox .pg-panel button,.p082-collapse,.p06-tabs button{min-height:40px}.context-menu{max-width:calc(100vw - 24px)}.p082-mini{max-width:min(42vw,170px)}}@media(max-width:700px){#app{padding:env(safe-area-inset-top,0px) 12px calc(115px + env(safe-area-inset-bottom,0px))!important}header{min-height:62px!important;max-width:100%;padding:5px 0!important;gap:4px!important}header .brand{min-width:0!important;max-width:112px!important}header .brand strong{font-size:10px!important;letter-spacing:.03em!important}header .brand small{font-size:6px!important;letter-spacing:0!important}header .title h1{font-size:clamp(23px,6.5vw,36px)!important;white-space:nowrap}header .title p{font-size:7px!important;letter-spacing:.06em!important;margin:4px 0!important}header .credit{display:none!important}main{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;min-height:0!important;padding:0!important}main>.stage{order:0!important;width:100%!important;min-width:0!important;max-width:100%!important;align-self:center!important}#status{font-size:clamp(11px,3vw,14px)!important;min-height:24px!important;line-height:1.35}.stage .pig-wrap{width:min(100%,min(84vw,430px))!important;max-width:100%!important;margin-inline:auto!important}#pig3d,#pigWrap{max-width:100%!important}main>.chooser{order:1!important;width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;max-height:min(48dvh,420px)!important;overflow-y:auto!important;overscroll-behavior:contain;padding:12px!important}body.p082-studio-closed main>.chooser{max-height:62px!important;overflow:hidden!important;padding:8px 12px!important}.p082-studio-head{margin-bottom:6px!important}.p082-studio-head .p082-collapse{min-width:44px;min-height:44px}.p06-tabs{gap:4px!important}.p06-tabs button{min-width:0;font-size:10px!important}.chooser #pigGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.chooser #pigGrid button{min-height:68px!important}.chooser #pigGrid button img{max-height:54px!important;height:54px!important}main>.actions{order:2!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;width:100%!important}main>.actions>button{min-width:0!important;min-height:62px!important;padding:8px 3px!important;gap:3px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;border-radius:15px!important}main>.actions>button span{font-size:23px!important;line-height:1!important}main>.actions>button b{font-size:10px!important;letter-spacing:.02em}main>.actions>button small{display:none!important}.stage .quick{position:fixed!important;left:50%!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;transform:translate(-50%)!important;z-index:65!important;display:flex!important;gap:0!important;margin:0!important;padding:4px!important;max-width:calc(100vw - 125px)!important;border-radius:18px!important;background:#2b153fe8!important;border:1px solid #ffcbf39c!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.stage .quick button{min-width:0!important;padding:8px clamp(5px,2vw,12px)!important;font-size:10px!important;border:0!important;background:transparent!important;white-space:nowrap}.stage .quick button small{display:none!important}.p082-mini{left:8px!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;max-width:105px!important;padding:5px!important;gap:3px!important}.p082-mini .p082-label{display:none!important}.p082-mini button{width:29px!important;height:29px!important;font-size:13px!important}#pg-boombox{right:8px!important;bottom:calc(86px + env(safe-area-inset-bottom,0px))!important}#pg-boombox .pg-panel{bottom:calc(155px + env(safe-area-inset-bottom,0px))!important;max-height:min(62dvh,550px)!important}.context-menu-toggle{right:8px!important;bottom:calc(9px + env(safe-area-inset-bottom,0px))!important;width:47px!important;height:47px!important;border-radius:15px!important;font-size:23px!important}.context-menu{right:8px!important;bottom:calc(65px + env(safe-area-inset-bottom,0px))!important;max-height:65dvh!important}footer{font-size:8px!important;letter-spacing:.06em!important}}@media(max-width:370px){header .brand{max-width:82px!important}header .brand strong{font-size:8px!important}header .title h1{font-size:22px!important}.stage .quick button{padding:8px 5px!important;font-size:9px!important}main>.actions{gap:4px!important}main>.actions>button b{font-size:9px!important}}@media(max-width:700px)and (max-height:650px){.stage .pig-wrap{width:min(100%,min(64vw,290px))!important}main>.chooser{max-height:38dvh!important}}body.kl-active{overflow:hidden!important}#kai-launch-root{position:fixed;inset:0;z-index:2147483600;background:#080915;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden;isolation:isolate;-webkit-user-select:none;user-select:none}#kai-launch-root *{box-sizing:border-box}.kl-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse 55% 55% at 50% 52%,#201634,#0c0b1b 60%,#070811)}.kl-ambient i{position:absolute;display:block;border-radius:50%;filter:blur(65px);opacity:.43;animation:klFloat 13s ease-in-out infinite alternate}.kl-ambient i:nth-child(1){width:40vw;height:40vw;min-width:330px;min-height:330px;left:-17%;top:-28%;background:#683fbd}.kl-ambient i:nth-child(2){width:40vw;height:40vw;min-width:340px;min-height:340px;right:-15%;bottom:-36%;background:#9c367e;animation-delay:-6s}.kl-ambient i:nth-child(3){width:28vw;height:28vw;left:38%;top:32%;background:#393b98;opacity:.19;animation-delay:-3s}.kl-noise{position:absolute;inset:0;pointer-events:none;opacity:.17;background-image:radial-gradient(#cdb5ee .55px,transparent .7px);background-size:27px 27px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 80%,transparent)}.kl-launch-scene{position:absolute;inset:0;display:flex;flex-direction:column;padding:clamp(22px,4vw,54px);transition:opacity .55s ease,transform .85s cubic-bezier(.16,1,.3,1);overflow-y:auto}.kl-top{display:flex;align-items:center;gap:13px;z-index:1}.kl-monogram{height:43px;width:43px;border:1px solid #b98af17a;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#412a64,#1c1a30);font-size:16px;font-weight:900;letter-spacing:-2px;box-shadow:inset 0 1px #ffffff4d}.kl-monogram span,.kl-brand-k span{color:#ff9dcf}.kl-top-name{font-size:12px;letter-spacing:.22em;font-weight:700}.kl-top-name b{font-weight:300;color:#d8c4eb}.kl-top-name small{display:block;font-size:8px;letter-spacing:.23em;color:#9b8cba;margin-top:4px}.kl-top-right{margin-left:auto;font-size:9px;letter-spacing:.22em;color:#b9a6ce}.kl-launch-main{margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:45px 0;z-index:1}.kl-eyebrow{font-size:10px;letter-spacing:.32em;font-weight:700;color:#d6b6f3;display:flex;align-items:center;gap:9px}.kl-dot{height:6px;width:6px;border-radius:50%;background:#f6a3d2;box-shadow:0 0 14px #ff9bd6}.kl-launch-main h1{font-size:clamp(32px,5vw,64px);letter-spacing:-.065em;font-weight:650;margin:18px 0 5px;line-height:1.13}.kl-launch-main h1 em{font-style:normal;background:linear-gradient(100deg,#ffa7d8,#c9a1ff);-webkit-background-clip:text;background-clip:text;color:transparent}.kl-intro{color:#b8a8cc;font-size:clamp(12px,1.2vw,15px);margin:11px 0 32px}.kl-app{position:relative;display:flex;flex-direction:column;align-items:center;width:min(290px,84vw);padding:24px 23px 22px;border:1px solid #cfa7ee52;border-radius:30px;background:linear-gradient(145deg,#ffffff16,#ffffff08 58%,#d484e310);box-shadow:0 25px 75px #0007,inset 0 1px #ffffff2c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;cursor:pointer;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;font:inherit}.kl-app:hover,.kl-app:focus-visible{transform:translateY(-8px) scale(1.025);border-color:#efb4f4;box-shadow:0 35px 90px #a94eb53b,inset 0 1px #fff6;outline:none}.kl-app:focus-visible{outline:2px solid #f6c5ff;outline-offset:5px}.kl-icon-wrap{position:relative;width:132px;height:132px;display:grid;place-items:center;border-radius:31px;background:linear-gradient(145deg,#ffaee1,#c285ed 52%,#9b74dc);border:1px solid #fff7;box-shadow:0 14px 34px #e47bc850,inset 0 2px 2px #ffffff94;overflow:hidden}.kl-icon-glow{position:absolute;width:150%;height:70%;left:-30%;top:-25%;transform:rotate(-30deg);background:#fff7;filter:blur(18px)}.kl-pig{position:relative;width:112px;height:112px;filter:drop-shadow(0 7px 7px #793a8059)}.kl-icon-spark{position:absolute;right:12px;top:6px;color:#fff3b3;font-size:26px;animation:klTwinkle 2s ease-in-out infinite}.kl-app strong{font-size:20px;letter-spacing:.11em;margin-top:21px}.kl-app small{font-size:9px;letter-spacing:.19em;color:#bdaed2;margin-top:7px}.kl-launch-cta{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:25px;padding:13px 15px;border-radius:13px;background:linear-gradient(95deg,#f8a6d6,#c89df3);color:#25152c;font-size:10px;letter-spacing:.14em;font-weight:850}.kl-launch-cta span{font-size:18px}.kl-launch-hint{font-size:9px;letter-spacing:.27em;color:#8f83a8;margin-top:22px}.kl-footer{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.16em;color:#8c7eaa;z-index:1}.kl-brand-scene{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:scale(.85);transition:opacity .8s ease,transform 1.2s cubic-bezier(.16,1,.3,1)}.kl-orbit{position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid #d8a4ff3c;transform:translate(-50%,-50%);box-shadow:0 0 35px #ab6df21a,inset 0 0 35px #ab6df212;animation:klRotate 22s linear infinite}.kl-orbit-one{width:min(75vmin,610px);height:min(75vmin,610px);border-style:dashed}.kl-orbit-two{width:min(97vmin,790px);height:min(97vmin,790px);border-color:#f3a4dd2b;animation-direction:reverse}.kl-orbit-three{width:min(120vmin,980px);height:min(120vmin,980px);border-color:#e8a4ff15}.kl-brand-core{position:relative;width:clamp(120px,18vmin,180px);height:clamp(120px,18vmin,180px);border-radius:35%;display:grid;place-items:center;background:linear-gradient(145deg,#291f47,#0e1026);border:1px solid #e9c5ff72;box-shadow:0 0 65px #b765ff66,inset 0 0 30px #d994ff2c;transform:rotate(-8deg);animation:klCore 4s ease-in-out infinite}.kl-core-light{position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(circle,#be7bf144,transparent 70%);filter:blur(16px)}.kl-brand-k{position:relative;font-size:clamp(65px,10vmin,106px);font-weight:850;letter-spacing:-.15em;padding-right:14px;text-shadow:0 0 30px #e7b2ff80}.kl-brand-copy{text-align:center;margin-top:42px;position:relative}.kl-brand-overline{display:block;color:#c5a6e9;font-size:10px;letter-spacing:.4em;margin-bottom:13px}.kl-brand-title{font-size:clamp(26px,5.3vw,66px);letter-spacing:.12em;font-weight:850;white-space:nowrap;text-shadow:0 0 45px #eab2ff3d}.kl-brand-title span{font-weight:250;color:#e9caee}.kl-brand-rule{height:1px;width:0;margin:20px auto 15px;background:linear-gradient(90deg,transparent,#ffb5e9,transparent);transition:width 1.6s ease .5s}.kl-brand-sub{font-size:11px;letter-spacing:.35em;color:#c2acd7}.kl-loading{position:absolute;bottom:clamp(45px,9vh,100px);width:min(360px,72vw);display:grid;grid-template-columns:1fr auto;gap:13px;color:#b9a7cc;font-size:9px;letter-spacing:.19em}.kl-progress{grid-column:1/-1;height:3px;border-radius:8px;background:#ffffff20;overflow:hidden}.kl-progress-fill{height:100%;width:0;background:linear-gradient(90deg,#b78aff,#ffc1e7);box-shadow:0 0 16px #ff9fdc}.kl-percent{font-variant-numeric:tabular-nums}.kl-portal{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;pointer-events:none;transform:scale(.1);transition:transform 1.2s cubic-bezier(.16,1,.3,1),opacity .35s ease;background:radial-gradient(circle,#ffdaef,#d8a4fb 17%,#72409e 43%,#110b26 78%)}.kl-portal-halo{position:absolute;width:60vmin;height:60vmin;border:3px solid #fff9;border-radius:50%;box-shadow:0 0 75px #fff7,0 0 130px #ff8bdc;animation:klRotate 8s linear infinite}.kl-portal-icon{width:clamp(110px,20vmin,210px);height:clamp(110px,20vmin,210px);display:grid;place-items:center;filter:drop-shadow(0 15px 35px #8b3b9259)}.kl-portal-icon .kl-pig{width:100%;height:100%}.kl-portal-word{font-weight:900;font-size:clamp(28px,5vw,60px);letter-spacing:.18em;text-shadow:0 0 30px #57256e}.kl-portal-sub{font-size:10px;letter-spacing:.3em;margin-top:12px;color:#fff}.kl-branding .kl-launch-scene{opacity:0;pointer-events:none;transform:scale(1.12)}.kl-branding .kl-brand-scene{opacity:1;transform:scale(1)}.kl-branding .kl-brand-rule{width:76%}.kl-zooming .kl-brand-scene{opacity:0;transform:scale(1.65);transition-duration:.5s}.kl-zooming .kl-portal{opacity:1;transform:scale(1)}.kl-exiting{animation:klReveal 1.05s cubic-bezier(.65,0,.35,1) forwards}.kl-exiting .kl-portal{transform:scale(13);opacity:1;transition:transform 1.05s cubic-bezier(.65,0,.35,1)}@keyframes klReveal{0%,60%{opacity:1}to{opacity:0}}@keyframes klFloat{to{transform:translate(10%,12%) scale(1.2)}}@keyframes klTwinkle{50%{opacity:.45;transform:scale(.7)}}@keyframes klRotate{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes klCore{50%{transform:rotate(0) translateY(-9px);box-shadow:0 0 95px #c87dff8a,inset 0 0 30px #d994ff55}}@media(max-width:600px){.kl-top-right{display:none}.kl-launch-scene{padding:20px}.kl-footer{font-size:7px}.kl-brand-title{font-size:clamp(19px,6vw,32px);letter-spacing:.055em}.kl-brand-sub{font-size:8px;letter-spacing:.2em}.kl-brand-overline{font-size:8px}.kl-launch-main{padding:24px 0}.kl-intro{margin-bottom:23px}.kl-app{padding:18px}.kl-icon-wrap{width:112px;height:112px}.kl-icon-wrap .kl-pig{width:96px;height:96px}}@media(prefers-reduced-motion:reduce){#kai-launch-root *,#kai-launch-root *:before,#kai-launch-root *:after{animation:none!important;transition-duration:.01ms!important}.kl-exiting{opacity:0!important}}#kai-launch-root.kl-launcher{background:#170b37}#kai-launch-root.kl-launcher .kl-ambient{background:radial-gradient(ellipse 42% 48% at 50% 48%,#8b4bd7,#4c2490 35%,#29145d 68%,#100d36)}#kai-launch-root.kl-launcher .kl-ambient i{opacity:.65;filter:blur(72px)}#kai-launch-root.kl-launcher .kl-ambient i:nth-child(1){background:#f15cb7;left:-12%;top:-28%}#kai-launch-root.kl-launcher .kl-ambient i:nth-child(2){background:#44dfff;right:-16%;bottom:-33%}#kai-launch-root.kl-launcher .kl-ambient i:nth-child(3){background:#ffbd61;left:43%;top:40%;opacity:.35}.kl-icon-only-scene{justify-content:center;align-items:center;overflow:hidden;padding:24px;background:radial-gradient(ellipse 65% 60% at 50% 55%,#ffb9e014,transparent 72%)}.kl-icon-only-scene:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#fff9 1px,transparent 2px),radial-gradient(#fff6 1.5px,transparent 2.5px);background-size:79px 91px,131px 139px;background-position:18px 12px,51px 63px;opacity:.55;-webkit-mask-image:radial-gradient(ellipse 75% 70% at center,#000,transparent);mask-image:radial-gradient(ellipse 75% 70% at center,#000,transparent)}.kl-candy-sky{position:absolute;inset:0;pointer-events:none;overflow:hidden}.kl-candy-sky i{position:absolute;border-radius:50%;border:1px solid #fff5;background:linear-gradient(135deg,#ffffff50,#ffffff06 55%,#f4a2ff20);box-shadow:inset 0 0 12px #fff5,0 0 25px #fa92d94d;animation:klBubble 7s ease-in-out infinite alternate}.kl-candy-sky i:nth-child(1){width:46px;height:46px;left:18%;top:19%}.kl-candy-sky i:nth-child(2){width:19px;height:19px;right:19%;top:24%;animation-delay:-3s}.kl-candy-sky i:nth-child(3){width:33px;height:33px;left:25%;bottom:21%;animation-delay:-1s}.kl-candy-sky i:nth-child(4){width:61px;height:61px;right:13%;bottom:20%;animation-delay:-4s}.kl-candy-sky i:nth-child(5){width:12px;height:12px;left:38%;top:12%;animation-delay:-2s}.kl-candy-sky i:nth-child(6){width:17px;height:17px;right:34%;bottom:12%;animation-delay:-5s}.kl-icon-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;z-index:2;transform:translateY(-5px)}.kl-icon-aura{position:absolute;z-index:-1;width:min(65vmin,590px);height:min(65vmin,590px);top:45%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#ffb3f266 0%,#f366e433 28%,#7c4bff18 55%,transparent 72%);filter:blur(13px);animation:klAura 4s ease-in-out infinite alternate}.kl-app.kl-app-icon-only{width:clamp(200px,27vmin,300px);height:clamp(200px,27vmin,300px);padding:0;display:grid;place-items:center;aspect-ratio:1;border:0;border-radius:clamp(46px,6.5vmin,70px);background:linear-gradient(135deg,#ffddf6,#ff8ccf 25%,#c471ff 58%,#6f5bf5);box-shadow:0 0 0 5px #ffe3ffcf,0 0 0 11px #f59cfc48,0 0 32px 13px #ff7addb8,0 0 95px 22px #a15aff83,0 25px 55px #17072a91,inset 0 4px 10px #fff9;animation:klIconHover 4s ease-in-out infinite;transition:transform .3s ease,box-shadow .3s ease;overflow:visible}.kl-app.kl-app-icon-only:hover{transform:scale(1.07) translateY(-7px);box-shadow:0 0 0 5px #fff,0 0 0 12px #ffb4f785,0 0 48px 20px #ff81f3e6,0 0 120px 30px #8f65ffb0,0 25px 60px #17072a91}.kl-app.kl-app-icon-only:focus-visible{outline:3px solid #fff;outline-offset:17px}.kl-app-icon-only .kl-icon-wrap{width:100%;height:100%;border:0;border-radius:inherit;overflow:hidden;background:radial-gradient(circle at 42% 23%,#ffe3f9,#ff9bd5 38%,#ba6cf0 77%,#8054e6);box-shadow:inset 0 5px 16px #fff9,inset 0 -18px 40px #5f33b448}.kl-app-icon-only .kl-icon-wrap:after{content:"";position:absolute;inset:5%;border-radius:inherit;border:2px solid #ffffff4f;pointer-events:none}.kl-app-icon-only .kl-icon-glow{width:115%;height:53%;left:-18%;top:-13%;background:#fff9;filter:blur(24px)}.kl-app-icon-only .kl-pig{width:90%;height:90%;z-index:2;filter:drop-shadow(0 13px 11px #77318a78);animation:klPigBob 3.8s ease-in-out infinite}.kl-app-icon-only .kl-icon-spark{font-size:clamp(27px,4vmin,44px);right:8%;top:5%;text-shadow:0 0 15px #fff,0 0 24px #ffdc65;z-index:3}.kl-icon-bubble{position:absolute;display:block;border-radius:50%;background:#fff9;filter:blur(1px);box-shadow:0 0 15px #fff;z-index:1}.kl-icon-bubble-a{width:11px;height:11px;left:12%;top:28%}.kl-icon-bubble-b{width:7px;height:7px;right:17%;bottom:18%}.kl-icon-title{margin-top:35px;font-weight:900;font-size:clamp(23px,3.4vmin,38px);letter-spacing:.23em;padding-left:.23em;color:#fff7fb;text-shadow:0 0 15px #ffb6f7,0 0 40px #f96ce48a}.kl-icon-caption{margin-top:13px;font-size:clamp(9px,1.2vmin,12px);letter-spacing:.28em;color:#ffe5fa;font-weight:650;opacity:.9;animation:klCaption 2.4s ease-in-out infinite}@keyframes klBubble{to{transform:translateY(-24px) translate(9px);opacity:.45}}@keyframes klAura{to{transform:translate(-50%,-50%) scale(1.15);opacity:.8}}@keyframes klIconHover{50%{translate:0 -9px}}@keyframes klPigBob{50%{transform:translateY(-4px) rotate(-1.5deg)}}@keyframes klCaption{50%{opacity:.55}}@media(max-width:600px){.kl-icon-stage{transform:translateY(-3vh)}.kl-app.kl-app-icon-only{width:min(61vw,260px);height:min(61vw,260px)}.kl-icon-title{margin-top:28px}.kl-icon-caption{letter-spacing:.17em}}@media(max-width:700px){#kai-launch-root.kl-launcher{min-height:100svh}#kai-launch-root.kl-launcher .kl-icon-only-scene{padding:calc(20px + env(safe-area-inset-top,0px)) 16px calc(20px + env(safe-area-inset-bottom,0px))}#kai-launch-root.kl-launcher .kl-icon-stage{transform:translateY(-1.5vh);max-width:100%}#kai-launch-root.kl-launcher .kl-app.kl-app-icon-only{width:clamp(164px,53vw,270px);height:clamp(164px,53vw,270px);border-radius:clamp(39px,12vw,65px)}#kai-launch-root.kl-launcher .kl-icon-aura{width:95vw;height:95vw;max-width:500px;max-height:500px}#kai-launch-root.kl-launcher .kl-icon-title{font-size:clamp(21px,6vw,32px);letter-spacing:.15em;padding-left:.15em;margin-top:30px}#kai-launch-root.kl-launcher .kl-icon-caption{font-size:10px;letter-spacing:.13em;text-align:center;margin-top:12px}#kai-launch-root.kl-launcher .kl-candy-sky i:nth-child(1){left:7%;top:17%}#kai-launch-root.kl-launcher .kl-candy-sky i:nth-child(4){right:4%;bottom:16%}#kai-launch-root.kl-launcher .kl-app.kl-app-icon-only{touch-action:manipulation;-webkit-tap-highlight-color:transparent}#kai-launch-root.kl-launcher .kl-app.kl-app-icon-only:active{scale:.97}}@media(max-width:700px)and (max-height:560px){#kai-launch-root.kl-launcher .kl-app.kl-app-icon-only{width:min(42vh,190px);height:min(42vh,190px)}#kai-launch-root.kl-launcher .kl-icon-title{margin-top:16px}#kai-launch-root.kl-launcher .kl-icon-caption{margin-top:7px}}@media(prefers-reduced-motion:reduce){#kai-launch-root.kl-launcher .kl-icon-aura,#kai-launch-root.kl-launcher .kl-app-icon-only .kl-pig{animation:none!important}}@media(max-width:700px){html{width:100%;overflow-x:hidden}body{width:100%;overflow-x:hidden;min-height:100dvh}body.pgm2-lock{overflow:hidden!important}#app{padding:0 10px calc(148px + env(safe-area-inset-bottom,0px))!important;min-height:100dvh!important;max-width:100%!important}#app>header{position:relative!important;display:flex!important;justify-content:center!important;min-height:74px!important;height:74px!important;padding:10px 52px 0!important}header .title h1{font-size:clamp(25px,7vw,37px)!important;line-height:1.05!important}header .title p{font-size:7px!important;letter-spacing:.09em!important}header .brand,#app>footer{display:none!important}#app>main,body.p082-studio-closed #app>main{display:block!important;position:relative!important;width:100%!important;min-height:0!important;padding:0!important;margin:0!important;gap:0!important;grid-template-columns:none!important}#app>main>.stage{display:flex!important;position:relative!important;width:100%!important;max-width:none!important;height:calc(100dvh - 225px - env(safe-area-inset-bottom,0px))!important;min-height:250px!important;max-height:670px!important;margin:0!important;padding:0!important;justify-content:center!important;align-items:center!important;transform:none!important}#status{position:absolute!important;top:4px!important;left:0!important;right:0!important;min-height:24px!important;font-size:clamp(12px,3.5vw,15px)!important;z-index:3!important}#app>main>.stage>.pig-wrap,#pigWrap{position:relative!important;width:min(89vw,48dvh,420px)!important;max-width:100%!important;aspect-ratio:500/520!important;height:auto!important;margin:0 auto!important;transform:none!important}#pig3d{max-width:100%!important}body>.chooser,body.p082-studio-closed body>.chooser{position:fixed!important;inset:0 auto 0 0!important;width:min(88vw,390px)!important;max-width:min(88vw,390px)!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important;z-index:1602!important;display:block!important;padding:calc(70px + env(safe-area-inset-top,0px)) 15px calc(30px + env(safe-area-inset-bottom,0px))!important;overflow-y:auto!important;overscroll-behavior:contain!important;transform:translate(-110%)!important;opacity:1!important;visibility:hidden!important;pointer-events:none!important;transition:transform .25s ease,visibility .25s ease!important;border-radius:0 25px 25px 0!important;background:linear-gradient(150deg,#79428deb,#2b153efa 55%,#1d1230fc)!important;box-shadow:18px 0 60px #100719a8!important}body.pgm2-studio-open body>.chooser,body.pgm2-studio-open.p082-studio-closed body>.chooser{transform:translate(0)!important;visibility:visible!important;pointer-events:auto!important}body.pgm2-studio-open .chooser>*{display:block!important}body.pgm2-studio-open .chooser .p082-studio-head{display:flex!important}body.pgm2-studio-open .chooser .p082-studio-head h2{display:block!important}body.pgm2-studio-open .chooser .p06-tabs{display:flex!important}.chooser .p082-collapse{width:44px!important;height:44px!important;flex:0 0 44px!important}.chooser #pigGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.chooser #pigGrid button{min-height:74px!important}.p06-tabs button{min-height:44px!important}.pgm2-backdrop{position:fixed;inset:0;z-index:1601;background:#10071dbd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:0;width:100%;height:100%;padding:0}.pgm2-backdrop[hidden]{display:none!important}.pgm2-top{position:fixed!important;top:calc(12px + env(safe-area-inset-top,0px))!important;z-index:1450!important;width:47px;height:47px;border:1px solid #ffd2f5aa;border-radius:16px;background:#653080df;box-shadow:0 0 16px #fa80ef55;color:#fff;font-size:22px;display:grid;place-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pgm2-studio-trigger{left:12px}.pgm2-music-trigger{right:12px}#app>main>.actions{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(64px + env(safe-area-inset-bottom,0px))!important;top:auto!important;z-index:1300!important;width:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin:0!important;padding:0!important;transform:none!important;opacity:1!important;visibility:visible!important}#app>main>.actions>button{width:100%!important;height:54px!important;min-height:54px!important;max-height:54px!important;padding:3px 2px!important;border-radius:14px!important;gap:1px!important}#app>main>.actions>button span{font-size:21px!important;line-height:1!important}#app>main>.actions>button b{font-size:10px!important;line-height:1.1!important}#app>main>.actions>button small{display:none!important}#app>main>.stage>.quick{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;top:auto!important;z-index:1300!important;width:auto!important;max-width:none!important;height:48px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;transform:none!important;gap:4px!important;padding:3px!important;margin:0!important;border-radius:15px!important}.stage .quick button{font-size:11px!important;min-width:0!important;padding:7px 2px!important;border:0!important;white-space:nowrap!important}.p082-mini,#pg-boombox .pg-radio,.context-menu-toggle{display:none!important}#pg-boombox{position:static!important;z-index:auto!important}#pg-boombox .pg-panel.pg-kids{position:fixed!important;inset:0!important;z-index:1801!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;overscroll-behavior:contain!important;border-radius:0!important;padding:calc(28px + env(safe-area-inset-top,0px)) 16px calc(28px + env(safe-area-inset-bottom,0px))!important;box-shadow:none!important}#pg-boombox .pg-panel[hidden]{display:none!important}#pg-boombox .pg-kid-heading{font-size:clamp(16px,5vw,23px)!important}#pg-boombox .pg-controls button{min-width:58px!important;min-height:56px!important}#pg-boombox .pg-kid-options{gap:6px!important}#pg-boombox .pg-kid-options button{min-width:0!important}.context-menu{z-index:1700!important}body.pgm2-music-open .pgm2-top,body.pgm2-music-open #app>main>.actions,body.pgm2-music-open #app>main>.stage>.quick{visibility:hidden!important;pointer-events:none!important}body.pgm2-studio-open #app>main>.actions,body.pgm2-studio-open #app>main>.stage>.quick{visibility:hidden!important;pointer-events:none!important}.pgm2-top:focus-visible,.chooser button:focus-visible{outline:3px solid #fff!important;outline-offset:2px}}@media(max-width:700px)and (max-height:690px){#app>main>.stage{height:calc(100dvh - 210px - env(safe-area-inset-bottom,0px))!important;min-height:190px!important}#app>main>.stage>.pig-wrap,#pigWrap{width:min(77vw,43dvh,350px)!important}}@media(prefers-reduced-motion:reduce)and (max-width:700px){body>.chooser{transition:none!important}}@media(max-width:700px){body>.chooser{z-index:1702!important;isolation:isolate!important;box-sizing:border-box!important}body.pgm2-studio-open>.chooser{transform:translateZ(0)!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}body>.pgm2-backdrop{z-index:1701!important}body.pgm2-studio-open>.pgm2-studio-trigger{z-index:1703!important}}