:root{--fp-ease-snappy:cubic-bezier(.16,1,.3,1);--fp-ease-spring:cubic-bezier(.34,1.56,.64,1);--fp-shadow-float:0 32px 64px -16px #0006,0 16px 32px -8px #0003}@keyframes fp-fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(12px)}}@keyframes fp-scaleIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.fp-backdrop{z-index:9998;animation:fp-fadeIn .3s var(--fp-ease-snappy)both;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fp-modal-content{animation:fp-scaleIn .4s var(--fp-ease-spring)both;flex-direction:column;align-items:center;gap:16px;width:100%;max-height:96vh;display:flex}.fp-device-switcher{-webkit-backdrop-filter:blur(16px);z-index:100;background:#0f172a99;border-radius:12px;align-items:center;gap:2px;padding:4px;display:flex;box-shadow:0 4px 24px #0003,inset 0 0 0 1px #ffffff1a}.fp-device-btn{cursor:pointer;font-family:var(--wh-font,"Inter",sans-serif);color:#fff9;transition:all .2s var(--fp-ease-snappy);background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:flex;position:relative}.fp-device-btn.active{color:#fff;background:#ffffff1f;box-shadow:0 1px 2px #0000001a,inset 0 0 0 1px #ffffff0d}.fp-device-btn:hover:not(.active){color:#ffffffe6;background:#ffffff0d}.fp-device-btn:disabled{opacity:.4;cursor:not-allowed}.fp-device-divider{background:#ffffff1a;width:1px;height:16px;margin:0 6px}.fp-device-rotate{padding:6px 10px}.fp-device-rotate[aria-pressed=true]{color:#fff;background:#ffffff1f}.fp-phone-frame{transition:width .4s var(--fp-ease-spring),height .4s var(--fp-ease-spring);flex-shrink:0;position:relative}.fp-phone-bezel{background:var(--wh-surface,#fff);box-shadow:0 0 0 1px #ffffff26,inset 0 0 0 2px #000,var(--fp-shadow-float);transition:width .4s var(--fp-ease-spring),height .4s var(--fp-ease-spring);--fp-device-fg:#09090b;border:10px solid #111;border-radius:48px;flex-direction:column;display:flex;position:relative;overflow:hidden}.fp-phone-bezel:after{content:"";pointer-events:none;z-index:50;background:linear-gradient(115deg,#ffffff0f 0%,#fff0 35%);position:absolute;inset:0}.fp-readonly-ribbon{z-index:100;font-family:var(--wh-font,"Inter",sans-serif);letter-spacing:.05em;text-transform:uppercase;color:#fffffff2;pointer-events:none;-webkit-backdrop-filter:blur(8px);background:#000000b3;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:16px;left:16px;box-shadow:0 4px 12px #00000026}.fp-phone-notch{z-index:10;background:#000;border-radius:16px;justify-content:flex-end;align-items:center;width:120px;height:32px;padding:0 8px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:inset 0 -1px 2px #ffffff1a}.fp-phone-notch:after{content:"";background:#111;border:1px solid #222;border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 4px #ffffff1a}.fp-phone-bezel[data-device=android] .fp-phone-notch{border-radius:0 0 12px 12px;justify-content:center;width:80px;height:24px;top:0}.fp-phone-bezel[data-device=android] .fp-phone-notch:after{width:8px;height:8px}.fp-phone-status-bar{z-index:5;flex-shrink:0;justify-content:space-between;align-items:center;min-height:44px;padding:12px 24px 4px;display:flex}.fp-status-time{font-size:14px;font-weight:600;font-family:var(--wh-font,"Inter",sans-serif);color:var(--fp-device-fg,#09090b);letter-spacing:-.01em}.fp-status-icons{color:var(--fp-device-fg,#09090b);align-items:center;gap:5px;display:flex}.fp-phone-screen{background:var(--wh-surface,#fff);flex:1;overflow:hidden auto}.fp-phone-screen::-webkit-scrollbar{width:4px}.fp-phone-screen::-webkit-scrollbar-track{background:0 0}.fp-phone-screen::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}.fp-phone-home-indicator{background:var(--fp-device-fg,#09090b);opacity:.8;border-radius:4px;flex-shrink:0;width:130px;height:5px;margin:8px auto 10px}.fp-modal-footer{-webkit-backdrop-filter:blur(16px);z-index:100;background:#0f172a99;border-radius:999px;align-items:center;gap:12px;padding:8px 12px 8px 16px;display:flex;box-shadow:0 12px 32px #0003,inset 0 0 0 1px #ffffff1a}.fp-preview-badge{font-size:11px;font-weight:600;font-family:var(--wh-font,"Inter",sans-serif);color:#fffffff2;letter-spacing:.02em;background:#ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff0d}.fp-modal-hint{font-family:var(--wh-font,"Inter",sans-serif);color:#fff9;white-space:nowrap;align-items:center;gap:8px;padding:0 8px;font-size:12px;display:inline-flex}.fp-kbd{color:#ffffffe6;background:linear-gradient(#ffffff29 0%,#ffffff14 100%);border:1px solid #ffffff1a;border-bottom:2px solid #fff3;border-radius:4px;justify-content:center;align-items:center;min-width:20px;height:22px;margin:0 2px;padding:0 6px;font-family:SF Mono,Menlo,monospace;font-size:11px;font-weight:500;display:inline-flex;box-shadow:0 1px 2px #0003}.fp-close-btn{color:#fff;font-family:var(--wh-font,"Inter",sans-serif);cursor:pointer;transition:all .2s var(--fp-ease-snappy);background:#ffffff1a;border:none;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff0d}.fp-close-btn:hover{background:#fff3;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a,inset 0 0 0 1px #ffffff1a}[data-theme=dark] .fp-phone-bezel{background:var(--wh-bg,#09090b);--fp-device-fg:#e4e4e7;border-color:#27272a;box-shadow:0 0 0 1px #3f3f46,inset 0 0 0 2px #000,0 32px 64px -16px #000c}[data-theme=dark] .fp-phone-screen{background:var(--wh-bg,#09090b)}[data-theme=dark] .fp-phone-screen::-webkit-scrollbar-thumb{background:#ffffff1a}@media (prefers-reduced-motion:reduce){.fp-backdrop,.fp-modal-content,.fp-phone-bezel,.fp-phone-frame{transition-duration:.01ms!important;animation:none!important}}