:root{--breakpoint-mobile: 767px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--header-height: 60px;--sidebar-width-desktop: 250px;--sidebar-width-mobile: 280px;--touch-target-min: 44px;--z-header: 1000;--z-mobile-nav: 1100;--z-sidebar-mobile: 900;--z-overlay: 800}html{overflow-y:scroll}*:focus-visible{outline:2px solid #000000;outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #000000;outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#fff;margin:0;padding:0;color:#333;justify-content:center;min-width:320px;font-size:14px;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column;min-height:100vh}h1{text-align:center;font-size:1.5rem;font-weight:600;margin-bottom:2rem;color:#000}.container{max-width:800px;width:100%;margin:0 auto;padding:var(--header-height) 16px 2rem;box-sizing:border-box}@media (max-width: 767px){.container{padding:calc(var(--header-height) + .5rem) 12px 2rem}.auth-input,.filter-input,.filter-select,.search-input,.form-input,.form-select,.form-textarea,input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],select,textarea{font-size:16px!important}}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1rem 0}.works-table{min-width:1200px;width:100%;border-collapse:collapse;background-color:#fff;border:1px solid #e0e0e0}.works-table th,.works-table td{padding:1rem;text-align:left;min-height:var(--touch-target-min)}.works-table th{background-color:#f5f5f5;color:#666;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e0e0e0}.works-table tr{border-bottom:1px solid #f0f0f0}.works-table tbody tr:hover{background-color:#fafafa}@media (max-width: 767px){.works-table th,.works-table td{padding:.75rem .5rem;font-size:.8rem}.works-table th{font-size:.75rem}}.genre-badge{display:inline-block;color:#666;font-size:.75rem;font-weight:400;margin-right:.5rem;margin-bottom:.25rem}.genre-badge:before{content:"#";color:#707070}.work-link,.author-link{color:#666;text-decoration:none;font-weight:400;transition:color .3s ease}.work-link:hover,.author-link:hover{color:#c00}.icon-button{background:none;border:none;cursor:pointer;font-size:1rem;padding:.5rem;min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{opacity:.6}.icon-button.active{font-weight:700}.header{position:fixed;top:0;left:0;width:100%;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;z-index:var(--z-header);border-bottom:1px solid #e0e0e0;display:flex;align-items:center;gap:2rem;height:var(--header-height);box-sizing:border-box}.hamburger-button{display:none;background:none;border:none;cursor:pointer;padding:.5rem;flex-direction:column;gap:4px;min-width:var(--touch-target-min);min-height:var(--touch-target-min);justify-content:center;align-items:center}.hamburger-icon{display:block;width:24px;height:2px;background-color:#333;transition:transform .3s ease,opacity .3s ease}.site-title{font-size:.875rem;font-weight:400;color:#666;text-decoration:none;white-space:nowrap;transition:color .3s ease}.site-title:hover{color:#c00}.nav{display:flex;flex:1;justify-content:flex-end;align-items:center;gap:2rem;transition:transform .3s ease}.nav-link{color:#666;text-decoration:none;font-weight:400;transition:color .3s ease;min-height:var(--touch-target-min);display:flex;align-items:center;padding:0 .5rem}.nav-link:hover{color:#c00}.nav-button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;padding:0;min-height:var(--touch-target-min);display:flex;align-items:center}.nav-button:hover{color:#000}.search-container{position:relative;display:inline-block}.search-input{padding:8px 12px;border-radius:4px;border:1px solid #e0e0e0;width:200px;font-size:.875rem;font-family:inherit;background-color:#fafafa}.search-input:focus{outline:none;border-color:#333;background-color:#fff}.search-results{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-top:4px;max-height:400px;overflow-y:auto;z-index:calc(var(--z-header) + 10);box-shadow:0 4px 6px #0000001a}.search-results-loading{padding:12px;text-align:center;font-size:.875rem;color:#666}.search-results-section-header{padding:8px 12px;background-color:#f5f5f5;font-weight:700;font-size:12px;text-transform:uppercase;color:#666}.search-result-item{width:100%;padding:12px;cursor:pointer;border:none;border-bottom:1px solid #eee;background:none;text-align:left;font-family:inherit;font-size:inherit;color:inherit;transition:background-color .2s ease}.search-result-item:hover{background-color:#f5f5f5}.search-result-title{font-weight:500;color:#333}.search-result-subtitle{font-size:12px;color:#666;margin-top:2px}.search-results-empty{padding:12px;text-align:center;color:#666;font-size:.875rem}.search-suggest-links{margin-top:6px;font-size:.8rem}.search-suggest-links a{color:#4a90d9;text-decoration:none}.search-suggest-links a:hover{text-decoration:underline}.mobile-menu-overlay{display:none;position:fixed;inset:0;background-color:#00000080;z-index:var(--z-overlay)}@media (max-width: 767px){.header{padding:.75rem 1rem;gap:1rem}.hamburger-button{display:flex;order:-1}.site-title{font-size:.75rem;margin-right:0}.nav{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width-mobile);max-width:85vw;background-color:#fff;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;padding:calc(var(--header-height) + 1rem) 1.5rem 2rem;box-shadow:2px 0 10px #0000001a;z-index:var(--z-mobile-nav);overflow-y:auto;transform:translate(-100%);transition:transform .3s ease}.nav-mobile-open{transform:translate(0)}.mobile-menu-overlay{display:block}.nav-link{padding:1rem 0;border-bottom:1px solid #f0f0f0;justify-content:flex-start;font-size:1rem;min-height:var(--touch-target-min)}.nav-link:first-child{border-top:1px solid #f0f0f0}.search-container{width:100%;padding:1rem 0;border-bottom:1px solid #f0f0f0}.search-input{width:100%}.search-results{max-height:300px}}.page-container{max-width:1200px;margin:0 auto;padding:0 16px;box-sizing:border-box}.works-cards{display:grid;grid-template-columns:1fr;gap:0;padding:1rem;background-color:#fff;max-width:800px;margin:0 auto}.work-card{background-color:#fff;padding:.5rem 0;border-bottom:1px solid #e0e0e0}.work-card:hover{background-color:#fafafa}.work-card h2{font-size:1.125rem;font-weight:600;color:#000;margin-bottom:.25rem}.work-year,.work-authors{font-weight:400;font-size:.875rem;color:#666}.work-card p{margin:.25rem 0;color:#666;font-size:.875rem;line-height:1.4}.work-status{display:inline}.status-link{background:none;border:none;padding:0;font-family:inherit;font-size:.875rem;color:#707070;cursor:pointer;text-decoration:none;transition:color .3s ease}.status-link:hover{color:#c00}.status-link.status-active{color:#333;font-weight:500}.star-rating-container{display:inline-flex;align-items:center;min-width:14rem;height:2.5rem}.rating-value{display:inline-block;width:2.5ch;font-size:.875rem;text-align:right;align-self:center;margin-top:-1.125rem}.rating-saving{font-size:.875rem;color:#aaa;margin-top:-1.125rem}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:2px;background:#e0e0e0;outline:none;margin:.5rem 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#666;cursor:pointer;border-radius:0}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#666;cursor:pointer;border:none;border-radius:0}input[type=range]::-webkit-slider-thumb:hover{background:#333}input[type=range]::-moz-range-thumb:hover{background:#333}.reset-button{background:none;border:none;padding:0;font-size:.875rem;color:#666;cursor:pointer;text-decoration:none}.reset-button:hover{color:#000;text-decoration:underline}.work-card .genre-badge{margin-right:.5rem;margin-bottom:.5rem}@media (max-width: 767px){.works-cards{padding:.5rem;gap:.5rem}.work-card{padding:.75rem}.work-card h2{font-size:1rem}.work-year,.work-authors,.work-card p{font-size:.8rem}.genre-badge{font-size:.7rem;margin-right:.35rem}}.login-prompt{color:#888;font-size:.85rem;font-style:italic}.login-prompt a{color:#4a90d9;text-decoration:none;font-style:normal}.login-prompt a:hover{text-decoration:underline}.tag-link{display:inline-block;margin-right:1rem;margin-bottom:.5rem;color:#666;text-decoration:none;font-weight:400;transition:color .3s ease}.tag-link:hover{text-decoration:underline;color:#c00}.main-layout{display:flex;min-height:100vh;padding-top:var(--header-height)}@media (max-width: 767px){.main-layout{flex-direction:column}}.sidebar-container{position:absolute;left:50px;top:var(--header-height);width:var(--sidebar-width-desktop)}.sidebar-toggle{display:none;width:100%;padding:.75rem 1rem;background-color:#000;border:1px solid #333333;color:#fff;cursor:pointer;font-size:.875rem;font-family:inherit;font-weight:500;margin-bottom:1rem;min-height:var(--touch-target-min);transition:background-color .3s ease}.sidebar-toggle:hover{background-color:#333}.sidebar{width:100%;background-color:#fff;border-right:1px solid #e0e0e0;box-sizing:border-box;padding:1rem}.sidebar h2{font-size:.875rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.filter-section{padding:1rem 0;border-bottom:1px solid #f0f0f0}.filter-section:last-child{border-bottom:none}.filter-label{font-size:.75rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;display:block}.filter-loading{font-size:.75rem;color:#707070}.filter-input{width:100%;padding:.75rem;margin-top:.25rem;border:1px solid #e0e0e0;font-size:.875rem;font-family:inherit;box-sizing:border-box;background-color:#fafafa;min-height:var(--touch-target-min)}.filter-input:focus{outline:none;border-color:#333;background-color:#fff}.filter-input-group{margin-bottom:.5rem}.filter-input-label{font-size:.75rem;color:#666;display:block;margin-bottom:.25rem}.filter-select{width:100%;padding:.75rem;margin-top:.5rem;border:1px solid #e0e0e0;font-size:.875rem;font-family:inherit;box-sizing:border-box;background-color:#fafafa;min-height:var(--touch-target-min)}.filter-select:focus{outline:none;border-color:#333;background-color:#fff}.filter-button{width:100%;padding:.75rem;margin-top:.5rem;border:1px solid #333333;background-color:#000;color:#fff;cursor:pointer;font-size:.875rem;font-family:inherit;font-weight:500;min-height:var(--touch-target-min)}.filter-button:hover{background-color:#333}.filter-button:disabled{background-color:#ccc;border-color:#ccc;color:#666;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;padding:2rem;border:1px solid #e0e0e0;max-width:400px;width:90%;max-height:90vh;overflow-y:auto}.modal-title{font-size:1.125rem;font-weight:600;color:#000;margin-bottom:1.5rem}.modal-input-group{margin-bottom:1rem}.modal-label{font-size:.875rem;font-weight:500;color:#333;display:block;margin-bottom:.5rem}.modal-input{width:100%;padding:.5rem;border:1px solid #e0e0e0;font-size:.875rem;font-family:inherit;box-sizing:border-box;background-color:#fafafa}.modal-input:focus{outline:none;border-color:#333;background-color:#fff}.modal-textarea{width:100%;padding:.5rem;border:1px solid #e0e0e0;font-size:.875rem;font-family:inherit;box-sizing:border-box;background-color:#fafafa;resize:vertical}.modal-textarea:focus{outline:none;border-color:#333;background-color:#fff}.modal-buttons{display:flex;gap:.5rem;margin-top:1.5rem}.modal-button{flex:1;padding:.75rem;border:1px solid #333333;background-color:#000;color:#fff;cursor:pointer;font-size:.875rem;font-family:inherit;font-weight:500;min-height:var(--touch-target-min)}.modal-button:hover{background-color:#333}.modal-button-secondary{background-color:#fff;color:#333}@media (max-width: 767px){.modal-content{padding:1.5rem;width:95%;max-height:85vh}.modal-title{font-size:1rem}.modal-input,.modal-textarea{font-size:16px}.modal-buttons{flex-direction:column}.modal-button{width:100%}}.modal-button-secondary:hover{background-color:#f0f0f0}.modal-button:disabled{background-color:#ccc;border-color:#ccc;color:#666;cursor:not-allowed}@media (max-width: 767px){.sidebar-container{position:relative;width:100%;left:0;top:0}.sidebar-toggle{display:block}.sidebar{width:100%;border-right:none;border-bottom:1px solid #e0e0e0;max-height:0;overflow:hidden;opacity:0;padding:0 1rem;transition:max-height .3s ease,opacity .3s ease,padding .3s ease}.sidebar-expanded{max-height:2000px;opacity:1;padding:1rem;margin-bottom:1rem}}@media (min-width: 768px) and (max-width: 1023px){.sidebar-container{left:20px;width:220px}}.content{flex:1;padding:1rem;overflow-y:auto}.user-container{max-width:900px;margin:0 auto;padding:2rem}.user-info{text-align:center;margin-bottom:3rem}.user-info h2{font-size:1.5rem;font-weight:600;color:#000;margin-bottom:.5rem}.user-email{color:#666;font-size:.875rem}.user-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.stat-card{background-color:#fff;border:1px solid #e0e0e0;padding:2rem;text-align:center}.stat-card:hover{background-color:#fafafa}.stat-value{font-size:2.5rem;font-weight:600;color:#000;margin-bottom:.5rem}.stat-label{font-size:.75rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.ratings-distribution{margin-top:3rem;background-color:#fff;border:1px solid #e0e0e0;padding:2rem}.ratings-distribution h2{font-size:1.25rem;font-weight:600;color:#000;margin:0 0 1.5rem;text-align:center}.distribution-chart{display:flex;flex-direction:column;gap:.75rem}.distribution-row{display:grid;grid-template-columns:30px 1fr 50px;gap:1rem;align-items:center;padding:4px 0;border-radius:4px}.distribution-row-clickable{cursor:pointer}.distribution-row-clickable:hover{background-color:#f0f0f0}.distribution-label{font-weight:600;color:#000;text-align:center;font-size:.875rem}.distribution-bar-container{background-color:#f5f5f5;height:28px;border:1px solid #e0e0e0;position:relative;overflow:hidden}.distribution-bar{height:100%;background-color:#000;transition:width .3s ease;min-width:2px}.distribution-count{font-size:.875rem;color:#666;text-align:right;font-weight:500}.user-actions{margin-top:3rem}.action-links{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.action-link{color:#666;text-decoration:none;font-weight:400;font-size:.875rem;transition:color .3s ease}.action-link:hover{color:#c00}.logout-button{margin-top:1rem;padding:.5rem 1rem;background-color:#fff;border:1px solid #e0e0e0;color:#666;cursor:pointer;font-size:.875rem;font-family:inherit;transition:color .3s ease,border-color .3s ease;min-height:var(--touch-target-min)}.logout-button:hover{color:#c00;border-color:#c00}@media (max-width: 767px){.user-container{padding:1rem}.user-stats{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.5rem}.stat-value{font-size:2rem}.ratings-distribution{padding:1.5rem;margin-top:2rem}.ratings-distribution h2{font-size:1.125rem}.distribution-row{grid-template-columns:25px 1fr 40px;gap:.75rem}.distribution-bar-container{height:24px}.action-links{flex-direction:column;align-items:stretch}.action-link{padding:.75rem;text-align:center;border:1px solid #e0e0e0}}.loading,.error{text-align:center;padding:2rem;font-size:.875rem;color:#666}.error{color:#c00}.star-rating{display:inline-flex;gap:.15rem;align-items:center;margin-left:.5rem}.star-clear-zone{background:none;border:none;padding:0;width:1rem;height:1.25rem;cursor:pointer;margin-right:.15rem}.star-button{background:none;border:none;padding:0;cursor:pointer;line-height:1}.star-button:hover{opacity:.7}.star{font-size:2.5rem;display:inline-block;font-weight:400;line-height:1}.star-empty{color:#ddd}.star-filled{color:#333}.star-button:hover .star{color:#000}.auth-container{max-width:400px;margin:100px auto;background-color:#fff;padding:2rem;border:1px solid #e0e0e0}.auth-title{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:#000;text-align:center}.auth-label{display:block;font-size:.875rem;font-weight:500;color:#333;margin-bottom:.5rem}.auth-input{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid #e0e0e0;font-size:.875rem;font-family:inherit;box-sizing:border-box;background-color:#fafafa}.auth-input:focus{outline:2px solid #000000;outline-offset:2px;border-color:#333;background-color:#fff}.btn{padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;font-family:inherit;border:1px solid #333333;background-color:#000;color:#fff;cursor:pointer;width:100%}.btn:hover{background-color:#333}.btn:active{background-color:#000}.btn-danger{background-color:#c00;border-color:#c00}.btn-danger:hover{background-color:#900}.alert{padding:.75rem;margin-bottom:1rem;font-size:.875rem;border:1px solid #e0e0e0}.alert-danger{background-color:#fff5f5;border-color:#c00;color:#c00}.alert-success{background-color:#f5fff5;border-color:#060;color:#060}.auth-link{color:#333;text-decoration:underline;font-weight:400}.auth-link:hover{color:#000}.auth-footer{margin-top:1.5rem;text-align:center;font-size:.875rem;color:#666}.auth-message{font-size:.875rem;color:#666;margin-bottom:1rem;line-height:1.5}.forgot-password-link{text-align:right;font-size:.8rem;margin-top:-.5rem;margin-bottom:1rem}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.verify-container{max-width:500px;margin:80px auto 2rem;background-color:#fff;padding:2rem;border:1px solid #e0e0e0;text-align:center}.verify-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#000}.verify-title.success{color:#060}.verify-title.error{color:#c00}.verify-text{margin-bottom:1rem;color:#666;font-size:.875rem}.verify-link-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.work-detail-input{border:1px solid #e0e0e0;padding:.25rem;font-family:inherit;font-size:.875rem}.work-detail-input:focus{outline:none;border-color:#333}.clear-date-button{margin-left:.5rem;padding:.25rem .5rem;background-color:#c00;border:1px solid #cc0000;color:#fff;cursor:pointer;font-size:.75rem;font-family:inherit;transition:background-color .3s ease}.clear-date-button:hover{background-color:#900}.work-detail-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e0e0e0}.delete-work-button{padding:.5rem 1rem;background-color:#c00;border:1px solid #cc0000;color:#fff;cursor:pointer;font-size:.875rem;font-family:inherit;font-weight:500;transition:background-color .3s ease}.delete-work-button:hover{background-color:#900}.page-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#000}.page-title-large{font-size:1.875rem;font-weight:600;margin-bottom:1rem;color:#000}.page-content{padding:1.5rem}.flex-layout{display:flex;margin:0 calc(-50vw + 50%);width:100vw}.flex-content{flex:1;padding:1rem;max-width:900px;margin-left:auto;margin-right:auto}@media (max-width: 767px){.flex-layout{flex-direction:column;margin:0;width:100%}.flex-content{margin-left:0;margin-right:0;padding:.5rem;width:100%;max-width:100%}}@media (min-width: 768px) and (max-width: 1023px){.flex-content{max-width:800px;margin-left:auto;margin-right:auto}}.input-error{border-color:#c00!important}.error-text{color:#c00;font-size:.75rem;margin-top:.25rem}.helper-text{color:#707070;font-size:.75rem;margin-top:.25rem}.success-title{color:#060;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.btn:disabled{background-color:#ccc;border-color:#ccc;color:#666;cursor:not-allowed}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:2rem 0}.pagination-button{padding:.5rem .75rem;border:none;background:none;color:#666;cursor:pointer;font-size:.875rem;font-family:inherit;font-weight:400;transition:color .3s ease;min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.pagination-button:hover:not(:disabled){color:#c00}.pagination-button:disabled{color:#ccc;cursor:not-allowed}.pagination-button-active{color:#000;font-weight:500}.pagination-ellipsis{padding:.5rem .75rem;color:#707070;font-size:.875rem}@media (max-width: 767px){.pagination-controls{gap:.25rem;flex-wrap:wrap}.pagination-button{min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:.5rem}.pagination-ellipsis{padding:.25rem}}.suggestion-container{max-width:800px;margin:0 auto;padding:60px 1rem 2rem}.suggestion-container-wide{max-width:1200px;margin:0 auto;padding:60px 1rem 2rem}.suggestion-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#000;text-align:center}.suggestion-description{color:#666;font-size:.875rem;margin-bottom:1.5rem;text-align:center}.suggestion-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-label{font-size:.875rem;font-weight:500;color:#333;margin-bottom:.5rem;display:block}.form-input,.form-select,.form-textarea{width:100%;padding:.5rem;border:1px solid #e0e0e0;font-size:.875rem;font-family:inherit;box-sizing:border-box;background-color:#fafafa}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#333;background-color:#fff}.form-textarea{resize:vertical;min-height:4rem}.form-buttons{display:flex;gap:1rem;margin-top:.5rem}.button-primary{padding:.5rem 1.5rem;background-color:#000;border:1px solid #333333;color:#fff;cursor:pointer;font-size:.875rem;font-family:inherit;font-weight:500;transition:background-color .3s ease;min-height:var(--touch-target-min)}.button-primary:hover{background-color:#333}.button-primary:disabled{background-color:#ccc;border-color:#ccc;color:#666;cursor:not-allowed}.button-secondary{padding:.5rem 1.5rem;background-color:#fff;border:1px solid #e0e0e0;color:#666;cursor:pointer;font-size:.875rem;font-family:inherit;font-weight:500;transition:color .3s ease,border-color .3s ease;min-height:var(--touch-target-min)}.button-secondary:hover{color:#333;border-color:#333}.button-approve{padding:.5rem 1.5rem;background-color:#060;border:1px solid #006600;color:#fff;cursor:pointer;font-size:.875rem;font-family:inherit;font-weight:500;transition:background-color .3s ease;min-height:var(--touch-target-min)}.button-approve:hover{background-color:#040}.button-approve:disabled{background-color:#ccc;border-color:#ccc;color:#666;cursor:not-allowed}.button-reject{padding:.5rem 1.5rem;background-color:#c00;border:1px solid #cc0000;color:#fff;cursor:pointer;font-size:.875rem;font-family:inherit;font-weight:500;transition:background-color .3s ease;min-height:var(--touch-target-min)}.button-reject:hover{background-color:#900}.button-reject:disabled{background-color:#ccc;border-color:#ccc;color:#666;cursor:not-allowed}.tabs-container{display:flex;gap:1rem;margin-bottom:1.5rem;border-bottom:1px solid #e0e0e0}.tab-button{padding:.75rem 1rem;background:none;border:none;border-bottom:2px solid transparent;font-family:inherit;font-size:.875rem;font-weight:500;color:#666;cursor:pointer;transition:color .3s ease,border-color .3s ease;min-height:var(--touch-target-min)}.tab-button:hover{color:#333}.tab-button.active{border-bottom-color:#000;color:#000}@media (max-width: 767px){.suggestion-container,.suggestion-container-wide{padding:calc(var(--header-height) + .5rem) .75rem 1rem}.suggestion-title{font-size:1.25rem}.form-group-row{grid-template-columns:1fr}.suggestion-card{padding:1rem}.suggestion-card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.suggestion-card-actions{width:100%;flex-direction:column}.suggestion-card-actions button,.suggestion-card-actions a{width:100%}.form-buttons{flex-direction:column}.form-buttons button{width:100%}}.filter-buttons{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-toggle{padding:.5rem 1rem;background-color:#fff;border:1px solid #e0e0e0;color:#666;cursor:pointer;font-size:.875rem;font-family:inherit;transition:background-color .3s ease,color .3s ease}.filter-toggle:hover{background-color:#f5f5f5}.filter-toggle.active{background-color:#000;border-color:#000;color:#fff}.suggestions-list{display:flex;flex-direction:column;gap:1.5rem}.suggestion-card{background-color:#fff;border:1px solid #e0e0e0;padding:1.5rem}.suggestion-card:hover{background-color:#fafafa}.suggestion-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.suggestion-card-title{font-size:1.125rem;font-weight:600;color:#000;margin:0 0 .25rem}.suggestion-card-subtitle{font-size:.875rem;color:#666;margin:.25rem 0}.suggestion-card-meta{font-size:.75rem;color:#707070}.suggestion-card-content{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.suggestion-field{font-size:.875rem;color:#666;line-height:1.5}.suggestion-field-label{font-weight:500;color:#333}.suggestion-field-value{margin-left:.5rem}.suggestion-card-footer{border-top:1px solid #e0e0e0;padding-top:1rem;margin-top:1rem}.suggestion-review-section{display:flex;flex-direction:column;gap:.75rem}.status-badge{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border:1px solid;white-space:nowrap}.status-badge.pending{background-color:#fff9e6;border-color:#e6d700;color:#8a7700}.status-badge.approved{background-color:#f5fff5;border-color:#060;color:#060}.status-badge.rejected{background-color:#fff5f5;border-color:#c00;color:#c00}.empty-state{text-align:center;padding:3rem 1rem;background-color:#fafafa;border:1px solid #e0e0e0}.empty-state-text{color:#666;font-size:.875rem;margin-bottom:1rem}.empty-state-button{display:inline-block;padding:.5rem 1.5rem;background-color:#000;border:1px solid #333333;color:#fff;text-decoration:none;font-size:.875rem;font-weight:500;transition:background-color .3s ease}.empty-state-button:hover{background-color:#333}.moderator-notes{background-color:#fafafa;border:1px solid #e0e0e0;padding:.75rem;margin-top:.5rem}.moderator-notes-label{font-weight:500;font-size:.875rem;color:#333;margin-bottom:.25rem;display:block}.moderator-notes-text{font-size:.875rem;color:#666}.suggestion-link{color:#000;text-decoration:underline;font-weight:500;transition:color .3s ease}.suggestion-link:hover{color:#c00}.external-link{color:#333;text-decoration:underline;transition:color .3s ease}.external-link:hover{color:#c00}.presets-container{max-width:1000px;margin:0 auto;padding:60px 1rem 2rem}.presets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.presets-title{font-size:1.5rem;font-weight:600;color:#000}.presets-back-link{color:#666;text-decoration:none;font-size:.875rem;transition:color .3s ease}.presets-back-link:hover{color:#c00}.presets-empty-state{background-color:#fafafa;border:1px solid #e0e0e0;padding:1.5rem}.presets-empty-text{color:#666;font-size:.875rem;margin-bottom:1rem;line-height:1.5}.presets-section{margin-bottom:2rem}.presets-section-title{font-size:1.125rem;font-weight:600;color:#000;margin-bottom:1rem}.presets-list{display:flex;flex-direction:column;gap:1rem}.preset-card{background-color:#fff;border:1px solid #e0e0e0;padding:1rem}.preset-card.global{background-color:#fafafa}.preset-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.preset-card-info{flex:1}.preset-card-title{font-size:1rem;font-weight:500;color:#000;margin-bottom:.25rem}.preset-card-description{font-size:.875rem;color:#666;margin-top:.25rem}.preset-badge{display:inline-block;margin-left:.5rem;padding:.125rem .5rem;background-color:#f5f5f5;border:1px solid #e0e0e0;color:#333;font-size:.75rem;font-weight:500}.preset-card-actions{display:flex;gap:.5rem}.preset-apply-button{padding:.25rem .75rem;background-color:#000;border:1px solid #333333;color:#fff;cursor:pointer;font-size:.75rem;font-family:inherit;font-weight:500;text-decoration:none;transition:background-color .3s ease;display:inline-block}.preset-apply-button:hover{background-color:#333}.preset-delete-button{padding:.25rem .75rem;background-color:#c00;border:1px solid #cc0000;color:#fff;cursor:pointer;font-size:.75rem;font-family:inherit;font-weight:500;transition:background-color .3s ease}.preset-delete-button:hover{background-color:#900}.preset-card-content{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.preset-weights,.preset-filters{display:flex;flex-direction:column}.preset-content-label{font-size:.875rem;font-weight:500;color:#666;margin-bottom:.25rem}.preset-content-value{font-size:.875rem;color:#666}.preset-weight-item{font-size:.875rem;color:#666;line-height:1.4}@media (max-width: 768px){.preset-card-content{grid-template-columns:1fr}.presets-header{flex-direction:column;align-items:flex-start;gap:1rem}}.etl-dashboard{max-width:1200px;margin:0 auto;padding:calc(var(--header-height) + 1rem) 1rem 2rem}.etl-dashboard-title{font-size:1.5rem;font-weight:600;color:#000;margin-bottom:1.5rem;text-align:left}.etl-chart-container{background-color:#fff;border:1px solid #e0e0e0;padding:1rem}.etl-empty-state{text-align:center;padding:2rem;background-color:#fafafa;border:1px solid #e0e0e0;color:#666}@media (max-width: 767px){.etl-dashboard{padding:calc(var(--header-height) + .5rem) .75rem 1rem}}.about-container{max-width:900px;margin:0 auto;padding:2rem}.about-section{margin-bottom:2rem}.about-section h2{font-size:1.25rem;font-weight:600;color:#000;margin-bottom:.75rem}.about-section p{margin-bottom:.75rem;line-height:1.7}.about-section ul{margin:.5rem 0 .75rem 1.5rem;line-height:1.7}.about-section li{margin-bottom:.5rem}.about-section a{color:#000;text-decoration:underline}.about-section a:hover{color:#555}.about-example{background-color:#fafafa;border:1px solid #e0e0e0;padding:1rem 1.25rem;margin-top:.5rem}@media (max-width: 767px){.about-container{padding:1rem}}