.navbar{height:60px;background-color:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000}.navbar-container{max-width:1200px;margin:0 auto;padding:0 20px;height:100%;display:flex;justify-content:space-between;align-items:center}.navbar-logo a{font-size:20px;font-weight:600;color:#333;text-decoration:none}.navbar-links{display:flex;gap:30px}.nav-link{color:#666;text-decoration:none;font-size:14px;font-weight:500;letter-spacing:.5px;transition:color .2s}.nav-link:hover{color:#333}.layout{min-height:100vh;display:flex;flex-direction:column}.layout-content{flex:1;display:flex;flex-direction:column}.left-panel{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:calc(100vh - 60px)}.loading-message{color:#fff;font-size:24px;text-shadow:0 0 10px rgba(0,0,0,.5)}.classification-container{width:100%;max-width:600px;padding:20px}.classification-prompt{color:#fff;text-shadow:0 0 10px rgba(0,0,0,.8);font-size:32px;text-align:center;margin-bottom:40px}.classification-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.classification-button{padding:16px;font-size:16px;font-weight:500;background:#fff;border:2px solid #333;border-radius:8px;cursor:pointer;text-transform:capitalize;transition:all .2s}.classification-button:hover{background:#f0f0f0;transform:scale(1.05)}.classification-button:active{transform:scale(.98)}@media(max-width:768px){.classification-prompt{font-size:24px}.classification-buttons{grid-template-columns:repeat(2,1fr)}}.view-toggle{display:flex;gap:0;margin-bottom:20px;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.toggle-button{flex:1;padding:12px 20px;font-size:14px;font-weight:500;border:none;background:#f5f5f5;color:#666;cursor:pointer;transition:all .2s}.toggle-button:hover{background:#e8e8e8}.toggle-button.active{background:#4caf50;color:#fff}.toggle-button:first-child{border-right:1px solid #ddd}.stats-view{padding:20px;overflow-y:auto;height:100%}.stats-view.loading,.stats-view.error{display:flex;align-items:center;justify-content:center;height:100%;color:#666}.stats-section{margin-bottom:30px;padding:20px;background:#f9f9f9;border-radius:8px}.stats-section h3{font-size:20px;margin-bottom:15px;color:#333;border-bottom:2px solid #ddd;padding-bottom:10px}.stat-item{display:flex;align-items:center;padding:10px 0;gap:10px}.stat-icon{font-size:24px}.stat-label{flex:1;color:#666;font-size:14px}.stat-value{font-weight:600;color:#333;font-size:16px;display:flex;align-items:center;gap:8px}.controversial-section{margin-top:20px;padding-top:15px;border-top:1px solid #ddd}.controversial-section h4{font-size:16px;margin-bottom:12px;color:#555}.controversial-item{display:flex;gap:12px;padding:12px;background:#fff;border-radius:6px;margin-bottom:10px}.color-swatch{width:50px;height:50px;border-radius:6px;border:2px solid #ddd;flex-shrink:0}.color-swatch-inline{width:20px;height:20px;border-radius:3px;border:1px solid #ddd;display:inline-block}.controversial-details{flex:1}.color-hex{font-size:12px;color:#999;margin-bottom:4px}.classifications{font-size:14px;color:#666;margin-bottom:2px}.classifications strong{color:#333;text-transform:capitalize}.disagreement{font-size:12px;color:#999}.right-panel{flex:1;background:#fff;display:flex;flex-direction:column;padding:20px;min-height:calc(100vh - 60px);overflow:hidden}.right-panel-content{flex:1;overflow:auto}@media(max-width:768px){.right-panel{min-height:auto;height:50vh}}.color-classifier{display:flex;width:100%;height:calc(100vh - 60px)}.color-classifier>*{width:50%}@media(max-width:768px){.color-classifier{flex-direction:column;height:auto}.color-classifier>*{width:100%}}.about-page{min-height:calc(100vh - 60px);display:flex;justify-content:center;align-items:center;padding:40px 20px;background:linear-gradient(135deg,#667eea,#764ba2)}.about-container{max-width:800px;background:#fff;border-radius:12px;padding:60px;box-shadow:0 10px 40px #0000001a}.about-container h1{font-size:2.5rem;margin-bottom:40px;color:#333;text-align:center}.about-section{margin-bottom:30px}.about-section h2{font-size:1.5rem;color:#667eea;margin-bottom:15px}.about-section p{font-size:1.1rem;line-height:1.6;color:#666}.about-section:last-child{margin-bottom:0}@media(max-width:768px){.about-container{padding:30px 20px}.about-container h1{font-size:2rem}.about-section h2{font-size:1.25rem}}.blog-page{min-height:calc(100vh - 60px);display:flex;justify-content:center;align-items:center;padding:40px 20px;background:linear-gradient(135deg,#667eea,#764ba2)}.blog-container{max-width:800px;background:#fff;border-radius:12px;padding:60px;box-shadow:0 10px 40px #0000001a}.blog-container h1{font-size:2.5rem;margin-bottom:40px;color:#333;text-align:center}.blog-post h2{font-size:1.75rem;margin-bottom:10px;color:#333}.blog-meta{font-size:.875rem;color:#999;margin-bottom:25px}.blog-post section{margin-bottom:25px}.blog-post section:last-child{margin-bottom:0}.blog-post h3{font-size:1.25rem;margin-bottom:12px;color:#667eea}.blog-post p{font-size:1rem;line-height:1.6;color:#666}@media(max-width:768px){.blog-container{padding:30px 20px}.blog-container h1{font-size:2rem}.blog-post h2{font-size:1.5rem}.blog-post h3{font-size:1.125rem}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}