:root{--primary-color:#7c3aed;--primary-light:#a78bfa;--primary-dark:#6d28d9;--border-light:#f1f5f9;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--bg-light:#f8f9fa;--bg-white:#fff;--bg-gray:#f5f5f5;--bg-purple:#f3e8ff;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--border-color:#e2e8f0;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--transition-fast:150ms ease-in-out;--transition-base:300ms ease-in-out;--transition-slow:500ms ease-in-out;--transition-stat:200ms ease-in-out;--transition-mail:all 0.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh}.header{background:var(--bg-white);border-bottom:1px solid var(--border-color);padding:var(--spacing-sm) 0;position:relative;z-index:100}.header-container{grid-gap:var(--spacing-xl);align-items:center;display:grid;gap:var(--spacing-xl);grid-template-columns:auto 1fr auto;margin:0 auto;max-width:1400px;padding:0 var(--spacing-lg)}.logo-section{align-items:center;display:flex;gap:var(--spacing-sm)}.header-logo{height:40px;object-fit:contain;width:40px}.header-title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.tabs{align-items:center;display:flex;gap:var(--spacing-md);justify-content:center}.tab-btn{background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-md);transition:var(--transition-stat)}.tab-btn:hover{background:var(--bg-light);color:var(--primary-color)}.tab-btn.active{background:var(--bg-purple);color:var(--primary-color)}.artist-menu{position:relative}.artist-profile-btn{align-items:center;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-xs);padding:.5rem var(--spacing-sm);transition:var(--transition-stat)}.artist-profile-btn:hover{background:var(--bg-light);border-color:var(--primary-light)}.artist-avatar{align-items:center;background-color:var(--bg-light);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:50%;display:flex;height:32px;justify-content:center;width:32px}.artist-menu-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.artist-profile-btn i{color:var(--text-muted);font-size:.75rem;transition:var(--transition-stat)}.artist-profile-btn:hover i{color:var(--primary-color)}.artist-profile-btn.active i{transform:rotate(180deg)}.artist-dropdown{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 10px 40px #00000026;opacity:0;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);transform:translateY(-10px);transition:all var(--transition-stat);visibility:hidden;width:200px;z-index:9999}.artist-dropdown.show{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{align-items:center;border-bottom:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:var(--transition-stat)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--bg-light);color:var(--primary-color)}.dropdown-item i{color:var(--text-secondary);text-align:center;width:16px}.dropdown-item:hover i{color:var(--primary-color)}@media (max-width:768px){.header-container{flex-wrap:wrap;gap:var(--spacing-sm)}.header-logo{height:32px;width:32px}.header-title{font-size:1rem}.tabs{flex:1 1;justify-content:flex-start}.artist-menu{order:3;width:100%}.artist-profile-btn{justify-content:space-between;width:100%}.artist-dropdown{width:100%}}@media (max-width:480px){.header-logo{height:28px;width:28px}.header-title{font-size:.875rem}.tab-btn{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-md)}}.hate-main{background:#fff;color:var(--text-primary);min-height:100vh;padding:var(--spacing-lg) 0}.hate-main .container{margin:0 auto;max-width:1400px;padding:0 var(--spacing-lg)}.LoadFrame{height:100%;text-align:center;width:100%}.loading-element{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.loading-element .load-img{display:block;height:20vh}.loading-element .load-text{font-size:3vh;font-weight:600}.stats-cards{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-lg);position:relative;z-index:1}.stat-card{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-md);text-align:center}.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:.5rem}.stat-value{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-date{color:var(--text-muted);font-size:.75rem}@media (max-width:480px){.stat-value{font-size:2rem}}.chart-section{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.chart-header,.chart-section{margin-bottom:var(--spacing-lg)}.chart-header{align-items:center;display:flex;justify-content:space-between}.chart-title{color:var(--text-primary);font-size:1.125rem;font-weight:600}.chart-controls{background:var(--bg-light);border-radius:var(--radius-md);display:flex;gap:.5rem;padding:.25rem}.chart-btn{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:var(--transition-stat)}.chart-btn.active,.chart-btn:hover{color:var(--primary-color)}.chart-btn.active{background:var(--bg-white);box-shadow:var(--shadow-sm)}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-top:var(--spacing-sm)}.legend-item{align-items:center;background:#0000;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:var(--transition-stat)}.legend-item:hover{background:var(--bg-light);border-color:var(--border-color)}.legend-item.active{background:var(--bg-white);border-color:currentColor}.legend-color{border-radius:50%;flex-shrink:0;height:16px;width:16px}.legend-label{white-space:nowrap}.legend-item.active .legend-label{font-weight:600}.chart-container{height:300px;position:relative}@media (max-width:480px){.chart-container{height:250px}}.comments-section{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.comments-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.comments-section .section-title{color:var(--text-primary);font-size:1.125rem;font-weight:600}.comments-section .sort-label{color:var(--text-muted);font-size:.875rem}.comments-list{flex-direction:column;margin-bottom:var(--spacing-lg)}.comment-item,.comments-list{display:flex;gap:var(--spacing-md)}.comment-item{border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-md);text-align:left;transition:var(--transition-stat)}.comment-item:hover{background:var(--bg-light);border-color:var(--border-color)}.comment-avatar{flex-shrink:0}.comment-avatar i{color:var(--primary-light);font-size:2.5rem}.comment-content{flex:1 1}.comment-header{margin-bottom:.5rem}.comment-user{color:var(--text-primary);font-size:.875rem;font-weight:600}.comment-text{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:.5rem}.no-data{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-top:var(--spacing-lg);text-align:center}@media (max-width:480px){.comment-item{flex-direction:column}}.daterange{display:inline-block;float:right}.picklist span:after{background-color:var(--main-bg);color:var(--main-color)}.picklist input:focus{background-color:var(--main-bg);border-color:var(--main-color);box-shadow:0}.datepicker h1,.datepicker svg{color:var(--main-color)}.datepicker{border-radius:30px}.datepicker button:hover{border-color:var(--main-color)}.datepicker option:hover,.datepicker select{background-color:var(--main-bg);color:var(--txt-color)}.datepicker div:after{color:var(--main-color)}[role=listbox]{background-color:var(--main-bg)}.picklist input,[role=listbox] span{color:var(--txt-color)}.picklist input{background-color:var(--main-bg)}[role=listbox] svg{color:var(--main-color)}.datepicker [data-selected=true],.datepicker button:after{background-color:var(--main-color)}#modal-content-20,.datepicker button{color:var(--txt-color)}#modal-content-20{background-color:var(--main-bg);border-radius:30px}.datepicker h3{color:var(--txt-color)}.list-main{background:#fff;color:var(--text-primary);min-height:100vh;padding:var(--spacing-lg) 0}.list-main .container{margin:0 auto;max-width:1400px;padding:0 var(--spacing-lg)}.comments-layout{display:flex;gap:1.5rem}.comments-sidebar{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-shrink:0;padding:1.25rem;width:200px}.sidebar-title{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:1rem;font-weight:700;margin-bottom:1.25rem;padding-bottom:.875rem}.sidebar-menu{display:flex;flex-direction:column;gap:.25rem}.menu-item{align-items:center;border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem .875rem;text-decoration:none;transition:var(--transition-stat)}.menu-item:hover{background:var(--bg-light);color:var(--text-primary)}.menu-item.active{background:var(--bg-purple);color:var(--primary-color);font-weight:600}.menu-item .count{color:var(--text-secondary);font-size:.75rem;font-weight:600}.comments-main{flex:1 1}.comments-filters{align-items:center;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-wrap:nowrap;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:1rem;padding:1rem 1.25rem}.left-controls{flex:1 1;gap:var(--spacing-sm)}.left-controls,.right-controls{align-items:center;display:flex}.right-controls{flex-shrink:0;gap:.625rem}.search-group{flex:1 1;max-width:500px;min-width:250px;position:relative}.search-input{background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;padding:.625rem 2.5rem .625rem 1rem;transition:var(--transition-stat);width:100%}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{background:var(--bg-white);border-color:var(--primary-color);box-shadow:0 0 0 3px #7c3aed1a;outline:none}.search-icon{color:var(--text-muted);font-size:.875rem;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.view-dropdown-wrapper{position:relative}.filter-toggle-btn,.view-btn{align-items:center;background:#6b7280;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;height:40px;padding:.625rem 1rem;transition:var(--transition-stat);white-space:nowrap}.filter-toggle-btn:hover,.view-btn:hover{background:#4b5563}.filter-toggle-btn i,.view-btn i{font-size:.75rem;transition:var(--transition-stat)}.view-btn.active i{transform:rotate(180deg)}.view-dropdown{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 10px 40px #00000026;left:0;min-width:150px;opacity:0;overflow:hidden;position:absolute;top:calc(100% + .5rem);transform:translateY(-10px);transition:all var(--transition-stat);visibility:hidden;z-index:9999}.view-dropdown.show{opacity:1;transform:translateY(0);visibility:visible}.view-option{background:#0000;border:none;border-bottom:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;display:block;font-size:.875rem;font-weight:500;padding:.75rem 1rem;text-align:left;transition:var(--transition-stat);width:100%}.view-option:last-child{border-bottom:none}.view-option:hover{background:var(--bg-light);color:var(--primary-color)}.view-option.active{background:var(--bg-purple);color:var(--primary-color);font-weight:600}.filter-dropdown-wrapper{position:relative}.filter-toggle-btn.active i{transform:rotate(180deg)}.filter-dropdown{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 10px 40px #00000026;min-width:250px;opacity:0;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);transform:translateY(-10px);transition:all var(--transition-stat);visibility:hidden;z-index:9999}.filter-dropdown.show{opacity:1;transform:translateY(0);visibility:visible}.filter-section{padding:var(--spacing-md)}.filter-section-title{color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-sm)}.filter-checkbox-label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 0;transition:var(--transition-stat)}.filter-checkbox-label:hover{color:var(--text-primary)}.filter-checkbox{accent-color:var(--primary-color);cursor:pointer;height:16px;width:16px}.filter-divider{background:var(--border-light);height:1px;margin:0}.filter-actions{background:var(--bg-light);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.filter-apply-btn,.filter-reset-btn{border:none;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:var(--transition-stat)}.filter-reset-btn{background:var(--bg-white);border:1px solid var(--border-color);color:var(--text-secondary)}.filter-reset-btn:hover{background:var(--bg-light);color:var(--text-primary)}.filter-apply-btn{background:var(--primary-color);color:#fff}.filter-apply-btn:hover{background:var(--primary-dark)}.filter-top-row{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.side-select-btn{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;flex:0 0 auto;font-size:.875rem;font-weight:600;justify-content:space-between;padding:.625rem 1rem;text-align:left;transition:var(--transition-stat);white-space:nowrap}.side-select-btn:hover{background:var(--primary-dark)}.inline-checkbox{align-items:center;display:flex;gap:.5rem;margin:0;padding:0;white-space:nowrap}.inline-checkbox input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:16px;width:16px}.inline-checkbox span{color:var(--text-primary);font-size:.875rem;font-weight:500}.filter-community-list{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);margin:var(--spacing-sm) 0;padding:var(--spacing-md)}.community-header{border-bottom:1px solid var(--border-light);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.community-header .filter-section-title{color:var(--text-primary);font-size:.875rem;font-weight:600}.community-items{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.community-item{align-items:center;background:var(--bg-white);border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:space-between;padding:.5rem .75rem;transition:var(--transition-stat)}.community-item:hover{background:var(--bg-light)}.community-item.selected{background:var(--bg-purple);border:1px solid var(--primary-color)}.community-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.community-count{color:var(--text-secondary);font-size:.875rem;font-weight:600}.action-group{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.action-btn{align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;font-weight:500;gap:.375rem;padding:.5rem .75rem;transition:var(--transition-stat);white-space:nowrap}.action-btn,.action-btn i{font-size:.75rem}.download-btn{background:#d1fae5;border-color:#a7f3d0;color:#059669;font-size:.875rem;height:40px;padding:.625rem 1rem;white-space:nowrap}.download-btn:hover{background:#a7f3d0;border-color:#059669}.date-filters{align-items:center;display:flex;gap:.5rem}.date-filters>span{color:var(--text-muted);padding:0 .25rem}.date-filters>span,.date-input{font-size:.875rem;font-weight:500}.date-input{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:40px;padding:.5rem .75rem;transition:var(--transition-stat);width:140px}.date-input:hover{background:var(--bg-light);border-color:var(--primary-light)}.date-input:focus{background:var(--bg-white);border-color:var(--primary-color);box-shadow:0 0 0 3px #7c3aed1a;outline:none}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;-webkit-transition:var(--transition-stat);transition:var(--transition-stat)}.date-input::-webkit-calendar-picker-indicator:hover{opacity:1}.search-btn{background:var(--primary-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;height:40px;padding:.625rem 1rem;transition:var(--transition-stat);white-space:nowrap}.search-btn:hover{background:var(--primary-dark)}.select-all-bar{align-items:center;background:var(--bg-light);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1.25rem}.select-all-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.select-all-checkbox{accent-color:var(--primary-color);cursor:pointer;height:16px;width:16px}.full-comments-list{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:0;overflow:hidden}.full-comment-item{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:.875rem;min-width:0;padding:.875rem 1.25rem;transition:var(--transition-stat)}.full-comment-item:last-child{border-bottom:none}.full-comment-item:hover{background:var(--bg-light)}.comment-checkbox{accent-color:var(--primary-color);align-self:center;cursor:pointer;height:16px;width:16px}.comment-avatar-circle{align-items:center;align-self:flex-start;background:var(--bg-purple);border-radius:50%;color:var(--primary-color);display:flex;flex-shrink:0;font-size:1.125rem;height:36px;justify-content:center;margin-top:.25rem;width:36px}.comment-avatar-circle>img{border-radius:50%;height:100%;object-fit:cover;width:100%}.comment-full-content{cursor:pointer;flex:1 1;width:0}.comment-meta-line{align-items:center;display:flex;gap:.75rem;margin-bottom:.375rem}.post-title{flex:1 1}.comment-author,.post-title{color:var(--text-primary);font-size:.875rem;font-weight:600}.comment-author{white-space:nowrap}.comment-timestamp{color:var(--text-muted);font-size:.75rem;margin-left:auto;white-space:nowrap}.comment-full-text{color:var(--text-secondary);display:block;font-size:.875rem;line-height:1.5;margin-bottom:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagination{border-top:1px solid var(--border-light);display:flex;gap:.5rem;justify-content:center;padding-top:var(--spacing-md)}.page-btn{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;height:36px;min-width:36px;padding:.5rem;transition:var(--transition-stat)}.page-btn:hover{background:var(--bg-purple);border-color:var(--primary-light);color:var(--primary-color)}.page-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.page-btn i{font-size:.75rem}.empty-message{color:var(--text-muted);font-size:.875rem;padding:var(--spacing-xl);text-align:center}@media (max-width:1024px){.comments-layout{flex-direction:column}.comments-sidebar{width:100%}.sidebar-menu{flex-direction:row;overflow-x:auto}}@media (max-width:768px){.header-container{flex-wrap:wrap;gap:var(--spacing-sm)}.header-logo{height:32px;width:32px}.header-title{font-size:1rem}.tabs{flex:1 1;justify-content:flex-start}.artist-menu{order:3;width:100%}.artist-profile-btn{justify-content:space-between;width:100%}.artist-dropdown{width:100%}.container{padding:0 var(--spacing-md)}.stats-cards{grid-template-columns:1fr}.chart-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.comment-avatar i{font-size:2rem}.comments-filters{align-items:stretch;flex-direction:column}.left-controls,.right-controls{flex-direction:column;width:100%}.search-group{max-width:100%}.action-group{justify-content:flex-start;width:100%}.action-btn{flex:1 1;justify-content:center}.date-filters{align-items:stretch;flex-direction:column}.date-input{width:100%}.filter-toggle-btn,.view-btn{justify-content:center;width:100%}}@media (max-width:480px){.pagination{flex-wrap:wrap}.page-btn{font-size:.75rem;height:32px;min-width:32px}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:none;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:10000}.modal-overlay.show{display:flex}.modal-container{animation:modalSlideIn .3s ease-out;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:500px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;padding:var(--spacing-lg)}.modal-header,.modal-user-info{align-items:center;display:flex}.modal-user-info{gap:var(--spacing-sm)}.modal-avatar{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.modal-user-details{display:flex;flex-direction:column;gap:.25rem}.modal-username{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.modal-source{color:var(--text-muted);font-size:.75rem}.modal-close{align-items:center;background:var(--bg-light);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:var(--transition-stat);width:32px}.modal-close:hover{background:var(--border-color);color:var(--text-primary)}.modal-body{flex:1 1;overflow-y:auto;padding:var(--spacing-lg)}.modal-content-section{margin-bottom:var(--spacing-lg)}.modal-content-section:last-child{margin-bottom:0}.modal-post-title{color:var(--text-primary);font-size:.9375rem;line-height:1.5;margin-bottom:.5rem}.modal-post-date{color:var(--text-muted);font-size:.8125rem}.modal-section-title{color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-sm)}.modal-text{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:.5rem}.modal-text:last-child{margin-bottom:0}.modal-highlight{color:#dc2626;font-weight:600}.modal-footer{background:var(--bg-light);border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:1px solid var(--border-light);display:flex;gap:.5rem;padding:var(--spacing-lg)}.modal-btn{border:none;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-size:.8125rem;font-weight:600;padding:.625rem 1rem;text-align:center;text-decoration:none;transition:var(--transition-stat);white-space:nowrap}.modal-btn-hate{background:#fef2f2;color:#dc2626}.modal-btn-hate:hover{background:#fee2e2}.modal-btn-link,.modal-btn-linked{background:#eff6ff;color:#2563eb}.modal-btn-link:hover,.modal-btn-linked:hover{background:#dbeafe}.modal-btn-screen{background:#f0fdf4;color:#16a34a}.modal-btn-screen:hover{background:#dcfce7}.layout{background:var(--bg-gray);min-height:100vh}.main-content{--primary-color:#1e3a5f;--primary-dark:#15294a;--primary-light:#3d5a80;--secondary-color:#5c7fb8;--text-secondary:#475569;--text-muted:#64748b;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;color:var(--text-primary);margin:0 auto;max-width:1400px;padding:var(--spacing-lg) var(--spacing-lg)}.main-content .artist-container{width:100%}.main-content .welcome-section{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);text-align:center}.main-content .welcome-section h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.main-content .welcome-section p{color:var(--text-secondary);font-size:.875rem;margin:0}.main-content .artists-section{width:100%}.main-content .section-header{margin-bottom:var(--spacing-lg)}.main-content .section-header h3{color:var(--text-primary);font-size:1.75rem;font-weight:700}.main-content .artists-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.main-content .artist-card{align-items:center;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);transition:var(--transition-mail)}.main-content .artist-card:hover{border-color:#0000;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.main-content .artist-image{aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;width:100%}.main-content .image-placeholder{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:contain;color:var(--bg-white);display:flex;font-size:2rem;font-weight:700;height:100%;justify-content:center;text-shadow:0 2px 8px #0003;width:100%}.main-content .artist-info{text-align:center;width:100%}.main-content .artist-name{color:var(--text-primary);font-size:1rem;font-weight:700;margin-bottom:.25rem}.main-content .artist-type{color:var(--text-muted);font-size:.75rem;font-weight:500}@media (max-width:1200px){.main-content .artists-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.main-content .header-container{padding:var(--spacing-sm)}.main-content{padding:var(--spacing-lg) var(--spacing-sm)}.main-content .welcome-section{padding:var(--spacing-sm) var(--spacing-md)}.main-content .welcome-section h2{font-size:1.25rem}.main-content .artists-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:480px){.main-content .header-title{font-size:1.25rem}.main-content .header-logo{height:40px;width:40px}.main-content .welcome-section{padding:var(--spacing-md) var(--spacing-sm)}.main-content .welcome-section h2{font-size:1.75rem}.main-content .welcome-section p{font-size:1rem}.main-content .artists-grid{grid-template-columns:1fr}}.profile-container{font-family:NanumSquare,Spoqa Han Sans,Spoqa Han Sans JP,"Sans-serif";margin-bottom:16px;padding:0 8px!important}.profile-container .card{padding:1.5em .5em}.profile-thumbnail{background-position:50%;background-repeat:no-repeat;background-size:contain}.profile-content{padding:0 8px!important;text-align:center}.profile-button{border-radius:8px;font-size:1.25em;padding:4px 16px}.signin{--primary-color:#1e3a5f;--primary-dark:#15294a;--primary-light:#3d5a80;--secondary-color:#5c7fb8;--secondary-light:#7d9fc8;--text-secondary:#475569;--text-muted:#64748b;--radius-sm:0.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;background:#fff;color:var(--text-primary);overflow-x:hidden}.signin.container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-xl) var(--spacing-md);position:relative}.signin .centered-section{align-items:center;animation:fadeIn .8s ease-out;display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:500px;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.signin .logo-wrapper{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);text-align:center;width:100%}.signin .logo-image{background:#fff;display:block;height:150px;object-fit:contain;width:150px}.signin .brand-name{color:var(--primary-color);font-size:2rem;font-weight:800;letter-spacing:.08em;margin:0;text-align:center}.signin .brand-tagline{color:var(--text-secondary);font-size:1rem;margin:0}.signin .login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;border:1px solid #0000000f;border-radius:var(--radius-xl);box-shadow:0 4px 20px #00000014;padding:var(--spacing-xl);width:100%}.signin .card-header{margin-bottom:var(--spacing-xl);text-align:center}.signin .card-header h2{color:var(--primary-color);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xs)}.signin .card-header p{color:var(--text-secondary);font-size:.95rem}.signin .login-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.signin .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.signin .form-group label{align-items:center;color:var(--text-primary);display:flex;font-size:.9rem;font-weight:500;gap:var(--spacing-xs)}.signin .form-group label i{color:var(--primary-color);font-size:.9rem}.signin .form-group input{background:#f8f9fa;border:2px solid #e9ecef;border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all var(--transition-base);width:100%}.signin .form-group input::placeholder{color:#adb5bd}.signin .form-group input:focus{background:var(--bg-white);border-color:var(--primary-color);box-shadow:0 0 0 4px #1e3a5f14;outline:none}.signin .password-wrapper{position:relative}.signin .password-wrapper input{padding-right:3rem}.signin .toggle-password{background:#0000;border:none;color:var(--text-muted);cursor:pointer;height:100%;padding:0 1rem;position:absolute;right:0;top:0;transition:color var(--transition-fast)}.signin .toggle-password:hover{color:var(--primary-color)}.signin .toggle-password i{font-size:1rem}.signin .error-message{color:var(--error);display:none;font-size:.85rem;margin-top:.25rem}.signin .error-message.show{display:block}.signin .form-group input.error{border-color:var(--error)}.signin .login-button{background:var(--primary-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:var(--spacing-md);overflow:hidden;padding:1rem;position:relative;transition:all var(--transition-base);width:100%}.signin .login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.signin .login-button:hover:before{left:100%}.signin .login-button:hover{background:var(--primary-dark);box-shadow:0 8px 20px #1e3a5f40;transform:translateY(-2px)}.signin .login-button:active{transform:translateY(0)}.signin .button-loader{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:none;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}@keyframes spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.signin .login-button.loading .button-text{opacity:0}.signin .login-button.loading .button-loader{display:block}.signin .footer-info{margin-top:var(--spacing-lg);text-align:center}.signin .footer-info p{color:var(--text-muted);font-size:.85rem}@media (max-width:1024px){.signin .centered-section{max-width:450px}.signin .logo-image{height:130px;width:130px}.signin .brand-name{font-size:1.75rem}.signin .illustration-wrapper{margin:var(--spacing-lg) 0}.signin .owl-illustration{height:150px;width:150px}}@media (max-width:768px){.signin .container{padding:var(--spacing-md)}.signin .login-card{padding:var(--spacing-lg)}.signin .logo-image{height:120px;width:120px}.signin .brand-name,.signin .card-header h2{font-size:1.5rem}}@media (max-width:480px){.signin{--spacing-xl:1.5rem;--spacing-lg:1rem}.signin .container{padding:var(--spacing-sm)}.signin .logo-image{height:100px;width:100px}.signin .brand-name{font-size:1.25rem;letter-spacing:.05em}.signin .brand-tagline{font-size:.875rem}.signin .login-card{padding:var(--spacing-md)}.signin .card-header h2{font-size:1.25rem}}div.error-page{align-self:center;margin-top:3em;text-align:center}.error-page button{border-radius:.3em;margin-right:1em;margin-top:1em;padding:.5em 1em}