:root{--primary-pink: #d97086;--primary-pink-hover: #c95f77;--secondary-nude: #ddb892;--accent-lavender: #efe5ff;--accent-gold: #c79b43;--accent-peach: #f9d8c6;--bg-color: #fff8f3;--surface-color: rgba(255, 255, 255, .86);--text-main: #2d2430;--text-muted: #74656f;--border-color: rgba(222, 199, 203, .45);--font-family: "Avenir Next", "Segoe UI", sans-serif;--font-display: "Trebuchet MS", "Avenir Next", sans-serif;--border-radius: 16px;--shadow-sm: 0 10px 20px rgba(120, 69, 80, .08);--shadow-md: 0 18px 45px rgba(120, 69, 80, .12);--shadow-lg: 0 28px 70px rgba(120, 69, 80, .18);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}body{margin:0;font-family:var(--font-family);background:radial-gradient(circle at top right,rgba(239,229,255,.9),transparent 26%),radial-gradient(circle at bottom left,rgba(249,216,198,.55),transparent 32%),linear-gradient(145deg,#fff9f3,#fff1f4 48%,#fffefa);background-attachment:fixed;color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;height:100%}html{-webkit-text-size-adjust:100%;overscroll-behavior:none;scroll-behavior:smooth;height:100%}*{box-sizing:border-box}img,picture,video,canvas{max-width:100%}a{text-decoration:none;color:inherit}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:0}button{cursor:pointer;font-family:var(--font-family);border:none;border-radius:8px;transition:var(--transition)}input,textarea,select{font-family:var(--font-family);border-radius:12px;border:1px solid var(--border-color);padding:.75rem;transition:var(--transition);background:#fffffff2;color:var(--text-main);box-shadow:inset 0 1px #ffffffe6;max-width:100%;min-width:0;font-size:16px}input:focus,textarea:focus,select:focus{outline:2px solid var(--primary-pink);border-color:transparent;box-shadow:0 0 0 5px #d970861f}.glass-panel{background:#ffffffe0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow-md);border-radius:var(--border-radius);min-width:0}.app-container:before{content:"";position:fixed;top:-10%;right:-5%;width:600px;height:600px;background:radial-gradient(circle,#e6e6fa80,#fff0 70%);border-radius:50%;z-index:-1;pointer-events:none}.app-container:after{content:"";position:fixed;bottom:-15%;left:-10%;width:700px;height:700px;background:radial-gradient(circle,#e07a8d26,#fff0 70%);border-radius:50%;z-index:-1;pointer-events:none}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #d9708633}50%{box-shadow:0 0 40px #d9708666}}.animate-bounce-in{animation:bounce-in .6s cubic-bezier(.68,-.55,.265,1.55)}.animate-slide-up{animation:slide-up .5s ease-out}.animate-glow{animation:glow-pulse 2s ease-in-out infinite}button:active{transform:scale(.98);transition-duration:.1s}button:disabled{opacity:.6;cursor:not-allowed;transform:none}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-pink);box-shadow:0 0 0 3px #d970861a,inset 0 1px #ffffffe6;transform:translateY(-1px)}.glass-panel{background:#fffffff2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #00000014,inset 0 1px #fffc;position:relative}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none;border-radius:inherit}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-pink),var(--accent-lavender));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-pink-hover),var(--accent-lavender))}::selection{background:#d9708633;color:var(--text-main)}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{width:20px;height:20px;border:2px solid rgba(217,112,134,.2);border-left-color:var(--primary-pink);border-radius:50%;animation:spin 1s linear infinite}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-main)}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,2rem)}img{transition:transform .3s ease}img:hover{transform:scale(1.02)}@media print{.app-container:before,.app-container:after{display:none}body{background:#fff!important}.glass-panel{background:#fff!important;box-shadow:none!important;border:1px solid #ccc!important}}@media (max-width: 640px){body{background-attachment:scroll;background:linear-gradient(145deg,#fff9f3,#fff1f4 58%,#fffefa)}.app-container:before,.app-container:after{display:none}.glass-panel{backdrop-filter:none;-webkit-backdrop-filter:none}}.edit-pro-page{display:flex;flex-direction:column;gap:0;min-height:calc(100vh - 120px)}.edit-pro-header{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;background:var(--bg-surface, #fff);border-bottom:1px solid var(--border-color, #e5e7eb);flex-wrap:wrap}.edit-pro-identity{display:flex;align-items:center;gap:.85rem}.edit-pro-identity h2{margin:0;font-size:1.15rem}.edit-pro-identity .muted{font-size:.83rem;color:var(--text-muted);display:flex;align-items:center;gap:.5rem}.edit-pro-tabs{display:flex;gap:.25rem;padding:.75rem 1.5rem;background:var(--bg-surface, #fff);border-bottom:1px solid var(--border-color, #e5e7eb);overflow-x:auto;flex-wrap:nowrap}.edit-tab-btn{padding:.5rem 1.15rem;border-radius:8px;border:1px solid transparent;background:transparent;font-size:.88rem;font-weight:500;cursor:pointer;color:var(--text-muted, #64748b);white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.edit-tab-btn:hover{background:var(--bg-alt, #f1f5f9);color:var(--text-main, #0f172a)}.edit-tab-btn.active{background:var(--primary-pink, #e11d48);color:#fff;border-color:var(--primary-pink, #e11d48)}.edit-pro-body{padding:1.5rem;flex:1}.edit-pro-body .drawer-section{max-width:720px;background:var(--bg-surface, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:14px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}@media (max-width: 640px){.edit-pro-tabs{padding:.6rem .75rem;gap:.2rem}.edit-tab-btn{padding:.45rem .8rem;font-size:.82rem}.edit-pro-header{padding:.85rem;gap:.75rem}.edit-pro-body{padding:.75rem}}
