*{margin: 0;padding: 0;box-sizing: border-box}.skip-to-content{position: absolute;left: -9999px;top: 0;z-index: 100000;padding: 10px 16px;background: #4a90d9;color: #fff;font-weight: 700;text-decoration: none;border-radius: 0 0 8px 0}.skip-to-content:focus{left: 0}:root{--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: 2px;--border-width-thick: 3px;--divider-color: #eee;--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: var(--border-width) solid var(--border-color);border-radius: 50%;background: var(--card-bg);color: var(--text-color);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: var(--primary-color)}}.help-q-btn.active{background: var(--primary-color)}.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: var(--border-width) 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: var(--border-width) solid var(--border-color);background: var(--color-white)}#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.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)}.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}.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: var(--border-width) 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;margin-top: 8px;padding-top: 12px;border-top: 1px solid rgba(0,0,0,0.08)}.footer-lang-dropdown{position: relative;display: inline-block}.footer-lang-current{display: inline-flex;align-items: center;gap: 6px;font-size: 12px;padding: 5px 12px;border-radius: 6px;border: 1px solid rgba(0,0,0,0.15);background: var(--card-bg,#fff);color: var(--text-color,#333);cursor: pointer;transition: all 0.15s}.footer-lang-current:hover{background: var(--primary-color);border-color: var(--border-color,#1a1a1a)}.footer-lang-caret{font-size: 10px;line-height: 1;transition: transform 0.15s}.footer-lang-current[aria-expanded="true"] .footer-lang-caret{transform: rotate(180deg)}.footer-lang-menu{display: none;position: absolute;left: 50%;bottom: calc(100% + 8px);transform: translateX(-50%);min-width: 150px;padding: 6px;background: var(--card-bg,#fff);border: 1px solid var(--border-color,#1a1a1a);border-radius: 10px;box-shadow: var(--shadow-sm,3px 3px 0 #1a1a1a);z-index: var(--z-dropdown,1000)}.footer-lang-menu.show{display: block}.footer-lang-option{display: flex;align-items: center;gap: 8px;padding: 9px 12px;font-size: 13px;color: var(--text-color,#333);text-decoration: none;border-radius: 6px;white-space: nowrap;transition: background 0.15s}.footer-lang-option:hover{background: var(--bg-color,#FFF8E7);color: var(--text-color,#333);text-decoration: none}.footer-lang-option.active{background: var(--primary-color);color: var(--color-black,#1a1a1a);font-weight: 700}.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);max-height: calc(100dvh - 20px)}}@media (hover: hover) and (pointer: fine){::-webkit-scrollbar{width: 12px;height: 12px}::-webkit-scrollbar-track{background: var(--bg-color)}::-webkit-scrollbar-thumb{background: var(--border-color);border-radius: 6px;border: var(--border-width-thick) 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: var(--shadow-active)}}.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: var(--border-width-thick) solid var(--border-color);border-radius: var(--radius-xs);font-size: 15px;font-weight: 700;text-decoration: none;cursor: pointer;transition: all 0.15s;box-shadow: var(--shadow-sm)}.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}.btn-facebook{background: #1877F2;color: #fff;border-color: #1462c9}.btn-facebook:hover{background: #166bd9}.btn-tiktok{background: #000;color: #fff;border-color: #444}.btn-tiktok:hover{background: #1a1a1a}.btn-zalo{background: #0068FF;color: #fff;border-color: #0054cc}.btn-zalo:hover{background: #0058d9}.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: var(--card-bg);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}.legal-content a{text-decoration: underline}.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: var(--card-bg);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: var(--card-bg);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: var(--card-bg);border-radius: var(--radius);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: var(--radius-xs);font-size: 15px;font-weight: 600;cursor: pointer;transition: all 0.2s}.btn-outline{background: var(--card-bg);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: var(--border-width-thick) solid var(--border-color);border-radius: 10px;font-size: 13px;font-weight: 700;cursor: pointer;transition: all var(--transition-fast);box-shadow: var(--shadow-sm)}.header-btn:hover{transform: translate(-1px,-1px);box-shadow: var(--shadow)}.header-btn:active{transform: translate(1px,1px);box-shadow: var(--shadow-active)}.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: var(--border-width-thick) solid var(--border-color);border-radius: var(--radius-sm);font-size: 14px;font-weight: 700;cursor: pointer;transition: all var(--transition-fast);box-shadow: var(--shadow-sm)}.filter-btn:hover{transform: translate(-1px,-1px);box-shadow: var(--shadow)}.filter-btn:active{transform: translate(1px,1px);box-shadow: var(--shadow-active)}.filter-btn.active{background: var(--primary-color);transform: translate(2px,2px);box-shadow: 1px 1px 0 var(--border-color)}.notif-card{background: var(--color-white);border: var(--border-width-thick) solid var(--border-color);border-radius: var(--radius);padding: 16px;margin-bottom: 12px;box-shadow: var(--shadow);display: flex;gap: 14px;align-items: flex-start;cursor: pointer;transition: all var(--transition-fast);position: relative;opacity: 0.7}.notif-card:hover{transform: translate(-2px,-2px);box-shadow: var(--shadow-lg);opacity: 1}.notif-card:active{transform: translate(2px,2px);box-shadow: var(--shadow-active)}.notif-card.unread{background: var(--color-cream);border-left: 6px solid var(--primary-color);opacity: 1}.notif-card.unread::before{content: '';position: absolute;top: 16px;left: 10px;width: 8px;height: 8px;background: var(--primary-color);border: var(--border-width) solid var(--border-color);border-radius: 50%}.notif-avatar{width: 48px;height: 48px;border-radius: var(--radius-sm);background: var(--color-mint);border: var(--border-width) 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: var(--border-width) solid var(--border-color)}.notif-type.type-like{background: #ffebee;color: #c62828}.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: var(--radius-xs);background: var(--color-white);border: var(--border-width) solid var(--border-color);cursor: pointer;display: flex;align-items: center;justify-content: center;opacity: 0;transition: all var(--transition-fast);box-shadow: var(--shadow-active)}.notif-card:hover .notif-delete{opacity: 1}.notif-delete:hover{background: #ffebee;transform: translate(-1px,-1px);box-shadow: var(--shadow-sm)}.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: var(--border-width-thick) solid var(--border-color);border-radius: var(--radius);box-shadow: var(--shadow)}.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: var(--border-width-thick) solid var(--border-color);border-radius: var(--radius-sm);font-size: 15px;font-weight: 700;cursor: pointer;transition: all var(--transition-fast);box-shadow: var(--shadow)}.load-more-btn:hover{transform: translate(-2px,-2px);box-shadow: var(--shadow-lg);background: var(--color-cream)}.load-more-btn:active{transform: translate(2px,2px);box-shadow: var(--shadow-active)}@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}}.design-detail__facts{color: var(--text-muted,#6b7280);font-size: 14px;margin: 4px 0}.design-related,.design-comments{max-width: 1000px;margin: 24px auto;padding: 0 16px}.design-related__title,.design-comments__title{font-size: 16px;font-weight: 800;margin: 0 0 12px}.design-related__grid{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fill,minmax(96px,1fr));gap: 12px}.design-related__grid a{display: block;text-decoration: none;color: inherit}.design-related__grid img{width: 100%;aspect-ratio: 1/1;object-fit: cover;border: var(--border-width,2px) solid var(--border-color,#1a1a1a);border-radius: var(--radius-sm,10px);background: var(--card-bg)}.design-related__grid span{display: block;font-size: 12px;margin-top: 4px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.design-comments__list{list-style: none;margin: 0;padding: 0}.design-comments__item{padding: 10px 0;border-top: 1px solid var(--border-color-light,#eee)}.design-comments__author{font-weight: 700;font-size: 13px;margin-right: 8px}.design-comments__text{display: inline;font-size: 14px;color: var(--text-color,#1a1a1a)}.design-detail__category{font-size: 14px;margin: 4px 0}.mypage-sections{display: flex;gap: 8px;margin-bottom: 14px}.mypage-section-tab{flex: 0 0 auto;padding: 8px 18px;border: var(--border-width) solid var(--border-color,#1a1a1a);border-radius: 999px;background: var(--card-bg);color: var(--text-color);font-weight: 700;font-size: 14px;cursor: pointer}.mypage-section-tab.active{background: var(--primary-color);color: var(--color-black,#1a1a1a)}.category-hub{max-width: 1000px;margin: 24px auto;padding: 0 16px}.category-hub__title{font-size: 22px;font-weight: 800;margin: 0 0 8px}.category-hub__desc{color: var(--text-muted,#6b7280);margin: 0 0 20px;line-height: 1.6}.category-hub__grid{grid-template-columns: repeat(auto-fill,minmax(120px,1fr))}.category-hub__empty{color: var(--text-muted,#6b7280)}.category-hub__home{text-align: center;margin: 16px 0 28px}.ed-modal-overlay{position: fixed;inset: 0;z-index: var(--z-modal-top,5000);background: rgba(0,0,0,.45);display: none;align-items: center;justify-content: center;padding: 16px}.ed-modal-overlay.show{display: flex}.ed-modal{background: var(--card-bg);border: var(--border-width,3px) solid var(--border-color,#1a1a1a);border-radius: var(--radius,16px);box-shadow: var(--shadow);width: 100%;max-width: 420px;padding: 20px}.ed-modal h3{margin: 0 0 12px;font-size: 16px;font-weight: 800}.ed-modal label{display: block;font-size: 13px;font-weight: 700;margin: 12px 0 4px}.ed-modal input[type=text],.ed-modal textarea,.ed-modal select{width: 100%;box-sizing: border-box;padding: 9px 11px;border: var(--border-width) solid var(--border-color,#1a1a1a);border-radius: var(--radius-sm,10px);font: inherit;background: var(--card-bg)}.ed-modal textarea{resize: vertical}.ed-modal__btns{display: flex;gap: 10px;margin-top: 18px}.ed-modal__btns button{flex: 1;padding: 10px;border: var(--border-width) solid var(--border-color,#1a1a1a);border-radius: var(--radius-sm,10px);background: var(--card-bg);font-weight: 700;cursor: pointer}.ed-modal__btns .confirm{background: var(--primary-color)}.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)}.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: var(--border-width) 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}#ptrInd{position: fixed;left: 50%;top: 0;margin-left: -18px;width: 36px;height: 36px;border-radius: 50%;background: #fff;box-shadow: 0 3px 12px rgba(0,0,0,.2);display: flex;align-items: center;justify-content: center;z-index: 2147483646;opacity: 0;pointer-events: none;will-change: top,opacity,transform}#ptrInd.ptr-armed{transition: transform .14s ease,background-color .14s ease;transform: scale(1.14);background: var(--accent-color,#f76b89)}#ptrInd.ptr-armed svg{color: #fff}#ptrInd.ptr-snap{transition: top .3s cubic-bezier(.2,.8,.3,1),opacity .25s,transform .2s ease,background-color .2s ease}#ptrInd svg{width: 22px;height: 22px;color: var(--accent-color,#f76b89);display: block;transition: color .14s ease}#ptrInd.ptr-spin svg{animation: ptrSpin .7s linear infinite}@keyframes ptrSpin{to{transform: rotate(360deg)}}html.mbs-scroll-unstuck,html.mbs-scroll-unstuck body{overflow: visible !important;touch-action: auto !important}html.mbs-scroll-unstuck body{position: static !important}
.cat-chips{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 4px}.cat-chip{padding: 4px 10px;border: 1.5px solid var(--border-color,#ccc);border-radius: 999px;background: #fff;font: inherit;font-size: 11.5px;line-height: 1.2;cursor: pointer;color: #555}.cat-chip.selected{background: var(--primary-color);border-color: var(--border-color,#1a1a1a);color: #1a1a1a;font-weight: 700}.viewer-meta-line{font-size: 12px;line-height: 1.4;font-weight: 400;margin: 2px auto 0;max-width: min(420px,90vw);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.viewer-meta-desc{color: var(--text-light,#888)}@keyframes spin{to{transform: rotate(360deg)}}.is-hidden{display: none}.badge.is-hidden{display: none}.icon-1em{width: 1em;height: 1em}.icon-1em-vm{width: 1em;height: 1em;vertical-align: -0.15em}.icon-14-vm{width: 14px;height: 14px;vertical-align: middle}.icon-16-vm{vertical-align: middle;width: 16px;height: 16px}.icon-16-vm-inline{vertical-align: middle;width: 16px;height: 16px;display: inline}.icon-16-vm-mr4{width: 16px;height: 16px;vertical-align: middle;margin-right: 4px}.icon-16-mr8{width: 16px;height: 16px;margin-right: 8px}.icon-18-vm-mr4{width: 18px;height: 18px;vertical-align: middle;margin-right: 4px}.icon-18-vm-mr6{width: 18px;height: 18px;vertical-align: middle;margin-right: 6px}.icon-20{width: 20px;height: 20px}.icon-20-vm{width: 20px;height: 20px;vertical-align: middle}.icon-22{width: 22px;height: 22px}.icon-24{width: 24px;height: 24px}.icon-48{width: 48px;height: 48px}.icon-48-dim{width: 48px;height: 48px;opacity: 0.5}.vm-mr8{vertical-align: middle;margin-right: 8px}.grid-full{grid-column: 1 / -1}.grid-full-empty{grid-column: 1 / -1;text-align: center;padding: 40px}.col-stretch-g12{flex-direction: column;align-items: stretch;gap: 12px}.pos-rel{position: relative}.mw-400{max-width: 400px}.tt-upper{text-transform: uppercase}.ml-auto{margin-left: auto}.pwa-return-banner{position: fixed;top: 0;left: 0;right: 0;z-index: 10002;display: flex;align-items: center;justify-content: center;gap: 10px;padding: 12px 44px 12px 16px;background: #1a1a1a;color: #fff;font-size: 14px;line-height: 1.5;text-align: center}.pwa-return-banner button{position: absolute;right: 8px;top: 50%;transform: translateY(-50%);background: none;border: none;color: #fff;font-size: 22px;line-height: 1;padding: 6px 10px;cursor: pointer}.share-sheet-overlay{position: fixed;inset: 0;z-index: var(--z-modal-confirm,4000);display: none;align-items: flex-end;justify-content: center;background: rgba(0,0,0,.55)}.share-sheet-overlay.show{display: flex}.share-sheet{width: 100%;max-width: 440px;background: var(--card-bg,#fff);border: 2px solid var(--border-color,#1a1a1a);border-bottom: none;border-radius: 16px 16px 0 0;padding: 6px 16px calc(16px + env(safe-area-inset-bottom,0px));animation: shareSheetUp .18s ease-out}@keyframes shareSheetUp{from{transform: translateY(24px);opacity: .6}to{transform: none;opacity: 1}}.share-sheet-handle{width: 44px;height: 4px;border-radius: 2px;margin: 6px auto 2px;background: var(--text-light,#999)}.share-sheet-header{display: flex;align-items: center;justify-content: space-between;padding: 8px 2px}.share-sheet-title{margin: 0;font-size: 16px;font-weight: 800;color: var(--text-color,#1a1a1a)}.share-sheet-close{background: none;border: none;padding: 4px 10px;font-size: 22px;line-height: 1;cursor: pointer;color: var(--text-color,#1a1a1a)}.share-sheet-page{display: flex;flex-direction: column;gap: 8px;padding-bottom: 8px}.share-sheet-item{display: flex;align-items: center;gap: 12px;width: 100%;padding: 12px 14px;text-align: left;background: var(--card-bg,#fff);border: 2px solid var(--border-color,#1a1a1a);border-radius: 10px;font: inherit;font-size: 14px;font-weight: 700;color: var(--text-color,#1a1a1a);cursor: pointer}.share-sheet-item:hover{transform: translate(-1px,-1px);box-shadow: 2px 2px 0 var(--border-color,#1a1a1a)}.share-sheet-item:active{transform: none;box-shadow: none}.share-sheet-ic{width: 20px;height: 20px;flex: 0 0 auto}.share-sheet-chevron{margin-left: auto;font-size: 18px;color: var(--text-light,#888)}.share-sheet-back{align-self: flex-start;background: none;border: none;padding: 4px 2px 8px;font: inherit;font-size: 13px;font-weight: 700;color: var(--text-light,#888);cursor: pointer}.share-sheet-hint{margin: 0;padding: 2px 2px 8px;font-size: 13px;font-weight: 600;line-height: 1.6;color: var(--text-color,#1a1a1a)}.share-sheet-page.is-hidden,.share-sheet-item.is-hidden{display: none}@media (min-width: 600px){.share-sheet-overlay{align-items: center}.share-sheet{border-radius: 14px;border-bottom: 2px solid var(--border-color,#1a1a1a);box-shadow: 6px 6px 0 var(--border-color,#1a1a1a);padding-bottom: 16px}.share-sheet-handle{display: none}}
[data-theme="dark-brutal"]{--bg-color: #16161f;--card-bg: #232336;--color-white: #232336;--text-color: #f2f0e9;--text-light: #c6c3b9;--text-muted: #a3a096;--border-color: #e4e1d8;--primary-color: #d9c34d;--primary-hover: #e6d15f;--accent-color: #d98a9c;--danger-color: #e5636f;--secondary-color: #8bbf87;--success-color: #8bbf87;--warning-color: #e0a94e;--craft-2d: #d8d17a;--craft-3d: #b3a3dd;--craft-bead: #7cbfcd;--color-cream: #2a2438;--color-mint: #1f2e22;--color-lavender: #2b2440;--color-peach: #332230;--color-sky: #1f2b38;--divider-color: #3a3a50;color-scheme: dark}[data-theme="dark-brutal"] .logo-icon,[data-theme="dark-brutal"] .logo-text-img{filter: drop-shadow(1.5px 0 0 #f2f0e9) drop-shadow(-1.5px 0 0 #f2f0e9) drop-shadow(0 1.5px 0 #f2f0e9) drop-shadow(0 -1.5px 0 #f2f0e9)}[data-theme="dark-brutal"] .dropdown-icon,[data-theme="dark-brutal"] .menu-icon,[data-theme="dark-brutal"] .emoji-icon,[data-theme="dark-brutal"] .btn-icon,[data-theme="dark-brutal"] .icon-14-vm,[data-theme="dark-brutal"] .icon-16-mr8,[data-theme="dark-brutal"] .icon-20-vm{filter: invert(0.9)}[data-theme="dark-brutal"] .feed-card-stat img,[data-theme="dark-brutal"] .feed-chip img,[data-theme="dark-brutal"] .type-tab img{filter: invert(0.9)}[data-theme="dark-brutal"] .share-sheet-ic--mono{filter: invert(0.9)}[data-theme="dark-brutal"] .btn-primary,[data-theme="dark-brutal"] .btn-success,[data-theme="dark-brutal"] .header-create-btn,[data-theme="dark-brutal"] .help-q-btn.active,[data-theme="dark-brutal"] .page-btn.active,[data-theme="dark-brutal"] .tab-btn.active,[data-theme="dark-brutal"] .footer-lang-option.active,[data-theme="dark-brutal"] .footer-lang-current:hover,[data-theme="dark-brutal"] .filter-btn.active,[data-theme="dark-brutal"] .mypage-section-tab.active,[data-theme="dark-brutal"] .ed-modal__btns .confirm,[data-theme="dark-brutal"] .shop-tab.active,[data-theme="dark-brutal"] .toast.warning,[data-theme="dark-brutal"] .feed-chip.active,[data-theme="dark-brutal"] .feed-sort-item.active,[data-theme="dark-brutal"] .hof-rank-1,[data-theme="dark-brutal"] .home-fab,[data-theme="dark-brutal"] .feed-badge.b-2d,[data-theme="dark-brutal"] .feed-badge.b-3d,[data-theme="dark-brutal"] .feed-badge.b-bead,[data-theme="dark-brutal"] .type-tab.active,[data-theme="dark-brutal"] .visibility-badge.draft,[data-theme="dark-brutal"] .follow-btn,[data-theme="dark-brutal"] .follow-modal-follow-btn:not(.following),[data-theme="dark-brutal"] .btn-security-primary,[data-theme="dark-brutal"] .profile-edit-btn,[data-theme="dark-brutal"] .btn-profile-icon.following,[data-theme="dark-brutal"] .profile-pagination .page-btn.active,[data-theme="dark-brutal"] .dm-send-btn,[data-theme="dark-brutal"] .support-send-btn,[data-theme="dark-brutal"] .review-toggle-btn,[data-theme="dark-brutal"] .review-submit-btn,[data-theme="dark-brutal"] .reviews-sort-btn.active,[data-theme="dark-brutal"] .reviews-load-more-btn,[data-theme="dark-brutal"] .review-edit-save,[data-theme="dark-brutal"] .my-comments-sort-btn.active,[data-theme="dark-brutal"] .converter-mode-btn--block,[data-theme="dark-brutal"] .converter-mode-btn--bead,[data-theme="dark-brutal"] .editor-modal-header.editor-header-2d,[data-theme="dark-brutal"] .editor-modal-header.editor-header-3d,[data-theme="dark-brutal"] .editor-modal-header.editor-header-bead,[data-theme="dark-brutal"] .seo-hero__btn,[data-theme="dark-brutal"] .points-shop-btn,[data-theme="dark-brutal"] .cookie-accept-btn,[data-theme="dark-brutal"] .profile-dropdown-header .profile-dropdown-name,[data-theme="dark-brutal"] .profile-dropdown-header .profile-dropdown-email,[data-theme="dark-brutal"] .profile-dropdown-points .points-value,[data-theme="dark-brutal"] .profile-dropdown-points .points-unit,[data-theme="dark-brutal"] .profile-lang-option.active,[data-theme="dark-brutal"] .login-prompt-signup{color: var(--color-black)}[data-theme="dark-brutal"] .size-display .total-blocks{color: var(--color-black)}[data-theme="dark-brutal"] .header-create-menu-item:hover .menu-icon,[data-theme="dark-brutal"] .btn-primary .btn-icon,[data-theme="dark-brutal"] .btn-primary .emoji-icon,[data-theme="dark-brutal"] .btn-secondary .btn-icon,[data-theme="dark-brutal"] .btn-secondary .emoji-icon,[data-theme="dark-brutal"] .btn-danger .btn-icon,[data-theme="dark-brutal"] .btn-danger .emoji-icon,[data-theme="dark-brutal"] .header-create-btn .btn-icon,[data-theme="dark-brutal"] .header-create-btn .emoji-icon,[data-theme="dark-brutal"] .feed-chip.active img,[data-theme="dark-brutal"] .type-tab.active img,[data-theme="dark-brutal"] .seo-hero__btn img,[data-theme="dark-brutal"] .dm-send-btn img,[data-theme="dark-brutal"] .support-send-btn img,[data-theme="dark-brutal"] .feed-card-like.liked img{filter: none}:where([data-theme="dark-brutal"]) button{color: inherit}[data-theme="dark-brutal"] .dither-label{color: var(--text-color)}[data-theme="dark-brutal"] .dither-slider{background: var(--card-bg);border-color: var(--border-color)}[data-theme="dark-brutal"] .dither-slider::after{background: var(--border-color)}[data-theme="dark-brutal"] .dither-switch input:checked + .dither-slider{background: var(--primary-color)}[data-theme="dark-brutal"] .dither-switch input:checked + .dither-slider::after{background: var(--color-black)}[data-theme="dark-brutal"] .feed-card-thumb:has(> img.lazy-img:not(.lazy-loaded))::after{background: linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.08) 50%,rgba(255,255,255,0) 100%)}[data-theme="dark-brutal"] .feed-card > .feed-card-more-wrap .feed-card-more{background: rgba(35,35,54,0.85)}[data-theme="dark-brutal"] .review-content{color: var(--text-light)}[data-theme="dark-brutal"] .review-time,[data-theme="dark-brutal"] .review-translate-btn,[data-theme="dark-brutal"] .review-photo-hint{color: var(--text-muted)}[data-theme="dark-brutal"] .review-translation,[data-theme="dark-brutal"] .profile-bio-translation{color: var(--text-light);background: rgba(255,255,255,0.05);border-left-color: var(--divider-color)}[data-theme="dark-brutal"] .profile-bio-translate-btn{color: var(--text-muted)}[data-theme="dark-brutal"] .review-photos img,[data-theme="dark-brutal"] .review-photo-thumb{border-color: var(--divider-color)}[data-theme="dark-brutal"] .review-photo-label{color: #7eb3ff}[data-theme="dark-brutal"] .reviews-sort-btn,[data-theme="dark-brutal"] .review-like-btn,[data-theme="dark-brutal"] .review-reply-btn,[data-theme="dark-brutal"] .review-edit-btn,[data-theme="dark-brutal"] .review-more-replies-btn,[data-theme="dark-brutal"] .review-edited,[data-theme="dark-brutal"] .review-deleted-text,[data-theme="dark-brutal"] .review-reply-cancel{color: var(--text-muted)}[data-theme="dark-brutal"] .reviews-sort-btn:hover{background: rgba(255,255,255,0.08)}[data-theme="dark-brutal"] .review-like-btn:hover,[data-theme="dark-brutal"] .review-reply-btn:hover,[data-theme="dark-brutal"] .review-edit-btn:hover{color: var(--text-light)}[data-theme="dark-brutal"] .reviews-sort-bar{border-bottom-color: var(--divider-color)}[data-theme="dark-brutal"] .review-replies{border-left-color: var(--divider-color)}[data-theme="dark-brutal"] .review-item--deleted{background: rgba(255,255,255,0.03)}[data-theme="dark-brutal"] .review-reply-banner{background: rgba(255,255,255,0.06);color: var(--text-muted)}[data-theme="dark-brutal"] .review-edit-textarea{background: var(--card-bg);color: var(--text-light);border-color: var(--divider-color)}[data-theme="dark-brutal"] .review-edit-cancel{background: var(--card-bg);color: var(--text-muted);border-color: var(--divider-color)}[data-theme="dark-brutal"] .review-item--focus{background: rgba(255,214,0,0.12)}[data-theme="dark-brutal"] .my-comments-summary,[data-theme="dark-brutal"] .my-comments-sort-btn,[data-theme="dark-brutal"] .my-comment-design,[data-theme="dark-brutal"] .my-comment-stats,[data-theme="dark-brutal"] .my-comment-reply-mark{color: var(--text-muted)}[data-theme="dark-brutal"] .my-comments-sort-btn:hover{background: rgba(255,255,255,0.08)}[data-theme="dark-brutal"] .my-comment-item,[data-theme="dark-brutal"] .my-comment-thumb{border-color: var(--divider-color)}[data-theme="dark-brutal"] .my-comment-thumb--none{background: rgba(255,255,255,0.06)}[data-theme="dark-brutal"] .profile-dropdown-header .profile-dropdown-name,[data-theme="dark-brutal"] .profile-dropdown-header .profile-dropdown-email,[data-theme="dark-brutal"] .profile-dropdown-points .points-value,[data-theme="dark-brutal"] .profile-dropdown-points .points-unit{color: var(--color-black)}[data-theme="dark-brutal"] .onboarding-card{background: linear-gradient(135deg,#2a2438 0%,#332230 100%)}[data-theme="dark-brutal"] .onboarding-card__desc{color: var(--text-light)}[data-theme="dark-brutal"] .onboarding-card__close{color: var(--text-muted)}[data-theme="dark-brutal"] .onboarding-card__close:hover{color: var(--text-color);background: rgba(255,255,255,0.08)}[data-theme="dark-brutal"] .onboarding-opt{background: var(--card-bg)}[data-theme="dark-brutal"] .design-detail__about{color: var(--text-muted)}[data-theme="dark-brutal"] .mypage-points-box,[data-theme="dark-brutal"] .points-header{background: linear-gradient(135deg,#2e2a18 0%,#383218 100%)}[data-theme="dark-brutal"] .about-free-banner{background: #2e2a18}[data-theme="dark-brutal"] .about-free-banner .free-text p{color: var(--text-light)}[data-theme="dark-brutal"] .chub-hero h1{color: var(--text-color)}[data-theme="dark-brutal"] .chub-hero-sub{color: var(--text-light)}[data-theme="dark-brutal"] .chub-section{background: var(--card-bg)}[data-theme="dark-brutal"] .chub-section h2,[data-theme="dark-brutal"] .chub-feat-card h3,[data-theme="dark-brutal"] .chub-step .step-body h3,[data-theme="dark-brutal"] .chub-faq-item h3,[data-theme="dark-brutal"] .chub-shot figcaption strong{color: var(--text-color)}[data-theme="dark-brutal"] .chub-prose,[data-theme="dark-brutal"] .chub-gallery-sub,[data-theme="dark-brutal"] .chub-shot figcaption,[data-theme="dark-brutal"] .chub-feat-card p,[data-theme="dark-brutal"] .chub-step .step-body p,[data-theme="dark-brutal"] .chub-step .step-body li,[data-theme="dark-brutal"] .chub-faq-item p{color: var(--text-light)}[data-theme="dark-brutal"] .chub-feat-card,[data-theme="dark-brutal"] .chub-step{background: var(--color-cream)}[data-theme="dark-brutal"] .chub-faq-item{border-bottom-color: var(--divider-color)}[data-theme="dark-brutal"] .chub-gallery-item{background: var(--color-cream);border-color: var(--divider-color)}[data-theme="dark-brutal"] .chub-btn{background: var(--card-bg);color: var(--text-color);border-color: var(--border-color)}[data-theme="dark-brutal"] .chub-btn.primary{background: var(--primary-color);color: var(--color-black);border-color: var(--color-black)}[data-theme="dark-brutal"] .chub-cat-chip{background: var(--card-bg);color: var(--text-color);border-color: var(--divider-color)}[data-theme="dark-brutal"] .chub-link{color: #8ab6e6}[data-theme="dark-brutal"] .chub-final-cta .chub-btn{background: #fff;color: #1a1a1a;border-color: #1a1a1a}[data-theme="dark-brutal"] .chub-final-cta .chub-link{color: #1a1a1a}[data-theme="dark-brutal"] .chub-cat-chip:hover{border-color: #8ab6e6;color: #8ab6e6}[data-theme="dark-brutal"] .chub-shot img{border-color: var(--border-color);box-shadow: 4px 4px 0 var(--border-color)}[data-theme="dark-brutal"] .chub-section h2 .icon,[data-theme="dark-brutal"] .chub-feat-icon img{filter: invert(0.9)}[data-theme="dark-brutal"] .publish-nudge-banner{background: var(--color-mint)}[data-theme="dark-brutal"] .publish-nudge-text span{color: #8fd8b8}[data-theme="dark-brutal"] .publish-nudge-icon{filter: invert(0.9)}[data-theme="dark-brutal"] .publish-nudge-close:hover{background: rgba(255,255,255,0.08)}[data-theme="dark-brutal"] .editor-modal-header .modal-header-type span,[data-theme="dark-brutal"] .editor-modal-header .modal-pmode-badge{color: var(--color-black)}[data-theme="dark-brutal"] .editor-modal-header .viewer-meta-date,[data-theme="dark-brutal"] .editor-modal-header .viewer-meta-desc{color: var(--color-black);opacity: 0.68}[data-theme="dark-brutal"] .points-modal{background: var(--card-bg)}[data-theme="dark-brutal"] .pm-balance{background: linear-gradient(135deg,#2e2a18 0%,#383218 100%)}[data-theme="dark-brutal"] .pm-item{border-bottom-color: var(--divider-color)}[data-theme="dark-brutal"] .pm-footer{border-top-color: var(--divider-color)}[data-theme="dark-brutal"] .pm-icon.earn{background: rgba(16,185,129,0.16)}[data-theme="dark-brutal"] .pm-icon.spend{background: rgba(239,68,68,0.16)}[data-theme="dark-brutal"] .pm-guide-compact{color: var(--text-muted)}[data-theme="dark-brutal"] .pm-guide-compact .sep{color: var(--divider-color)}[data-theme="dark-brutal"] .points-history{background: var(--card-bg)}[data-theme="dark-brutal"] .points-history-item{border-bottom-color: var(--divider-color)}[data-theme="dark-brutal"] .points-info-box{background: var(--color-cream);color: var(--text-light)}
.header-container{max-width: 1200px;margin: 0 auto;padding: 0 20px;height: 60px;display: flex;align-items: center;justify-content: space-between;gap: 16px}.logo{display: flex;align-items: center;gap: 10px;text-decoration: none;flex-shrink: 0;padding: 6px 4px;transition: opacity var(--transition-fast)}.logo:hover{opacity: 0.8}.logo:active{opacity: 0.6}.logo-text-img{width: auto;display: block}.header-create{position: relative}.header-create-btn{display: flex;align-items: center;gap: 8px;padding: 10px 18px;background: var(--primary-color);border: var(--border-width) solid var(--border-color);border-radius: var(--radius-sm);box-shadow: var(--shadow-sm);font-weight: 700;font-size: 14px;color: var(--text-color);cursor: pointer;transition: all var(--transition-fast);white-space: nowrap}.header-create-btn:hover{transform: translate(-2px,-2px);box-shadow: var(--shadow)}.header-create-btn:active{transform: translate(2px,2px);box-shadow: none}.header-create-btn .plus-icon{font-size: 18px;font-weight: 800}.header-create-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 999;display: none}.header-create.open .header-create-overlay{display: block}.header-create-menu{position: absolute;top: calc(100% + 8px);left: 50%;transform: translateX(-50%) scale(0.95);background: var(--card-bg);border: var(--border-width) solid var(--border-color);border-radius: var(--radius-sm);box-shadow: var(--shadow);width: max-content;min-width: 220px;max-width: min(92vw,420px);opacity: 0;visibility: hidden;transition: all 0.2s ease;z-index: 1000;overflow: hidden}.header-create.open .header-create-menu{opacity: 1;visibility: visible;transform: translateX(-50%) scale(1)}.header-create-menu-item{display: flex;align-items: center;gap: 10px;padding: 12px 16px;border-left: 5px solid transparent;color: var(--text-color);text-decoration: none;font-size: 14px;font-weight: 600;transition: background 0.15s;white-space: normal;overflow-wrap: anywhere}.header-create-menu-item:hover{background: var(--primary-color)}.header-create-menu-item .menu-icon{width: 20px;height: 20px}.header-create-menu-item--2d{border-left-color: var(--craft-2d,#f4e637)}.header-create-menu-item--3d{border-left-color: var(--craft-3d,#b794f6)}.header-create-menu-item--bead{border-left-color: var(--craft-bead,#5bc2d6)}.header-create-menu-item--conv{border-left-color: #b91c1c}.header-create-menu-item + .header-create-menu-item{border-top: 1px solid var(--divider-color,#eee)}.header-create-menu-item.disabled{opacity: 0.4;cursor: default}.header-right{display: flex;align-items: center;gap: 12px;flex-shrink: 0}.profile-btn{position: relative;width: 40px;height: 40px;border-radius: var(--radius-sm);border: var(--border-width) solid var(--border-color);background: var(--color-cream);cursor: pointer;transition: all var(--transition-fast);display: flex;align-items: center;justify-content: center;flex-shrink: 0;text-decoration: none;box-shadow: var(--shadow-sm)}.profile-btn:hover{transform: translate(-2px,-2px);box-shadow: var(--shadow)}.profile-btn:active{transform: translate(1px,1px);box-shadow: 2px 2px 0 var(--border-color)}.profile-btn-wrap{transition: transform var(--transition-fast)}.profile-btn-wrap:hover{transform: translate(-2px,-2px)}.profile-btn-wrap:active{transform: translate(1px,1px)}.profile-btn-wrap .profile-btn:hover,.profile-btn-wrap .profile-btn:active{transform: none}.profile-btn img{width: 100%;height: 100%;object-fit: cover;border-radius: calc(var(--radius-sm) - 3px)}.profile-btn .default-avatar{font-size: 18px;color: var(--text-muted);font-weight: 700}.profile-badge{position: absolute;top: -7px;right: -7px;display: none;box-sizing: border-box;min-width: 20px;height: 20px;padding: 0 5px;background: var(--danger-color);color: var(--color-black);border: var(--border-width) solid var(--border-color);border-radius: 999px;box-shadow: 2px 2px 0 var(--border-color);font-size: 11px;font-weight: 800;line-height: 1;letter-spacing: -0.02em;font-variant-numeric: tabular-nums;z-index: 10}.profile-badge.show{display: inline-flex;align-items: center;justify-content: center;animation: profileBadgePop 220ms cubic-bezier(0.34,1.56,0.64,1)}@keyframes profileBadgePop{from{transform: scale(0.4);opacity: 0}to{transform: scale(1);opacity: 1}}@media (prefers-reduced-motion: reduce){.profile-badge.show{animation: none}}.profile-dropdown-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: transparent;z-index: 199;display: none}.profile-dropdown-overlay.show{display: block}.profile-dropdown{position: fixed;top: 60px;right: 20px;background: var(--card-bg);border-radius: 8px;box-shadow: 4px 4px 0 var(--border-color);width: 240px;display: none;z-index: 200;border: 2px solid var(--border-color);max-height: calc(100dvh - 70px);overflow-y: auto;-webkit-overflow-scrolling: touch}.profile-dropdown.show{display: block}@media (max-width: 768px){.profile-dropdown-header{position: relative}}.profile-dropdown-header{padding: 16px;border-bottom: 2px solid var(--border-color);background: var(--primary-color)}.profile-dropdown-user{display: flex;align-items: center;gap: 12px}.profile-dropdown-avatar{width: 48px;height: 48px;border-radius: 8px;background: white;overflow: hidden;display: flex;align-items: center;justify-content: center;border: 2px solid var(--border-color)}.profile-dropdown-avatar img{width: 100%;height: 100%;object-fit: cover}.profile-dropdown-avatar .default-avatar{font-size: 24px}.profile-dropdown-info{flex: 1;min-width: 0}.profile-dropdown-name{color: var(--text-color);font-weight: 700;font-size: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.profile-dropdown-email{color: var(--text-light);font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.profile-dropdown-points{display: flex;align-items: center;gap: 2px;background: var(--primary-color);padding: 6px 12px;border-radius: 20px;text-decoration: none;margin-left: auto;flex-shrink: 0;transition: all 0.2s}.profile-dropdown-points:hover{transform: scale(1.05);box-shadow: 0 2px 8px rgba(0,0,0,0.15)}.profile-dropdown-points .points-value{font-weight: 800;font-size: 14px;color: var(--text-color)}.profile-dropdown-points .points-unit{font-weight: 700;font-size: 12px;color: var(--text-color);opacity: 0.8}.profile-dropdown-menu{padding: 8px 0}.profile-dropdown-item{display: flex;align-items: center;gap: 12px;padding: 12px 16px;color: var(--text-color);text-decoration: none;transition: background 0.2s;cursor: pointer;position: relative}.profile-dropdown-item:hover{background: var(--bg-color)}.profile-dropdown-item .icon{font-size: 18px;width: 20px;text-align: center}.profile-dropdown-item .dropdown-icon{width: 20px;height: 20px}.profile-dropdown-item .text{flex: 1;font-size: 14px;font-weight: 500}.profile-dropdown-item .badge{background: #ff4444;color: white;border-radius: 10px;padding: 2px 8px;font-size: 11px;font-weight: bold;min-width: 20px;text-align: center}.profile-dropdown-divider{height: 1px;background: var(--border-color);margin: 8px 0}.profile-dropdown-item.lang-toggle{cursor: pointer}.profile-dropdown-item .lang-current{font-size: 16px}.profile-lang-submenu{display: none;background: var(--bg-color);padding: 4px 8px;margin: 0 8px 8px 8px;border-radius: 8px}.profile-lang-submenu.show{display: block}.profile-lang-option{display: flex;align-items: center;gap: 8px;padding: 10px 12px;color: var(--text-color);text-decoration: none;border-radius: 6px;font-size: 13px;transition: background 0.2s}.profile-lang-option:hover{background: var(--card-bg)}.profile-lang-option.active{background: var(--primary-color);color: var(--color-black,#1a1a1a)}@media (max-width: 768px){.profile-dropdown{position: fixed;top: 56px;right: 0;bottom: 0;left: auto;width: 280px;max-width: 85vw;height: calc(100vh - 56px);border-radius: 0;border: none;border-left: 2px solid var(--border-color);box-shadow: -4px 0 20px rgba(0,0,0,0.15);transform: translateX(100%);transition: transform 0.3s ease;overflow-y: auto;-webkit-overflow-scrolling: touch;display: block;opacity: 1}.profile-dropdown.show{transform: translateX(0)}.profile-dropdown-overlay{background: rgba(0,0,0,0.4);transition: opacity 0.3s ease;opacity: 0}.profile-dropdown-overlay.show{display: block;opacity: 1}}@media (max-width: 768px){.header-container{padding: 0 12px;height: 56px;gap: 10px}.logo{padding: 5px 4px}.logo-icon{width: 48px !important;height: 48px !important}.logo-text-img{display: none}.header-create-btn{padding: 8px 12px;font-size: 13px}.header-create-btn span:not(.plus-icon){display: none}.header-create-btn .plus-icon{font-size: 16px}.header-create-menu{min-width: 180px}.btn.btn-sm .btn-text{display: none}.btn.btn-sm{padding: 8px;min-width: 36px;min-height: 36px}.btn.btn-sm .btn-icon{width: 20px;height: 20px}}@media (max-width: 480px){.header-create-menu{position: fixed;left: 50%;right: auto;top: auto;bottom: auto;transform: translateX(-50%) scale(0.95);margin-top: 8px}.header-create.open .header-create-menu{transform: translateX(-50%) scale(1)}}.profile-btn .default-avatar img,.profile-dropdown-avatar .default-avatar img{width: 1em;height: 1em}.tutorial-submenu{padding-left: 20px}.tutorial-submenu-arrow{margin-left: auto;font-size: 12px;color: var(--text-muted)}.tutorial-submenu .profile-dropdown-item{padding: 8px 12px;font-size: 13px}.fab-stack{position: fixed;bottom: 90px;right: 20px;z-index: 999;display: flex;flex-direction: column;align-items: center;gap: 10px;transition: opacity 0.15s}.feedback-fab{position: relative;width: 50px;height: 50px;border-radius: 8px;background: var(--secondary-color);border: 2px solid var(--border-color);box-shadow: 4px 4px 0 var(--border-color);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.15s}.feedback-fab:hover{transform: translate(-2px,-2px);box-shadow: 6px 6px 0 var(--border-color)}.feedback-fab:active{transform: translate(2px,2px);box-shadow: 0 0 0 var(--border-color)}.home-fab,.hof-fab{width: 50px;height: 50px;border-radius: 8px;border: 2px solid var(--border-color);box-shadow: 4px 4px 0 var(--border-color);display: flex;align-items: center;justify-content: center;transition: all 0.15s}.home-fab:hover,.hof-fab:hover{transform: translate(-2px,-2px);box-shadow: 6px 6px 0 var(--border-color)}.home-fab:active,.hof-fab:active{transform: translate(2px,2px);box-shadow: 0 0 0 var(--border-color)}.home-fab{background: var(--primary-color);color: var(--color-black)}.hof-fab{background: var(--color-white)}.hof-fab-star{animation: hofStarPulse 2.4s ease-in-out infinite;transform-box: fill-box;transform-origin: center}@keyframes hofStarPulse{0%,100%{opacity: 1;transform: scale(1)}50%{opacity: 0.35;transform: scale(0.8)}}.hof-fab-spk{opacity: 0;animation: hofSparkle 2.4s ease-in-out infinite;transform-box: fill-box;transform-origin: center}.hof-fab-spk2{animation-delay: 1.2s}@keyframes hofSparkle{0%,50%,100%{opacity: 0;transform: scale(0.3) rotate(-25deg)}65%{opacity: 1;transform: scale(1) rotate(0deg)}80%{opacity: 0.35;transform: scale(0.7) rotate(15deg)}}@media (prefers-reduced-motion: reduce){.hof-fab-star,.hof-fab-spk{animation: none}}.fab-stack.is-ad-overlap{opacity: 0;visibility: hidden;pointer-events: none;transition: none}.feedback-fab-icon{font-size: 1.5rem}.feedback-intro{background: var(--color-cream);border-radius: 8px;padding: 16px 20px;margin-bottom: 24px;border: 2px solid var(--border-color);box-shadow: 3px 3px 0 var(--border-color)}.feedback-intro p{margin: 0;color: var(--text-color);font-size: 14px;line-height: 1.6}.feedback-ratings{display: flex;flex-direction: column;gap: 16px;margin-bottom: 24px}.rating-item{display: flex;flex-direction: column;gap: 8px}.rating-item label{font-weight: 700;color: var(--text-color);font-size: 14px}.star-rating{display: flex;gap: 4px}.star-rating .star{width: 1.8rem;height: 1.8rem;cursor: pointer;background-color: #d1d5db;-webkit-mask: url(/assets/icons/star.svg) center/contain no-repeat;mask: url(/assets/icons/star.svg) center/contain no-repeat;transition: background-color 0.2s,transform 0.1s;user-select: none}.star-rating .star:hover{transform: scale(1.1)}.star-rating .star.active,.star-rating .star.hover{background-color: var(--primary-color)}.form-hint{display: block;margin-top: 6px;font-size: 12px;color: var(--text-muted)}@media (max-width: 768px){.fab-stack{bottom: 80px;right: 16px;gap: 8px}.feedback-fab,.hof-fab,.home-fab{width: 46px;height: 46px}.hof-fab svg{width: 37px;height: 37px}.home-fab svg{width: 22px;height: 22px}.feedback-fab-icon{font-size: 1.3rem}.star-rating .star{width: 1.5rem;height: 1.5rem}}.footer-modal-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(26,26,26,0.7);backdrop-filter: blur(4px);display: flex;align-items: center;justify-content: center;z-index: var(--z-overlay);opacity: 0;visibility: hidden;transition: all 0.2s;padding: 20px;touch-action: none;overscroll-behavior: contain}.footer-modal-overlay.show{opacity: 1;visibility: visible}.footer-modal{background: var(--color-white);border: 3px solid var(--border-color);border-radius: 12px;box-shadow: 8px 8px 0 var(--border-color);width: 100%;max-width: 500px;max-height: 80vh;overflow: hidden;transform: scale(0.9) translateY(20px);transition: transform 0.2s;display: flex;flex-direction: column}.footer-modal-lg{max-width: 700px}.footer-modal-overlay.show .footer-modal{transform: scale(1) translateY(0)}.footer-modal-header{padding: 16px 20px;background: var(--color-cream);border-bottom: 2px solid var(--border-color);display: flex;align-items: center;justify-content: space-between;flex-shrink: 0}.footer-modal-header h3{font-size: 1.1rem;font-weight: 800;margin: 0;color: var(--text-color)}.footer-modal-close{width: 32px;height: 32px;font-size: 1.4rem}.footer-modal-body{padding: 24px;overflow-y: auto;flex: 1;background: var(--color-white);touch-action: pan-y;overscroll-behavior: contain}.footer-modal textarea{touch-action: pan-y}.loading-text{text-align: center;color: var(--text-muted);padding: 40px;font-weight: 600}.footer-modal .form-group{margin-bottom: 20px}.footer-modal .form-group label{display: block;font-weight: 700;margin-bottom: 8px;color: var(--text-color)}.required{color: var(--accent-color)}.footer-modal .form-control{width: 100%;padding: 12px 14px;border: 2px solid var(--border-color);border-radius: 8px;font-size: 15px;transition: all 0.15s;box-sizing: border-box;background: var(--color-white)}.footer-modal .form-control:focus{outline: none;border-color: var(--accent-color);box-shadow: 3px 3px 0 var(--border-color)}.footer-modal textarea.form-control{resize: vertical;min-height: 120px}.form-actions{display: flex;gap: 12px;justify-content: flex-end;margin-top: 24px}.form-actions .btn{padding: 12px 24px;font-size: 14px;font-weight: 700;border: 2px solid var(--border-color);border-radius: 8px;cursor: pointer;transition: all 0.15s}.form-actions .btn-outline{background: var(--color-white);color: var(--text-color)}.form-actions .btn-outline:hover{background: var(--color-cream)}.form-actions .btn-primary{background: var(--primary-color);color: var(--text-color);box-shadow: 3px 3px 0 var(--border-color)}.form-actions .btn-primary:hover{transform: translate(-2px,-2px);box-shadow: 5px 5px 0 var(--border-color)}.notice-list-modal{list-style: none;padding: 0;margin: 0}.notice-list-modal li{border-bottom: 2px solid var(--border-color)}.notice-list-modal li:last-child{border-bottom: none}.notice-list-modal a{display: flex;align-items: center;padding: 16px 0;text-decoration: none;color: inherit;transition: all 0.15s}.notice-list-modal a:hover{background: var(--primary-color);margin: 0 -24px;padding-left: 24px;padding-right: 24px}.notice-pin{margin-right: 8px}.notice-title-text{flex: 1;font-weight: 700}.notice-date{color: var(--text-muted);font-size: 13px;font-weight: 600}.notice-detail-content{line-height: 1.8}.notice-detail-content p{margin-bottom: 16px}.notice-back-btn{display: inline-flex;align-items: center;gap: 6px;color: var(--text-color);background: var(--color-cream);border: 2px solid var(--border-color);border-radius: 6px;cursor: pointer;font-size: 14px;font-weight: 700;padding: 8px 14px;margin-bottom: 16px;transition: all 0.15s}.notice-back-btn:hover{background: var(--primary-color);transform: translate(-2px,-2px);box-shadow: 2px 2px 0 var(--border-color)}.empty-content{text-align: center;color: var(--text-muted);padding: 40px 20px;font-weight: 600}.legal-content{line-height: 1.8}.legal-content h2,.legal-content h3{margin-top: 24px;margin-bottom: 12px;font-weight: 800;color: var(--text-color)}.legal-content h2{font-size: 1.2rem;padding-bottom: 8px;border-bottom: 2px solid var(--border-color)}.legal-content p{margin-bottom: 16px}.legal-content ul,.legal-content ol{margin-bottom: 16px;padding-left: 24px}.legal-content li{margin-bottom: 8px}.footer-modal-overlay.is-hidden{display: none}.dm-thread-view.is-hidden{display: none}.support-guest-extra{display: flex;flex-direction: column;gap: 8px;margin-bottom: 10px}.support-guest-notice{margin: 0;font-size: 12.5px;line-height: 1.5;color: var(--text-muted)}.support-guest-notice a{color: var(--text-color);font-weight: 700;text-decoration: underline}.support-guest-email{width: 100%;box-sizing: border-box;padding: 9px 12px;font-size: 14px;border: 2px solid var(--border-color);border-radius: 8px;background: var(--color-white)}.support-guest-email:focus{outline: none;border-color: var(--accent-color)}.support-captcha{min-height: 0}.support-captcha.is-hidden{display: none}.sns-ref-row{display: flex;gap: 8px;margin-top: 6px}.sns-ref-input{text-transform: uppercase;flex: 1;padding: 10px 12px;border: 1px solid var(--border-color);border-radius: 8px}.sns-ref-apply-btn{flex-shrink: 0}.sns-ref-later-btn{width: 100%;margin-top: 10px}.cookie-consent{position: fixed;bottom: 0;left: 0;right: 0;z-index: var(--z-overlay);padding: 0 16px 16px;pointer-events: none}.cookie-consent-inner{max-width: 600px;margin: 0 auto;background: var(--color-white,#fff);border: 3px solid var(--border-color,#1a1a1a);border-radius: 12px;box-shadow: 6px 6px 0 var(--border-color,#1a1a1a);padding: 18px 20px;display: flex;align-items: center;gap: 16px;pointer-events: auto}.cookie-consent-text{flex: 1}.cookie-consent-text strong{font-size: 14px;display: block;margin-bottom: 4px}.cookie-consent-text p{margin: 0;font-size: 12px;color: var(--text-muted,#666);line-height: 1.5}.cookie-consent-actions{display: flex;flex-direction: column;align-items: center;gap: 6px;flex-shrink: 0}.cookie-accept-btn{padding: 10px 24px;background: var(--primary-color,#FFE566);border: 2px solid var(--border-color,#1a1a1a);border-radius: 8px;font-weight: 700;font-size: 13px;cursor: pointer;box-shadow: 3px 3px 0 var(--border-color,#1a1a1a);transition: all 0.15s;white-space: nowrap}.cookie-accept-btn:hover{transform: translate(-2px,-2px);box-shadow: 5px 5px 0 var(--border-color,#1a1a1a)}.cookie-accept-btn:active{transform: translate(2px,2px);box-shadow: 0 0 0 var(--border-color,#1a1a1a)}.cookie-reject-btn{padding: 10px 18px;background: transparent;border: 2px solid var(--border-color,#1a1a1a);border-radius: 8px;font-weight: 700;font-size: 13px;cursor: pointer;white-space: nowrap;transition: all 0.15s}.cookie-reject-btn:hover{background: var(--color-gray-100,#f0f0f0)}.cookie-learn-more{font-size: 11px;color: var(--text-muted,#666);text-decoration: underline}@media (max-width: 480px){.cookie-consent{padding: 0 10px 10px}.cookie-consent-inner{flex-direction: column;text-align: center;gap: 12px;padding: 16px}.cookie-consent-actions{flex-direction: row-reverse;gap: 12px}}.points-modal-overlay{display: none;position: fixed;inset: 0;background: rgba(0,0,0,0.45);z-index: var(--z-overlay);justify-content: center;align-items: flex-end;padding: 0}.points-modal-overlay.show{display: flex}@media (min-width: 481px){.points-modal-overlay{align-items: center;padding: 16px}}.points-modal{background: #fff;width: 100%;max-width: 480px;max-height: 96dvh;display: flex;flex-direction: column;border-radius: 16px 16px 0 0;box-shadow: 0 -4px 24px rgba(0,0,0,0.15);animation: pmUp 0.25s ease-out}@media (min-width: 481px){.points-modal{border-radius: 16px;max-height: 92dvh;border: 2px solid var(--border-color);box-shadow: 4px 4px 0 var(--border-color)}}@keyframes pmUp{from{opacity: 0;transform: translateY(30px)}to{opacity: 1;transform: translateY(0)}}.points-modal-header{display: flex;align-items: center;justify-content: space-between;padding: 14px 18px;border-bottom: 2px solid var(--border-color);flex-shrink: 0}.points-modal-header h3{margin: 0;font-size: 15px;font-weight: 800}.points-modal-close{background: none;border: none;font-size: 18px;cursor: pointer;padding: 4px 8px;border-radius: 6px;color: var(--text-muted)}.points-modal-close:hover{background: #f0f0f0}.points-modal-body{overflow-y: auto;-webkit-overflow-scrolling: touch;flex: 1;min-height: 0}.points-modal-loading{text-align: center;padding: 60px 20px;font-size: 32px}.pm-balance{display: flex;align-items: center;justify-content: center;gap: 12px;flex-wrap: wrap;padding: 14px 16px;background: linear-gradient(135deg,#fff9e6 0%,#fff3cd 100%)}.pm-balance-main{display: flex;align-items: baseline;gap: 3px}.pm-balance-value{font-size: 28px;font-weight: 800}.pm-balance-unit{font-size: 15px;font-weight: 700;color: var(--text-muted)}.pm-shop-btn{flex-shrink: 0;white-space: nowrap;display: inline-flex;align-items: center;justify-content: center;padding: 8px 12px}.pm-shop-btn img{width: 22px;height: 22px;display: block}.pm-section-title{padding: 10px 18px 6px;font-size: 12px;font-weight: 700;color: var(--text-muted);letter-spacing: 0.5px}.pm-list{max-height: 55dvh;overflow-y: auto;scrollbar-width: thin;scrollbar-color: #ccc transparent}.pm-list::-webkit-scrollbar{width: 5px}.pm-list::-webkit-scrollbar-track{background: transparent}.pm-list::-webkit-scrollbar-thumb{background: #ccc;border-radius: 4px}.pm-list::-webkit-scrollbar-thumb:hover{background: #aaa}.pm-item{display: flex;align-items: center;padding: 8px 18px;border-bottom: 1px solid #f0f0f0;gap: 10px}.pm-item:last-child{border-bottom: none}.pm-icon{width: 28px;height: 28px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 12px;font-weight: 800;flex-shrink: 0}.pm-icon.earn{background: #ecfdf5;color: #10b981}.pm-icon.spend{background: #fef2f2;color: #ef4444}.pm-info{flex: 1;min-width: 0}.pm-desc{font-size: 12px;font-weight: 600;color: var(--text-color);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.pm-date{font-size: 10px;color: var(--text-muted)}.pm-amount{font-size: 14px;font-weight: 700;flex-shrink: 0}.pm-amount.earn{color: #10b981}.pm-amount.spend{color: #ef4444}.pm-empty{text-align: center;padding: 28px 16px;color: var(--text-muted);font-size: 13px}.pm-footer{padding: 12px 18px 16px;border-top: 1px solid #f0f0f0;flex-shrink: 0}.pm-guide-compact{font-size: 11px;color: #777;line-height: 1.7}.pm-guide-compact span{display: inline}.pm-guide-compact .sep{margin: 0 4px;color: #ccc}.pm-guide-compact .warn{display: block;margin-top: 6px;color: #996600;font-weight: 600;font-size: 10px}.report-modal-body{padding: 20px}.report-modal-field{margin-bottom: 16px}.report-modal-label{display: block;font-size: 14px;font-weight: 600;margin-bottom: 8px}.report-modal-select{width: 100%;padding: 12px;cursor: pointer}.report-modal-textarea{width: 100%;min-height: 80px;resize: vertical;font-family: inherit}.report-modal-footer{padding: 16px 20px;border-top: var(--border-width) solid var(--border-color);background: var(--color-cream)}