.chat-interface{display:flex;flex-direction:column;height:100%}.message-list{flex-grow:1;overflow-y:auto;padding:1px}.chat-input-container{padding:1px;border-top:1px solid #eee}.message{display:flex;flex-direction:column;margin:8px 0;padding:12px;border-radius:8px;font-size:.875rem;line-height:1.5;letter-spacing:.01em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.bot-message{align-self:flex-start;background-color:#f8f9fa;margin-right:20px;margin-left:20px;width:calc(100% - 40px)}.order-container{background:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);font-size:.8125rem;margin-bottom:8px}.order-header{font-size:.9375rem;font-weight:600;color:#2c3e50;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #e9ecef}.detail-row{display:flex;padding:6px 0;border-bottom:1px solid #eee;align-items:center;gap:8px}.detail-label{font-weight:500;min-width:180px;color:#616161;font-size:.8125rem}.detail-value{flex:1 1;color:#333;font-size:.8125rem}.progress-header{margin-top:16px;font-weight:600;color:#2c3e50;font-size:.875rem;padding-bottom:8px}.progress-item{background:#fff;padding:12px;margin:8px 0;border-radius:4px;border:1px solid #e9ecef;font-size:.8125rem}.content-line,.error-line,.header-line,.intro-line,.question-line,.success-line{margin:8px 0;font-size:.8125rem;line-height:1.5}.header-line{font-size:.9375rem;color:#2c3e50;margin:8px 0 16px;padding-bottom:8px;border-bottom:2px solid #e9ecef}.header-line strong{font-weight:600;color:#2c3e50}.header-line:first-child{margin-top:0;border-bottom:none;padding-bottom:4px}.message-separator{position:relative;height:1px;margin:16px 0}.separator-line{border:none;height:1px;background-color:#e9ecef;margin:0}.separator-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#f8f9fa;padding:0 8px;color:#9e9e9e}.detail-row:hover{background-color:#f8f9fa;transition:background-color .2s ease}.welcome-message{background-color:#fff;border-radius:6px;padding:12px;margin:8px 0;box-shadow:0 1px 2px rgba(0,0,0,.1);border:1px solid #e1e4e8;opacity:0;animation:fadeIn .1s ease forwards}.welcome-header h2{color:#24292e;font-size:1rem;margin-bottom:8px;font-weight:600;opacity:0;animation:slideUp 1.5s ease 1s forwards;transition:all .3s ease;cursor:pointer}.welcome-header h2 .wave-emoji{display:inline-block;font-size:1.2rem;margin-right:4px;transition:all .3s ease}.welcome-header h2:hover{transform:translateY(-2px);color:#0366d6}.welcome-header h2:hover .wave-emoji{font-size:1.5rem;transform:rotate(20deg)}.welcome-content p{color:#586069;font-size:.85rem;margin:4px 0;opacity:0;animation:slideUp 1.5s ease 2.5s forwards}.instruction-section{padding:6px 8px;opacity:0;animation:slideUp 1.5s ease forwards}.instruction-section:first-of-type{animation-delay:4s}.instruction-section:nth-of-type(2){animation-delay:5.5s}.instruction-section h3{color:#24292e;font-size:.85rem;margin-bottom:2px;font-weight:600}.instruction-section code{display:inline-block;background-color:#fff;padding:2px 6px;border-radius:3px;color:#d73a49;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem;border:1px solid #e1e4e8;margin-top:2px}.help-text{color:#586069;font-size:.85rem;margin-top:6px;opacity:0;animation:slideUp 1.5s ease 8.5s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reminder-section{background-color:#fffbdd;border:1px solid #fff5c2;border-radius:4px;padding:6px 8px;opacity:0;animation:fadeIn 1.5s ease 7s forwards;transition:all .3s ease}.reminder-section:hover{background-color:#fff5c2;transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.warning-container{display:flex;align-items:center;gap:8px;opacity:0;animation:slideUp 1.5s ease 7s forwards}.warning-symbol{font-size:2.5rem;line-height:1;transition:transform .3s ease}.reminder-section:hover .warning-symbol{transform:scale(1.1)}.warning-container p{color:#735c0f;font-size:.8rem;margin:0;flex:1 1}.instruction-section{background-color:#f6f8fa;border-radius:4px;padding:8px;margin:4px 0;border-left:2px solid #0366d6;transition:all .3s ease}.instruction-section:hover{transform:translateX(4px);background-color:#f0f3f6;box-shadow:0 2px 8px rgba(0,0,0,.1)}.instruction-section:hover .machine-icon svg{transform:scale(1.1) rotate(5deg);color:#0550b3}.section-container{display:flex;align-items:center;gap:16px}.machine-icon{display:flex;align-items:center;justify-content:center;min-width:48px}.text-content{flex:1 1}.text-content h3{color:#24292e;font-weight:600}.text-content h3,.text-content p{font-size:.85rem;margin:0 0 4px}.text-content code{display:inline-block;background-color:#fff;padding:2px 6px;border-radius:3px;color:#d73a49;font-family:SFMono-Regular,Consolas,monospace;font-size:.8rem;border:1px solid #e1e4e8}.order-content{display:flex;flex-direction:column;width:100%}.order-detail{width:100%;line-height:1.2;text-align:left}.formatted-response{display:flex;flex-direction:column;gap:2px;font-size:70%;text-align:left}.production-order{margin:4px 0}.detail-line,.production-order{text-align:left;display:flex;align-items:baseline}.detail-line{padding-left:12px;margin:2px 0}.label{color:#666;font-weight:400;min-width:-moz-fit-content;min-width:fit-content;margin-right:4px;font-size:70%}.value{color:#333;font-weight:500;text-align:left;font-size:70%}.pv-value{color:#2196f3;font-weight:600;font-size:180%;text-align:left}.order-separator{color:#ccc;margin:6px 0;font-size:70%}.chat-input{width:calc(100% - 120px);padding:12px 16px;border:1px solid #e0e0e0;border-radius:20px;margin:10px;font-size:14px;line-height:1.5;transition:all .2s ease;background-color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.05)}.chat-input:focus{outline:none;border-color:#06f;box-shadow:0 0 0 3px rgba(0,102,255,.1)}.chat-submit-button{padding:8px 16px;background-color:#06f;border:none;border-radius:20px;cursor:pointer;font-weight:500;transition:all .2s ease;margin-right:10px;min-width:80px;height:40px;align-self:center}.chat-input-wrapper{display:flex;align-items:center;padding:10px 20px;background-color:#f8f9fa;border-top:1px solid #e0e0e0;position:fixed;bottom:0;left:240px;right:0;width:calc(100% - 240px);z-index:1000}@media (max-width:768px){.order-content{grid-template-columns:1fr}.message{max-width:95%}}.skeleton-container{padding:8px;margin-bottom:12px}.skeleton-message{background:#f8f9fa;padding:12px;border-radius:16px 16px 16px 4px;width:100%;box-shadow:0 2px 4px rgba(0,0,0,.05)}.skeleton-line{height:10px;margin-bottom:8px;background:linear-gradient(90deg,#eee,#f5f5f5 50%,#eee);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite;border-radius:4px;opacity:.8}.skeleton-line:last-child{margin-bottom:0;width:75%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-message:hover{transform:translateY(-1px);transition:transform .2s ease;box-shadow:0 4px 6px rgba(0,0,0,.07)}.chat-bubble-container{position:fixed;bottom:24px;right:24px;z-index:9999}.bubble-button{width:56px;height:56px;border-radius:50%;background-color:#c00;border:none;box-shadow:0 4px 8px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background-color .2s ease;color:#fff}.bubble-button:hover{transform:scale(1.05);background-color:#c00}.chat-window{position:fixed;bottom:24px;right:24px;width:350px;height:480px;background-color:#fff;border-radius:12px;box-shadow:0 6px 12px rgba(0,0,0,.15);display:flex;flex-direction:column;overflow:hidden;z-index:9999;animation:slideIn .3s ease}.chat-window-header{padding:16px;background-color:#c00;color:#fff;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:12px;border-top-right-radius:12px}.chat-window-header h3{margin:0;font-size:1rem;font-weight:500}.close-button{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:background-color .2s ease}.close-button:hover{background-color:hsla(0,0%,100%,.1)}.chat-window-content{flex:1 1;overflow:hidden;display:flex;flex-direction:column}.user-message{background-color:#ffe6e6}.chat-submit-button{color:#fff}.chat-submit-button,.chat-submit-button:hover{background-color:#c00}.chat-submit-button:disabled{background-color:#ffb3b3}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.chat-window{width:calc(100% - 32px);height:calc(100vh - 120px);bottom:88px}}