.ph-panel{border:1px solid var(--color-rule);background:radial-gradient(60% 55% at 50% 42%,#12bf7c29,#0000 72%),#f2f6f4;border-radius:28px;place-items:center;padding:clamp(28px,3.4vw,44px) 20px;display:grid;position:relative;overflow:hidden}.ph-hold{--s:1;width:calc(300px*var(--s));height:calc(610px*var(--s));position:relative}.ph{--ac:#171d1b;--ink:#171d1b;--mut:#6b7571;--ln:#e7ece9;--pf:inherit;width:300px;height:610px;transform:scale(var(--s));transform-origin:0 0;background:#0b1f17;border-radius:46px;padding:10px;transition:width .7s cubic-bezier(.65,0,.35,1),height .7s cubic-bezier(.65,0,.35,1),left .7s cubic-bezier(.65,0,.35,1),top .7s cubic-bezier(.65,0,.35,1),border-radius .7s;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #ffffff0f,0 50px 90px -40px #07140e8c,0 18px 36px -24px #07140e66}.ph-scr{width:100%;height:100%;color:var(--ink);background:#fff;border-radius:37px;flex-direction:column;font-size:12px;line-height:1.35;display:flex;position:relative;overflow:hidden}.ph-scr.reset{animation:.35s phin}@keyframes phin{0%{opacity:.4}to{opacity:1}}.ph svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px;display:block}.ph-sb{flex:none;justify-content:space-between;align-items:center;height:36px;padding:4px 26px 0;font-size:12px;font-weight:600;display:flex}.ph-sb i{background:#0b1f17;border-radius:12px;width:76px;height:22px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.ph-sb b{align-items:center;gap:4px;display:flex}.ph-sb b span{border:1.4px solid;border-radius:2.5px;width:15px;height:8px;position:relative}.ph-sb b span:after{content:"";background:currentColor;border-radius:1px;position:absolute;inset:1px 4px 1px 1px}.ph-top{border-bottom:1px solid var(--ln);z-index:2;background:#fff;flex:none;align-items:center;gap:8px;height:48px;padding:0 12px;display:flex;position:relative}.ph-top>*{transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1)}.ph-logo{text-align:center;letter-spacing:-.01em;font-size:14px;font-weight:700;font-family:var(--pf);flex:1}.ph-ic{width:32px;height:32px;color:var(--ink);border-radius:10px;place-items:center;display:grid;position:relative}.ph-acts{gap:0;display:flex}.ph-badge{background:var(--ac);color:#fff;text-align:center;border-radius:8px;min-width:15px;height:15px;padding:0 3px;font:700 9px/15px inherit;transition:transform .3s cubic-bezier(.3,1.6,.5,1),background .5s;position:absolute;top:1px;right:1px}.ph-badge.bump{animation:.5s cubic-bezier(.3,1.6,.5,1) bump}@keyframes bump{40%{transform:scale(1.5)}}.ph-body{background:#fff;flex:1;min-height:0;position:relative;overflow:hidden}.ph-pg{padding:12px 14px;transition:transform .55s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.ph-hero{background:linear-gradient(135deg,#e8e1d4,#d9d0bf);border-radius:16px;flex-direction:column;justify-content:flex-end;gap:4px;height:140px;padding:16px;transition:border-radius .5s;display:flex;position:relative}.ph-hero small{letter-spacing:.12em;text-transform:uppercase;color:#6b5e47;font-size:10px;font-weight:600}.ph-hero strong{letter-spacing:-.02em;font-size:19px;line-height:1.15;font-family:var(--pf);transition:opacity .25s}.ph-btn{background:var(--ac);color:#fff;border-radius:8px;align-self:flex-start;margin-top:6px;padding:7px 12px;font-size:11px;font-weight:600;transition:background .5s,border-radius .5s,transform .2s}.ph-link{color:#6b5e47;align-items:center;gap:3px;font-size:10px;font-weight:600;display:flex;position:absolute;top:14px;right:14px}.ph-link svg{width:11px;height:11px}.ph-h{font-size:13.5px;font-weight:700;font-family:var(--pf);justify-content:space-between;align-items:baseline;margin:14px 0 8px;transition:opacity .25s;display:flex}.ph-h span{color:var(--mut);font-family:inherit;font-size:11px;font-weight:500}.ph-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ph-card{flex-direction:column;gap:3px;transition:transform .2s;display:flex}.ph-card i{border-radius:12px;height:110px;transition:border-radius .5s;position:relative}.ph-card span{font-size:11.5px;font-weight:500}.ph-card b{font-size:11.5px;transition:color .3s}.ph-card b.flash{color:#0e9c64;animation:1.2s flash}@keyframes flash{0%,to{background:0 0}20%{background:#12bf7c2e}}.ph-add{background:#fff;border-radius:8px;place-items:center;width:24px;height:24px;display:grid;position:absolute;bottom:6px;right:6px;box-shadow:0 2px 6px #0000001f}.ph-add svg{width:13px;height:13px}.ph-tabs{border-top:1px solid var(--ln);z-index:2;background:#fff;flex:none;grid-template-columns:repeat(4,1fr);height:64px;padding-bottom:10px;display:grid;position:relative}.ph-tabs span{color:#9aa39f;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:9.5px;font-weight:500;transition:color .3s;display:flex}.ph-tabs span.on{color:var(--ac)}.ph-ind{justify-content:center;width:25%;height:2px;transition:transform .45s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:-1px;left:0}.ph-ind:before{content:"";background:var(--ac);border-radius:2px;width:28px;height:2px;transition:background .5s}.ph-ov{pointer-events:none;z-index:5;position:absolute;inset:0}.ph-ov>*{position:absolute}.fx{transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .35s}.fx-up{transform:translateY(105%)}.fx-down{opacity:0;transform:translateY(calc(-100% - 70px))}.fx-left{transform:translate(-105%)}.fx-right{transform:translate(105%)}.fx-pop{opacity:0;transform:scale(.9)}.fx-fade{opacity:0}.ph.s1 .on-s1,.ph.s2 .on-s2,.ph.s3 .on-s3,.ph.s4 .on-s4,.ph.s5 .on-s5,.ph.s6 .on-s6{opacity:1;transform:none}.ph.s1 .off-s1,.ph.s2 .off-s2,.ph.s3 .off-s3,.ph.s4 .off-s4,.ph.s5 .off-s5,.ph.s6 .off-s6{opacity:0!important;transform:translateY(-6px)scale(.98)!important}.tap{opacity:0;z-index:9;background:#12bf7c59;border:2px solid #12bf7ce6;border-radius:50%;width:34px;height:34px;transform:translate(-50%,-50%)scale(.4)}.ph.s1 .tap.on-s1,.ph.s2 .tap.on-s2,.ph.s3 .tap.on-s3,.ph.s4 .tap.on-s4,.ph.s5 .tap.on-s5{opacity:0;animation:.7s ease-out forwards tap;transform:translate(-50%,-50%)scale(.4)}@keyframes tap{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}30%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}.scrim{opacity:0;background:#0b14106b;transition:opacity .4s;inset:0}.sheet{background:#fff;border-radius:22px 22px 0 0;padding:10px 18px 26px;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #0000001f}.sheet:before{content:"";background:#d9dfdc;border-radius:2px;width:36px;height:4px;margin:0 auto 14px;display:block}.sheet h6,.dlg h6,.pgx h6{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:15px;font-weight:700}.sheet p,.dlg p,.pgx p{color:var(--mut);margin:4px 0 0;font-size:11.5px}.dlg{text-align:center;background:#fff;border-radius:18px;margin-top:-90px;padding:18px;top:50%;left:26px;right:26px;box-shadow:0 24px 50px -10px #0000004d}.toast{color:#fff;background:#171d1b;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;font-size:11.5px;display:flex;top:44px;left:12px;right:12px;box-shadow:0 12px 30px -8px #00000059}.toast svg{width:16px;height:16px}.toast em{color:#9fb0a8;font-size:10.5px;font-style:normal;display:block}.toast.lt{color:var(--ink);border:1px solid var(--ln);background:#fff}.toast.lt em{color:var(--mut)}.pgx{background:#fff;padding:14px;inset:84px 0 64px}.pgx.full{top:36px;bottom:0}.pbtn{background:var(--ac);color:#fff;text-align:center;border-radius:11px;margin-top:14px;padding:11px;font-size:12px;font-weight:600;transition:background .5s;display:block}.pbtn.lt{color:var(--ink);background:#eef2f0}.row{border-bottom:1px solid var(--ln);align-items:center;gap:10px;padding:10px 0;font-size:12px;display:flex}.row:last-child{border-bottom:0}.row b{margin-left:auto}.thumb{border-radius:10px;flex:none;width:40px;height:40px}.okc{color:#fff;background:#12bf7c;border-radius:50%;place-items:center;width:44px;height:44px;margin:0 auto 10px;display:grid}.okc svg{stroke-width:2.6px;width:22px;height:22px}.chip{color:#fff;white-space:nowrap;background:#171d1b;border-radius:99px;align-items:center;gap:6px;padding:6px 11px;font-size:10.5px;font-weight:600;display:flex;top:92px;left:50%;transform:translate(-50%)}.chip svg{width:12px;height:12px}.chip.fx-down{opacity:0;transform:translate(-50%,-30px)}.ph.s1 .chip.on-s1,.ph.s2 .chip.on-s2,.ph.s3 .chip.on-s3{opacity:1;transform:translate(-50%)}.dash{outline-offset:2px;border-radius:8px;outline:2px dashed #e0533b}.mono{font-family:var(--font-mono,ui-monospace, monospace)}.ph[data-d=devices].s1:not(.s2){border-radius:30px;width:380px;height:520px;top:45px;left:-40px}.ph[data-d=devices].s1:not(.s2) .ph-scr{border-radius:22px}.ph[data-d=devices].s1:not(.s2) .ph-grid{grid-template-columns:repeat(3,1fr)}.ph[data-d=devices].s1:not(.s2) .ph-sb i{opacity:0}.ph[data-d=topbar] .ph-top>*{opacity:0;transform:translateY(-8px)}.ph[data-d=topbar].s1 .ph-top>.ph-menu,.ph[data-d=topbar].s1 .ph-top>.ph-logo,.ph[data-d=topbar].s2 .ph-top>.ph-acts{opacity:1;transform:none}.ph[data-d=topbar] .ph-acts .ph-ic{opacity:0;transition:opacity .3s}.ph[data-d=topbar].s2 .ph-acts .ph-ic:first-child,.ph[data-d=topbar].s3 .ph-acts .ph-ic{opacity:1}.drawer{background:#fff;width:78%;padding:52px 20px 20px;top:0;bottom:0;left:0;box-shadow:12px 0 30px #00000026}.drawer h6{margin:0 0 14px;font-size:15px}.drawer .row{font-size:13px;font-weight:500}.splash{color:#fff;background:#171d1b;place-items:center;transition:opacity .5s;display:grid;inset:0}.splash b{letter-spacing:-.03em;font-size:26px;animation:1.4s ease-in-out infinite pulse}.splash span{background:#fff3;border-radius:2px;width:36px;height:3px;margin-left:-18px;position:absolute;bottom:64px;left:50%;overflow:hidden}.splash span:after{content:"";background:#fff;width:40%;animation:1s ease-in-out infinite slide;position:absolute;inset:0}@keyframes pulse{50%{opacity:.75;transform:scale(1.08)}}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.swatches{border:1px solid var(--ln);background:#fff;border-radius:99px;gap:6px;padding:6px 8px;display:flex;bottom:78px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px -10px #00000040}.swatches i{border-radius:50%;width:18px;height:18px;transition:box-shadow .3s;box-shadow:0 0 0 2px #fff}.swatches i.on{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ink)}.fontchip{color:#fff;white-space:nowrap;background:#171d1b;border-radius:99px;padding:7px 13px;font-size:11px;font-weight:600;bottom:78px;left:50%;transform:translate(-50%)}.pbar{opacity:0;background:0 0;height:3px;transition:opacity .2s;top:84px;left:0;right:0;overflow:hidden}.pbar:after{content:"";background:var(--ac);width:0;position:absolute;top:0;bottom:0;left:0}.ph.s2 .pbar{opacity:1}.ph.s2 .pbar:after{width:100%;transition:width 1.2s cubic-bezier(.3,.6,.4,1)}.ph.s3 .pbar{opacity:0}.spin{border:2.5px solid #e1e7e4;border-top-color:var(--ac);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ldr{background:#ffffffd9;place-items:center;display:grid;inset:87px 0 64px}.ptr{opacity:0;margin-left:-11px;transition:opacity .3s,transform .5s;top:94px;left:50%}.ph[data-d=ptr].s1:not(.s2) .ph-pg{transform:translateY(64px)}.ph[data-d=ptr].s1:not(.s2) .ptr{opacity:1;transform:translateY(10px)}.ph[data-d=ptr].s1 .ph-pg{transition:transform .8s cubic-bezier(.2,.8,.2,1)}.lang{letter-spacing:.05em;background:#eef2f0;border-radius:99px;padding:3px 8px;font-size:10px;font-weight:700;top:47px;right:52px}.fid{width:120px;height:120px;color:var(--ink);background:#f6f8f7f5;border-radius:26px;place-items:center;margin:-60px 0 0 -60px;display:grid;top:50%;left:50%;box-shadow:0 20px 50px -12px #00000059}.fid svg{stroke-width:1.5px;grid-area:1/1;width:46px;height:46px}.fid .ok{color:#12bf7c;opacity:0;transition:opacity .3s,transform .4s cubic-bezier(.3,1.6,.5,1);transform:scale(.6)}.ph.s2 .fid .ok{opacity:1;transform:none}.ph.s2 .fid .face{opacity:0}.field{border:1px solid var(--ln);color:var(--mut);border-radius:10px;margin-top:8px;padding:10px 12px;font-size:12px}.field b{color:var(--ink);font-weight:500}.notif{background:#f5f7f6f7;border-radius:18px;align-items:flex-start;gap:10px;padding:11px 12px;font-size:11.5px;display:flex;top:40px;left:10px;right:10px;box-shadow:0 14px 34px -10px #0000004d}.notif .appic{color:#fff;background:#171d1b;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:10px;font-weight:800;display:grid}.notif em{color:var(--mut);font-style:normal;display:block}.track{gap:6px;margin-top:14px;display:flex}.track i{background:#e4eae7;border-radius:2px;flex:1;height:4px}.track i.on{background:#12bf7c}.evlog{color:#fff;background:#171d1b;border-radius:14px;padding:10px 12px;font-size:10.5px;bottom:76px;left:12px;right:12px}.evlog h6{letter-spacing:.1em;text-transform:uppercase;color:#7fd9b3;margin:0 0 6px;font-size:10px;font-weight:700}.evlog div{opacity:0;justify-content:space-between;padding:3px 0;transition:opacity .3s,transform .4s;display:flex;transform:translateY(6px)}.evlog div span{color:#9fb0a8}.ph.s2 .evlog .e1,.ph.s3 .evlog .e2,.ph.s4 .evlog .e3{opacity:1;transform:none}.stars{justify-content:center;gap:6px;margin:12px 0 4px;display:flex}.stars svg{fill:#e4eae7;stroke:none;width:24px;height:24px;transition:fill .2s}.ph.s2 .stars svg{fill:#f2b320}.stars svg:nth-child(2){transition-delay:.12s}.stars svg:nth-child(3){transition-delay:.24s}.stars svg:nth-child(4){transition-delay:.36s}.stars svg:nth-child(5){transition-delay:.48s}.adb{border:1px solid var(--ln);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;font-size:11px;display:flex;bottom:72px;left:10px;right:10px;box-shadow:0 10px 24px -12px #00000040}.adb .tag{color:#3a2a00;background:#f2b320;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:700}.adb b{color:#1a73e8;margin-left:auto;font-size:10.5px}.onb{background:#fff;inset:0;overflow:hidden}.onb-tr{width:300%;height:100%;transition:transform .6s cubic-bezier(.65,0,.35,1);display:flex}.onb-tr>div{flex-direction:column;flex:1;gap:8px;padding:120px 26px 0;display:flex}.onb-tr i{border-radius:22px;height:190px;margin-bottom:14px}.onb-tr h6{letter-spacing:-.02em;margin:0;font-size:18px}.onb-tr p{color:var(--mut);margin:0;font-size:12px}.ph.s1 .onb-tr{transform:translate(-33.333%)}.ph.s2 .onb-tr{transform:translate(-66.666%)}.dots3{justify-content:center;gap:6px;display:flex;position:absolute;bottom:40px;left:0;right:0}.dots3 i{background:#d5dcd8;border-radius:3px;width:6px;height:6px;transition:width .3s,background .3s}.dots3 i:first-child,.ph.s1 .dots3 i:first-child{background:var(--ink);width:18px}.ph.s1 .dots3 i:first-child{background:#d5dcd8;width:6px}.ph.s1 .dots3 i:nth-child(2){background:var(--ink);width:18px}.ph.s2 .dots3 i:nth-child(2){background:#d5dcd8;width:6px}.ph.s2 .dots3 i:nth-child(3){background:var(--ink);width:18px}.offl{text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:0 30px;display:flex;inset:84px 0 64px}.offl .ic{background:#f1f4f2;border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:12px;display:grid}.offl .ic svg{width:24px;height:24px}.sysd{text-align:center;background:#f2f4f3fa;border-radius:16px;margin-top:-80px;top:50%;left:34px;right:34px;overflow:hidden;box-shadow:0 24px 50px -10px #00000059}.sysd div{padding:16px 16px 12px;font-size:12px}.sysd div b{margin-bottom:4px;font-size:13px;display:block}.sysd nav{border-top:1px solid #d9dfdc;grid-template-columns:1fr 1fr;display:grid}.sysd nav span{color:#1a73e8;padding:11px;font-size:13px;font-weight:500}.sysd nav span+span{border-left:1px solid #d9dfdc;font-weight:700}.otab{background:#ffffff2e;border-radius:2px;width:170px;height:4px;margin-top:6px;overflow:hidden}.otab:after{content:"";background:#7fd9b3;width:0;height:100%;transition:width 1.4s;display:block}.ph.s1 .otab:after{width:100%}.ua{color:#c9d6d0;background:#171d1b;border-radius:14px;padding:11px 12px;font-size:9.5px;line-height:1.6;bottom:74px;left:10px;right:10px}.ua b{color:#fff;font-weight:500}.ua mark{color:inherit;background:0 0;border-radius:3px;transition:background .3s,color .3s}.ph.s2 .ua mark{color:#08140f;background:#12bf7c}.ua .res{color:#7fd9b3;opacity:0;transition:opacity .3s}.ph.s3 .ua .res{opacity:1}.webbar{color:#6b5e47;background:#f4f1ea;justify-content:space-between;align-items:center;height:30px;margin:-12px -14px 10px;padding:0 14px;font-size:10px;font-weight:600;transition:height .5s,margin .5s,opacity .3s;display:flex;overflow:hidden}.cookie{color:#4a4133;background:#f4f1ea;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:10.5px;display:flex;bottom:72px;left:10px;right:10px}.cookie b{color:#fff;background:#4a4133;border-radius:6px;margin-left:auto;padding:4px 8px;font-size:10px}.ph[data-d=hide].s1 .webbar,.ph[data-d=hide].s1 .cookie{outline-offset:-2px;outline:2px dashed #e0533b}.ph[data-d=hide].s2 .webbar{opacity:0;height:0;margin-bottom:0}.ph[data-d=hide].s2 .cookie{opacity:0;transform:scale(.96)}.brw{background:#fff;border-radius:16px 16px 0 0;inset:44px 0 0;overflow:hidden;box-shadow:0 -10px 30px #00000026}.brw-bar{border-bottom:1px solid var(--ln);align-items:center;gap:8px;padding:10px 12px;font-size:11.5px;display:flex}.brw-bar b{color:#1a73e8;font-weight:600}.brw-bar span{text-align:center;color:var(--mut);background:#f1f4f2;border-radius:8px;flex:1;padding:6px 10px;font-size:10.5px}.brw-c{padding:16px}.brw-c i{background:#eef2f0;border-radius:5px;height:10px;margin-bottom:10px;display:block}.brw-c i:first-child{width:60%;height:16px}.brw-c i:nth-child(4){width:80%}.ph[data-d=css].s1 .ph-btn{background:#b4532a;border-radius:99px;padding:8px 16px}.ph[data-d=css].s1 .ph-hero{border-radius:26px}.ph[data-d=css].s1 .ph-card i{border-radius:22px}.ph[data-d=css].s1 .ph-card b{color:#b4532a}.fab{background:var(--ac);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;bottom:78px;right:14px;box-shadow:0 10px 20px -6px #00000059}.chat{border:1px solid var(--ln);transform-origin:100% 100%;background:#fff;border-radius:16px;padding:12px;bottom:130px;left:40px;right:12px;box-shadow:0 20px 40px -12px #0000004d}.chat p{background:#f1f4f2;border-radius:12px 12px 12px 4px;margin:0;padding:8px 10px;font-size:11px}.urlchip{border:1px solid var(--ln);white-space:nowrap;background:#fff;border-radius:99px;padding:5px 11px;font-size:10.5px;top:92px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px -10px #0000004d}.urlchip.fx-down{opacity:0;transform:translate(-50%,-30px)}.ph.s1 .urlchip.on-s1{opacity:1;transform:translate(-50%)}.shr{justify-content:space-between;margin:14px 0 6px;display:flex}.shr div{color:var(--mut);flex-direction:column;align-items:center;gap:5px;font-size:9.5px;display:flex}.shr i{width:42px;height:42px;color:var(--ink);background:#eef2f0;border-radius:12px;place-items:center;display:grid}.ph[data-d=tagsel].s1 .ph-btn{outline-offset:3px;outline:2px dashed #12bf7c}.ph[data-d=tagsel].s3 .ph-btn{transform:scale(.94)}.tagl{color:#08140f;background:#12bf7c;border-radius:5px;padding:2px 6px;font-size:9.5px;font-weight:700;top:250px;left:30px}