*{margin: 0;padding: 0;box-sizing: border-box}.skip-to-content{position: absolute;left: -9999px;top: 0;z-index: 100000;padding: 10px 16px;background: var(--color-primary,#4a90d9);color: #fff;font-weight: 700;text-decoration: none;border-radius: 0 0 8px 0}.skip-to-content:focus{left: 0}:root{--color-yellow: #f4e637;--craft-2d: #F4EE8E;--craft-3d: #CDB9F6;--craft-bead: #92D4E2;--color-black: #1a1a1a;--color-white: #ffffff;--color-cream: #FFF8E7;--color-mint: #E8FFE8;--color-lavender: #F0E6FF;--color-peach: #FFE4EC;--color-sky: #E6F4FF;--primary-color: #f4e637;--primary-hover: #e6d82f;--secondary-color: #29ff2e;--accent-color: #f76b89;--danger-color: #ff4757;--success-color: #2ed573;--warning-color: #ffa502;--text-color: #1a1a1a;--text-light: #4a4a4a;--text-muted: #6a6a6a;--text-on-dark: #ffffff;--bg-color: #FFF8E7;--card-bg: #ffffff;--border-color: #1a1a1a;--border-width: 2.5px;--border-width-thick: 3px;--shadow: 4px 4px 0 var(--border-color);--shadow-sm: 3px 3px 0 var(--border-color);--shadow-lg: 6px 6px 0 var(--border-color);--shadow-hover: 6px 6px 0 var(--border-color);--shadow-active: 2px 2px 0 var(--border-color);--radius: 16px;--radius-sm: 12px;--radius-xs: 8px;--radius-full: 9999px;--transition-fast: 0.15s ease;--transition: 0.2s ease;--z-dropdown: 1000;--z-modal: 2000;--z-overlay: 3000;--z-modal-confirm: 4000;--z-modal-top: 5000;--z-toast: 2147483000}body{font-family: 'Pretendard',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Noto Sans KR',sans-serif;background-color: var(--bg-color);color: var(--text-color);line-height: 1.6;min-height: 100vh;min-height: 100dvh;display: flex;flex-direction: column}main{flex: 1}h1,h2,h3,h4,h5,h6{font-weight: 800;line-height: 1.3;letter-spacing: -0.02em}h1{font-size: 2.5rem}h2{font-size: 2rem}h3{font-size: 1.5rem}h4{font-size: 1.25rem}a{color: var(--text-color);text-decoration: none}a:hover{text-decoration: none}.site-header{background: var(--color-white);border-bottom: var(--border-width) solid var(--border-color);position: fixed;top: 0;left: 0;right: 0;z-index: var(--z-dropdown)}body{padding-top: 70px}@media (max-width: 768px){body{padding-top: 60px}}.header-container{max-width: 1200px;margin: 0 auto;padding: 0 20px;height: 70px;display: flex;align-items: center;justify-content: space-between}.logo{display: flex;align-items: center;gap: 10px;text-decoration: none;font-weight: 900;font-size: 22px;color: var(--text-color);transition: transform var(--transition-fast)}.logo:hover{text-decoration: none;transform: translateY(-2px)}.logo-icon{width: 62px;height: 62px;margin: -10px 0}.logo-text-img{height: 38px;width: auto}@media (max-width: 768px){.logo-text{display: none}.header-container{height: 60px}}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 12px 24px;font-size: 15px;font-weight: 700;border-radius: var(--radius-sm);border: var(--border-width) solid var(--border-color);cursor: pointer;transition: all var(--transition-fast);text-decoration: none;background: var(--color-white);color: var(--text-color);box-shadow: var(--shadow);position: relative;overflow: hidden}.btn:hover{transform: translate(-2px,-2px);box-shadow: var(--shadow-hover);text-decoration: none}.btn:active{transform: translate(2px,2px);box-shadow: var(--shadow-active)}.btn-primary{background: var(--primary-color);color: var(--text-color)}.btn-primary:hover{background: var(--primary-hover)}.btn-secondary{background: var(--color-mint)}.btn-danger{background: var(--danger-color);color: var(--text-on-dark)}.btn-danger:hover{background: #ff6b7a}.btn-success{background: var(--secondary-color);color: var(--text-color)}.btn-outline{background: var(--color-white);color: var(--text-color)}.btn-outline:hover{background: var(--bg-color)}.btn-sm{padding: 8px 16px;font-size: 13px;border-radius: var(--radius-xs);box-shadow: var(--shadow-sm)}.btn-icon{width: 18px;height: 18px}.help-q-btn{width: 34px;height: 34px;padding: 0;border: 2px solid #1a1a1a;border-radius: 50%;background: #fff;color: #1a1a1a;font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Noto Sans KR',sans-serif;font-size: 17px;font-weight: 800;line-height: 1;cursor: pointer;display: flex;align-items: center;justify-content: center;flex-shrink: 0}@media (hover: hover){.help-q-btn:hover{background: #FFE500}}.help-q-btn.active{background: #FFE500}.help-q-btn:active{transform: translate(1px,1px)}@media (max-width: 600px){.help-q-btn{width: 30px;height: 30px;font-size: 15px}}.btn:disabled{opacity: 0.6;cursor: not-allowed;transform: none !important;box-shadow: var(--shadow-sm) !important}.card{background: var(--card-bg);border: var(--border-width) solid var(--border-color);border-radius: var(--radius);box-shadow: var(--shadow);overflow: hidden;transition: all var(--transition-fast)}.card:hover{transform: translate(-3px,-3px);box-shadow: var(--shadow-lg)}.card-header{padding: 16px 20px;border-bottom: var(--border-width) solid var(--border-color);background: var(--color-cream);font-weight: 700}.card-body{padding: 20px}.form-group{margin-bottom: 20px}.form-label{display: block;margin-bottom: 8px;font-weight: 700;font-size: 14px}.form-input,input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="number"],textarea,select{width: 100%;padding: 14px 16px;font-size: 15px;font-family: inherit;background: var(--color-white);border: var(--border-width) solid var(--border-color);border-radius: var(--radius-sm);box-shadow: var(--shadow-sm);transition: all var(--transition-fast)}.form-input:focus,input:focus,textarea:focus,select:focus{outline: none;border-color: var(--primary-color);box-shadow: var(--shadow),0 0 0 3px rgba(244,230,55,0.3)}.form-input::placeholder,input::placeholder,textarea::placeholder{color: var(--text-muted)}textarea{min-height: 120px;resize: vertical}.form-error{color: var(--danger-color);font-size: 13px;margin-top: 6px;font-weight: 600}.form-hint{color: var(--text-muted);font-size: 13px;margin-top: 6px}.user-avatar{width: 32px;height: 32px;border-radius: var(--radius-xs);border: 2px solid var(--border-color);object-fit: cover}.profile-dropdown{position: absolute;top: calc(100% + 8px);right: 0;background: var(--card-bg);border: var(--border-width) solid var(--border-color);border-radius: var(--radius);box-shadow: var(--shadow-lg);min-width: 240px;opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all var(--transition);z-index: var(--z-dropdown);overflow: hidden}.profile-dropdown.show{opacity: 1;visibility: visible;transform: translateY(0)}.profile-dropdown-item{display: flex;align-items: center;gap: 12px;padding: 14px 18px;color: var(--text-color);font-weight: 600;text-decoration: none;transition: all var(--transition-fast)}.profile-dropdown-item:hover{background: var(--color-cream);text-decoration: none}.profile-dropdown-item.danger{color: var(--danger-color)}.profile-dropdown-item.danger:hover{background: #ffe6e8}.profile-dropdown-divider{height: 0;border-top: var(--border-width) solid var(--border-color);margin: 4px 0}.dropdown-icon{width: 20px;height: 20px;opacity: 0.8}.badge{display: inline-flex;align-items: center;padding: 4px 10px;font-size: 12px;font-weight: 700;border-radius: var(--radius-xs);border: 2px solid var(--border-color);background: var(--color-white)}.badge-success{background: var(--color-mint)}.badge-danger{background: var(--color-peach)}.badge-info{background: var(--color-sky)}.toast-container{position: fixed;top: 20px;right: 20px;z-index: var(--z-toast);display: flex;flex-direction: column;gap: 12px}#toast.toast{position: fixed;bottom: 20px;left: 50%;transform: translateX(-50%) translateY(100px);opacity: 0;visibility: hidden;transition: all 0.3s ease;z-index: var(--z-toast)}#toast.toast.show{transform: translateX(-50%) translateY(0);opacity: 1;visibility: visible}.toast{padding: 14px 20px;background: var(--color-white);color: var(--text-color);border: var(--border-width) solid var(--border-color);border-radius: var(--radius-sm);box-shadow: var(--shadow);font-size: 14px;font-weight: 600;display: flex;align-items: center;gap: 12px;max-width: 360px}.toast-container .toast{animation: toastSlideIn 0.3s ease}.toast.success{background: var(--color-mint);border-color: var(--secondary-color)}.toast.error{background: var(--color-peach);border-color: var(--danger-color)}.toast.warning{background: var(--primary-color)}.toast.info{background: var(--color-sky)}@keyframes toastSlideIn{from{transform: translateX(100%);opacity: 0}to{transform: translateX(0);opacity: 1}}.modal-overlay{position: fixed;inset: 0;background: rgba(0,0,0,0.5);display: flex;align-items: center;justify-content: center;z-index: var(--z-modal);padding: 20px;opacity: 0;visibility: hidden;transition: all var(--transition)}.modal-overlay.show{opacity: 1;visibility: visible}.modal{background: var(--card-bg);border: var(--border-width-thick) solid var(--border-color);border-radius: var(--radius);box-shadow: var(--shadow-lg);max-width: 500px;width: 100%;max-height: 90vh;overflow: auto;transform: scale(0.9) translateY(20px);transition: transform var(--transition)}.modal-overlay.show .modal{transform: scale(1) translateY(0)}.modal-header{padding: 20px 24px;border-bottom: var(--border-width) solid var(--border-color);background: var(--color-cream);display: flex;align-items: center;justify-content: space-between}.modal-title{font-size: 1.25rem;font-weight: 800}.modal-close,.footer-modal-close,.like-users-modal-x,.comments-modal-x,.design-picker-close,.crop-modal-close,.profile-edit-close{box-sizing: border-box;display: flex;align-items: center;justify-content: center;padding: 0;border: var(--border-width) solid var(--border-color);border-radius: var(--radius-xs);background: var(--color-white);color: var(--text-color);font-weight: 700;line-height: 1;cursor: pointer;transition: all var(--transition-fast);box-shadow: var(--shadow-sm)}.modal-close{width: 36px;height: 36px;font-size: 20px}.modal-close:hover,.footer-modal-close:hover,.like-users-modal-x:hover,.comments-modal-x:hover,.design-picker-close:hover,.crop-modal-close:hover,.profile-edit-close:hover{background: var(--color-peach);transform: translate(-2px,-2px);box-shadow: var(--shadow)}.modal-close:active,.footer-modal-close:active,.like-users-modal-x:active,.comments-modal-x:active,.design-picker-close:active,.crop-modal-close:active,.profile-edit-close:active{transform: translate(1px,1px);box-shadow: var(--shadow-active)}.modal-body{padding: 24px}.modal-footer{padding: 20px 24px;border-top: var(--border-width) solid var(--border-color);background: var(--bg-color);display: flex;gap: 12px;justify-content: flex-end}.table{width: 100%;border-collapse: separate;border-spacing: 0;border: var(--border-width) solid var(--border-color);border-radius: var(--radius);overflow: hidden;box-shadow: var(--shadow)}.table th,.table td{padding: 14px 16px;text-align: left;border-bottom: var(--border-width) solid var(--border-color)}.table th{background: var(--color-cream);font-weight: 700}.table tr:last-child td{border-bottom: none}.table tr:hover td{background: var(--bg-color)}.pagination{display: flex;gap: 8px;justify-content: center;margin-top: 24px}.page-btn{min-width: 40px;height: 40px;padding: 0 12px;border: var(--border-width) solid var(--border-color);border-radius: var(--radius-xs);background: var(--color-white);font-weight: 700;cursor: pointer;transition: all var(--transition-fast);box-shadow: var(--shadow-sm);display: flex;align-items: center;justify-content: center}.page-btn:hover{transform: translate(-2px,-2px);box-shadow: var(--shadow)}.page-btn.active{background: var(--primary-color)}.page-btn:disabled{opacity: 0.5;cursor: not-allowed;transform: none !important}.tabs{display: flex;gap: 8px;border-bottom: var(--border-width) solid var(--border-color);padding-bottom: 0;margin-bottom: 24px}.tab-btn{padding: 12px 24px;border: var(--border-width) solid var(--border-color);border-bottom: none;border-radius: var(--radius-sm) var(--radius-sm) 0 0;background: var(--bg-color);font-weight: 700;cursor: pointer;transition: all var(--transition-fast);margin-bottom: -3px}.tab-btn:hover{background: var(--color-cream)}.tab-btn.active{background: var(--primary-color);box-shadow: var(--shadow-sm)}.empty-state{text-align: center;padding: 60px 20px;color: var(--text-muted)}.empty-state-icon{font-size: 48px;margin-bottom: 16px}.empty-state-icon img,.empty-state-svg{width: 64px;height: 64px;opacity: 0.4}.empty-state-title{font-size: 1.25rem;font-weight: 700;color: var(--text-color);margin-bottom: 8px}.empty-state-desc{margin-bottom: 24px}.loading-spinner{display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 60px 20px;gap: 16px}.loading-spinner::after{content: '';width: 40px;height: 40px;border: 4px solid var(--border-color);border-top-color: var(--primary-color);border-radius: 50%;animation: spin 0.8s linear infinite}.spinner{width: 40px;height: 40px;border: 4px solid var(--border-color);border-top-color: var(--primary-color);border-radius: 50%;animation: spin 0.8s linear infinite}@keyframes spin{to{transform: rotate(360deg)}}.avatar{width: 40px;height: 40px;border-radius: var(--radius-sm);border: var(--border-width) solid var(--border-color);object-fit: cover;background: var(--color-cream)}.avatar-wrapper{position: relative;display: inline-block;flex-shrink: 0}.user-level-badge{position: absolute;bottom: -3px;right: -3px;width: 16px;height: 16px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 8px;font-weight: bold;border: 2px solid white;z-index: 5;box-shadow: 0 1px 2px rgba(0,0,0,0.2)}.user-level-badge.level-unverified{background: #9ca3af;color: white}.user-level-badge.level-verified{background: #3b82f6;color: white}.user-level-badge.level-admin{background: linear-gradient(135deg,#f59e0b,#ef4444);color: white}[data-tooltip]{position: relative}[data-tooltip]::after{content: attr(data-tooltip);position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%) translateY(-8px);padding: 8px 12px;background: var(--color-black);color: var(--text-on-dark);font-size: 13px;font-weight: 600;border-radius: var(--radius-xs);white-space: nowrap;opacity: 0;visibility: hidden;transition: all var(--transition-fast);pointer-events: none;z-index: 100}[data-tooltip]:hover::after{opacity: 1;visibility: visible;transform: translateX(-50%) translateY(-4px)}.site-footer{background: var(--color-white);border-top: var(--border-width) solid var(--border-color);padding: 40px 20px;margin-top: auto}.footer-container{max-width: 1200px;margin: 0 auto;display: flex;flex-wrap: wrap;gap: 24px;justify-content: space-between;align-items: center}@media (max-width: 768px){.footer-container{flex-direction: column;text-align: center}}@media (max-width: 1024px) and (min-width: 769px){.footer-container{flex-direction: column;text-align: center;align-items: center}.footer-links{align-items: center;width: 100%}.footer-links-row{justify-content: center}}.footer-info{color: var(--text-muted);font-size: 14px}.footer-info p{margin: 0}.footer-links{display: flex;flex-direction: column;gap: 12px}.footer-links-row{display: flex;flex-wrap: wrap;gap: 8px 24px;justify-content: flex-end}@media (max-width: 768px){.footer-links-row{justify-content: center}}.footer-links-row a{color: var(--text-light);font-size: 14px;font-weight: 600;text-decoration: none;transition: color var(--transition-fast);white-space: nowrap}.footer-links-row a:hover{color: var(--accent-color);text-decoration: none}.footer-lang-row{justify-content: center !important;gap: 8px !important;margin-top: 8px;padding-top: 12px;border-top: 1px solid rgba(0,0,0,0.08)}.footer-lang-btn{font-size: 12px !important;padding: 4px 10px;border-radius: 6px;border: 1px solid rgba(0,0,0,0.1);transition: all 0.15s}.footer-lang-btn.active{background: var(--primary-color,#FFE566);border-color: var(--border-color,#1a1a1a);font-weight: 700 !important;color: var(--text-color,#333) !important}.footer-lang-btn:hover{background: var(--primary-color,#FFE566)}.flex{display: flex}.shadow{box-shadow: var(--shadow)}.border{border: var(--border-width) solid var(--border-color)}.hidden{display: none !important}@media (max-width: 768px){h1{font-size: 2rem}h2{font-size: 1.5rem}h3{font-size: 1.25rem}.btn{padding: 10px 20px}.card{border-radius: var(--radius-sm)}.modal{margin: 10px;max-height: calc(100vh - 20px)}}::-webkit-scrollbar{width: 12px;height: 12px}::-webkit-scrollbar-track{background: var(--bg-color)}::-webkit-scrollbar-thumb{background: var(--border-color);border-radius: 6px;border: 3px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background: var(--text-muted)}::selection{background: var(--primary-color);color: var(--text-color)}:focus-visible{outline: 3px solid var(--primary-color);outline-offset: 2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline: 3px solid var(--primary-color);outline-offset: 2px}.auth-container{max-width: 440px;margin: 40px auto;padding: 0 20px}@media (min-width: 769px){.auth-container{margin: 60px auto}}.auth-card{background: var(--color-white);padding: 40px;border: var(--border-width-thick) solid var(--border-color);border-radius: var(--radius);box-shadow: var(--shadow-lg)}@media (max-width: 480px){.auth-container{margin: 12px auto}.auth-card{padding: 20px 18px}.auth-title{font-size: 1.6rem;margin-bottom: 2px}.auth-subtitle{margin-bottom: 14px;font-size: 13px}.forgot-password-link{margin-top: 4px;font-size: 12px}.social-login-divider{margin: 10px 0}.social-login-buttons{gap: 8px}.btn-social{padding: 10px 16px;font-size: 14px;border-width: 2px;box-shadow: 2px 2px 0 var(--border-color)}}.auth-title{font-size: 2rem;font-weight: 800;text-align: center;margin-bottom: 4px;letter-spacing: -0.02em}.auth-subtitle{color: var(--text-muted);text-align: center;margin-bottom: 20px;font-size: 14px}.forgot-password-link{display: block;text-align: right;margin-top: 6px;font-size: 13px;color: var(--text-muted);text-decoration: none}.forgot-password-link:hover{color: var(--accent-color);text-decoration: underline}.social-login-divider{display: flex;align-items: center;margin: 14px 0;gap: 12px}.social-login-divider::before,.social-login-divider::after{content: '';flex: 1;height: 2px;background: var(--border-color)}.social-login-divider span{font-size: 13px;font-weight: 700;color: var(--text-muted);white-space: nowrap}.social-login-buttons{display: flex;flex-direction: column;gap: 10px}.btn-social{display: flex;align-items: center;justify-content: center;gap: 10px;padding: 12px 20px;border: 3px solid var(--border-color);border-radius: 8px;font-size: 15px;font-weight: 700;text-decoration: none;cursor: pointer;transition: all 0.15s;box-shadow: 3px 3px 0 var(--border-color)}.btn-social:hover{transform: translate(-2px,-2px);box-shadow: 5px 5px 0 var(--border-color);text-decoration: none}.btn-social:active{transform: translate(2px,2px);box-shadow: 0 0 0 var(--border-color)}.btn-line{background: #06C755;color: #fff;border-color: #04a847}.btn-line:hover{background: #05b34d}.btn-google{background: #fff;color: #1a1a1a;border-color: #dadce0}.btn-google:hover{background: #f8f9fa}.btn-kakao{background: #FEE500;color: #000000;border-color: #e5cf00}.btn-kakao:hover{background: #f0d900}.password-strength{margin-top: 8px;display: flex;gap: 4px}.strength-bar{flex: 1;height: 4px;background: var(--bg-color);border-radius: 2px;border: 1px solid var(--border-color)}.strength-bar.active{background: var(--danger-color)}.strength-bar.active.medium{background: var(--warning-color)}.strength-bar.active.strong{background: var(--success-color)}.legal-page{max-width: 800px;margin: 0 auto;padding: 20px}.legal-title{font-size: 1.8rem;font-weight: 700;margin-bottom: 24px;color: var(--text-color)}.legal-content{background: white;padding: 30px;border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);line-height: 1.8}.legal-content h2,.legal-content h3{margin-top: 24px;margin-bottom: 12px}.legal-content p{margin-bottom: 16px}.legal-content ul,.legal-content ol{margin-bottom: 16px;padding-left: 24px}.empty-legal{text-align: center;padding: 60px 20px;color: var(--text-muted)}.notices-page{max-width: 900px;margin: 0 auto;padding: 20px}.notice-list{background: white;border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);overflow: hidden}.notice-item{display: flex;align-items: center;padding: 16px 20px;border-bottom: 1px solid var(--border-color);text-decoration: none;color: inherit;transition: background 0.2s}.notice-item:hover{background: var(--bg-color)}.notice-item:last-child{border-bottom: none}.notice-pin{margin-right: 10px;font-size: 1.1rem}.notice-title{flex: 1;font-weight: 500}.notice-meta{display: flex;gap: 16px;font-size: 13px;color: var(--text-muted)}.notice-detail{background: white;border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);overflow: hidden}.notice-detail-header{padding: 24px;border-bottom: 1px solid var(--border-color)}.notice-detail-title{font-size: 1.4rem;font-weight: 700;margin-bottom: 12px}.notice-detail-meta{font-size: 14px;color: var(--text-muted);display: flex;gap: 16px}.notice-detail-content{padding: 24px;line-height: 1.8}.notice-detail-content p{margin-bottom: 16px}.back-link{display: inline-flex;align-items: center;gap: 6px;margin-bottom: 20px;color: var(--primary-color);text-decoration: none}.back-link:hover{text-decoration: underline}.empty-notices{text-align: center;padding: 60px 20px;color: var(--text-muted)}.security-page-container{max-width: 800px;margin: 0 auto;padding: 16px 12px}@media (min-width: 769px){.security-page-container{padding: 32px 16px}}.page-header{margin-bottom: 2rem;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 12px}.page-title{font-size: 1.8rem;font-weight: 800;color: var(--text-color)}@media (min-width: 769px){.page-header{margin-bottom: 2rem}.page-title{font-size: 2rem}}.page-description{color: var(--text-muted);font-size: 14px}.edit-modal{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);display: none;align-items: center;justify-content: center;z-index: 1000}.edit-modal.show{display: flex}.edit-modal-content{background: white;border-radius: 16px;padding: 24px;width: 90%;max-width: 500px;max-height: 90vh;overflow-y: auto}.edit-modal-content h3{margin-bottom: 20px;font-size: 20px}.form-error{color: #dc3545;font-size: 13px;margin-top: 4px;display: none}.form-error.show{display: block}.modal-actions{display: flex;gap: 8px;margin-top: 20px}.modal-actions button{flex: 1;padding: 12px;border-radius: 8px;font-size: 15px;font-weight: 600;cursor: pointer;transition: all 0.2s}.btn-outline{background: white;border: 1px solid var(--border-color);color: var(--text-color)}.btn-outline:hover{background: var(--bg-color)}.notifications-container{max-width: 800px;margin: 0 auto;padding: 16px 12px}@media (min-width: 769px){.notifications-container{padding: 24px 16px}}.header-buttons{display: flex;gap: 8px}.header-btn{display: flex;align-items: center;gap: 6px;padding: 8px 14px;background: var(--color-white);color: var(--text-color);border: 3px solid var(--border-color);border-radius: 10px;font-size: 13px;font-weight: 700;cursor: pointer;transition: all 0.15s ease;box-shadow: 3px 3px 0 var(--border-color)}.header-btn:hover{transform: translate(-1px,-1px);box-shadow: 4px 4px 0 var(--border-color)}.header-btn:active{transform: translate(1px,1px);box-shadow: 2px 2px 0 var(--border-color)}.header-btn.btn-danger{background: #ffebee;color: #c62828}.header-btn.btn-danger:hover{background: #ffcdd2}@media (max-width: 480px){.header-btn span{display: none}.header-btn{padding: 10px}}.notif-filters{display: flex;gap: 8px;margin-bottom: 1.5rem}.filter-btn{padding: 10px 20px;background: var(--color-white);border: 3px solid var(--border-color);border-radius: 12px;font-size: 14px;font-weight: 700;cursor: pointer;transition: all 0.15s ease;box-shadow: 3px 3px 0 var(--border-color)}.filter-btn:hover{transform: translate(-1px,-1px);box-shadow: 4px 4px 0 var(--border-color)}.filter-btn:active{transform: translate(1px,1px);box-shadow: 2px 2px 0 var(--border-color)}.filter-btn.active{background: var(--color-yellow);transform: translate(2px,2px);box-shadow: 1px 1px 0 var(--border-color)}.notif-card{background: var(--color-white);border: 3px solid var(--border-color);border-radius: 16px;padding: 16px;margin-bottom: 12px;box-shadow: 4px 4px 0 var(--border-color);display: flex;gap: 14px;align-items: flex-start;cursor: pointer;transition: all 0.15s ease;position: relative;opacity: 0.7}.notif-card:hover{transform: translate(-2px,-2px);box-shadow: 6px 6px 0 var(--border-color);opacity: 1}.notif-card:active{transform: translate(2px,2px);box-shadow: 2px 2px 0 var(--border-color)}.notif-card.unread{background: var(--color-cream);border-left: 6px solid var(--color-yellow);opacity: 1}.notif-card.unread::before{content: '';position: absolute;top: 16px;left: 10px;width: 8px;height: 8px;background: var(--color-yellow);border: 2px solid var(--border-color);border-radius: 50%}.notif-avatar{width: 48px;height: 48px;border-radius: var(--radius-sm);background: var(--color-mint);border: 2px solid var(--border-color);display: flex;align-items: center;justify-content: center;color: var(--text-color);font-size: 18px;font-weight: 800;flex-shrink: 0;overflow: hidden}.notif-card > .avatar-framed,.notif-card > .notif-avatar{margin-left: 8px}.notif-card.unread > .avatar-framed,.notif-card.unread > .notif-avatar{margin-left: 16px}.notif-avatar img{width: 100%;height: 100%;object-fit: cover}.notif-content{flex: 1;min-width: 0}.notif-type{display: inline-flex;align-items: center;gap: 4px;font-size: 11px;font-weight: 700;padding: 3px 8px;border-radius: 6px;margin-bottom: 6px;border: 2px solid var(--border-color)}.notif-type.type-like{background: #ffebee;color: #c62828}.notif-type.type-comment{background: #e3f2fd;color: #1565c0}.notif-type.type-comment_like{background: #fce4ec;color: #ad1457}.notif-type.type-mention{background: #e8f5e9;color: #2e7d32}.notif-type.type-follow{background: #fff3e0;color: #e65100}.notif-message{font-size: 15px;line-height: 1.5;margin-bottom: 6px;color: var(--text-color);font-weight: 500}.notif-message strong{font-weight: 700}.notif-time{font-size: 13px;color: var(--text-muted);font-weight: 600}.notif-delete{position: absolute;top: 12px;right: 12px;width: 32px;height: 32px;border-radius: 8px;background: var(--color-white);border: 2px solid var(--border-color);cursor: pointer;display: flex;align-items: center;justify-content: center;opacity: 0;transition: all 0.15s ease;box-shadow: 2px 2px 0 var(--border-color)}.notif-card:hover .notif-delete{opacity: 1}.notif-delete:hover{background: #ffebee;transform: translate(-1px,-1px);box-shadow: 3px 3px 0 var(--border-color)}.notif-delete:active{transform: translate(1px,1px);box-shadow: 1px 1px 0 var(--border-color)}.notif-empty{text-align: center;padding: 4rem 2rem;color: var(--text-muted);background: var(--color-white);border: 3px solid var(--border-color);border-radius: 16px;box-shadow: 4px 4px 0 var(--border-color)}.notif-empty svg{width: 64px;height: 64px;opacity: 0.4;margin-bottom: 1rem}.notif-empty p{font-size: 16px;font-weight: 600}.loading{text-align: center;padding: 3rem;color: var(--text-muted);font-weight: 600}.load-more{text-align: center;padding: 1.5rem}.load-more-btn{padding: 12px 32px;background: var(--color-white);border: 3px solid var(--border-color);border-radius: 12px;font-size: 15px;font-weight: 700;cursor: pointer;transition: all 0.15s ease;box-shadow: 4px 4px 0 var(--border-color)}.load-more-btn:hover{transform: translate(-2px,-2px);box-shadow: 6px 6px 0 var(--border-color);background: var(--color-cream)}.load-more-btn:active{transform: translate(2px,2px);box-shadow: 2px 2px 0 var(--border-color)}@media (max-width: 768px){.notif-card{padding: 14px}.notif-avatar{width: 44px;height: 44px;font-size: 16px}.notif-message{font-size: 14px}.notif-time{font-size: 12px}.notif-delete{opacity: 1}.filter-btn{padding: 8px 14px;font-size: 13px}}@media (max-width: 768px){body:not(.editor-page) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="submit"]):not([type="button"]),body:not(.editor-page) select,body:not(.editor-page) textarea{font-size: 16px}}.share-sheet-overlay{position: fixed;inset: 0;z-index: var(--z-modal-top,5000);background: rgba(0,0,0,0.45);display: none;align-items: center;justify-content: center;padding: 16px}.share-sheet-overlay.show{display: flex}.share-sheet{background: #fff;border: var(--border-width,3px) solid var(--border-color,#1a1a1a);border-radius: var(--radius,16px);box-shadow: var(--shadow);padding: 20px;width: 100%;max-width: 360px}.share-sheet-title{font-weight: 800;font-size: 16px;text-align: center;margin-bottom: 16px}.share-sheet-btns{display: flex;gap: 10px;justify-content: center;flex-wrap: wrap}.share-opt{flex: 1 1 64px;min-width: 64px;display: flex;flex-direction: column;align-items: center;gap: 6px;padding: 12px 6px;border: 2px solid var(--border-color,#1a1a1a);border-radius: var(--radius-sm,12px);background: var(--color-cream,#fff8e7);cursor: pointer;font-size: 12px;font-weight: 700;transition: transform .12s,box-shadow .12s}.share-opt:hover{transform: translate(-1px,-1px);box-shadow: var(--shadow-sm)}.share-opt-icon{font-size: 22px;line-height: 1;font-weight: 800}.share-opt.share-x{background: #111;color: #fff}.share-opt.share-line{background: #06c755;color: #fff}.share-opt.share-pinterest{background: #E60023;color: #fff}.share-sheet-close{display: block;width: 100%;margin-top: 16px;padding: 10px;border: 2px solid var(--border-color,#1a1a1a);border-radius: var(--radius-sm,12px);background: #fff;cursor: pointer;font-weight: 700}.invite-banner{display: flex;align-items: center;gap: 12px;max-width: 1000px;margin: 12px auto;padding: 12px 16px;background: var(--color-mint,#d8f5e3);border: var(--border-width,3px) solid var(--border-color,#1a1a1a);border-radius: var(--radius,16px);box-shadow: var(--shadow-sm);font-weight: 600}.invite-banner-text{flex: 1;min-width: 0;font-size: 14px}.invite-banner-cta{flex-shrink: 0;white-space: nowrap}.invite-banner-close{flex-shrink: 0;width: 28px;height: 28px;padding: 0;background: transparent;border: none;cursor: pointer;font-size: 22px;line-height: 1;color: var(--text-color,#1a1a1a)}.invite-banner-close:hover{opacity: 0.6}.avatar-framed{position: relative;display: inline-block;line-height: 0;font-size: 0;vertical-align: middle;flex-shrink: 0}.avatar-framed::after{content: '';position: absolute;inset: 0;border-radius: var(--frame-radius,var(--radius,16px));pointer-events: none;z-index: 2;box-sizing: border-box}.avatar-framed.fr-round{--frame-radius: 50%}.avatar-framed.fr-sm{--frame-radius: var(--radius-sm)}.avatar-framed.fr-xs{--frame-radius: var(--radius-xs)}.avatar-framed.frame-none::after{content: none}.avatar-framed:not(.frame-none) > *{border-color: transparent}@property --aurora-angle{syntax: '<angle>';initial-value: 0deg;inherits: false}@keyframes avframeAurora{to{--aurora-angle: 360deg}}@keyframes avframePulse{0%,100%{box-shadow: 0 0 4px #f472b6}50%{box-shadow: 0 0 16px #f472b6}}@keyframes avframeGlow{0%,100%{box-shadow: 0 0 6px #00e5ff,inset 0 0 4px rgba(0,229,255,0.5)}50%{box-shadow: 0 0 16px #00e5ff,inset 0 0 8px rgba(0,229,255,0.8)}}@media (prefers-reduced-motion: reduce){.avatar-framed::after{animation: none !important}}.frame-sample{width: 56px;height: 56px;border-radius: var(--radius,16px);background: var(--color-cream);border: var(--border-width) solid var(--border-color);display: inline-flex;align-items: center;justify-content: center;font-weight: 800;color: var(--text-muted);overflow: hidden}.frame-sample img{width: 100%;height: 100%;object-fit: cover}.frames-balance{font-weight: 700;margin-bottom: 14px}.frames-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(112px,1fr));gap: 14px}.frame-card{border: var(--border-width) solid var(--border-color);border-radius: var(--radius-sm);padding: 16px 8px 12px;text-align: center;display: flex;flex-direction: column;align-items: center;gap: 10px;box-shadow: var(--shadow-sm);background: var(--color-white)}.frame-card.active{background: var(--color-mint)}.frame-card .frame-name{font-size: 13px;font-weight: 700}.frame-card .btn{width: 100%}.shop-tabs{display: flex;gap: 8px;margin-bottom: 14px}.shop-tab{flex: 1;padding: 8px 10px;cursor: pointer;font-weight: 700;font-size: 14px;background: var(--color-white);color: var(--text-color);border: var(--border-width) solid var(--border-color);border-radius: var(--radius-sm)}.shop-tab.active{background: var(--primary-color,#ffe566)}.badge-sample{width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;font-size: 30px;line-height: 1;background: #f8f6f0;border: 1px solid var(--border-color);border-radius: 10px}.badge-sample-none{color: #c4c4c4;font-size: 22px}.badge-sample img{width: 30px;height: 30px}.emoji-icon{width: 1.05em;height: 1.05em;vertical-align: -0.16em;display: inline-block;flex-shrink: 0}.user-level-badge.is-shop-badge img{width: 72%;height: 72%;display: block}.user-level-badge.is-shop-badge{background: #fff;color: #1a1a1a;font-size: 11px;line-height: 1;border: 2px solid #fff;box-shadow: 0 1px 3px rgba(0,0,0,0.25);overflow: hidden}.user-level-badge.is-detached,.level-badge.is-detached{display: none}.badge-sample .user-level-badge.badge-preview{position: static;width: 26px;height: 26px;font-size: 14px}.av{position: relative;display: inline-flex;flex-shrink: 0;box-sizing: border-box;vertical-align: middle;line-height: 0}.av__pic{width: 100%;height: 100%;box-sizing: border-box;border: var(--av-border) solid var(--border-color);border-radius: var(--av-radius);background: var(--color-cream);color: var(--text-color);font-weight: 700;line-height: 1;overflow: hidden;display: flex;align-items: center;justify-content: center}.av__pic img{width: 100%;height: 100%;object-fit: cover;display: block}.av.avatar-framed{--frame-radius: var(--av-radius)}.av.avatar-framed:not(.frame-none) .av__pic{border-color: transparent}.av.av--xs{width: 24px;height: 24px;--av-radius: 7px;--av-border: 1.5px;font-size: 11px}.av.av--sm{width: 32px;height: 32px;--av-radius: 9px;--av-border: 2px;font-size: 13px}.av.av--md{width: 40px;height: 40px;--av-radius: 11px;--av-border: 2px;font-size: 16px}.av.av--lg{width: 80px;height: 80px;--av-radius: 18px;--av-border: 3px;font-size: 30px}.av.av--xl{width: 100px;height: 100px;--av-radius: 22px;--av-border: 3.5px;font-size: 40px}.av--xs .user-level-badge{width: 11px;height: 11px;bottom: -2px;right: -2px;font-size: 6px;border-width: 1.5px}.av--sm .user-level-badge{width: 14px;height: 14px;bottom: -2px;right: -2px;font-size: 7px;border-width: 2px}.av--md .user-level-badge{width: 16px;height: 16px;bottom: -3px;right: -3px;font-size: 8px;border-width: 2px}.av--lg .user-level-badge{width: 24px;height: 24px;bottom: -3px;right: -3px;font-size: 12px;border-width: 3px}.av--xl .user-level-badge{width: 28px;height: 28px;bottom: -2px;right: -2px;font-size: 14px;border-width: 3.5px}.av.profile-btn,.av.profile-dropdown-avatar,.av.profile-avatar,.av.profile-edit-avatar{border: none !important;background: none !important;overflow: visible !important}.av.profile-avatar,.av.profile-edit-avatar{box-shadow: none !important}.av .user-level-badge{border-style: solid !important;border-color: #fff !important}