:root{--primary-color: #0066cc;--secondary-color: #f5f5f5;--text-color: #333;--border-color: #ddd;--error-color: #dc3545;--success-color: #28a745}body{margin:0;font-family:system-ui,-apple-system,sans-serif;color:var(--text-color);background:var(--secondary-color);overflow:hidden}.app{min-height:100vh;overflow:hidden}header{background:var(--primary-color);color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;overflow:hidden}header h1{margin:0;font-size:1.5rem}.logout-button{background:transparent;border:1px solid white;color:#fff;padding:.5rem 1rem;cursor:pointer}.login-page{max-width:400px;margin:2rem auto;padding:2rem;background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a}.reviews-page{padding:2rem}.new-review-form{margin-bottom:2rem;display:flex;gap:1rem}.new-review-form input{flex:1;padding:.5rem;border:1px solid var(--border-color);border-radius:4px}.reviews-list{display:grid;gap:1rem}.review-item{background:#fff;padding:1rem;border-radius:4px;box-shadow:0 1px 3px #0000001a}.review-item a{text-decoration:none;color:inherit}.review-details{display:flex;gap:1rem;margin-top:.5rem;font-size:.9rem}.status{padding:.25rem .5rem;border-radius:4px}.status-pending{background:#fff3cd;color:#856404}.status-completed{background:#d4edda;color:#155724}.review-form-page{display:grid;grid-template-columns:400px 1fr;height:calc(100vh - 68px)}.review-panel{padding:2rem;background:#fff;border-right:1px solid var(--border-color);overflow-y:auto}.notebook-panel{height:100%}.notebook-panel iframe{border:none}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group select{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:4px}.response-item{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.5rem}.button-group{display:flex;gap:1rem;margin-top:1rem}button{padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer}button[type=button]{background:var(--secondary-color);color:var(--text-color)}.admin-page{padding:2rem}.new-user-form{max-width:600px;margin-bottom:2rem;padding:1rem;background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a}.users-list table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 1px 3px #0000001a}.users-list th,.users-list td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.users-list th{background:var(--secondary-color)}.review-item-content{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.review-item-content a{flex:1}.delete-button{background:var(--error-color);padding:.25rem .75rem;font-size:.9rem;align-self:center}.delete-button:hover{background:#c82333}.review-not-found{max-width:500px;margin:4rem auto;padding:2rem;background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;text-align:center}.review-not-found h2{margin:0 0 1rem;color:var(--text-color)}.review-not-found p{margin-bottom:2rem;color:#666}.review-not-found .create-review-button{margin-right:1rem}.review-not-found .cancel-button{background:var(--secondary-color);color:var(--text-color)}.chat-container{max-width:1300px;margin:0 auto;padding:0;height:100vh;display:flex;flex-direction:column}.new-chat-container{max-width:600px;margin:0 auto;padding:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.new-chat-card{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 4px 12px #0000001a;width:100%;text-align:center}.new-chat-title{margin:0 0 2rem;font-size:2rem;color:var(--text-color);font-weight:300}.prompt-input-container{position:relative;margin-bottom:2rem}.prompt-textarea{width:100%;min-height:120px;max-height:300px;padding:1rem;border:2px solid var(--border-color);border-radius:8px;font-family:system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.5;resize:none;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.prompt-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0066cc1a}.prompt-textarea:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.start-chat-button{background:var(--primary-color);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.start-chat-button:hover:not(:disabled){background:#0052a3;transform:translateY(-1px)}.start-chat-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.conversation-area{flex:1;overflow-y:auto;margin-bottom:1rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.message{margin-bottom:1.5rem;display:flex;flex-direction:column}.message-user{align-items:flex-end}.message-assistant{align-items:flex-start}.message-bubble{max-width:100%;padding:1rem 1.25rem;border-radius:18px}.message-bubble-user{background:#6c757d;color:#fff;border-bottom-right-radius:6px}.message-bubble-assistant{background:#f1f3f4;color:var(--text-color);border-bottom-left-radius:6px}.partial-response{background:#f8f9fa;border:1px solid var(--border-color);border-radius:18px 18px 18px 6px;padding:1rem 1.25rem;max-width:70%;margin-bottom:1.5rem;position:relative}.partial-response:after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--primary-color);animation:pulse 1.5s infinite;margin-left:.5rem}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.input-area{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:.75rem;align-items:flex-end}.chat-input{flex:1;min-height:44px;max-height:120px;padding:.75rem;border:2px solid var(--border-color);border-radius:22px;font-family:system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.4;resize:none;transition:border-color .2s ease;box-sizing:border-box}.chat-input:focus{outline:none;border-color:var(--primary-color)}.chat-input:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.send-button{background:var(--primary-color);color:#fff;border:none;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .1s ease;flex-shrink:0}.send-button:hover:not(:disabled){background:#0052a3;transform:scale(1.05)}.send-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.loading-message{text-align:center;padding:2rem;color:#666;font-size:1.1rem}.error-message{text-align:center;padding:2rem;color:var(--error-color);font-size:1.1rem}.usage-display{color:#666;text-align:right;margin-top:.3rem;margin-bottom:.3rem;padding:0 1rem;opacity:.8}@media (max-width: 768px){.chat-container{padding:0;height:100vh}.new-chat-container{padding:1rem}.new-chat-card{padding:2rem 1.5rem}.new-chat-title{font-size:1.5rem}.message-bubble{max-width:85%}.input-area{padding:.75rem;gap:.5rem}.send-button{width:40px;height:40px}}@media (max-width: 480px){.message-bubble{max-width:90%;padding:.75rem 1rem}.new-chat-card{padding:1.5rem 1rem}.chat-container{padding:0}}.chat-input:focus,.prompt-textarea:focus{box-shadow:0 0 0 3px #0066cc1a}.send-button:focus,.start-chat-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast: high){.message-bubble-user{border:2px solid white}.message-bubble-assistant{border:2px solid var(--text-color)}}@media (prefers-reduced-motion: reduce){.start-chat-button,.send-button{transition:none}.partial-response:after{animation:none}*{scroll-behavior:auto!important}}.model-name-clickable{cursor:pointer;text-decoration:underline;transition:color .2s ease}.model-name-clickable:hover{color:var(--primary-color)}.model-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.model-dialog{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.model-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.model-dialog-header h3{margin:0;font-size:1.25rem;font-weight:500;color:var(--text-color)}.model-dialog-close{background:transparent;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease,color .2s ease}.model-dialog-close:hover{background:#f0f0f0;color:var(--text-color)}.model-list{overflow-y:auto;padding:1rem}.model-item{padding:1rem;border:2px solid var(--border-color);border-radius:8px;margin-bottom:.75rem;cursor:pointer;transition:all .2s ease}.model-item:last-child{margin-bottom:0}.model-item:hover{border-color:var(--primary-color);background:#0066cc0d}.model-item-selected{border-color:var(--primary-color);background:#0066cc1a;position:relative}.model-item-selected:before{content:"✓";position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--primary-color);font-size:1.25rem;font-weight:700}.model-item-label{font-weight:500;font-size:1rem;color:var(--text-color);margin-bottom:.25rem}.model-item-cost{font-size:.875rem;color:#666}@media (max-width: 768px){.model-dialog{width:95%;max-height:85vh}.model-dialog-header{padding:1rem}.model-dialog-header h3{font-size:1.1rem}.model-list{padding:.75rem}.model-item{padding:.875rem}}.chats-list-container{max-width:1000px;margin:0 auto;padding:2rem;min-height:100vh}.chats-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.chats-list-header h1{margin:0;font-size:2rem;font-weight:400;color:var(--text-color)}.new-chat-button{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.new-chat-button:hover{background:#0052a3;transform:translateY(-1px)}.chats-list-loading{text-align:center;padding:3rem;color:#666;font-size:1.1rem}.no-chats-message{text-align:center;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#666;font-size:1.1rem}.inline-link-button{background:transparent;color:var(--primary-color);border:none;padding:0;font-size:inherit;cursor:pointer;text-decoration:underline}.inline-link-button:hover{color:#0052a3}.chats-list{display:flex;flex-direction:column;gap:1rem}.chat-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;overflow:hidden;transition:box-shadow .2s ease,transform .1s ease}.chat-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.chat-item-content{flex:1;padding:1.5rem;cursor:pointer}.chat-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.chat-id{font-family:monospace;font-size:.875rem;color:#666;background:#f5f5f5;padding:.25rem .5rem;border-radius:4px}.chat-date{font-size:.875rem;color:#666}.chat-preview{color:var(--text-color);margin-bottom:.75rem;line-height:1.5}.chat-stats{display:flex;gap:.75rem;font-size:.875rem;color:#666}.chat-stats span{white-space:nowrap}.chat-item .delete-button{background:transparent;color:#dc3545;border:none;padding:1.5rem;font-size:1.5rem;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;width:60px}.chat-item .delete-button:hover:not(:disabled){background:#fff5f5}.chat-item .delete-button:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;padding:2rem;width:90%;max-width:400px;animation:slideUp .3s ease}.modal-content h2{margin:0 0 1rem;font-size:1.5rem;font-weight:500;color:var(--text-color)}.modal-content p{margin:0 0 1.5rem;color:#666}.admin-key-input{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:8px;font-family:monospace;font-size:1rem;margin-bottom:1.5rem;box-sizing:border-box;transition:border-color .2s ease}.admin-key-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0066cc1a}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end}.cancel-button{background:#f5f5f5;color:var(--text-color);border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.cancel-button:hover{background:#e5e5e5}.confirm-delete-button{background:var(--error-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.confirm-delete-button:hover:not(:disabled){background:#c82333}.confirm-delete-button:disabled{background:#ccc;cursor:not-allowed}@media (max-width: 768px){.chats-list-container{padding:1rem}.chats-list-header{flex-direction:column;gap:1rem;align-items:stretch}.chats-list-header h1{font-size:1.5rem}.new-chat-button{width:100%}.chat-item{flex-direction:column}.chat-item .delete-button{width:100%;padding:1rem;border-top:1px solid var(--border-color)}.chat-item-header{flex-direction:column;align-items:flex-start;gap:.5rem}.chat-stats{flex-wrap:wrap}.modal-content{padding:1.5rem}.modal-buttons{flex-direction:column-reverse}.modal-buttons button{width:100%}}.suggested-prompts-container{max-width:800px;margin:2rem auto;padding:0rem;text-align:center}.suggested-prompts-title{margin:0 0 1.5rem;font-size:1.1rem;font-weight:500;color:#666}.suggested-prompts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.suggested-prompt-button{background:#f8f9fa;color:#555;border:1px solid #e0e0e0;padding:1rem 1.25rem;border-radius:12px;font-size:.95rem;font-weight:400;cursor:pointer;transition:all .2s ease;text-align:left;line-height:1.4;box-shadow:0 1px 3px #0000000d}.suggested-prompt-button:hover:not(:disabled){background:#fff;border-color:#aaa;box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.suggested-prompt-button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #00000026}.suggested-prompt-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.suggested-prompts-container{padding:1rem}.suggested-prompts-grid{grid-template-columns:1fr;gap:.75rem}.suggested-prompt-button{padding:.875rem 1rem;font-size:.9rem}}