.pnd-overlay{--pnd-cut:26px;--pnd-cut-inner:calc(var(--pnd-cut) - 1px);--pnd-cut-sm:9px;--pnd-border:2px;--pnd-oct:polygon(var(--pnd-cut) 0,calc(100% - var(--pnd-cut)) 0,100% var(--pnd-cut),100% calc(100% - var(--pnd-cut)),calc(100% - var(--pnd-cut)) 100%,var(--pnd-cut) 100%,0 calc(100% - var(--pnd-cut)),0 var(--pnd-cut));--pnd-oct-inner:polygon(var(--pnd-cut-inner) 0,calc(100% - var(--pnd-cut-inner)) 0,100% var(--pnd-cut-inner),100% calc(100% - var(--pnd-cut-inner)),calc(100% - var(--pnd-cut-inner)) 100%,var(--pnd-cut-inner) 100%,0 calc(100% - var(--pnd-cut-inner)),0 var(--pnd-cut-inner));--pnd-oct-sm:polygon(var(--pnd-cut-sm) 0,calc(100% - var(--pnd-cut-sm)) 0,100% var(--pnd-cut-sm),100% calc(100% - var(--pnd-cut-sm)),calc(100% - var(--pnd-cut-sm)) 100%,var(--pnd-cut-sm) 100%,0 calc(100% - var(--pnd-cut-sm)),0 var(--pnd-cut-sm));--pnd-ease:cubic-bezier(0.16,1,0.3,1);--pnd-width:560px;position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:max(var(--spacing-lg),env(safe-area-inset-top)) max(var(--spacing-lg),env(safe-area-inset-right)) max(var(--spacing-lg),env(safe-area-inset-bottom)) max(var(--spacing-lg),env(safe-area-inset-left));background:var(--overlay);overscroll-behavior:contain;animation:pnd-overlay-in .45s ease both}.pnd-overlay *,.pnd-overlay :after,.pnd-overlay :before{box-sizing:border-box}.pnd-overlay{--edge:var(--bc-edge);--bc-fill:color-mix(in srgb,var(--primary-color) 6%,var(--background-secondary));--bc-fill-hi:color-mix(in srgb,var(--primary-color) 13%,var(--background-secondary));--bc-edge-idle:color-mix(in srgb,var(--primary-color) 28%,transparent);--bc-edge-set:color-mix(in srgb,var(--primary-color) 58%,transparent);--bc-gold:var(--gold-color,#d4af37);--bc-gold-hi:var(--gold-light,#ffd700);--bc-gold-rgb:var(--gold-rgb,212,175,55);--bc-prim-rgb:var(--primary-rgb,37,99,235)}:where(.pnd-overlay .bc-skill-picker,.pnd-overlay .bc-skill-picker *){--cut-in:calc(var(--cut) - var(--edge) * var(--bc-k));--oct:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% var(--cut),100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 var(--cut));--oct-in:polygon(var(--cut-in) 0,calc(100% - var(--cut-in)) 0,100% var(--cut-in),100% calc(100% - var(--cut-in)),calc(100% - var(--cut-in)) 100%,var(--cut-in) 100%,0 calc(100% - var(--cut-in)),0 var(--cut-in))}@keyframes pnd-overlay-in{0%{opacity:0}to{opacity:1}}.pnd-stage{position:relative;width:100%;max-width:var(--pnd-width);max-height:min(92dvh,880px);display:flex;filter:drop-shadow(0 18px 40px var(--shadow-color)) drop-shadow(var(--glow-primary));animation:pnd-stage-in .65s var(--pnd-ease) both;will-change:transform,opacity}@keyframes pnd-stage-in{0%{opacity:0;transform:translateY(28px) scale(.92)}60%{opacity:1;transform:translateY(-4px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}.pnd-panel{position:relative;flex:1 1 auto;min-width:0;display:flex;padding:var(--pnd-border);clip-path:var(--pnd-oct);background:linear-gradient(120deg,var(--primary-color) 0,var(--gold-color) 28%,var(--accent-color) 55%,var(--gold-color) 78%,var(--primary-color) 100%);background-size:260% 260%;animation:pnd-border-flow 9s ease-in-out infinite}@keyframes pnd-border-flow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.pnd-panel:focus,.pnd-panel:focus-visible{outline:none}.pnd-surface{position:relative;flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;clip-path:var(--pnd-oct-inner);background:radial-gradient(120% 70% at 0 0,color-mix(in srgb,var(--primary-color) 14%,transparent) 0,transparent 60%),radial-gradient(90% 60% at 100% 100%,color-mix(in srgb,var(--gold-color) 12%,transparent) 0,transparent 62%),var(--background-secondary);color:var(--text-primary);font-family:var(--font-primary)}.pnd-surface:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 40%,color-mix(in srgb,var(--gold-color) 14%,transparent) 50%,transparent 60%);background-size:250% 100%;background-position:130% 0;animation:pnd-sheen 6.5s ease-in-out 1.2s infinite}@keyframes pnd-sheen{0%,55%{background-position:130% 0}to{background-position:-130% 0}}.pnd-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);z-index:3;width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;clip-path:var(--pnd-oct-sm);background:var(--background-tertiary);border:0;color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth)}.pnd-close:hover{background:var(--primary-color);color:var(--text-on-primary);transform:rotate(90deg)}.pnd-close:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.pnd-scroll{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-lg);scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent;overscroll-behavior:contain}.pnd-scroll::-webkit-scrollbar{width:6px}.pnd-scroll::-webkit-scrollbar-track{background:transparent}.pnd-scroll::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--border-radius-full)}.pnd-hero{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding-right:var(--spacing-3xl);animation:pnd-rise .7s var(--pnd-ease) .12s both}@keyframes pnd-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.pnd-badge{width:52px;height:52px;display:flex;align-items:center;justify-content:center;clip-path:var(--octagon-clip);background:var(--gradient-primary);color:var(--text-on-primary);font-size:1.5rem;animation:pnd-badge-float 3.6s ease-in-out infinite}@keyframes pnd-badge-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-4px) rotate(3deg)}}.pnd-eyebrow{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);clip-path:var(--pnd-oct-sm);background:color-mix(in srgb,var(--gold-color) 16%,transparent);color:var(--gold-color);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.pnd-title{margin:0;font-family:var(--font-heading);font-size:clamp(1.45rem,4.4vw,1.95rem);font-weight:900;line-height:1.15;color:var(--text-primary)}.pnd-glow{background:var(--gradient-gold-metallic);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:pnd-glow-shift 4.5s ease-in-out infinite}@keyframes pnd-glow-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.pnd-sub{margin:0;max-width:44ch;font-size:.9rem;line-height:1.6;color:var(--text-muted)}.pnd-steps{list-style:none;margin:var(--spacing-sm) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.pnd-step{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);clip-path:var(--pnd-oct-sm);background:var(--background-tertiary);color:var(--text-muted);font-size:.74rem;font-weight:700}.pnd-step,.pnd-step-dot{transition:var(--transition-smooth)}.pnd-step-dot{width:8px;height:8px;clip-path:var(--octagon-clip);background:var(--border-dark)}.pnd-step--done{background:color-mix(in srgb,var(--success-color) 16%,transparent);color:var(--success-color)}.pnd-step--done .pnd-step-dot{background:var(--success-color);box-shadow:0 0 8px var(--success-color)}.pnd-progress{width:100%;height:4px;margin-top:var(--spacing-xs);overflow:hidden;border-radius:var(--border-radius-full);background:var(--background-tertiary)}.pnd-progress-bar{height:100%;border-radius:inherit;background:var(--gradient-primary);transition:width .5s var(--pnd-ease)}.pnd-avatar-row{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);clip-path:var(--pnd-oct-sm);background:color-mix(in srgb,var(--primary-color) 7%,var(--background-tertiary));animation:pnd-rise .7s var(--pnd-ease) .2s both}.pnd-avatar-btn{position:relative;flex:0 0 auto;width:96px;height:96px;padding:3px;border:0;clip-path:var(--octagon-clip);background:var(--gradient-primary);cursor:pointer;transition:var(--transition-smooth)}.pnd-avatar-btn:hover:not(:disabled){transform:scale(1.05);filter:drop-shadow(var(--glow-primary))}.pnd-avatar-btn:focus-visible{outline:2px solid var(--gold-color);outline-offset:2px}.pnd-avatar-btn:disabled{cursor:progress}.pnd-avatar-inner{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;clip-path:var(--octagon-clip);background:var(--background-primary)}.pnd-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.pnd-avatar-placeholder{font-size:2rem;animation:pnd-badge-float 3.2s ease-in-out infinite}.pnd-avatar-edit{position:absolute;right:0;bottom:0;z-index:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center;clip-path:var(--octagon-clip);background:var(--gold-color);color:var(--background-primary);font-size:.8rem;font-weight:900}.pnd-avatar-copy{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.pnd-avatar-hint{font-size:.82rem;line-height:1.45;color:var(--text-muted)}.pnd-file-input{display:none}.pnd-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.pnd-field{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0;animation:pnd-rise .7s var(--pnd-ease) .28s both}.pnd-field,.pnd-field-grid>.pnd-field{margin-bottom:var(--spacing-lg)}.pnd-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.pnd-label-note{margin-left:auto;font-size:.68rem;font-weight:600;letter-spacing:0;text-transform:none;opacity:.8}.pnd-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);clip-path:var(--pnd-oct-sm);background:var(--background-primary);border:1.5px solid var(--border-color);color:var(--text-primary);font-family:inherit;font-size:.92rem;line-height:1.4;outline:none;transition:var(--transition-smooth)}.pnd-input::-moz-placeholder{color:var(--text-muted);opacity:.7}.pnd-input::placeholder{color:var(--text-muted);opacity:.7}.pnd-input:hover{border-color:var(--border-dark)}.pnd-input:focus{border-color:var(--primary-color);background:var(--background-elevated);box-shadow:inset 0 0 0 1px var(--primary-color)}.pnd-textarea{min-height:84px;resize:none}.pnd-counter{align-self:flex-end;font-size:.7rem;color:var(--text-muted);opacity:.8}.pnd-deals-badge{width:100%;display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);clip-path:var(--pnd-oct-sm);background:var(--background-tertiary);border:0;color:var(--text-primary);font-family:inherit;text-align:left;cursor:pointer;transition:var(--transition-smooth);animation:pnd-rise .7s var(--pnd-ease) .36s both}.pnd-deals-badge:hover{background:color-mix(in srgb,var(--success-color) 10%,var(--background-tertiary))}.pnd-deals-badge--on{background:color-mix(in srgb,var(--success-color) 18%,var(--background-tertiary))}.pnd-deals-icon{flex:0 0 auto;font-size:1.5rem}.pnd-deals-copy{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.pnd-deals-title{font-size:.9rem;font-weight:800}.pnd-deals-sub{font-size:.76rem;line-height:1.4;color:var(--text-muted)}.pnd-toggle{position:relative;flex:0 0 auto;width:44px;height:24px;background:var(--border-dark);transition:var(--transition-smooth)}.pnd-toggle,.pnd-toggle:after{border-radius:var(--border-radius-full)}.pnd-toggle:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:var(--background-primary);box-shadow:var(--shadow-sm);transition:transform .25s var(--transition-bounce)}.pnd-toggle--on{background:var(--success-color)}.pnd-toggle--on:after{transform:translateX(20px)}.pnd-error{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);clip-path:var(--pnd-oct-sm);background:color-mix(in srgb,var(--error-color) 12%,transparent);color:var(--error-color);font-size:.82rem;font-weight:600;line-height:1.4;animation:pnd-shake .4s ease}.pnd-avatar-copy .pnd-error{margin-bottom:0}@keyframes pnd-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.pnd-footer{position:relative;z-index:2;flex:0 0 auto;padding:var(--spacing-lg) var(--spacing-2xl) var(--spacing-xl);background:var(--background-secondary);border-top:1px solid var(--border-color)}.pnd-footer:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:var(--spacing-xl);pointer-events:none;background:linear-gradient(to top,var(--background-secondary),transparent)}.pnd-actions{display:flex;flex-direction:column;gap:var(--spacing-md)}.pnd-btn-save{position:relative;width:100%;min-height:50px;padding:var(--spacing-md) var(--spacing-xl);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);overflow:hidden;clip-path:var(--pnd-oct-sm);background:var(--gradient-primary);border:0;color:var(--text-on-primary);font-family:inherit;font-size:.98rem;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:var(--transition-smooth)}.pnd-btn-save:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,var(--surface-light) 50%,transparent 65%);background-size:250% 100%;background-position:130% 0;animation:pnd-sheen 4.5s ease-in-out 2s infinite}.pnd-btn-save:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08) drop-shadow(var(--glow-primary))}.pnd-btn-save:active:not(:disabled){transform:translateY(0) scale(.99)}.pnd-btn-save:focus-visible{outline:2px solid var(--gold-color);outline-offset:-4px}.pnd-btn-save:disabled{opacity:.6;cursor:progress}.pnd-spinner{width:18px;height:18px;flex:0 0 auto;border:2px solid var(--surface-mid);border-top-color:var(--text-on-primary);border-radius:var(--border-radius-full);animation:pnd-spin .7s linear infinite}.pnd-avatar-btn>.pnd-spinner,.pnd-avatar-inner .pnd-spinner{position:absolute;inset:0;margin:auto;width:28px;height:28px;border-color:var(--surface-mid);border-top-color:var(--primary-color)}@keyframes pnd-spin{to{transform:rotate(1turn)}}.pnd-actions-secondary{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.pnd-btn-text{padding:var(--spacing-xs) var(--spacing-sm);border:0;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.82rem;font-weight:600;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;cursor:pointer;transition:var(--transition-smooth)}.pnd-btn-text:hover:not(:disabled){color:var(--text-primary);text-decoration-color:currentColor}.pnd-btn-text:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.pnd-btn-text:disabled{opacity:.5;cursor:not-allowed}@media (min-width:641px){.pnd-hero{margin-bottom:var(--spacing-2xl)}}@media (max-width:640px){.pnd-overlay{--pnd-cut:18px;--pnd-cut-sm:7px;align-items:flex-end;padding:var(--spacing-sm);padding-bottom:max(var(--spacing-sm),env(safe-area-inset-bottom))}.pnd-stage{max-width:none;max-height:94dvh;filter:none;animation-name:pnd-stage-in-mobile}.pnd-scroll{padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md)}.pnd-footer{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg)}.pnd-hero{padding-right:var(--spacing-2xl);margin-bottom:var(--spacing-lg)}.pnd-badge{width:44px;height:44px;font-size:1.25rem}.pnd-field-grid{grid-template-columns:1fr;gap:0}.pnd-avatar-row{gap:var(--spacing-md);padding:var(--spacing-md)}.pnd-avatar-btn{width:84px;height:84px}.pnd-close{top:var(--spacing-md);right:var(--spacing-md)}}@keyframes pnd-stage-in-mobile{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@media (max-height:640px){.pnd-hero{margin-bottom:var(--spacing-md);gap:var(--spacing-xs)}.pnd-badge,.pnd-sub{display:none}.pnd-scroll{padding-top:var(--spacing-lg)}}@media (max-width:380px){.pnd-avatar-row{flex-direction:column;align-items:flex-start}.pnd-deals-sub{display:none}}@media (hover:none){.pnd-avatar-btn:hover:not(:disabled),.pnd-btn-save:hover:not(:disabled),.pnd-close:hover{transform:none;filter:none}}@media (prefers-reduced-motion:reduce){.pnd-avatar-placeholder,.pnd-avatar-row,.pnd-badge,.pnd-btn-save:after,.pnd-deals-badge,.pnd-error,.pnd-field,.pnd-glow,.pnd-hero,.pnd-overlay,.pnd-panel,.pnd-stage,.pnd-surface:before{animation:none}.pnd-avatar-btn:hover:not(:disabled),.pnd-btn-save:hover:not(:disabled),.pnd-close:hover{transform:none}}@media (forced-colors:active){.pnd-panel{background:CanvasText}.pnd-surface{background:Canvas}.pnd-avatar-btn,.pnd-btn-save{background:ButtonFace;color:ButtonText;border:1px solid ButtonText}}