:root{--primary-color:#7b5eea;--primary-light:#f0eaff;--secondary-color:#d175b7;--accent-color:#ffd8e6;--bg-color:#fcfbfe;--surface-color:hsla(0,0%,100%,.75);--text-main:#2d264f;--text-sub:#7a7099;--border-color:rgba(123,94,234,.15);--shadow-sm:0 4px 15px rgba(123,94,234,.05);--shadow-md:0 8px 30px rgba(123,94,234,.1);--glass-border:1px solid hsla(0,0%,100%,.8);--radius-sm:12px;--radius-md:20px;--radius-lg:30px}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-color);background-image:radial-gradient(circle at 15% 10%,rgba(123,94,234,.08) 0,transparent 40%),radial-gradient(circle at 85% 20%,rgba(209,117,183,.08) 0,transparent 40%),radial-gradient(circle at 50% 80%,rgba(123,94,234,.05) 0,transparent 50%);background-attachment:scroll;color:var(--text-main);min-height:100vh;text-size-adjust:100%}a{color:inherit;text-decoration:none}.app-container{max-width:1000px;margin:0 auto;padding:30px 20px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.logo-area{display:flex;align-items:baseline;gap:15px}.logo-title{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin:0;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.logo-subtitle{font-size:.95rem;color:var(--text-sub);font-weight:500}.user-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 4px 15px rgba(209,117,183,.3);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;cursor:pointer;transition:transform .3s ease}.user-icon:hover{transform:scale(1.05)}.login-btn{padding:10px 22px;border:none;border-radius:999px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 4px 15px rgba(209,117,183,.3);transition:transform .3s ease}.login-btn:hover{transform:scale(1.03)}.glass-panel{background:var(--surface-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin-bottom:25px;display:flex;overflow:hidden}.panel-label{background:var(--text-main);color:#fff;width:140px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;letter-spacing:1px}.panel-content{padding:25px 30px;flex:1 1}.form-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:15px}.form-row:last-child{margin-bottom:0}.form-row-controls{margin-left:auto;display:flex;gap:15px;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:var(--text-sub)}.checkbox-label input[type=checkbox]{accent-color:var(--primary-color);width:16px;height:16px}.custom-date,.custom-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fff;color:var(--text-main);font-family:inherit;font-size:.9rem;outline:none;transition:border-color .2s}.custom-date:focus,.custom-select:focus{border-color:var(--primary-color)}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;padding:10px 24px;border-radius:var(--radius-lg);font-weight:700;cursor:pointer;box-shadow:0 4px 15px rgba(209,117,183,.3);transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(209,117,183,.4)}.genre-list{display:flex;gap:12px;flex-wrap:wrap}.genre-btn{background:var(--primary-light);color:var(--primary-color);border:none;padding:8px 20px;border-radius:var(--radius-lg);font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s ease}.genre-btn.active{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px rgba(123,94,234,.3)}.genre-btn:hover:not(.active){background:#e1d5ff}.genre-btn.disabled,.genre-btn:disabled{opacity:.35;cursor:not-allowed;background:#eee;color:#999}.genre-btn.disabled.active,.genre-btn:disabled.active{opacity:.55;background:#ccc;color:#666;box-shadow:none}.tabs{display:flex;border-radius:var(--radius-md) var(--radius-md) 0 0;overflow:hidden;margin-top:40px}.tab{flex:1 1;text-align:center;padding:18px 0;font-weight:700;font-size:1.1rem;cursor:pointer;transition:background .3s,color .3s}.tab.active{background:var(--text-main);color:#fff}.tab.inactive{background:#d495c6;color:hsla(0,0%,100%,.9)}.tab.inactive:hover{background:var(--secondary-color)}.news-container{background:var(--surface-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-md);padding:20px}.news-item{display:flex;flex-wrap:wrap;gap:20px;padding:25px;border-bottom:1px solid var(--border-color);transition:all .3s ease;position:relative}.news-item:hover{background:hsla(0,0%,100%,.9);transform:translateY(-2px) scale(1.01);box-shadow:0 10px 30px rgba(123,94,234,.15);z-index:1;border-radius:var(--radius-sm);border-bottom-color:transparent}.news-item:last-child{border-bottom:none}.news-content{flex:1 1}.news-meta{display:flex;align-items:center;gap:15px;margin-bottom:10px;flex-wrap:wrap}.news-afeel-btn{margin-left:auto;padding:6px 14px;border:none;border-radius:999px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-size:.82rem;font-weight:700;cursor:pointer;box-shadow:0 3px 10px rgba(209,117,183,.25);flex-shrink:0;transition:transform .2s ease,opacity .2s ease}.news-afeel-btn:hover:not(:disabled){transform:scale(1.03)}.news-afeel-btn:disabled{opacity:.65;cursor:wait}.single-afeel-result{flex:1 1 100%;width:100%;background:var(--primary-light);border-radius:var(--radius-sm);padding:16px;margin-top:4px;font-size:.92rem;line-height:1.7;color:var(--text-main);border:1px solid var(--border-color)}.single-afeel-result p{margin:0 0 12px}.single-afeel-result p:last-child{margin-bottom:0}.single-afeel-result-title{font-weight:700;color:var(--primary-color)}.single-afeel-importance{font-size:.85rem;color:var(--secondary-color);font-weight:700}.news-tag{border:1px solid var(--text-main);padding:2px 10px;border-radius:var(--radius-sm);font-size:.8rem}.news-tag,.news-title{color:var(--text-main);font-weight:700}.news-title{font-size:1.25rem;margin:0 0 10px;line-height:1.4}.news-title a{transition:color .2s}.news-title a:hover{color:var(--primary-color)}.news-desc{font-size:.95rem;color:var(--text-sub);margin:0 0 15px;line-height:1.6}.news-footer{display:flex;gap:20px;font-size:.85rem;color:#9aa}.news-footer span{display:flex;align-items:center;gap:5px}.news-image{width:180px;height:120px;flex-shrink:0;background:var(--primary-light);border-radius:var(--radius-sm);overflow:hidden;box-shadow:inset 0 2px 8px rgba(0,0,0,.05)}.news-image-empty{background:transparent;box-shadow:none}.news-image-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm);display:block}.empty-state{text-align:center;padding:50px 20px;color:var(--text-sub)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(45,38,79,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.modal-overlay.open{opacity:1;visibility:visible}.modal-content{background:hsla(0,0%,100%,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:var(--glass-border);border-radius:var(--radius-md);box-shadow:0 10px 40px rgba(123,94,234,.2);width:90%;max-width:500px;padding:30px;position:relative;transform:translateY(20px);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.modal-overlay.open .modal-content{transform:translateY(0)}.modal-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-sub);transition:color .2s}.modal-close:hover,.modal-title{color:var(--primary-color)}.modal-title{margin-top:0;margin-bottom:20px;font-size:1.5rem;text-align:center}.modal-form-group{margin-bottom:15px}.modal-form-group label{display:block;font-weight:700;margin-bottom:5px;font-size:.9rem}.modal-form-group input,.modal-form-group select,.modal-form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:hsla(0,0%,100%,.7);font-family:inherit;font-size:1rem;color:var(--text-main)}.modal-form-group textarea{resize:vertical;min-height:80px}.input-readonly{background:rgba(240,234,255,.6);cursor:not-allowed}.modal-form-group input:focus,.modal-form-group select:focus,.modal-form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(123,94,234,.1)}.form-error{color:#c0392b;font-size:.9rem;margin:0 0 10px}.modal-switch{text-align:center;margin-top:18px;font-size:.9rem;color:var(--text-sub)}.link-btn{border:none;background:none;color:var(--primary-color);margin-left:6px;padding:0;font-size:inherit}.btn-secondary,.link-btn{font-weight:700;cursor:pointer}.btn-secondary{padding:12px 24px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fff;color:var(--text-sub)}.modal-footer{margin-top:25px;text-align:center}.modal-footer-split{display:flex;justify-content:space-between;gap:12px}.afeel-loading{text-align:center;padding:80px 20px;color:var(--text-sub)}.afeel-loading-spinner{width:48px;height:48px;border:4px solid var(--primary-light);border-top-color:var(--primary-color);border-radius:50%;margin:0 auto 20px;animation:afeel-spin .8s linear infinite}@keyframes afeel-spin{to{transform:rotate(1turn)}}.afeel-notice{background:#fff8e6;border:1px solid #f0d78c;color:#8a6d00;padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:20px;font-size:.9rem}.afeel-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px;font-weight:700;color:var(--primary-color)}.afeel-header-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.afeel-date{font-size:.85rem;color:var(--text-sub);font-weight:500}.afeel-countdown{font-size:.85rem;color:var(--secondary-color);font-weight:700}.afeel-admin-badge{font-size:.85rem;color:var(--primary-color);font-weight:700}.afeel-item.news-item-link{text-decoration:none;color:inherit;display:flex;position:relative;cursor:pointer}.afeel-confirm-modal{max-width:460px}.afeel-confirm-modal textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:hsla(0,0%,100%,.7);font-family:inherit;font-size:.95rem;color:var(--text-main);resize:vertical;min-height:80px}.afeel-confirm-text{line-height:1.8;color:var(--text-main);margin:0 0 12px}.afeel-confirm-admin{font-size:.9rem;color:var(--primary-color);margin:0 0 8px}.afeel-item{display:flex;gap:20px;padding:25px;border-bottom:1px solid var(--border-color);transition:all .3s ease;position:relative}.afeel-item:hover{background:hsla(0,0%,100%,.9);transform:translateY(-2px) scale(1.01);box-shadow:0 10px 30px rgba(123,94,234,.15);z-index:1;border-radius:var(--radius-sm);border-bottom-color:transparent}.afeel-item:last-child{border-bottom:none}.afeel-item-main{flex:1 1}.afeel-importance{font-size:.85rem;color:var(--secondary-color);font-weight:700}.afeel-stars{color:#f5a623;letter-spacing:1px}.afeel-advice{background:var(--primary-light);border-radius:var(--radius-sm);padding:16px;margin:12px 0;font-size:.92rem;line-height:1.7;color:var(--text-main)}.afeel-advice p{margin:0 0 12px}.afeel-advice p:last-child{margin-bottom:0}.afeel-summary{margin-top:30px;padding:24px;background:linear-gradient(135deg,rgba(123,94,234,.08),rgba(209,117,183,.08));border-radius:var(--radius-md);border:1px solid var(--border-color);line-height:1.7}.afeel-summary h3{color:var(--primary-color);margin-top:0;margin-bottom:16px}.afeel-summary p{margin:0 0 14px}.afeel-closing{margin-top:16px;padding-top:16px;border-top:1px dashed var(--border-color);font-weight:700;color:var(--primary-color)}.pagination-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.pagination-bar-bottom{justify-content:center;margin-top:25px;margin-bottom:0;padding-top:20px;border-top:1px solid var(--border-color)}.pagination-count{font-weight:700;color:var(--text-main);background:var(--primary-light);padding:6px 16px;border-radius:20px;font-size:.95rem}.pagination-actions{display:flex;gap:10px}.mobile-drawer-header,.mobile-drawer-overlay,.mobile-toolbar{display:none}@media ((hover:none) and (pointer:coarse)),(max-width:768px){.app-container{padding:16px 14px 28px}.header{margin-bottom:16px;gap:10px}.logo-area{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;flex:1 1}.logo-title{font-size:1.65rem;line-height:1.2}.logo-subtitle{font-size:.78rem;line-height:1.3}.user-icon{width:42px;height:42px;font-size:1rem;flex-shrink:0}.login-btn{padding:9px 16px;font-size:.85rem;flex-shrink:0}.mobile-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.mobile-menu-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fff;color:var(--text-main);font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:var(--shadow-sm);flex-shrink:0}.mobile-filter-chip{font-size:.78rem;color:var(--text-sub);background:var(--primary-light);padding:6px 10px;border-radius:999px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1}.mobile-drawer-overlay{display:block;position:fixed;inset:0;background:rgba(45,38,79,.45);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:900;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.mobile-drawer-overlay.open{opacity:1;visibility:visible}.filter-section{position:fixed;top:0;right:0;width:min(340px,92vw);height:100vh;height:100dvh;z-index:950;padding:0 16px 24px;background:var(--bg-color);box-shadow:-6px 0 30px rgba(45,38,79,.15);overflow-y:auto;transform:translateX(100%);transition:transform .3s ease;visibility:hidden;pointer-events:none}.filter-section.drawer-open{transform:translateX(0);visibility:visible;pointer-events:auto}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:2;background:var(--bg-color);padding:16px 0 12px;margin-bottom:4px;border-bottom:1px solid var(--border-color)}.mobile-drawer-header h2{margin:0;font-size:1.1rem;color:var(--primary-color)}.mobile-drawer-close{width:36px;height:36px;border:none;border-radius:50%;background:var(--primary-light);color:var(--primary-color);font-size:1.4rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.filter-section .glass-panel{flex-direction:column;margin-bottom:14px}.filter-section .panel-label{width:100%;padding:12px 16px;font-size:.95rem;letter-spacing:.5px}.filter-section .panel-content{padding:16px}.filter-section .form-row{flex-direction:column;align-items:stretch;gap:10px}.filter-section .form-row-controls{margin-left:0;width:100%}.filter-section .custom-select{flex:1 1;min-width:0}.filter-section .genre-list{gap:8px}.filter-section .genre-btn{padding:10px 16px;font-size:.9rem}.tabs{margin-top:20px}.tab{padding:14px 8px;font-size:.92rem}.news-container{padding:14px 12px}.pagination-bar{flex-direction:column;align-items:stretch}.pagination-count{text-align:center;font-size:.85rem}.pagination-actions{justify-content:center}.pagination-bar-bottom{flex-direction:row;justify-content:center}.afeel-item,.afeel-item.news-item-link,.news-item{flex-direction:column;gap:12px;padding:16px 12px}.afeel-item:hover,.news-item:hover{transform:none}.news-image{width:100%;height:160px;order:-1;flex-shrink:0}.news-title{font-size:1.05rem}.news-desc{font-size:.88rem;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-meta{flex-wrap:wrap;gap:8px}.news-afeel-btn{margin-left:0;font-size:.78rem;padding:6px 12px}.single-afeel-result{order:3;padding:14px;font-size:.85rem}.news-footer{flex-direction:column;gap:6px;font-size:.8rem}.afeel-importance{font-size:.78rem}.afeel-advice{padding:12px;font-size:.85rem}.afeel-header{flex-direction:column;gap:8px;font-size:.95rem}.afeel-header,.afeel-header-meta{align-items:flex-start}.afeel-summary{padding:16px;margin-top:20px;font-size:.9rem}.afeel-loading{padding:50px 16px}.empty-state{padding:40px 16px}.modal-content{width:94%;max-height:90dvh;overflow-y:auto;padding:22px 18px}.modal-title{font-size:1.25rem}.modal-footer-split{flex-direction:column-reverse}.modal-footer-split .btn-primary,.modal-footer-split .btn-secondary{width:100%}}