@tailwind base;@tailwind components;@tailwind utilities;:root{--vh:1vh;--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-bottom:env(safe-area-inset-bottom)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5;width:100%;position:fixed;padding-top:var(--safe-area-inset-top);padding-bottom:var(--safe-area-inset-bottom)}@supports (-webkit-touch-callout:none){body{height:-webkit-fill-available}}main{max-width:800px;margin:auto;padding:20px;width:100%;height:100%;display:flex;flex-direction:column}.app-title{text-align:center;font-size:2.5rem;margin-bottom:.5rem;color:#2563eb}.app-subtitle{text-align:center;color:#666;margin-bottom:2rem}.chat-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden;flex-direction:column;height:100%;margin-top:auto;margin-bottom:auto}.chat-container,.chat-header{display:flex;position:relative}.chat-header{padding:.75rem;background:linear-gradient(180deg,#fff,#f3f4f6);border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center}.chat-header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:4px;background:linear-gradient(180deg,rgba(0,0,0,.03),transparent)}.chat-header h2{font-size:1.5rem}.chat-header h2,.chat-header h3{margin:0;color:#1a1a1a;font-weight:600;letter-spacing:-.01em}.chat-header h3{font-size:1.25rem}.messages-container{flex:1 1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.message{margin-bottom:16px;border-radius:8px;max-width:80%;position:relative}.message-inner{position:relative;width:100%;height:100%;transition:all .3s ease}.message.flipping .message-inner{transform:scale(.98);opacity:.6}.message-front{position:relative;width:100%;height:100%}.user-message{background-color:#e9f5ff;align-self:flex-end;margin-left:auto;padding:4px 12px;display:inline-flex;flex-direction:column}.user-message .message-text{line-height:1.2;padding:0;margin:0}.user-message .message-timestamp{margin-top:2px;line-height:1;font-size:.65rem}.assistant-message{background-color:#f0f0f0;align-self:flex-start;padding:4px 12px}.message-role{display:none}.message-text{word-wrap:break-word;line-height:1.4}.token{cursor:pointer;display:inline-block;margin-right:0;padding:1px 2px;border-radius:2px;transition:all .15s ease;position:relative}.token:hover{box-shadow:0 0 0 1px rgba(37,99,235,.5)!important;background-color:hsla(0,0%,100%,.2)!important}.token-probabilities-hover{background-color:#fafafa;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.15);width:calc(100% - 32px);max-width:300px;z-index:1000;overflow:hidden;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.probability-item.selected{background-color:#3b82f6;color:#fff}.probability-item.selected .token-text{color:#fff}@media (max-width:768px){main{padding:0;height:100%}.chat-container{height:100vh;margin:0;border-radius:0;max-width:none;width:100%;padding-top:var(--safe-area-inset-top);padding-bottom:var(--safe-area-inset-bottom)}.message{max-width:90%}.token-probabilities{width:90%;max-width:350px}.app-subtitle,.app-title{display:none}.messages-container{height:calc(100vh - 120px - var(--safe-area-inset-top) - var(--safe-area-inset-bottom))}.message-form{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;padding-bottom:calc(12px + var(--safe-area-inset-bottom));background-color:#fff;border-top:1px solid #eaeaea;box-shadow:0 -2px 10px rgba(0,0,0,.05)}.message-input{margin:0;padding:12px 40px 12px 16px;border-radius:20px;border:1px solid #e5e7eb;background-color:#f3f4f6;font-size:16px;line-height:1.4}.message-input:focus{border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 2px rgba(59,130,246,.1)}.send-button{right:24px;padding:8px}}@supports (-webkit-touch-callout:none){.chat-container{height:-webkit-fill-available}.messages-container{height:calc(100vh - 120px - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));height:calc(-webkit-fill-available - 120px - var(--safe-area-inset-top) - var(--safe-area-inset-bottom))}}.message-header{display:none}.assistant-message .message-header{display:flex;justify-content:flex-end;align-items:center;min-height:24px}.toggle-completion-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-size:.8rem;color:#666;transition:all .15s ease}.toggle-completion-button:hover{background-color:rgba(0,0,0,.05);color:#333}.toggle-icon{font-size:1rem}.completion-counter{font-size:.7rem}.refresh-button{background:none;border:none;padding:8px;border-radius:50%;cursor:pointer;color:#666;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.refresh-button:hover{background-color:rgba(0,0,0,.05);color:#2563eb;transform:rotate(45deg)}.refresh-button:active{transform:rotate(90deg)}.refresh-button:focus{outline:2px solid #2563eb;outline-offset:2px}@supports (-webkit-touch-callout:none){.token-probabilities-hover{bottom:calc(140px + var(--safe-area-inset-bottom))}@media (max-width:768px){.token-probabilities-hover{bottom:calc(120px + var(--safe-area-inset-bottom))}}}@media (min-width:768px){.desktop-only{display:block!important}}.message-form{position:-webkit-sticky;position:sticky;bottom:0;left:0;right:0;width:100%;padding:12px;padding-bottom:calc(12px + var(--safe-area-inset-bottom));background-color:#fff;border-top:1px solid #eaeaea;z-index:2;display:flex}.message-input{width:100%;padding:.75rem 2.5rem .75rem .75rem;border-radius:12px;border:1px solid #ddd;font-size:16px;background-color:#f8f9fa;transition:all .2s ease;margin:0;outline:none}.message-input:focus{border-color:#2563eb;background-color:#fff;box-shadow:0 0 0 2px rgba(37,99,235,.1)}.send-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:6px;border-radius:8px;border:none;background-color:transparent;color:#2563eb;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.send-button:disabled{color:#94a3b8;cursor:not-allowed}.send-button:hover:not(:disabled){background-color:rgba(37,99,235,.1)}.send-button:active:not(:disabled){transform:translateY(-50%) scale(.95)}