.pe-overlay{z-index:1000;justify-content:center;align-items:stretch;display:flex;position:fixed;inset:0}.pe-page{background:linear-gradient(145deg,#f59e0b 0%,#f97316 30%,#ec4899 65%,#8b5cf6 100%);flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;max-width:520px;padding:24px;display:flex;position:relative;overflow:hidden}.pe-page:before{content:"";pointer-events:none;background:#ffffff14;border-radius:50%;width:260px;height:260px;position:absolute;top:-80px;right:-60px}.pe-page:after{content:"";pointer-events:none;background:#ffffff0f;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-100px;left:-40px}.pe-dots{z-index:10;gap:8px;display:flex;position:relative}.pe-dot{background:#ffffff4d;border-radius:50%;width:10px;height:10px;transition:all .25s}.pe-dot.done{background:#ffffffa6}.pe-dot.active{background:#fff;border-radius:999px;width:28px;box-shadow:0 0 0 3px #ffffff4d}.pe-card{z-index:10;background:#fff;border-radius:28px;width:100%;max-width:460px;padding:36px 32px;animation:.25s peCardIn;position:relative;box-shadow:0 20px 60px #00000038}@keyframes peCardIn{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.pe-dismiss-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;line-height:1;display:flex;position:absolute;top:16px;right:16px}.pe-dismiss-btn:hover{color:#374151;background:#e5e7eb}.pe-step{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.pe-big-emoji{font-size:64px;line-height:1;animation:.3s peCardIn}.pe-question{color:var(--ink);letter-spacing:-.4px;margin:0;font-size:20px;font-weight:900;line-height:1.3}.pe-hint{color:#6b7280;margin:-4px 0 0;font-size:13px;font-weight:600}.pe-avatar{font-size:72px;line-height:1}.pe-intro-title{color:var(--ink);letter-spacing:-.5px;margin:0;font-size:26px;font-weight:900}.pe-intro-sub{color:#6b7280;margin:0;font-size:15px;font-weight:600;line-height:1.6}.pe-start-btn{color:#fff;font-size:17px;font-weight:900;font-family:var(--font);cursor:pointer;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:14px;margin-top:8px;padding:14px 32px;transition:transform .1s,box-shadow .1s;box-shadow:0 4px 16px #f9731659}.pe-start-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f9731673}.pe-start-btn:active{transform:translateY(0)}.pe-chips{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.pe-chip{color:#374151;font-size:14px;font-weight:700;font-family:var(--font);cursor:pointer;background:#f9fafb;border:2px solid #e5e7eb;border-radius:999px;padding:7px 16px;transition:all .15s}.pe-chip:hover{color:var(--ink);background:#f5f3ff;border-color:#a78bfa}.pe-chip.selected{border-color:var(--ink);background:var(--ink);color:#fff}.pe-input{width:100%;font-size:16px;font-family:var(--font);color:var(--ink);box-sizing:border-box;border:2px solid #e5e7eb;border-radius:12px;outline:none;padding:12px 16px;font-weight:700;transition:border-color .15s}.pe-input:focus{border-color:var(--ink)}.pe-names-list{flex-direction:column;gap:8px;width:100%;display:flex}.pe-name-row{align-items:center;gap:8px;display:flex}.pe-input-name{flex:1}.pe-remove-btn{color:#dc2626;cursor:pointer;width:32px;height:32px;font-size:13px;font-family:var(--font);background:#fee2e2;border:none;border-radius:8px;flex-shrink:0}.pe-add-btn{color:var(--ink);font-size:15px;font-weight:800;font-family:var(--font);cursor:pointer;background:#f5f3ff;border:2px dashed #a78bfa;border-radius:12px;justify-content:center;align-self:stretch;align-items:center;gap:8px;margin-top:4px;padding:12px 16px;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.pe-add-btn:hover{border-color:var(--ink);background:#ede9fe}.pe-add-btn:active{transform:scale(.98)}.pe-add-btn-plus{background:var(--ink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;font-weight:800;line-height:1;display:inline-flex}.pe-topics-grid{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;max-height:220px;display:flex;overflow-y:auto}.pe-topic-chip{color:#374151;font-size:13px;font-weight:700;font-family:var(--font);cursor:pointer;background:#f9fafb;border:2px solid #e5e7eb;border-radius:999px;padding:8px 14px;transition:all .15s}.pe-topic-chip:hover{border-color:var(--ink);background:var(--paper);color:var(--ink)}.pe-topic-chip.selected{border-color:var(--ink);background:var(--ink);color:#fff}.pe-nav{justify-content:center;align-items:center;gap:10px;width:100%;margin-top:4px;display:flex}.pe-back-btn{color:#6b7280;font-size:14px;font-weight:700;font-family:var(--font);cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:10px 18px}.pe-back-btn:hover{color:#374151;border-color:#d1d5db}.pe-skip-btn{color:#9ca3af;font-size:14px;font-weight:700;font-family:var(--font);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:10px 18px;text-decoration:underline}.pe-skip-btn:hover{color:#6b7280}.pe-next-btn{background:linear-gradient(135deg, var(--ink), var(--ink));color:#fff;font-size:15px;font-weight:900;font-family:var(--font);cursor:pointer;border:none;border-radius:12px;flex:1;max-width:180px;padding:10px 24px;transition:opacity .15s}.pe-next-btn:disabled{opacity:.4;cursor:default}.pe-next-btn:not(:disabled):hover{opacity:.9}.pe-curriculum-notes{flex-direction:column;gap:8px;width:100%;margin:-4px 0 4px;display:flex}.pe-curriculum-note{color:#374151;text-align:left;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:10px;margin:0;padding:10px 14px;font-size:13px;font-weight:600;line-height:1.5}@media (width<=480px){.pe-page{max-width:100%;padding:16px}.pe-card{border-radius:24px;padding:28px 20px}.pe-big-emoji{font-size:52px}.pe-question{font-size:18px}}