body{font-family:Arial,sans-serif;background-color:#1a1a1a;color:#e0e0e0;line-height:1.6}.app-container{max-width:900px;margin:20px auto;padding:20px;background-color:#2c2c2c;border-radius:8px;box-shadow:0 2px 15px #0000004d}h1{font-size:2.5rem;color:#ff4500;margin-bottom:20px;text-align:center}label{font-weight:700;display:block;margin-bottom:10px;color:#e0e0e0}input[type=password]{width:100%;max-width:400px;padding:10px;border:1px solid #444;border-radius:4px;font-size:1rem;background-color:#3a3a3a;color:#e0e0e0;transition:border-color .3s}input[type=password]:focus{border-color:#1e90ff;outline:none}textarea{width:100%;padding:15px;border:1px solid #444;border-radius:4px;font-size:1rem;resize:vertical;min-height:150px;background-color:#3a3a3a;color:#e0e0e0;transition:border-color .3s}textarea:focus{border-color:#1e90ff;outline:none}.api-note{font-style:italic;color:#a0a0a0;margin:15px 0;font-size:.9rem}button{padding:12px 25px;background-color:#1e90ff;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s,transform .1s}button:disabled{background-color:#555;cursor:not-allowed}button:hover:not(:disabled){background-color:#1c7ed6;transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(0)}.error{color:#ff4040;margin-top:10px;font-size:.9rem}.results{margin-top:40px}h2{font-size:1.8rem;color:#e0e0e0;margin-bottom:15px}h3{font-size:1.4rem;color:#ff4500;margin-bottom:10px}.verdict-breakdown{background-color:#333;padding:20px;border-radius:5px;margin-bottom:20px}.verdict-bar{display:flex;align-items:center;margin:10px 0}.verdict-label{width:100px;font-weight:700;color:#e0e0e0}.verdict-bar-fill{height:20px;border-radius:3px;transition:width .5s ease-in-out;position:relative}.verdict-bar-fill:hover:after{content:attr(data-count);position:absolute;top:-25px;left:50%;transform:translate(-50%);background-color:#000;color:#fff;padding:2px 6px;border-radius:3px;font-size:.8rem}.verdict-bar-fill.YTA{background-color:#dc3545}.verdict-bar-fill.NTA{background-color:#28a745}.verdict-bar-fill.ESH{background-color:#ffc107}.verdict-bar-fill.NAH{background-color:#6f42c1}.verdict-bar-fill.Undecided{background-color:#6c757d}.judgment-card{border:1px solid #444;padding:20px;margin-bottom:20px;border-radius:5px;background-color:#363636;transition:box-shadow .3s}.judgment-card:hover{box-shadow:0 4px 20px #1e90ff33}.judgment-card h3{color:#ff4500;margin-bottom:10px}.judgment-card p{margin:5px 0}.verdict-text{font-weight:700;color:#1e90ff}@media (max-width: 600px){.app-container{padding:15px;margin:10px}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}button{width:100%;padding:12px}input[type=password]{max-width:100%}.verdict-label{width:80px;font-size:.9rem}.verdict-bar-fill{height:15px}}.api-key-input{max-width:800px;margin:1rem auto;padding:1rem}.input-group{display:flex;gap:.5rem}.input-group input{flex:1;padding:.8rem;border:1px solid #ddd;border-radius:8px;font-family:monospace}.input-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.toggle-visibility{padding:.5rem 1rem;background:#f8f9fa;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:1.2rem}.toggle-visibility:hover{background:#e9ecef}.api-key-help{margin-top:.5rem;font-size:.9rem;color:#666}.api-key-help a{color:#007bff;text-decoration:none}.api-key-help a:hover{text-decoration:underline}.story-generator{background:#1c1c1e;padding:.5rem;border-radius:0 0 8px 8px;margin:1rem 0;gap:1rem}.meter-container{margin-bottom:1rem;flex:1;display:flex;align-items:center;gap:1rem}.meter-container label{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:500;color:#d7dadc}.generating-indicator{font-size:12px;font-weight:400;color:#818384;opacity:.8}.slider{width:100%;height:8px;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#46d160,#ffd635,#ff4500)}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#d7dadc;border:2px solid #818384;cursor:pointer;box-shadow:0 2px 4px #0003}.slider:disabled::-webkit-slider-thumb{cursor:not-allowed;opacity:.5}.meter-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:12px;font-family:IBM Plex Sans,sans-serif;color:#818384}.generate-button{margin-top:16px;padding:8px 16px;background-color:transparent;border:1px solid #343536;border-radius:4px;color:#d7dadc;font-family:IBM Plex Sans,sans-serif;cursor:pointer;transition:background-color .2s}.generate-button:hover:not(:disabled){background-color:#d7dadc1a}.generate-button:disabled{opacity:.5;cursor:not-allowed}.story-input{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;width:100%}.textarea-container{position:relative;width:100%}.story-input textarea{width:100%;min-height:200px;padding:1rem;background:#1a1a1b;color:#d7dadc;border:1px solid #343536;border-radius:4px 4px 0 0;font-family:IBM Plex Sans,sans-serif;font-size:14px;resize:vertical}.story-input textarea:focus{outline:none;border-color:#818384}.story-input textarea::placeholder{color:#818384}.generate-tab{position:absolute;bottom:-24px;right:20px;padding:8px 20px;font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:500;background:#3b3b3c;color:#d7dadc;border:1px solid #343536;border-bottom:none;border-radius:0 0 8px 8px;cursor:pointer;transition:all .2s;box-shadow:-3px -2px 4px #0000001a}.generate-tab:hover{background:#2d2d2e}.generate-tab.active{background:#1a1a1b;border-color:#343536;z-index:1}.generate-tab.active:hover{background:#1a1a1b}.generator-panel{padding:.5rem;background:#1a1a1b;margin-top:-1px;border:1px solid #343536;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 2px 4px #0000001a}.button-container{display:flex;align-items:center;gap:1rem}.judge-button{padding:8px 16px;margin-top:1rem;font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:500;background:transparent;color:#d7dadc;border:1px solid #343536;border-radius:20px;cursor:pointer;white-space:nowrap;transition:background-color .2s}.judge-button:hover:not(:disabled){background-color:#272729}.judge-button:disabled{opacity:.5;cursor:not-allowed}@media screen and (max-width: 768px){.story-input textarea{font-size:16px;padding:12px}.generate-tab{right:12px;padding:6px 12px;font-size:14px}}@media screen and (max-width: 480px){.story-input{gap:.75rem;margin-bottom:1.5rem}.story-input textarea{min-height:160px}}.chat-overlay{background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.chat-container{background:#272729;border-radius:8px;width:90%;max-width:600px;height:80vh;display:flex;flex-direction:column}.chat-header{padding:1rem;border-bottom:1px solid #343536;display:flex;justify-content:space-between;align-items:center}.chat-messages{flex:1;overflow-y:auto;padding:1rem;margin-bottom:16px}.message{padding:12px;border-radius:4px;margin-bottom:12px;font-family:IBM Plex Sans,sans-serif;line-height:1.5;position:relative}.message-header{color:#818384;font-size:12px;font-weight:500;margin-bottom:4px}.message.assistant{background:#1a1a1b;border:1px solid #343536;color:#d7dadc;margin-left:24px}.message.assistant:before{content:"";position:absolute;left:-16px;top:0;bottom:12px;width:2px;background:#343536}.message.user{background:#272729;border:1px solid #343536;color:#d7dadc;margin-left:48px}.message.user:before{content:"";position:absolute;left:-16px;top:0;bottom:12px;width:2px;background:#343536}.message.loading{color:#818384;font-style:italic;animation:pulse 1.5s infinite}.chat-input{padding:1rem;border-top:1px solid #343536;display:flex;gap:8px;margin-left:48px}.chat-input input{flex:1;background:#1a1a1b;border:1px solid #343536;color:#d7dadc;padding:8px 12px;border-radius:4px;font-family:IBM Plex Sans,sans-serif;font-size:14px}.chat-input input:focus{outline:none;border-color:#4a4a4b}.chat-input input::placeholder{color:#818384}.chat-input button{background:transparent;border:1px solid #343536;color:#818384;padding:8px 16px;border-radius:999px;cursor:pointer;font-family:IBM Plex Sans,sans-serif;font-size:14px;transition:all .2s ease;white-space:nowrap}.chat-input button:hover:not(:disabled){background:#272729;border-color:#4a4a4b;color:#d7dadc}.chat-input button:disabled{opacity:.5;cursor:not-allowed}.chat-section{margin-top:16px;padding-top:16px;border-top:1px solid #343536}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.judgments-container{max-width:800px;margin:0 auto;padding:16px;background-color:#1a1a1b}.overall-verdict{background-color:#1a1a1b;border:1px solid #343536;padding:16px;border-radius:4px;margin-bottom:16px;text-align:center}.overall-verdict h2{margin:0 0 12px;color:#d7dadc;font-family:IBM Plex Sans,sans-serif;font-size:18px;font-weight:500}.verdict-counts{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.verdict-count{padding:4px 8px;border-radius:999px;font-size:12px;font-weight:500;font-family:IBM Plex Sans,sans-serif}.verdict-count.yta{background:#ff4500;color:#fff}.verdict-count.nta{background:#46d160;color:#fff}.verdict-count.esh{background:#ffd635;color:#000}.verdict-count.nah{background:#0079d3;color:#fff}.judgments-grid{display:flex;flex-direction:column;gap:2px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:IBM Plex Sans,Noto Sans,Helvetica Neue,Arial,sans-serif;background-color:#1a1a1b;color:#d7dadc;line-height:1.6;margin:0}.app{width:95%;max-width:1200px;min-width:320px;margin:0 auto;padding:20px 24px}header{background-color:#1a1a1b;padding:8px 16px;margin-bottom:20px;border-radius:4px;border:1px solid #343536}.header-content{display:flex;justify-content:space-between;align-items:center}h1{color:#fff;font-size:1.8rem;margin:0}.clickable-title{cursor:pointer;transition:opacity .2s}.clickable-title:hover{opacity:.8}.app-nav{display:flex;gap:12px;align-items:center}.nav-link{background:transparent;border:none;color:#d7dadc;padding:6px 12px;border-radius:999px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.nav-link:hover{background-color:#272729}.nav-link.active{background-color:#272729;color:#d7dadc}.icon-button{padding:6px;font-size:18px}.story-section{background:#1a1a1b;border:1px solid #343536;border-radius:4px;padding:16px;margin-bottom:20px}.story-section .story-input{margin-bottom:12px}.story-section .error{margin-top:8px}.story-container{background:#1a1a1b;border:1px solid #343536;border-radius:4px;padding:8px;margin-bottom:16px}.story-input{width:100%;min-height:120px;padding:12px;border:1px solid #343536;border-radius:4px;margin-bottom:16px;font-family:inherit;background:#1a1a1b;color:#d7dadc;resize:vertical}.api-key-container{background:#1a1a1b;border:1px solid #343536;padding:16px;margin-bottom:16px;border-radius:4px}.api-key-input{width:100%;padding:8px;border:1px solid #343536;border-radius:4px;margin-bottom:8px;background:#1a1a1b;color:#d7dadc}.judgment-list{display:flex;flex-direction:column;gap:8px;padding:16px 0}.judgment-card{background:#1a1a1b;padding:8px 16px;margin-left:24px;position:relative}.judgment-card:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:#343536}.judgment-card .personality{color:#d7dadc;font-size:12px;font-weight:500;margin-bottom:6px;display:flex;align-items:center;gap:4px}.judgment-card .personality:after{content:"·";margin:0 4px;color:#818384}.judgment-card .timestamp{color:#818384;font-size:12px}.judgment-card .response{color:#d7dadc;font-size:14px;line-height:1.6;margin:4px 0 8px}.comment-actions{display:flex;align-items:center;gap:8px;margin-top:4px}.comment-actions .chat-button{color:#818384;font-size:12px;font-weight:700;background:transparent;border:none;padding:4px 8px;cursor:pointer;display:flex;align-items:center;gap:4px}.comment-actions .chat-button:hover{background:#272729;border-radius:2px}.verdict{display:inline-block;padding:1px 4px;border-radius:2px;font-size:12px;font-weight:500;margin-right:4px}.verdict.YTA{background:#ff4500;color:#fff}.verdict.NTA{background:#46d160;color:#fff}.verdict.ESH{background:#ffd635;color:#1a1a1b}.verdict.NAH{background:#0079d3;color:#fff}.vote-buttons{display:flex;align-items:center;gap:4px;color:#818384;font-size:12px;margin-bottom:4px}.vote-count{font-weight:700;color:#d7dadc}.submit-button,.chat-button{background:transparent;color:#d7dadc;border:1px solid #343536;padding:4px 16px;border-radius:999px;font-weight:700;font-size:12px;cursor:pointer;transition:background-color .1s}.submit-button:hover,.chat-button:hover{background:#343536}.submit-button:disabled{background:#272729;cursor:not-allowed;color:#818384}.error{color:#ff4500;background:#ff45001a;border:1px solid rgba(255,69,0,.3);padding:8px;border-radius:4px;margin-bottom:16px;font-size:12px}.chat-container{position:fixed;bottom:0;right:20px;width:320px;background:#1a1a1b;border:1px solid #343536;border-radius:4px 4px 0 0}.chat-header{padding:8px 12px;background:#272729;color:#d7dadc;border-radius:4px 4px 0 0;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:500}.chat-messages{height:300px;overflow-y:auto;padding:12px;color:#d7dadc}.chat-input{padding:12px;border-top:1px solid #343536}.chat-input textarea{width:100%;padding:8px;border:1px solid #343536;border-radius:4px;resize:none;background:#1a1a1b;color:#d7dadc}@media screen and (max-width: 768px){.app{width:100%;padding:16px}h1{font-size:1.5rem}}@media screen and (max-width: 480px){.app{padding:12px}.header-content{flex-direction:column;gap:12px;align-items:flex-start}}