@font-face{font-family:TikTok Sans;src:url(/fonts/TikTokSans-Variable.ttf)format("truetype");font-weight:300 900;font-stretch:75% 150%;font-style:normal oblique -6deg;font-display:block}:root{--font:"TikTok Sans", -apple-system, "Helvetica Neue", Arial, sans-serif;--bg:#000;--cyan:#00d0d5;--lavender:#b4a5d9;--pink:#fe2c55;--glass:#ffffff1f;--glass-card:#ffffff21;--rule:#ffffff24;--inactive:#999;--ease:cubic-bezier(.32, .72, 0, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--kb-dur:.42s;--kb-ease:cubic-bezier(.22, .9, .28, 1);--chat-gap:14px;--ai-size-plan:16px;--ai-weight-plan:400}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#fff;font-family:var(--font);-webkit-font-smoothing:antialiased;background:#0c0c0e}button{font:inherit;color:inherit}html,body{overscroll-behavior:none}body{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.device{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.device input{-webkit-user-select:text;user-select:text}.page{justify-content:center;align-items:center;min-height:100%;display:flex}.stage-wrap{flex:none;position:relative}.device{transform-origin:0 0;background:var(--bg);width:440px;height:956px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 30px 80px #0000008c,0 0 0 1px #ffffff0f}.screen{background:var(--bg);position:absolute;inset:0;overflow:hidden}.camera{transform-origin:50%;transition:transform .56s var(--ease-out), filter .56s ease, border-radius .56s var(--ease-out)}.camera.is-receding{filter:brightness(.5);border-radius:36px;transform:scale(.92)}.status-bar{z-index:40;pointer-events:none;-webkit-user-select:none;user-select:none;width:440px;height:54px;position:absolute;top:0;left:0}.cam-panel{background:linear-gradient(#0003 0%,#0000 24% 68%,#00000038 100%),radial-gradient(62% 46% at 48%,#701a1ef2 0%,#701a1e00 100%),radial-gradient(55% 48% at 0%,#60302c99 0%,#60302c00 100%),linear-gradient(90deg,#420c10 0%,#42080f 45%,#37030c 100%);border-radius:24px;width:440px;height:780px;position:absolute;top:73px;left:0}.cam-ic{-webkit-user-select:none;user-select:none;display:block;position:absolute;overflow:visible}.cam-sep{background:#ffffff52;width:20px;height:1px;position:absolute;top:193.5px;left:402px}.cam-addsound{width:130px;height:43px;font:600 16px/1.3 var(--font);background:#382324;border-radius:999px;align-items:center;gap:7px;padding-left:15px;display:flex;position:absolute;top:86px;left:155px}.cam-mode{font:600 15px/1.3 var(--font);position:absolute;top:711.5px;transform:translate(-50%,-50%)}.cam-mode.on{color:#000;background:#fff;border-radius:999px;place-items:center;width:39.2px;height:26.3px;display:grid}.cam-thumb{border-radius:50%;width:57px;height:57px;position:absolute;top:757px}.cam-thumb.t1{background:radial-gradient(circle at 70% 45%,#efe2d2,#d6c2aa 70%);left:-47px}.cam-thumb.t2{background:radial-gradient(circle at 40% 38%,#b8b8b8 0%,#6a6a6a 30%,#343434 65%,#1b1b1b 100%);left:30px}.cam-thumb.t3{background:linear-gradient(#7fb7e4 0%,#b7d3e6 32%,#c9b07e 46%,#7b9a55 58%,#3e6a3a 82%,#2c5a4a 100%);left:107px}.cam-record{border:3.2px solid #fff;border-radius:50%;place-items:center;width:86px;height:86px;display:grid;position:absolute;top:743px;left:177px}.cam-record:after{content:"";background:var(--pink);border-radius:50%;width:73px;height:73px}.cam-gallery-back{background:#3a3a3c;border-radius:7px;width:33px;height:33px;position:absolute;top:875px;left:24px}.cam-gallery{background:linear-gradient(135deg,#b9694a 0 22%,#9fc5bd 22% 68%,#dfae3a 68%);border:1.8px solid #fff;border-radius:7px;width:35px;height:35px;position:absolute;top:873px;left:14.5px}.cam-tab{font:600 15px/1.3 var(--font);background:0 0;border:0;padding:0;position:absolute;top:889.3px;transform:translate(-50%,-50%)}.cam-tab.post{color:#fff;left:220.5px}.cam-tab.plan{color:var(--inactive);cursor:pointer;padding:12px 14px;left:288.6px}.cam-tab.plan:hover{color:#ccc}.cam-hint{pointer-events:none;transform-origin:50% 90%;animation:tap 1.8s var(--ease) infinite;position:absolute;top:881.26px;left:279.82px}.flow{transition:transform .56s var(--ease-out);z-index:5;transform:translateY(100%)}.flow.is-open{transform:translateY(0)}.flow.is-leaving{pointer-events:none;transition:transform .46s cubic-bezier(.4,0,.2,1)}.hero{width:392px;transition:transform .7s var(--ease);position:absolute;top:107px;left:24px}.hero.is-low{transform:translateY(90px)}.hero-in{opacity:0;transition:opacity .5s ease, transform .6s var(--ease-out);transform:translateY(18px)}.flow.is-open .hero-in{opacity:1;transition-delay:.22s;transform:none}.flow.is-plan .hero-in{opacity:0;transition:opacity .32s ease, transform .5s var(--ease);pointer-events:none;transition-delay:0s;transform:translateY(-26px)}.hero-title{font:700 36px/1.3 var(--font);margin:0}.hero-title .accent{color:var(--cyan)}.hero-sub{white-space:nowrap;font:600 20px/1.3 var(--font);margin:12px 0 0}.nav{z-index:30;background:var(--bg);opacity:0;pointer-events:none;height:112px;transition:opacity .3s ease, transform .5s var(--ease);position:absolute;top:0;left:0;right:0;transform:translateY(-16px)}.flow.is-open .nav{opacity:1;pointer-events:auto;transition-delay:.22s;transform:none}.flow.is-plan .nav{transition-delay:0s}.nav-back{z-index:2;cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;transition:opacity .15s;display:grid;position:absolute;top:58px;left:12px}.nav-back:active{opacity:.55}.nav-title{text-align:center;font:700 24px/1.3 var(--font);pointer-events:none;margin:0;position:absolute;top:80px;left:0;right:0;transform:translateY(-50%)}.nav-rule{background:var(--rule);pointer-events:none;opacity:0;height:1px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.flow.is-plan .nav-rule{opacity:1;transition-delay:.12s}.chat{gap:var(--chat-gap);height:560px;transition:top .7s var(--ease), height .7s var(--ease), padding .7s var(--ease), gap .7s var(--ease);scrollbar-width:none;flex-direction:column;padding:0 24px;display:flex;position:absolute;top:281px;left:0;right:0}.chat::-webkit-scrollbar{display:none}.flow.is-plan .chat{gap:12.2px;height:719px;padding:25.2px 24px 26px;top:112px;overflow-y:auto}.flow.kb-open .chat{height:436px}.flow.kb-touched .chat{transition:top .7s var(--ease), height var(--kb-dur) var(--kb-ease), padding .7s var(--ease), gap .7s var(--ease)}.bubble{background:var(--glass);width:297px;font:400 16px/1.3 var(--font);overflow-wrap:anywhere;border-radius:20px;flex:none;align-self:flex-end;padding:13px 16px}.bubble-float{z-index:2;margin:0;position:absolute;right:24px}.bubble-float.is-live{transition:transform .45s var(--ease);animation:.3s both fadeIn}.bubble-float.is-landing{transition:transform .68s cubic-bezier(.3,.85,.25,1)}.word{animation:1s ease-in-out both wordLife}@keyframes wordLife{0%{opacity:0;color:var(--pink);text-shadow:0 0 #0000}10%{opacity:1;color:var(--pink);text-shadow:0 0 #0000}16%{opacity:1;color:var(--pink);text-shadow:0 0 #0000}25%{opacity:1;color:var(--cyan);text-shadow:0 0 #0000}38%{opacity:1;color:var(--cyan);text-shadow:0 0 #0000}52%{opacity:1;color:#fff;text-shadow:-1.3px 0 var(--cyan), 1.3px 0 var(--pink)}78%{opacity:1;color:#fff;text-shadow:-1.3px 0 var(--cyan), 1.3px 0 var(--pink)}to{opacity:1;color:#fff;text-shadow:0 0 #0000}}.ai-line{font:600 20px/1.3 var(--font);transition:font-size .6s var(--ease), font-weight .6s var(--ease), margin .6s var(--ease);margin:0 0 1px}.flow.is-plan .ai-line:not(.ai-bottom){font-size:var(--ai-size-plan);font-weight:var(--ai-weight-plan);margin-bottom:0}.ai-float{z-index:2;position:absolute;left:24px;right:24px}.ai-float.is-bottom{transition:none;animation:.4s both fadeIn}.ai-float.is-gliding{transition:transform .65s cubic-bezier(.3,.85,.25,1)}.ai-bottom{position:absolute;left:24px}.listening{text-align:center;font:600 20px/1.3 var(--font);color:#fff;opacity:0;transition:opacity .35s ease, transform .5s var(--ease);pointer-events:none;z-index:9;position:absolute;top:841.5px;left:0;right:0;transform:translateY(6px)}.listening.on{opacity:1;transition:opacity .35s cubic-bezier(.75,0,.75,.9) .23s,transform .5s cubic-bezier(1,0,.68,.28) 80ms;transform:none}.listening .breathe{animation:4s ease-in-out infinite breathe;display:inline-block}@keyframes breathe{0%,to{opacity:.72;transform:scale(.99)}50%{opacity:1;transform:scale(1.01)}}.listening .hop{animation:2s ease-in-out infinite hop;animation-delay:calc(var(--i) * .25s);display:inline-block}.thinking{height:24.6px;font:400 16px/1.3 var(--font);align-items:center;display:flex}.thinking .hop{animation:1.2s ease-in-out infinite hop;animation-delay:calc(var(--i) * 75ms);display:inline-block}.thinking .glyph{margin:0 3.2px 0 1.8px;display:inline-flex}.plan{flex-direction:column;display:flex}.plan-intro{font:400 16px/1.3 var(--font);margin:0}.plan-title{font:600 24px/1.3 var(--font);margin:12px 0 0}.shots{flex-direction:column;gap:30.1px;margin-top:14px;display:flex}.shot{gap:10.5px;padding-left:7px;display:flex}.shot-bar{background:var(--pink);flex:none;align-self:stretch;width:2px;margin-bottom:4.8px}.shot.is-new .shot-bar{transform-origin:top;animation:barDraw .7s var(--ease-out) .3s backwards}.shot-body{flex-direction:column;gap:8.5px;min-width:0;display:flex}.shot-head{max-width:364px;font:700 20px/1.3 var(--font)}.shot-script{max-width:355px;font:400 16px/1.3 var(--font)}.shot-script b{font-weight:700}.hl{animation:hlFade 3s ease-in-out calc(var(--d,0s) + .5s) backwards}@keyframes hlFade{0%,60%{color:var(--cyan)}to{color:#fff}}@keyframes barDraw{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.cta{background:var(--pink);color:#fff;max-height:40px;font:600 16px/1.3 var(--font);cursor:pointer;transition:transform .15s ease, filter .15s ease, opacity .3s ease, max-height .4s var(--ease), margin-top .4s var(--ease), padding .4s var(--ease);border:0;border-radius:178px;align-self:flex-start;align-items:center;gap:4px;margin-top:9.2px;padding:6px 18px;display:inline-flex;overflow:hidden}.cta-hidden{opacity:0;pointer-events:none;max-height:0;margin-top:0;padding-top:0;padding-bottom:0}.cta:active{filter:brightness(.92);transform:scale(.96)}.dock{z-index:10;pointer-events:none;transition:transform var(--kb-dur) var(--kb-ease);position:absolute;inset:0}.dock-layer,.dock-mic{transform-origin:50%;transition:left .58s var(--ease), top .58s var(--ease), width .58s var(--ease), height .58s var(--ease), border-radius .58s var(--ease), opacity .34s ease, transform .5s var(--ease);position:absolute}.dock-cyan{background:var(--cyan)}.dock-grad{background:linear-gradient(90deg, var(--pink), var(--lavender))}.dock-white{background:#fff}.dock-mic{width:36px;height:36px}.dock-plus{cursor:pointer;width:24px;height:24px;transition:opacity .3s .28s;position:absolute;top:853.8px;left:46.5px}.dock-pill-hit{cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:26px;width:391.2px;height:51.6px;padding:0;position:absolute;top:840px;left:24.4px}.dock-input{width:262px;height:40px;font:400 16px/1.3 var(--font);color:#000;cursor:pointer;background:0 0;border:0;outline:0;padding:0;transition:opacity .3s .28s;position:absolute;top:845.8px;left:79px}.dock-input::placeholder{color:#00000080}.dock-wave{opacity:0;clip-path:inset(0 50%);width:440px;height:160px;transition:clip-path .58s var(--ease), transform .7s var(--ease), opacity .3s ease;position:absolute;top:729.5px;left:0;transform:scaleY(2)}.dock-wave.on{opacity:1;clip-path:inset(0);transition:clip-path .58s cubic-bezier(1,0,.68,.28),transform .7s cubic-bezier(1,0,.68,.28) -.12s,opacity .3s cubic-bezier(.75,0,.75,.9) .28s;transform:none}.wave{position:absolute;inset:0}.wave canvas{width:440px;height:160px;position:absolute;top:0;left:0}.wave-glow{filter:blur(10px)}.wave-core{filter:blur(2.5px)}.wave.is-solid .wave-glow,.wave.is-solid .wave-core{display:none}.dock-hit{pointer-events:auto;cursor:pointer;background:0 0;border:0;padding:0;position:absolute}.dock-hit-orb{border-radius:50%;width:100px;height:100px;top:757px;left:170px}.dock-hit-wave{width:440px;height:160px;top:729.5px;left:0}.film-screen{z-index:20;animation:.4s both fadeIn}.film-panel{background:linear-gradient(#9aa3a8,#4d5559);border-radius:24px;width:440px;height:782px;position:absolute;top:74px;left:0;overflow:hidden}.film-video{object-fit:cover;width:100%;height:100%;animation:.5s both fadeIn;position:absolute;inset:0}.film-panel:after{content:"";pointer-events:none;background:linear-gradient(#00000057 0%,#00000046 10%,#00000038 20%,#0000002b 30%,#0000001f 40%,#00000016 50%,#0000000e 60%,#00000008 70%,#00000004 80%,#00000001 90%,#0000 100%);height:180px;position:absolute;top:0;left:0;right:0}.film-x{cursor:pointer;z-index:6;background:0 0;border:0;width:17.7px;height:17.7px;padding:0;position:absolute;top:102.3px;left:18.15px}.film-x svg{filter:drop-shadow(0 3px 6px #0009);display:block}.film-x:after{content:"";position:absolute;inset:-14px}.film-head{z-index:4;pointer-events:none;position:absolute;top:0;left:0}.film-title,.film-sub{color:#fff;text-shadow:0 3px 8px #00000054;margin:0;position:absolute}.film-title{white-space:nowrap;font:600 32px/1.3 var(--font);top:129px;left:40.4px}.film-sub{width:312px;font:700 20px/1.3 var(--font);top:174.3px;left:40.8px}.film-tools{z-index:4;opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.film-tools.on{opacity:1}.film-sep{top:203px;left:401.8px}.film-caption{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:352.5px;font:700 20px/1.3 var(--font);opacity:0;background:#3d3d3db3;border-radius:24px;padding:12.2px 16.2px;transition:opacity .3s;position:absolute;bottom:255.7px;left:47.8px}.film-caption.on{opacity:1}.film-caption>span{max-width:288px;display:block}.fw{transition:color .25s}.fw.lit{color:var(--cyan)}.rec{z-index:5;opacity:0;width:0;height:0;transition:opacity .3s;position:absolute;top:786.1px;left:220px}.rec.on{opacity:1}.rec-bg{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;width:115.6px;height:115.6px;transition:opacity .3s ease, transform .34s var(--ease-out);background:#ffffff96;border-radius:50%;margin:-57.8px 0 0 -57.8px;position:absolute;top:0;left:0;transform:scale(.74)}.rec.is-rec .rec-bg{opacity:1;transform:none}.rec-btn{pointer-events:none;position:absolute;top:-70px;left:-70px;overflow:visible}.rb-ring{fill:none;stroke:#fff;stroke-width:3.2px}.rb-core{fill:var(--pink)}.rec-ring{opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;top:-70px;left:-70px}.rec.is-rec .rec-ring{opacity:1;transition-delay:.12s}.rec-hit{cursor:pointer;background:0 0;border:0;border-radius:50%;width:100px;height:100px;padding:0;position:absolute;top:-50px;left:-50px}.film-actions{z-index:5;pointer-events:none;position:absolute;top:0;left:0;right:0}.fa{height:44px;font:600 16px/1.3 var(--font);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s ease, transform .4s var(--ease-out), filter .15s ease;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8.2px;padding:0;display:inline-flex;position:absolute;top:874px;transform:translateY(10px)}.film-actions.on .fa{opacity:1;pointer-events:auto;transform:none}.film-actions.on .fa-next{transition-delay:60ms}.film-actions.on .fa:active{filter:brightness(.92);transform:scale(.96)}.fa-retake{color:#000;background:#fff;width:204px;left:12px}.fa-next{background:var(--pink);color:#fff;width:204px;left:224px}.pv{z-index:8;background:#000;animation:.4s both fadeIn;position:absolute;inset:0}.pv-icons{z-index:4;pointer-events:none;position:absolute;top:0;left:0}.pv-back{z-index:6;cursor:pointer;background:0 0;border:0;width:44px;height:44px;padding:0;position:absolute;top:87.7px;left:5.5px}.pv-pill{z-index:3;color:#fff;font:600 16px/1.3 var(--font);pointer-events:none;background:#3d3d3d80;border-radius:999px;position:absolute}.pv-pill span{white-space:nowrap;position:absolute}.pv-sound{width:130px;height:43.7px;top:88px;left:155px}.pv-sound span{top:11.9px;left:34px}.pv-autocut{width:95.3px;height:36px;font-size:13px;top:797px;left:172.3px}.pv-autocut span{top:10.5px;left:30px}.pv-sep{z-index:4;background:#ffffff57;top:193.7px;left:404px}.pv .fa{font-size:16.5px}.pv .fa>span{position:relative;top:1px}.pv-story{color:#2d2e38;justify-content:flex-start;gap:3.8px;padding-left:40px}.pv-avatar{flex:none;margin-top:.2px;display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.rise{animation:rise .5s var(--ease-out) backwards;animation-delay:var(--d,0s)}@keyframes hop{0%,55%,to{transform:translateY(0)}20%{transform:translateY(-3.5px)}38%{transform:translateY(1.5px)}}@keyframes tap{0%,to{transform:translate(0)scale(1)}45%{transform:translate(-2px,-3px)scale(.92)}}.debug-toggle{z-index:100;color:#ddd;cursor:pointer;background:#18181ce6;border:1px solid #ffffff2e;border-radius:999px;padding:7px 12px;font:600 12px/1 -apple-system,system-ui,sans-serif;position:fixed;top:14px;right:14px}.debug{z-index:99;color:#d6d6da;background:#16161af5;border:1px solid #ffffff1a;border-radius:14px;width:300px;padding:14px;font:12px/1.45 -apple-system,system-ui,sans-serif;position:fixed;top:54px;bottom:14px;right:14px;overflow:auto}.debug h3{letter-spacing:.08em;text-transform:uppercase;color:#8b8b93;margin:16px 0 6px;font-size:11px}.debug h3:first-child{margin-top:0}.debug textarea{resize:vertical;color:#eee;width:100%;min-height:56px;font:12px/1.4 var(--font);background:#111;border:1px solid #333;border-radius:8px;padding:8px}.debug label{color:#a0a0a8;margin:8px 0 3px;display:block}.debug .row{flex-wrap:wrap;gap:6px;display:flex}.debug button{color:#eee;cursor:pointer;background:#26262c;border:1px solid #3a3a42;border-radius:8px;padding:6px 10px;font-size:12px}.debug button:hover{background:#30303a}.debug .pill{background:#2b2b33;border-radius:999px;padding:2px 8px;display:inline-block}.debug .meter{background:#1a1a1f;border-radius:4px;height:8px;margin:6px 0;overflow:hidden}.debug .meter i{background:linear-gradient(90deg,#00d0d5,#b4a5d9,#fe2c55);height:100%;transition:width 60ms linear;display:block}.debug .check{align-items:center;gap:6px;margin-top:8px;display:flex}.debug .muted{color:#8b8b93}.sim-toast{z-index:60;color:#eee;font:500 12px/1.3 var(--font);pointer-events:none;background:#26262cf0;border-radius:999px;padding:7px 14px;animation:.2s both fadeIn;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.pixel-mode .sim-toast{display:none}.kb{--kb-h:336px;height:var(--kb-h);z-index:9;color:var(--kb-fg);-webkit-user-select:none;user-select:none;background:var(--kb-bg);-webkit-backdrop-filter:blur(30px)saturate(1.7);backdrop-filter:blur(30px)saturate(1.7);box-shadow:inset 0 .5px 0 var(--kb-edge);transition:transform var(--kb-dur) var(--kb-ease);pointer-events:none;font-family:-apple-system,SF Pro Text,Helvetica Neue,sans-serif;position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%)}.kb.open{pointer-events:auto;transform:none}.kb-dark{--kb-bg:linear-gradient(180deg, #3a3a4085, #1e1e22b3);--kb-fg:#fff;--kb-key:#fff3;--kb-fn:#ffffff1c;--kb-edge:#ffffff38;--kb-hi:#ffffff57;--kb-shadow:#00000080;--kb-pop:#606068eb}.kb-light{--kb-bg:linear-gradient(180deg, #e1e3e9b8, #cdd0d8d1);--kb-fg:#000;--kb-key:#ffffffc7;--kb-fn:#ffffff6b;--kb-edge:#ffffffb3;--kb-hi:#ffffffe6;--kb-shadow:#00000047;--kb-pop:#fffffffa}.kb-bar,.kb-row{opacity:0;transition:transform .5s var(--kb-ease), opacity .28s ease;transform:translateY(30px)}.kb.open .kb-bar,.kb.open .kb-row{opacity:1;transform:none}.kb.open .kb-r4{transition-delay:0s}.kb.open .kb-r3{transition-delay:28ms}.kb.open .kb-r2{transition-delay:56ms}.kb.open .kb-r1{transition-delay:84ms}.kb.open .kb-bar{transition-delay:.112s}.kb-bar{align-items:center;height:46px;display:flex}.kb-sug{text-align:center;color:var(--kb-fg);flex:1;font-size:16px;position:relative}.kb-sug+.kb-sug:before{content:"";background:#80808059;width:1px;position:absolute;top:4px;bottom:4px;left:0}.kb-row{gap:6px;height:46px;margin-top:11px;padding:0 3px;display:flex}.kb-r1{margin-top:10px}.kb-r2{justify-content:center}.kb-r3{justify-content:space-between}.kb-mid{gap:6px;display:flex}.key{background:var(--kb-key);min-width:0;height:46px;color:var(--kb-fg);box-shadow:inset 0 .5px 0 var(--kb-hi), inset 0 0 0 .5px #ffffff14, 0 1px 1.5px var(--kb-shadow);cursor:pointer;border:0;border-radius:10px;flex:1 1 0;place-items:center;padding:0;font:400 25px/1 -apple-system,SF Pro Text,Helvetica Neue,sans-serif;display:grid;position:relative}.kb-r2 .key,.kb-mid .key{flex:0 0 38px}.key.fn{background:var(--kb-fn)}.key:active{filter:brightness(1.3)}.kb-wide{flex:0 0 52px}.kb-side{flex:0 0 84px}.kb-space{flex:auto}.kb-fnlabel{font-size:16px}.key[data-k]:not(.fn):not(.kb-space):active:after{content:attr(data-k);background:var(--kb-pop);width:58px;height:64px;color:var(--kb-fg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:inset 0 .5px 0 var(--kb-hi), 0 3px 12px var(--kb-shadow);z-index:3;border-radius:14px;place-items:center;font-size:34px;display:grid;position:absolute;bottom:100%;left:50%;transform:translate(-50%,4px)}.kb-icon{color:var(--kb-fg);opacity:.85;place-items:center;display:grid;position:absolute;bottom:24px}.kb-globe{left:24px}.kb-dictate{right:24px}.pixel-mode .page{justify-content:flex-start;align-items:flex-start;padding:0!important}.pixel-mode .debug-toggle{display:none}