._nickname-modal-overlay_zcbe9_1{z-index:var(--z-modal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;justify-content:center;align-items:center;padding:20px;animation:.2s _fadeIn_zcbe9_1;display:flex;position:fixed;inset:0}@keyframes _fadeIn_zcbe9_1{0%{opacity:0}to{opacity:1}}._nickname-modal-container_zcbe9_22{background:var(--fr-card);border:1px solid var(--fr-line);width:90%;max-width:420px;box-shadow:var(--fr-shadow-pop);border-radius:24px;animation:.3s _slideUp_zcbe9_1;position:relative}@keyframes _slideUp_zcbe9_1{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}._modal-close-btn_zcbe9_44{background:var(--fr-hover);border:1px solid var(--fr-line);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem}._modal-close-btn_zcbe9_44 svg{width:20px;height:20px;color:var(--fr-sub);transition:transform .3s}._modal-close-btn_zcbe9_44:hover{background:#ff5c5c66;border-color:#ff5c5c99;transform:scale(1.1)}._modal-close-btn_zcbe9_44:hover svg{color:var(--fr-ink);transform:rotate(90deg)}._nickname-modal-content_zcbe9_80{text-align:center;padding:2.5rem 2rem}._modal-icon-circle_zcbe9_85{background:var(--fr-accent-soft);border:2px solid var(--fr-accent-soft-line);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;animation:2s ease-in-out infinite _pulse_zcbe9_1;display:flex}@keyframes _pulse_zcbe9_1{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}._edit-icon_zcbe9_107{width:36px;height:36px;color:var(--fr-accent)}._modal-title_zcbe9_113{color:var(--fr-ink);margin:0 0 .75rem;font-size:1.75rem;font-weight:700}._modal-description_zcbe9_120{color:var(--fr-sub);margin:0 0 1.5rem;font-size:1rem;line-height:1.5}._nickname-input-group_zcbe9_127{margin-bottom:1rem;position:relative}._nickname-input_zcbe9_127{border:1.5px solid var(--fr-line);background:var(--fr-hover);width:100%;color:var(--fr-ink);box-sizing:border-box;border-radius:12px;padding:1rem 1.25rem;font-size:1rem;transition:all .3s}._nickname-input_zcbe9_127:focus{border-color:var(--fr-accent);background:var(--fr-card);box-shadow:0 0 0 3px rgba(var(--fr-accent-rgb), .1);outline:none}._nickname-input_zcbe9_127._error_zcbe9_151{border-color:var(--fr-danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--fr-danger) 10%, transparent)}._nickname-input_zcbe9_127::placeholder{color:var(--fr-fine)}._character-counter_zcbe9_160{text-align:right;color:var(--fr-sub);margin-top:.5rem;font-size:.8rem}._error-message_zcbe9_167{background:color-mix(in srgb, var(--fr-danger) 10%, transparent);border:1px solid color-mix(in srgb, var(--fr-danger) 30%, transparent);color:var(--fr-danger);text-align:left;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem;display:flex}._error-icon_zcbe9_181{flex-shrink:0;width:20px;height:20px}._modal-buttons_zcbe9_187{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}._save-btn_zcbe9_194{width:100%;color:var(--fr-me-text);background:linear-gradient(135deg, var(--fr-accent), var(--fr-accent-2));cursor:pointer;box-shadow:0 6px 24px rgba(var(--fr-accent-rgb), .35);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}._save-btn_zcbe9_194:hover:not(._disabled_zcbe9_212){box-shadow:0 8px 30px rgba(var(--fr-accent-rgb), .35);transform:translateY(-3px)}._save-btn_zcbe9_194:active:not(._disabled_zcbe9_212){transform:translateY(-1px)}._save-btn_zcbe9_194._disabled_zcbe9_212{opacity:.7;cursor:not-allowed;transform:none}._spinner_zcbe9_227{border:2px solid color-mix(in srgb, var(--fr-me-text) 30%, transparent);border-top-color:var(--fr-me-text);border-radius:50%;width:20px;height:20px;animation:1s linear infinite _spin_zcbe9_227}@keyframes _spin_zcbe9_227{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._cancel-btn_zcbe9_241{width:100%;color:var(--fr-sub);border:1px solid var(--fr-line);cursor:pointer;background:0 0;border-radius:12px;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;transition:all .3s}._cancel-btn_zcbe9_241:hover{background:var(--fr-hover);border-color:var(--fr-sub);color:var(--fr-ink)}@media (width<=640px){._nickname-modal-content_zcbe9_80{padding:2rem 1.5rem}._modal-icon-circle_zcbe9_85{width:70px;height:70px;margin-bottom:1.25rem}._edit-icon_zcbe9_107{width:32px;height:32px}._modal-title_zcbe9_113{font-size:1.5rem}._modal-description_zcbe9_120{margin-bottom:1.25rem;font-size:.95rem}._nickname-input_zcbe9_127{padding:.875rem 1rem;font-size:1rem}._save-btn_zcbe9_194{padding:.875rem 1.25rem;font-size:.95rem}._cancel-btn_zcbe9_241{padding:.75rem 1.25rem;font-size:.95rem}}@media (width<=480px){._nickname-modal-container_zcbe9_22{border-radius:20px;width:95%}._nickname-modal-content_zcbe9_80{padding:1.75rem 1.25rem}._modal-close-btn_zcbe9_44{width:32px;height:32px;top:.75rem;right:.75rem}._modal-close-btn_zcbe9_44 svg{width:18px;height:18px}._modal-icon-circle_zcbe9_85{width:64px;height:64px;margin-bottom:1rem}._edit-icon_zcbe9_107{width:28px;height:28px}._modal-title_zcbe9_113{margin-bottom:.5rem;font-size:1.35rem}._modal-description_zcbe9_120{margin-bottom:1rem;font-size:.9rem}._nickname-input_zcbe9_127{padding:.75rem 1rem;font-size:1rem}._character-counter_zcbe9_160{font-size:.75rem}._error-message_zcbe9_167{padding:.625rem .875rem;font-size:.85rem}._save-btn_zcbe9_194{padding:.75rem 1rem;font-size:.9rem}._cancel-btn_zcbe9_241{padding:.625rem 1rem;font-size:.9rem}}@media (width<=375px){._nickname-modal-container_zcbe9_22{border-radius:16px;width:96%}._nickname-modal-content_zcbe9_80{padding:1.5rem 1rem}._modal-icon-circle_zcbe9_85{width:56px;height:56px;margin-bottom:.875rem}._edit-icon_zcbe9_107{width:24px;height:24px}._modal-title_zcbe9_113{font-size:1.25rem}._modal-description_zcbe9_120{font-size:.85rem}._nickname-input_zcbe9_127{border-radius:10px;padding:.625rem .875rem;font-size:.95rem}._save-btn_zcbe9_194,._cancel-btn_zcbe9_241{border-radius:10px}._save-btn_zcbe9_194{padding:.625rem .875rem;font-size:.85rem}._cancel-btn_zcbe9_241{padding:.5rem .875rem;font-size:.85rem}}