.pfa-scene{position:relative;width:100%;height:100%;min-height:260px;overflow:hidden;isolation:isolate;container-type:inline-size;background:#375d75 var(--pfa-wallpaper) center/cover;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202124;text-align:left;border-radius:inherit}
.pfa-scene *{box-sizing:border-box}.pfa-scene .pfa-menu{position:absolute;inset:0 0 auto;height:25px;display:flex;align-items:center;gap:14px;padding:0 12px;background:#f6f9ffb8;backdrop-filter:blur(16px);font-size:10px;z-index:8;white-space:nowrap}.pfa-menu-right{margin-left:auto}
.pfa-window{position:absolute;border:1px solid #ffffff75;border-radius:9px;overflow:hidden;box-shadow:0 12px 26px #0005;background:#fff}.pfa-toolbar{height:30px;display:flex;align-items:center;gap:5px;padding:0 10px;background:#eeedec;border-bottom:1px solid #0001}.pfa-toolbar i{width:8px;height:8px;border-radius:50%;background:#ff6058}.pfa-toolbar i:nth-child(2){background:#febc2e}.pfa-toolbar i:nth-child(3){background:#28c840}.pfa-toolbar>span{flex:1;text-align:center;font-size:10px;color:#555;padding-right:25px}
.pfa-browser{left:5%;top:14%;width:68%;height:62%;z-index:1}.pfa-browser-page{padding:18px}.pfa-browser-page small{font-size:8px;letter-spacing:2px;color:#63705f}.pfa-browser-page h3{font-size:clamp(17px,4cqi,26px);margin:10px 0}.pfa-photo{height:140px;background:var(--pfa-wallpaper) center/cover;border-radius:3px}
.pfa-notes{left:13%;top:22%;width:78%;height:55%;z-index:3;animation:pfa-notes 9s infinite}.pfa-notes-body{display:flex;height:calc(100% - 30px);background:#fffef9}.pfa-notes-body aside{width:28%;flex-shrink:0;background:#eeece7;padding:14px 7px;font-size:9px}.pfa-notes-body aside b,.pfa-notes-body aside span{display:block;margin-bottom:9px;padding:5px}.pfa-selected{background:#efd583;border-radius:4px}.pfa-notes-body>div{padding:16px 14px;overflow:hidden}.pfa-notes-body small{font-size:8px;color:#999}.pfa-notes-body h3{margin:10px 0;font-size:20px}.pfa-notes-body p{font-size:11px;line-height:1.5;margin:7px 0}
.pfa-call{position:absolute;top:12%;right:5%;width:31%;height:40%;min-height:145px;max-height:250px;z-index:5;border:1px solid #ffffff85;border-radius:10px;background:linear-gradient(145deg,#506b68,#213636);color:#fff;box-shadow:0 10px 28px #0007;display:flex;flex-direction:column;align-items:center;overflow:hidden;animation:pfa-pin-glow 9s infinite}.pfa-call-header{width:100%;padding:9px;display:flex;justify-content:space-between;gap:5px;font-size:9px;background:#0002}.pfa-pin{color:#ffdb75;font-weight:700;font-size:8px;animation:pfa-pin 9s infinite}.pfa-avatar{flex:1;display:grid;place-items:center;padding:5px}.pfa-avatar span{display:grid;place-items:center;width:clamp(34px,9cqi,65px);aspect-ratio:1;background:#a2b8ad;border-radius:50%;font-size:clamp(16px,4cqi,25px);color:#233d39}.pfa-call-name{font-size:11px}.pfa-call-controls{display:flex;gap:10px;padding:8px}.pfa-call-controls span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#ffffff30;font-size:11px}.pfa-call-controls .pfa-hangup{background:#e74747}.pfa-call>small{font-size:8px;opacity:.7;padding-bottom:5px}
.pfa-action{position:absolute;left:5%;right:5%;bottom:16%;z-index:7;text-align:center;color:#fff;text-shadow:0 1px 4px #000;font-size:clamp(10px,2.6cqi,14px)}.pfa-action>span{display:block;min-height:18px}.pfa-action-front{position:absolute;inset:0 0 auto;animation:pfa-front-label 9s infinite}.pfa-action-pin{animation:pfa-pin-label 9s infinite}.pfa-action>div{display:flex;justify-content:center;gap:5px;margin-top:7px}.pfa-action kbd{display:grid;place-items:center;width:27px;height:25px;border:1px solid #fff7;border-radius:5px;background:#162b3de6;font-family:inherit;font-size:15px;animation:pfa-keys 9s infinite}
.pfa-dock{position:absolute;z-index:8;bottom:8px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #ffffff70;border-radius:13px;background:#ffffff45;backdrop-filter:blur(16px)}.pfa-dock img{width:clamp(23px,6cqi,39px);height:clamp(23px,6cqi,39px);object-fit:contain;filter:drop-shadow(0 2px 2px #0003)}
@keyframes pfa-notes{0%,27%{opacity:0;transform:translateY(16px) scale(.97)}38%,85%{opacity:1;transform:none}95%,100%{opacity:0;transform:translateY(16px) scale(.97)}}
@keyframes pfa-pin{0%,10%,95%,100%{opacity:0}18%,88%{opacity:1}}
@keyframes pfa-pin-glow{0%,10%,30%,100%{border-color:#ffffff85}18%,25%{border-color:#ffdc77;box-shadow:0 0 0 3px #efc05b80,0 10px 28px #0007}}
@keyframes pfa-keys{0%,8%,30%,100%{background:#162b3de6;color:#fff}15%,23%{background:#f6d782;color:#352a12;text-shadow:none}}
@keyframes pfa-front-label{0%,30%,93%,100%{opacity:0}38%,85%{opacity:1}}
@keyframes pfa-pin-label{0%,27%,95%,100%{opacity:1}35%,90%{opacity:0}}
.pfa-paused *{animation-play-state:paused!important}
.pfa-reduced *{animation:none!important}.pfa-reduced .pfa-notes,.pfa-reduced .pfa-pin,.pfa-reduced .pfa-action-front{opacity:1;transform:none}.pfa-reduced .pfa-action-pin{opacity:0}.pfa-reduced .pfa-call{border-color:#ffdc77}
@container(max-width:380px){.pfa-menu{gap:8px!important;font-size:8px!important}.pfa-menu-right{font-size:7px}.pfa-call{width:38%;right:3%}.pfa-call-header{font-size:8px;padding:7px}.pfa-pin{font-size:7px}.pfa-notes{left:5%;width:90%}.pfa-notes-body aside{width:24%}.pfa-notes-body>div{padding:10px}.pfa-action{bottom:18%}.pfa-notes-body h3{font-size:17px}.pfa-notes-body p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.pfa-scene *{animation:none!important}.pfa-scene .pfa-notes,.pfa-scene .pfa-pin,.pfa-scene .pfa-action-front{opacity:1;transform:none}.pfa-scene .pfa-action-pin{opacity:0}.pfa-scene .pfa-call{border-color:#ffdc77}}