:root{--color-primary:#667eea;--color-primary-dark:#764ba2;--color-primary-light:#8b9ce8;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--color-text-primary:#333;--color-text-secondary:#666;--color-text-tertiary:#999;--color-text-light:#fff;--color-bg-primary:#fff;--color-bg-secondary:#f8f9fa;--color-bg-tertiary:#f0f0f0;--color-bg-dark:#2c3e50;--color-border-light:#e0e0e0;--color-border-medium:#ccc;--color-border-dark:#999;--color-success:#28a745;--color-success-light:#d4edda;--color-success-dark:#155724;--color-error:#dc3545;--color-error-light:#f8d7da;--color-error-dark:#721c24;--color-warning:#ffc107;--color-warning-light:#fff3cd;--color-warning-dark:#856404;--color-info:#17a2b8;--color-info-light:#d1ecf1;--color-info-dark:#0c5460;--color-running:#28a745;--color-stopped:#6c757d;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-base:16px;--space-lg:20px;--space-xl:24px;--space-2xl:32px;--space-3xl:40px;--space-4xl:48px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:15px;--radius-3xl:20px;--radius-full:9999px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.4;--line-height-relaxed:1.6;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 8px #0000001a;--shadow-lg:0 8px 16px #00000026;--shadow-xl:0 10px 30px #0003;--shadow-2xl:0 20px 60px #0000004d;--shadow-focus:0 0 0 3px #667eea4d;--transition-fast:0.15s;--transition-normal:0.3s;--transition-slow:0.5s;--transition-ease:cubic-bezier(0.4,0,0.2,1);--transition-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:900;--z-modal:1000;--z-popover:1100;--z-tooltip:1200;--container-max-width:1400px;--sidebar-width:300px;--header-height:80px}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);gap:8px;gap:var(--space-sm);justify-content:center;padding:12px 20px;padding:var(--space-md) var(--space-lg);text-decoration:none;transition:all .3s;transition:all var(--transition-normal);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);color:#fff;color:var(--color-text-light)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 16px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:#f8f9fa;background:var(--color-bg-secondary);border:2px solid #e0e0e0;border:2px solid var(--color-border-light);color:#333;color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:#fff;background:var(--color-bg-primary);border-color:#667eea;border-color:var(--color-primary)}.btn-success{background:#28a745;background:var(--color-success);color:#fff;color:var(--color-text-light)}.btn-success:hover:not(:disabled){background:#155724;background:var(--color-success-dark)}.btn-danger{background:#dc3545;background:var(--color-error);color:#fff;color:var(--color-text-light)}.btn-danger:hover:not(:disabled){background:#721c24;background:var(--color-error-dark)}.btn-sm{font-size:13px;font-size:var(--font-size-sm);padding:8px 12px;padding:var(--space-sm) var(--space-md)}.btn-lg{font-size:18px;font-size:var(--font-size-lg);padding:16px 24px;padding:var(--space-base) var(--space-xl)}.card{background:#fff;background:var(--color-bg-primary);border-radius:10px;border-radius:var(--radius-lg);box-shadow:0 4px 8px #0000001a;box-shadow:var(--shadow-md);padding:20px;padding:var(--space-lg);transition:all .3s;transition:all var(--transition-normal)}.card:hover{box-shadow:0 8px 16px #00000026;box-shadow:var(--shadow-lg)}.card-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border-light);margin-bottom:16px;margin-bottom:var(--space-base);padding-bottom:16px;padding-bottom:var(--space-base)}.card-body{padding:16px 0;padding:var(--space-base) 0}.card-footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--color-border-light);margin-top:16px;margin-top:var(--space-base);padding-top:16px;padding-top:var(--space-base)}.form-input,.form-select,.form-textarea{background:#fff;background:var(--color-bg-primary);border:2px solid #e0e0e0;border:2px solid var(--color-border-light);border-radius:8px;border-radius:var(--radius-md);color:#333;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);font-size:14px;font-size:var(--font-size-base);padding:12px 16px;padding:var(--space-md) var(--space-base);transition:border-color .3s;transition:border-color var(--transition-normal);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#667eea;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea4d;box-shadow:var(--shadow-focus);outline:none}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:#f8f9fa;background:var(--color-bg-secondary);cursor:not-allowed;opacity:.6}.form-label{color:#666;color:var(--color-text-secondary);display:block;font-size:13px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:8px;margin-bottom:var(--space-sm)}.status-success{color:#28a745;color:var(--color-success)}.status-error{color:#dc3545;color:var(--color-error)}.status-warning{color:#ffc107;color:var(--color-warning)}.status-info{color:#17a2b8;color:var(--color-info)}.mt-sm{margin-top:8px;margin-top:var(--space-sm)}.mt-md{margin-top:12px;margin-top:var(--space-md)}.mt-lg{margin-top:20px;margin-top:var(--space-lg)}.mb-sm{margin-bottom:8px;margin-bottom:var(--space-sm)}.mb-md{margin-bottom:12px;margin-bottom:var(--space-md)}.mb-lg{margin-bottom:20px;margin-bottom:var(--space-lg)}.ml-sm{margin-left:8px;margin-left:var(--space-sm)}.mr-sm{margin-right:8px;margin-right:var(--space-sm)}.pt-sm{padding-top:8px;padding-top:var(--space-sm)}.pt-md{padding-top:12px;padding-top:var(--space-md)}.pt-lg{padding-top:20px;padding-top:var(--space-lg)}.pb-sm{padding-bottom:8px;padding-bottom:var(--space-sm)}.pb-md{padding-bottom:12px;padding-bottom:var(--space-md)}.pb-lg{padding-bottom:20px;padding-bottom:var(--space-lg)}.pl-sm{padding-left:8px;padding-left:var(--space-sm)}.pr-sm{padding-right:8px;padding-right:var(--space-sm)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:13px;font-size:var(--font-size-sm)}.text-base{font-size:14px;font-size:var(--font-size-base)}.text-lg{font-size:18px;font-size:var(--font-size-lg)}.text-xl{font-size:20px;font-size:var(--font-size-xl)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:8px;gap:var(--space-sm)}.gap-md{gap:12px;gap:var(--space-md)}.gap-lg{gap:20px;gap:var(--space-lg)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-slideIn{animation:slideIn .2s ease-out}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--gradient-primary);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);min-height:100vh}code{font-family:var(--font-mono)}button{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.6}.App,.loading-screen{display:flex;flex-direction:column;min-height:100vh}.loading-screen{align-items:center;color:#fff;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:20px;width:50px}.loading-screen p{font-size:18px;font-weight:500}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:40px;width:100%}.login-logo{display:block;height:auto;margin:0 auto 10px;max-width:280px}.login-subtitle{color:#666;font-size:14px;margin-bottom:30px;text-align:center}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-size:14px}.form-group input{border:2px solid #e0e0e0;border-radius:10px;font-size:16px;padding:12px 16px;transition:all .3s}.form-group input:focus{border-color:#667eea;outline:none}.error-message{background:#fee;border-radius:8px;color:#c33;font-size:14px;padding:12px;text-align:center}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:transform .2s}.login-button:hover:not(:disabled){transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}@media (max-width:768px){.login-container{padding:15px}.login-box{border-radius:16px;max-width:100%;padding:30px 25px}.login-logo{margin-bottom:15px;max-width:90%}.login-subtitle{font-size:16px;margin-bottom:25px}.login-form{gap:18px}.form-group label{font-size:16px}.form-group input{padding:16px 18px}.form-group input,.login-button{border-radius:12px;font-size:18px}.login-button{padding:18px}.error-message{font-size:16px;padding:14px}.login-url{font-size:12px}}.login-url{border-top:1px solid #e0e0e0;color:#999;font-family:monospace;font-size:11px;margin-top:20px;padding-top:15px;text-align:center;word-break:break-all}.segment-row{align-items:center;background:var(--color-bg-secondary);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-base)}.segment-row input,.segment-row select{background:var(--color-bg-primary);border:2px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md);transition:border-color var(--transition-normal)}.segment-row input:focus,.segment-row select:focus{border-color:var(--color-primary);outline:none}.segment-row input[type=number]{width:80px}.segment-row span{color:var(--color-text-secondary);font-size:var(--font-size-base);white-space:nowrap}.segment-row .delete-button{background:var(--color-error);border:none;border-radius:var(--radius-sm);color:var(--color-text-light);cursor:pointer;font-weight:var(--font-weight-semibold);margin-left:auto;padding:var(--space-sm) var(--space-base);transition:all var(--transition-normal)}.segment-row .delete-button:hover{background:var(--color-error-dark);transform:translateY(-1px)}.wheel-profile-editor{background:var(--color-bg-secondary);border:2px solid var(--color-border-light);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg)}.profile-selector{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md)}.profile-selector select{background:var(--color-bg-primary);border:2px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-size:var(--font-size-base);min-width:200px;padding:var(--space-md) var(--space-md);transition:border-color var(--transition-normal)}.profile-selector select:focus{border-color:var(--color-primary);outline:none}.profile-selector .save-button{background:var(--color-success);border:none;border-radius:var(--radius-md);color:var(--color-text-light);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--space-md) var(--space-lg);transition:all var(--transition-normal)}.profile-selector .save-button:hover{background:var(--color-success-dark);transform:translateY(-1px)}.profile-selector .delete-button{background:var(--color-error);border:none;border-radius:var(--radius-md);color:var(--color-text-light);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--space-md) var(--space-lg);transition:all var(--transition-normal)}.profile-selector .delete-button:hover{background:var(--color-error-dark);transform:translateY(-1px)}.profile-name-section{align-items:center;display:flex;gap:var(--space-md)}.profile-name-section label{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);white-space:nowrap}.profile-name-section input{background:var(--color-bg-primary);border:2px solid var(--color-border-light);border-radius:var(--radius-md);flex:1 1;font-size:var(--font-size-base);padding:var(--space-md) var(--space-md);transition:border-color var(--transition-normal)}.profile-name-section input:focus{border-color:var(--color-primary);outline:none}.segment-list{background:var(--color-bg-primary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-md);max-height:400px;overflow-y:auto;padding:var(--space-md)}.segment-list::-webkit-scrollbar{width:8px}.segment-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.segment-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.segment-list::-webkit-scrollbar-thumb:hover{background:#555}.add-segment-button{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-light);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--space-md) var(--space-xl);transition:all var(--transition-normal)}.add-segment-button:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.validation-errors{background:var(--color-error-light);border:2px solid var(--color-error);border-radius:var(--radius-md);padding:var(--space-base)}.error-message{color:var(--color-error-dark);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.error-message:last-child{margin-bottom:0}.message{border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--space-md) var(--space-base)}.message.error{background:var(--color-error-light);border:2px solid var(--color-error);color:var(--color-error-dark)}.message.success{background:var(--color-success-light);border:2px solid var(--color-success);color:var(--color-success-dark)}.modal-overlay{padding:var(--space-lg);z-index:var(--z-modal)}.modal-overlay.full-screen{background:#000000e6}.modal-content{animation:modal-slide-in var(--transition-normal) ease-out;background:var(--color-bg-primary);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:85vh;max-width:600px;width:90%}.modal-content.wheel-modal{max-width:800px}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:2px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--space-xl) var(--space-2xl)}.modal-header h2{color:var(--color-text-primary);font-size:var(--font-size-2xl);margin:0}@media (max-width:768px){.modal-overlay{padding:var(--space-md)}.modal-content{border-radius:var(--radius-xl);max-height:90vh;width:95%}.modal-content.wheel-modal{width:100%}.modal-header{padding:var(--space-base) var(--space-lg)}.modal-header h2{font-size:var(--font-size-xl)}}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;transition:all .2s;width:40px}.close-button:hover{background:#f0f0f0;color:#333}.modal-body{flex:1 1;overflow-y:auto;padding:30px}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#555}.modal-footer{border-top:2px solid #e0e0e0;display:flex;gap:15px;justify-content:center;padding:20px 30px}.game-option{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea;border-radius:12px;cursor:pointer;margin-bottom:15px;padding:20px;transition:all .3s}.game-option:hover{border-color:#764ba2;box-shadow:0 6px 20px #667eea4d;transform:translateY(-2px)}.game-option h3{color:#667eea;font-size:20px;margin:0 0 10px}.game-option p{color:#666;font-size:14px;margin:0 0 15px}.game-option button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .3s}.game-option button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.profile-option{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;margin-bottom:15px;padding:20px;transition:all .3s}.profile-option:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea;transform:translateY(-2px)}.profile-option h3{color:#333;font-size:18px;font-weight:600;margin:0 0 8px}.profile-option p{color:#666;font-size:14px;margin:0}canvas{border-radius:50%;box-shadow:0 10px 30px #0000004d;display:block;margin:0 auto}.result-display{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-top:30px;padding:20px;text-align:center}.result-display h3{font-size:24px;font-weight:600;margin:0 0 10px}.result-display p{font-size:16px;margin:0;opacity:.9}.spin-button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;letter-spacing:2px;padding:15px 60px;text-transform:uppercase;transition:all .3s}.spin-button:hover:not(:disabled){box-shadow:0 8px 25px #28a74580;transform:translateY(-3px) scale(1.05)}.spin-button:active{transform:translateY(-1px) scale(1.02)}.spin-button:disabled{cursor:not-allowed;opacity:.5}.dice-config-modal{max-width:400px}.dice-config-section{text-align:center}.dice-config-section label{color:#333;display:block;font-size:18px;font-weight:600;margin-bottom:20px}.dice-count-selector{gap:20px;margin-bottom:15px}.dice-count-btn,.dice-count-selector{align-items:center;display:flex;justify-content:center}.dice-count-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:28px;font-weight:700;height:50px;transition:all .2s;width:50px}.dice-count-btn:hover:not(:disabled){box-shadow:0 4px 15px #667eea66;transform:scale(1.1)}.dice-count-btn:disabled{cursor:not-allowed;opacity:.4}.dice-count-display{color:#667eea;font-size:48px;font-weight:700;min-width:80px}.dice-hint{color:#666;font-size:14px;margin:0}.cancel-button{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .2s}.cancel-button:hover{background:#5a6268}.confirm-button{background:linear-gradient(135deg,#28a745,#20c997);border-radius:8px;font-size:16px;padding:12px 40px;transition:all .2s}.confirm-button:hover{box-shadow:0 4px 15px #28a74566;transform:translateY(-2px)}.dice-roll-modal{max-width:600px;min-height:400px}.dice-roll-body{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.dice-total{align-items:baseline;animation:result-pop .5s ease-out;display:flex;gap:12px;margin-bottom:30px}@keyframes result-pop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.total-label{color:#666;font-size:24px;font-weight:500}.total-value{color:#28a745;font-size:72px;font-weight:700;line-height:1}.total-unit{color:#666;font-size:20px;font-weight:500}.dice-container{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;max-width:500px}.dice-rolling-text{animation:pulse-text .5s ease-in-out infinite alternate;color:#667eea;font-size:20px;font-weight:600;margin-top:20px}@keyframes pulse-text{0%{opacity:.5}to{opacity:1}}.die{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0003,inset 0 2px 0 #fffc;position:relative;transition:transform .1s}.die.rolling{animation:die-shake .1s linear infinite}@keyframes die-shake{0%{transform:rotate(-5deg) translateY(-2px)}25%{transform:rotate(5deg) translateY(2px)}50%{transform:rotate(-3deg) translateY(-1px)}75%{transform:rotate(3deg) translateY(1px)}to{transform:rotate(-5deg) translateY(-2px)}}.die-face{height:100%;position:relative;width:100%}.die-dot{background:#333;border-radius:50%;box-shadow:inset 0 2px 4px #0000004d;height:18%;position:absolute;transform:translate(-50%,-50%);width:18%}.ai-profile-editor{max-height:90vh;max-width:700px}.preset-selection{text-align:center}.preset-selection h3{color:#333;margin-bottom:20px}.preset-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.preset-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;padding:20px;text-align:left;transition:all .3s}.preset-card:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea;transform:translateY(-2px)}.preset-card h4{color:#333;font-size:16px;margin:0 0 8px}.preset-card p{color:#666;font-size:13px;line-height:1.4;margin:0 0 12px}.preset-personality{display:flex;flex-wrap:wrap;gap:8px}.preset-personality span{background:#667eea;border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.preset-scratch{background:#fff;border-style:dashed}.preset-scratch:hover{background:#f8f9fa}.editor-tabs{border-bottom:2px solid #e0e0e0;display:flex;margin-bottom:20px;overflow-x:auto}.editor-tabs .tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-weight:600;padding:10px 16px;transition:all .2s;white-space:nowrap}.editor-tabs .tab:hover{color:#667eea}.editor-tabs .tab.active{border-bottom-color:#667eea;color:#667eea}.editor-content{max-height:400px;overflow-y:auto;padding-right:10px}.tab-content{animation:tab-fade-in .2s ease-out}@keyframes tab-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:6px}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group textarea{font-family:inherit;resize:vertical}.form-hint{color:#888;font-size:12px;margin:6px 0 0}.form-row{display:flex;gap:15px}.form-row .form-group{flex:1 1}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-list{display:flex;flex-wrap:wrap;gap:12px}.checkbox-item{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:6px}.checkbox-item input[type=checkbox]{height:16px;width:16px}.personality-tab .personality-slider{margin-bottom:24px}.personality-slider label{display:flex;justify-content:space-between;margin-bottom:8px}.personality-slider .trait-name{color:#333;font-weight:600}.personality-slider .trait-value{color:#667eea;font-weight:700}.personality-slider input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#4caf50,#ff9800,#f44336);border-radius:4px;height:8px;width:100%}.personality-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:3px solid #667eea;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:20px;width:20px}.personality-slider .trait-description{color:#888;display:block;font-size:12px;margin-top:4px}.triggers-tab-v2{padding-bottom:20px}.trigger-section-v2{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:16px;overflow:hidden}.trigger-section-v2.collapsed{border-color:#ccc}.trigger-section-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;display:flex;gap:10px;padding:12px 16px;-webkit-user-select:none;user-select:none}.trigger-section-header:hover{background:linear-gradient(135deg,#5a6fd6,#6a4190)}.trigger-section-header .collapse-icon{font-size:12px;width:16px}.trigger-section-header h4{flex:1 1;font-size:14px;font-weight:600;margin:0}.trigger-section-header .trigger-count{background:#ffffff40;border-radius:10px;font-size:12px;font-weight:600;padding:2px 8px}.trigger-section-header .add-trigger-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:4px 12px;transition:all .2s}.trigger-section-header .add-trigger-btn:hover{background:#ffffff4d}.trigger-section-content{background:#fafafa;padding:16px}.section-hint{color:#888;font-size:12px;font-style:italic;margin:0 0 12px}.no-triggers{color:#999;font-style:italic;padding:20px;text-align:center}.trigger-item-v2{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:12px;overflow:hidden}.trigger-item-v2:last-child{margin-bottom:0}.trigger-condition{align-items:center;background:#f5f5f5;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:8px;padding:12px}.trigger-condition span{color:#555;font-size:13px}.trigger-enabled input{cursor:pointer;height:16px;width:16px}.range-input{border:1px solid #ccc!important;border-radius:4px!important;font-size:13px!important;padding:5px 8px!important;text-align:center;width:55px!important}.feeling-select{min-width:140px}.device-event-select,.feeling-select{border:1px solid #ccc;border-radius:4px;font-size:13px;padding:5px 8px}.device-event-select{background:#fff;min-width:180px}.cooldown-setting{align-items:center;color:#666;display:flex;font-size:12px;gap:4px;margin-left:auto}.cooldown-setting input{width:45px!important}.remove-trigger-btn{background:#ff6b6b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;line-height:1;padding:4px 10px;transition:all .2s}.remove-trigger-btn:hover{background:#ee5a5a}.trigger-options{align-items:center;background:#f9f9f9;border-bottom:1px solid #e0e0e0;display:flex;font-size:12px;gap:16px;padding:8px 12px}.trigger-options label{align-items:center;color:#555;cursor:pointer;display:flex;gap:4px}.trigger-options input[type=checkbox]{height:14px;width:14px}.trigger-actions{padding:12px}.actions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.actions-header span{color:#666;font-size:12px;font-weight:600}.add-action-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px;transition:all .2s}.add-action-btn:hover{background:#43a047}.actions-list{display:flex;flex-direction:column;gap:8px}.action-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden;transition:all .2s}.action-item.dragging{border-color:#667eea;opacity:.5}.action-item:hover{border-color:#667eea}.action-header{align-items:center;background:#eee;border-bottom:1px solid #e0e0e0;display:flex;gap:8px;padding:8px 10px}.drag-handle{color:#999;cursor:grab;font-size:14px;font-weight:700;padding:0 4px}.drag-handle:active{cursor:grabbing}.action-number{background:#667eea1a;border-radius:4px;color:#667eea;font-size:11px;font-weight:600;padding:2px 6px}.action-type-select{background:#fff;border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:12px;max-width:160px;padding:4px 8px}.action-chance{align-items:center;display:flex;gap:2px}.action-chance input{border:1px solid #ccc;border-radius:4px;font-size:12px;padding:4px;text-align:center;width:40px}.action-chance span{color:#666;font-size:12px}.action-checkbox{align-items:center;color:#666;cursor:pointer;display:flex;font-size:11px;gap:3px;white-space:nowrap}.action-checkbox input{height:12px;width:12px}.operand-select{background:#fff3cd;border:1px solid #ccc;border-radius:4px;color:#856404;font-size:11px;font-weight:600;padding:3px 6px}.remove-action-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;line-height:1;padding:2px 8px;transition:all .2s}.remove-action-btn:hover{background:#c82333}.remove-action-btn:disabled{background:#ccc;cursor:not-allowed}.action-params{padding:10px}.param-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.param-row:last-child{margin-bottom:0}.param-row label{color:#555;font-size:12px;font-weight:600;min-width:90px}.param-row input[type=number]{width:70px}.param-row input[type=number],.param-row input[type=text]{border:1px solid #ccc;border-radius:4px;font-size:12px;padding:5px 8px}.param-row input[type=text]{flex:1 1;min-width:150px}.param-row span{color:#888;font-size:12px}.param-row.full-width{align-items:flex-start;flex-direction:column}.param-row.full-width label{margin-bottom:4px}.param-row.full-width input[type=text]{width:100%}.no-params{color:#999;font-size:12px;font-style:italic}.triggers-tab{padding-bottom:20px}.trigger-section{border-bottom:1px solid #eee;margin-bottom:24px;padding-bottom:16px}.trigger-section:last-child{border-bottom:none}.trigger-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.trigger-header h4{color:#333;font-size:15px;margin:0}.trigger-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:10px;padding:12px}.trigger-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.trigger-row:last-child{margin-bottom:0}.trigger-row span{color:#666;font-size:13px}.trigger-row input[type=number]{width:60px}.trigger-row input[type=number],.trigger-row select{border:1px solid #ddd;border-radius:4px;font-size:13px;padding:6px 8px}.trigger-row select{background:#fff}.checkbox-inline{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:4px}.checkbox-inline input{height:14px;width:14px}.remove-btn{background:#ff6b6b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-left:auto;padding:4px 10px;transition:all .2s}.remove-btn:hover{background:#ee5a5a}.choose-tab .form-group input[type=range]{margin-top:8px;width:100%}.messages-tab .form-group{margin-bottom:24px}.messages-tab textarea{min-height:80px}.auto-responses-tab{padding-bottom:20px}.auto-responses-tab h4{border-bottom:1px solid #e0e0e0;color:#333;font-size:16px;margin:20px 0 8px;padding-bottom:8px}.auto-responses-tab h4:first-child{margin-top:0}.auto-response-list{display:flex;flex-direction:column;gap:12px}.auto-response-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.auto-response-header{background:#667eea;color:#fff;font-size:13px;font-weight:600;padding:8px 12px}.auto-response-header .size-label{text-transform:capitalize}.auto-response-fields{padding:12px}.auto-response-fields .form-group{margin-bottom:12px}.auto-response-fields .form-group:last-child{margin-bottom:0}.auto-response-fields .form-group label{color:#555;font-size:12px;font-weight:600;margin-bottom:4px}.auto-response-fields textarea{font-size:13px;min-height:50px;padding:8px 10px}.order-select{align-items:center;display:flex;gap:8px}.order-select label{margin-bottom:0!important;white-space:nowrap}.order-select select{flex:1 1;font-size:13px;padding:6px 10px}.llm-tab .form-row+.form-row{margin-top:8px}.ai-profile-editor .modal-footer{border-top:2px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:20px 30px}@media (max-width:600px){.ai-profile-editor{border-radius:0;max-height:100vh;max-width:100%;width:100%}.preset-grid{grid-template-columns:1fr}.editor-tabs{padding:0 10px}.editor-tabs .tab{font-size:13px;padding:8px 12px}.form-row{flex-direction:column;gap:0}.trigger-row{align-items:flex-start;flex-direction:column;gap:6px}.trigger-row input[type=number],.trigger-row select{width:100%}.remove-btn{margin-left:0;width:100%}}.choice-params{flex-direction:column}.choice-params textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;padding:8px;resize:vertical;width:100%}.choice-buttons-section{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-top:10px;padding:10px}.choice-buttons-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.choice-buttons-header span{color:#333;font-weight:600}.add-choice-btn{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px}.add-choice-btn:hover:not(:disabled){background:#5a6fd6}.add-choice-btn:disabled{cursor:not-allowed;opacity:.5}.choice-buttons-list{display:flex;flex-direction:column;gap:12px}.choice-button-item{background:#fff;border:1px solid #ddd;border-radius:6px;padding:10px}.choice-button-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.choice-number{color:#667eea;font-size:13px;font-weight:600;min-width:24px}.choice-text-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:13px;padding:6px 10px}.remove-choice-btn{background:#ff6b6b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;height:24px;line-height:1;padding:0;width:24px}.remove-choice-btn:disabled{cursor:not-allowed;opacity:.3}.choice-sub-actions{background:#f5f5f5;border-radius:4px;padding:8px}.sub-actions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.sub-actions-header span{color:#666;font-size:12px}.add-sub-action-btn{background:#28a745;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:11px;padding:2px 8px}.add-sub-action-btn:hover{background:#218838}.no-sub-actions{color:#999;font-size:11px;font-style:italic}.sub-actions-list{display:flex;flex-direction:column;gap:6px}.sub-action-item{align-items:center;background:#fff;border-radius:3px;display:flex;gap:6px;padding:4px}.sub-action-type{border:1px solid #ddd;border-radius:3px;font-size:11px;min-width:90px;padding:3px 6px}.sub-action-params{align-items:center;color:#666;display:flex;font-size:11px;gap:4px}.sub-action-params .compact-input{padding:2px 4px;text-align:center;width:40px}.sub-action-params .compact-input,.sub-action-prompt{border:1px solid #ddd;border-radius:3px;font-size:11px}.sub-action-prompt{flex:1 1;min-width:100px;padding:3px 6px}.remove-sub-action-btn{background:#dc3545;border:none;border-radius:3px;color:#fff;cursor:pointer;flex-shrink:0;font-size:12px;height:18px;line-height:1;padding:0;width:18px}.remove-sub-action-btn:hover{background:#c82333}.chat-container{background:var(--color-bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:700px;max-height:80vh;min-height:500px;overflow:hidden}.chat-header{display:none}.chat-header-top{align-items:center;display:flex;gap:12px;justify-content:space-between}.chat-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.quick-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.quick-actions .quick-action-group{align-items:center;display:flex;gap:6px}.quick-actions .quick-action-label{color:#ffffffe6;font-size:12px;font-weight:600}.quick-actions .quick-action-btn{border:none;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px;transition:all .2s}.quick-actions .quick-action-btn:disabled{cursor:not-allowed;opacity:.5}.quick-actions .quick-action-btn.off{background:#28a745;color:#fff}.quick-actions .quick-action-btn.on{background:#dc3545;color:#fff}.quick-actions .quick-action-btn.cycle{background:#fff3;color:#fff}.quick-actions .quick-action-btn.cycle:hover:not(:disabled){background:#ffffff4d}.quick-actions .quick-action-btn.cinch{background:#fd7e14;color:#fff}.quick-actions .quick-action-btn.games{background:#fff3;color:#fff}@media (max-width:1024px){.chat-container{height:100%;max-height:100%;min-height:0}.chat-messages{flex:1 1;min-height:0;overflow-y:auto}}.chat-toolbar{align-items:center;background:linear-gradient(180deg,#2a2a3a,#1e1e2e);border-bottom:1px solid #ffffff1a;display:flex;gap:8px;justify-content:space-between;padding:6px 12px}.toolbar-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;letter-spacing:.5px;padding:6px 8px;text-transform:uppercase;transition:all .2s ease}.toolbar-btn:disabled{cursor:not-allowed}.toolbar-btn-blue{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 2px 4px #2196f34d;color:#fff}.toolbar-btn-blue:hover:not(:disabled){background:linear-gradient(135deg,#42a5f5,#2196f3);box-shadow:0 4px 8px #2196f366;transform:translateY(-1px)}.toolbar-btn-blue:disabled{opacity:.7}.toolbar-btn-blue.loading{animation:pulse 1s infinite}.toolbar-btn-gold{background:linear-gradient(135deg,gold,orange);box-shadow:0 2px 4px #ffd7004d;color:#5a4500}.toolbar-btn-gold:hover:not(:disabled){background:linear-gradient(135deg,#ffe44d,#ffb732);box-shadow:0 4px 8px #ffd70066;transform:translateY(-1px)}.toolbar-btn-gold:disabled{opacity:.7}.toolbar-btn-gold.loading{animation:pulse 1s infinite}.toolbar-btn-disabled{cursor:not-allowed;opacity:.5}.toolbar-btn-disabled:hover{box-shadow:0 2px 4px #ffd7004d!important;transform:none!important}.chat-body{overflow:hidden}.chat-body,.chat-messages{display:flex;flex:1 1;flex-direction:column;min-height:0}.chat-messages{gap:6px;overflow-y:auto;padding:12px 16px}.chat-empty{color:#999;padding:40px 20px;text-align:center}.chat-empty p{font-size:14px;margin:0}.chat-message{animation:slideIn .2s ease-out;max-width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.own-message{align-self:flex-end}.chat-message.other-message{align-self:flex-start}.chat-message.system-message{align-self:flex-start;max-width:100%}.chat-message.welcome-message{align-self:center;max-width:100%}.welcome-message .message-content.welcome-content{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:16px;box-shadow:0 2px 8px #1565c026;color:#1565c0;font-size:16px;font-weight:500;padding:12px 18px;text-align:center}.chat-message.action-message{align-self:flex-start;max-width:100%}.action-message .message-content.action-content{background:#f5f0e6;border-radius:12px;border-bottom-left-radius:4px;color:#5a5045;font-style:italic;padding:10px 14px}.action-message .action-content.action-color-va{color:#1976d2}.action-message .action-content.action-color-inflatee{color:#c62828}.action-message .action-content.action-color-inflator{color:#2e7d32}.action-message .action-content.action-color-system{color:#5a5045}.message-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:5px}.message-username{align-items:center;color:#666;display:inline-flex;font-size:18px;font-weight:600;gap:8px}.message-username.username-va{color:#2196f3}.message-username.username-inflatee{color:#e53935}.message-username.username-inflator{color:#28a745}.message-username.username-system{color:#666}.va-badge{background:#2196f3;border-radius:4px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.message-time{color:#999;font-size:11px}.message-delete-btn{background:none;border:none;cursor:pointer;font-size:12px;opacity:.4;padding:0 4px;transition:opacity .2s}.message-delete-btn:hover{opacity:1}.chat-message:hover .message-delete-btn{opacity:.7}.message-content{word-wrap:break-word;border-radius:12px;font-size:18px;line-height:1.4;padding:10px 14px}.other-message .message-content{background:#f0f0f0;border-bottom-left-radius:4px;color:#333}.own-message .message-content{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff}.system-message .message-content.system-content{background:#f5f5f5;border-radius:12px;color:#555;font-size:18px;font-style:normal;padding:10px 14px;text-align:left;white-space:pre-line}.chat-message.system-message{margin:0}.chat-input-form{background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;gap:10px;padding:15px 20px}.chat-input{border:2px solid #e0e0e0;border-radius:16px;flex:1 1;font-family:inherit;font-size:18px;height:52px;line-height:1.3;max-height:52px;min-height:52px;overflow-y:auto;padding:12px 16px;resize:none;transition:border-color .3s}.chat-input:focus{border-color:#667eea;outline:none}.chat-send-arrow{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;transition:all .3s;width:40px}.chat-send-arrow:disabled{cursor:not-allowed;opacity:.4}.chat-send-blue{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.chat-send-blue:hover:not(:disabled){box-shadow:0 4px 12px #2196f380;transform:translateY(-2px)}.chat-send-gold{background:linear-gradient(135deg,gold,orange);color:#5a4500}.chat-send-gold:hover:not(:disabled){box-shadow:0 4px 12px #ffd70080;transform:translateY(-2px)}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:1024px){.chat-toolbar{gap:6px;padding:8px 10px}.toolbar-btn{font-size:11px;letter-spacing:.3px;padding:8px 6px}.message-content{line-height:1.5!important;padding:16px 20px!important}.message-content,.message-username,.system-message .message-content.system-content{font-size:28px!important}.va-badge{font-size:12px!important;padding:3px 8px!important}.action-message .message-content.action-content{font-size:28px!important}.message-time{font-size:14px!important}.chat-input{font-size:26px!important;height:70px!important;max-height:70px!important;min-height:70px!important;padding:18px 22px!important}.chat-send-arrow{font-size:26px!important;height:56px!important;width:56px!important}.chat-input-form{padding:18px 20px!important}}.choose-game-modal{max-width:550px;min-height:400px}.choose-game-body{justify-content:center;min-height:350px;padding:30px}.choose-game-body,.choose-loading{align-items:center;display:flex;flex-direction:column}.choose-loading{gap:20px}.choose-loading-spinner{animation:spin 1s linear infinite;border:4px solid #667eea33;border-radius:50%;border-top-color:#667eea;height:60px;width:60px}.choose-loading-spinner.small{border-width:3px;height:30px;width:30px}.choose-loading p,.choose-waiting p{color:#666;font-size:16px;font-style:italic}.choose-question{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea;border-radius:12px;margin-bottom:30px;padding:20px;text-align:center;width:100%}.choose-question p{color:#333;font-size:20px;font-weight:600;line-height:1.4;margin:0}.choose-options{gap:12px;width:100%}.choose-option,.choose-options{display:flex;flex-direction:column}.choose-option{background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;gap:4px;padding:16px 24px;text-align:left;transition:all .3s ease}.choose-option:hover:not(:disabled){background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.choose-option.selected{background:linear-gradient(135deg,#28a7451a,#20c9971a);border-color:#28a745}.choose-option:disabled{cursor:not-allowed;opacity:.7}.choice-text{color:#333;font-size:16px;font-weight:600}.choice-hint{color:#888;font-size:13px;font-style:italic}.choose-waiting{gap:12px;margin-top:20px}.choose-revealing,.choose-waiting{align-items:center;display:flex;flex-direction:column}.choose-revealing{gap:20px}.reveal-animation{perspective:1000px}.reveal-card{height:120px;position:relative;transform-style:preserve-3d;width:120px}.reveal-card.flipping{animation:card-flip 1.5s ease-in-out forwards}@keyframes card-flip{0%{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}.reveal-card-back,.reveal-card-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;display:flex;font-size:48px;height:100%;justify-content:center;position:absolute;width:100%}.reveal-card-front{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700}.reveal-card-back{background:#fff;border:3px solid #667eea;transform:rotateY(180deg)}.reveal-text{animation:pulse-text .5s ease-in-out infinite alternate;color:#667eea;font-size:18px;font-weight:600}.choose-result{align-items:center;animation:result-fade-in .5s ease-out;display:flex;flex-direction:column;gap:20px;width:100%}@keyframes result-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.ai-lied-banner{align-items:center;animation:lied-shake .5s ease-out;background:linear-gradient(135deg,#dc3545,#e74c3c);border-radius:10px;display:flex;gap:10px;padding:12px 24px}@keyframes lied-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-10px)}40%{transform:translateX(10px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}.lied-icon{font-size:28px}.lied-text{color:#fff;font-size:18px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.result-consequence{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea;border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:24px;width:100%}.consequence-icon{animation:icon-bounce .5s ease-out;font-size:56px}@keyframes icon-bounce{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.consequence-text{color:#333;font-size:18px;font-weight:600;text-align:center}.result-comment{background:#f8f9fa;border-left:4px solid #667eea;border-radius:12px;padding:16px 24px;width:100%}.result-comment p{color:#555;font-size:15px;font-style:italic;line-height:1.5;margin:0}.result-closing{color:#999;font-size:13px;margin-top:10px}@media (max-width:600px){.choose-game-modal{max-width:95%;min-height:auto}.choose-game-body{min-height:300px;padding:20px}.choose-question p{font-size:18px}.choose-option{padding:14px 18px}.choice-text{font-size:15px}.reveal-card{height:100px;width:100px}.consequence-icon{font-size:44px}}.dashboard-container{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;min-height:100vh}.dashboard-header{background:#fff;box-shadow:0 2px 10px #0000001a}.dashboard-header,.solo-mode-bar{align-items:center;display:flex;justify-content:space-between;padding:10px 30px}.solo-mode-bar{background:linear-gradient(135deg,#667eea26,#764ba226);border-bottom:2px solid #667eea4d;flex-wrap:wrap;gap:15px}.solo-mode-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.solo-mode-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:5px 12px}.solo-mode-profile{color:#333;font-size:15px;font-weight:600}.solo-mode-personality{color:#666;font-size:13px}.solo-mode-controls{align-items:center;display:flex;gap:15px}.auto-trigger-toggle{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px}.auto-trigger-toggle input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.solo-mode-controls .pause-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:all .2s}.solo-mode-controls .pause-btn:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.solo-mode-controls .pause-btn.paused{background:#667eea}.header-left{align-items:center;display:flex}.dashboard-header .header-center{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap;gap:16px!important}.header-title{color:#333;font-size:20px;font-weight:600}.header-stats{align-items:center;display:flex;gap:8px}.header-stat-divider{color:#ccc}.status-indicator{border-radius:20px;font-size:13px;font-weight:600;padding:6px 12px}.status-indicator.connected{background:#d4edda;color:#155724}.status-indicator.disconnected{background:#f8d7da;color:#721c24}.header-right{align-items:center;display:flex;gap:12px}.end-session-btn{background:linear-gradient(135deg,#6c757d,#495057);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.end-session-btn:hover{background:linear-gradient(135deg,#5a6268,#3d4348);transform:translateY(-1px)}.header-stat{color:#555;font-size:18px;font-weight:500}.header-pump-status{color:#667eea;font-size:18px;font-weight:600}.emergency-button{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.emergency-button:hover{background:#c82333;transform:translateY(-2px)}.emergency-button:active{transform:translateY(0)}.logout-button{background:#6c757d;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.logout-button:hover{background:#5a6268}.dashboard-content{display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:0;padding:8px 20px 20px}.chat-panel{flex:1 1;min-height:400px}.emergency-stop-btn{border-radius:8px;font-size:11px;padding:12px 8px}.emergency-stop-btn:hover{box-shadow:0 4px 12px #dc354566}.quick-actions-vertical{flex:1 1;min-height:0}.quick-action-btn-v{flex:1 1;padding:8px}.quick-action-btn-v.games{background:linear-gradient(135deg,#6f42c1,#5a32a3)}.quick-action-btn-v:hover:not(:disabled){box-shadow:0 3px 8px #0003;transform:translateY(-1px)}.control-item{display:flex;flex-direction:column;gap:4px}.control-item label{color:#555;font-size:11px;font-weight:600;text-transform:uppercase}.feeling-select-v{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:11px;padding:8px 6px;width:100%}.feeling-select-v:focus{border-color:#667eea;outline:none}.capacity-vertical{display:flex;flex-direction:column;gap:4px}.capacity-slider-v{-webkit-appearance:none;background:linear-gradient(90deg,#d4edda 0,#ffc107 50%,#dc3545);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.capacity-slider-v::-webkit-slider-thumb{-webkit-appearance:none;background:#667eea;border-radius:50%;cursor:pointer;height:14px;width:14px}.capacity-buttons-v{display:flex;gap:6px}.capacity-btn-v{background:#fff;border:2px solid #667eea;border-radius:6px;color:#667eea;cursor:pointer;flex:1 1;font-size:12px;font-weight:700;padding:6px;transition:all .2s}.capacity-btn-v:hover{background:#667eea;color:#fff}@media (min-width:1025px){.chat-panel{flex:1 1;max-width:calc(65% - 204px)}.inflatee-status-card{display:none}.quick-actions-bar{display:none!important}}.controls-section{display:flex;flex-direction:column;gap:12px}@media (max-width:1024px){.chat-and-cameras{flex-direction:column}.cameras-section.desktop-only{display:none!important}.cameras-section.mobile-only{display:flex!important;flex-direction:row;gap:8px;height:40vw;width:100%}.cameras-section.mobile-only .camera-feed{flex:1 1;height:100%;overflow:hidden}.cameras-section.mobile-only .camera-video{display:block!important;height:100%;object-fit:cover;width:100%}.cameras-section.mobile-only .camera-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.chat-panel{height:60vh;max-height:60vh;min-height:350px;width:100%}}.activity-panel{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;padding:25px}.activity-panel,.help-panel{display:flex;flex-direction:column;min-height:0}.activity-panel.collapsed{flex:0 1;min-height:auto}.chat-panel{display:flex;flex-direction:column;gap:12px;min-height:0}.panel-header{margin-bottom:20px}.panel-header h2{color:#333;font-size:20px;margin:0}.remote-control-toggle{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px}.remote-control-toggle input[type=checkbox]{cursor:pointer;height:18px;width:18px}.remote-control-toggle span{font-weight:500}.activity-panel h2,.devices-panel h2{color:#333;font-size:20px;margin:0 0 20px}.empty-message{font-size:14px}.device-name-row{margin-bottom:5px}.device-name-display{align-items:center;display:flex;flex:1 1;gap:8px}.device-name-edit{flex:1 1}.device-label-input{border:2px solid #667eea;border-radius:6px;color:#333;font-size:16px;font-weight:600;outline:none;padding:6px 10px;transition:border-color .3s;width:100%}.device-label-input:focus{border-color:#4c5fd5}.edit-label-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:16px;opacity:.6;padding:4px 8px;transition:all .2s}.edit-label-btn:hover{background:#667eea1a;opacity:1}.device-info h3{color:#333;font-size:16px;margin:0}.device-ip{margin:0 0 4px}.device-status-text{font-size:13px}.device-controls{display:flex;gap:8px}.control-button{border-radius:6px;font-size:13px;padding:8px 16px;transition:all .2s}.control-button.on{background:#28a745}.control-button.on:hover{background:#218838}.control-button.off{background:#6c757d}.control-button.off:hover{background:#5a6268}.device-cycle-controls{display:flex;flex-direction:column;gap:12px;min-width:280px}.device-cycle-controls h4{color:#333;font-size:14px;margin:0}.cycle-duration{align-items:center;display:flex;gap:8px}.cycle-duration input,.cycle-setting input{border:2px solid #e0e0e0;border-radius:6px;font-size:13px;padding:6px 10px;transition:border-color .3s;width:70px}.cycle-duration input:focus,.cycle-setting input:focus{border-color:#667eea;outline:none}.cycle-duration input:disabled,.cycle-setting input:disabled{background:#f0f0f0;cursor:not-allowed}.cycle-duration span,.cycle-setting span{color:#666;font-size:12px}.cycle-repeat-checkbox{gap:8px}.cycle-repeat-checkbox span{font-size:13px}.cycle-repeat-settings{background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:10px}.cycle-setting{align-items:center;display:flex;gap:8px}.cycle-button{border-radius:6px;margin-top:5px;padding:10px}.activity-list{display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 200px);overflow-y:auto}.activity-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;display:flex;gap:12px;padding:12px}.activity-item.inflator{border-left-color:#28a745}.activity-item.inflatee{border-left-color:#667eea}.activity-icon{flex-shrink:0;font-size:20px}.activity-details{flex:1 1;min-width:0}.activity-description{color:#333;font-size:14px;font-weight:500;margin-bottom:4px}.activity-meta{color:#666;display:flex;font-size:12px;gap:10px}.activity-user{font-weight:600;text-transform:capitalize}.activity-time{opacity:.7}.activity-list::-webkit-scrollbar{width:8px}.activity-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.activity-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.activity-list::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:1400px){.dashboard-content{grid-template-columns:1fr;grid-template-rows:auto auto auto}.activity-panel,.chat-panel{min-height:400px}}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:15px}.header-left,.header-right{justify-content:center;width:100%}.device-card{min-height:180px}.device-cycle-controls{border-top:1px solid #dee2e6;min-width:0;min-width:auto;padding-top:15px}}.inflation-controls-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:15px;padding:16px}.inflation-control-row{align-items:center;display:flex;gap:12px;margin-bottom:12px}.inflation-control-row:last-child{margin-bottom:0}.inflation-control-row label{color:#333;font-size:14px;font-weight:600;min-width:80px}.capacity-slider{background:linear-gradient(90deg,#d4edda 0,#ffc107 50%,#dc3545);border-radius:3px;cursor:pointer;height:6px;outline:none}.capacity-slider::-webkit-slider-thumb{appearance:none;background:#667eea;box-shadow:0 2px 4px #0003;height:18px;-webkit-transition:all .2s;transition:all .2s;width:18px}.capacity-slider::-webkit-slider-thumb:hover{background:#764ba2;transform:scale(1.2)}.capacity-slider::-moz-range-thumb{background:#667eea;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;-moz-transition:all .2s;transition:all .2s;width:18px}.capacity-slider::-moz-range-thumb:hover{background:#764ba2;transform:scale(1.2)}.capacity-adjust-btn{align-items:center;background:#fff;border:2px solid #667eea;color:#667eea;display:flex;font-size:20px;font-weight:700;height:32px;justify-content:center;line-height:1;margin:0 4px;padding:0;transition:all .2s;width:32px}.capacity-adjust-btn:hover{background:#667eea;color:#fff;transform:scale(1.05)}.capacity-value{color:#667eea;font-size:14px;font-weight:600;min-width:20px;text-align:left}.capacity-input{-moz-appearance:textfield;background:#fff;border:2px solid #e0e0e0;color:#667eea;font-weight:600;padding:4px 6px;width:50px}.capacity-input::-webkit-inner-spin-button,.capacity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.feeling-dropdown{background:#fff;border:2px solid #e0e0e0;border-radius:6px;flex:1 1;font-family:inherit;padding:8px 12px;transition:border-color .3s}.feeling-dropdown:hover{border-color:#667eea}.inflatee-status-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin-top:12px;padding:16px}.inflatee-status-card .status-row{display:flex;gap:20px;margin-bottom:16px}.inflatee-status-card .capacity-control{align-items:center;display:flex;flex:1 1;gap:10px}.inflatee-status-card .capacity-control label{color:#333;font-weight:600;white-space:nowrap}.inflatee-status-card .feeling-control{align-items:center;display:flex;gap:10px}.inflatee-status-card .feeling-control label{color:#333;font-weight:600;white-space:nowrap}.inflatee-status-card .control-row{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;padding-top:12px}.inflatee-status-card .emergency-button{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.inflatee-status-card .emergency-button:hover{box-shadow:0 4px 12px #dc354566;transform:translateY(-2px)}.procedures-section{background:#fff;border:1px solid #e0e0e0;border-radius:10px;margin-top:12px;overflow:hidden}.procedures-header{align-items:center;background:#f8f9fa;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background .2s;-webkit-user-select:none;user-select:none}.procedures-header:hover{background:#e9ecef}.procedures-header span:first-child{color:#333;font-size:18px;font-weight:600}.procedures-header .collapse-arrow{color:#999;font-size:10px}.procedures-content{display:flex;flex-direction:column;gap:12px;padding:16px}.preset-procedures{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px solid #667eea;border-radius:10px;margin-top:20px;padding:15px}.preset-procedures h4{color:#667eea;font-size:16px;font-weight:600;margin:0 0 15px}.preset-list{display:flex;flex-direction:column;gap:12px}.preset-item{border:1px solid #e0e0e0;border-radius:8px;gap:15px;padding:12px}.preset-info h5{font-size:14px;margin:0 0 6px}.preset-info p{font-size:12px;line-height:1.4;margin:0 0 4px}.preset-params{margin-top:6px!important}.preset-button{border-radius:8px;font-size:14px;min-width:80px;padding:10px 24px}.preset-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.preset-button.cancel:hover:not(:disabled){box-shadow:0 4px 12px #dc354566}.games-card{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea;cursor:pointer}.games-card:hover{background:linear-gradient(135deg,#667eea33,#764ba233);border-color:#764ba2}.games-card .device-info h3{color:#667eea}.games-card .device-info p{color:#764ba2}.modal-overlay{background:#0009}.logout-confirm-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:30px;text-align:center;width:90%}.logout-confirm-modal h2{color:#333;font-size:22px;margin:0 0 15px}.logout-confirm-modal p{color:#666;font-size:14px;line-height:1.5;margin:0 0 10px}.logout-confirm-modal p strong{color:#667eea}.modal-button.confirm{background:linear-gradient(135deg,#dc3545,#c82333)}.modal-button.confirm:hover{box-shadow:0 4px 12px #dc354566}.collapse-arrow{font-size:12px}.header-menu{margin-left:8px}.end-session-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:25px;width:90%}.end-session-modal h2{color:#333;font-size:22px;margin:0 0 10px;text-align:center}.end-session-description{color:#666;font-size:14px;margin-bottom:20px;text-align:center}.ending-scenarios-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;max-height:300px;overflow-y:auto}.no-scenarios-message{color:#888;font-style:italic;padding:20px;text-align:center}.ending-scenario-option{align-items:flex-start;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 15px;transition:all .2s}.ending-scenario-option:hover{background:#f0f0ff;border-color:#667eea}.ending-scenario-option.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea}.ending-scenario-option input[type=radio]{cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;width:18px}.scenario-text{color:#333;flex:1 1;font-size:14px;line-height:1.5}.end-session-confirm{background:linear-gradient(135deg,#6c757d,#495057)!important}.end-session-confirm:hover:not(:disabled){background:linear-gradient(135deg,#5a6268,#3d4348)!important}.solo-dashboard{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f0f23);color:#fff;display:flex;flex-direction:column;height:100vh}.solo-header{background:#0000004d;border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:15px 25px}.solo-header,.solo-header-left{align-items:center;display:flex}.solo-header-left{gap:20px}.solo-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:24px;margin:0}.ai-profile-name{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;font-size:14px;font-weight:600;padding:6px 14px}.solo-header-center{flex:1 1;text-align:center}.connection-status{border-radius:20px;font-size:13px;font-weight:600;padding:6px 16px}.connection-status.connected{background:#28a74533;border:1px solid #28a74566;color:#4ade80}.connection-status.disconnected{background:#dc354533;border:1px solid #dc354566;color:#f87171}.solo-header-right{display:flex;gap:10px}.logout-btn{background:#dc354533;border:1px solid #dc354566;border-radius:8px;color:#f87171;cursor:pointer;font-weight:600;padding:8px 20px;transition:all .2s}.logout-btn:hover{background:#dc354566}.solo-main{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:300px 1fr 320px;overflow:hidden;padding:20px}.solo-webcam-section{display:flex;flex-direction:column}.webcam-container{aspect-ratio:4/3;background:#000;border-radius:12px;overflow:hidden;position:relative}.webcam-video{height:100%;object-fit:cover}.webcam-label{background:#000000b3;border-radius:6px;bottom:10px;font-size:13px;font-weight:600;left:10px;padding:4px 12px;position:absolute}.solo-chat-section{display:flex;flex-direction:column;min-height:0}.solo-chat-section .chat-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex:1 1;flex-direction:column}.solo-controls-section{display:flex;flex-direction:column;gap:15px}.control-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.control-card h3{color:#a0a0a0;font-size:16px;letter-spacing:1px;margin:0 0 15px;text-transform:uppercase}.ai-status-card .ai-profile-info{margin-bottom:15px}.ai-status-card .ai-profile-info strong{color:#fff;display:block;font-size:18px;margin-bottom:5px}.ai-status-card .ai-profile-info p{color:#a0a0a0;font-size:13px;line-height:1.4;margin:0}.ai-status-card .no-profile{color:#666;font-style:italic}.auto-trigger-controls{align-items:center;display:flex;gap:12px}.toggle-label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px}.toggle-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.pause-btn{background:#ffc10733;border:1px solid #ffc10766;border-radius:6px;color:#ffc107;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:all .2s}.pause-btn:hover{background:#ffc1074d}.pause-btn.paused{background:#28a74533;border-color:#28a74566;color:#4ade80}.inflation-card .capacity-control,.inflation-card .feeling-control,.inflation-card .size-display{margin-bottom:15px}.inflation-card .capacity-control:last-child,.inflation-card .feeling-control:last-child,.inflation-card .size-display:last-child{margin-bottom:0}.inflation-card label{color:#a0a0a0;display:block;font-size:13px;margin-bottom:8px}.capacity-slider-row{align-items:center;display:flex;gap:10px}.capacity-slider{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:4px;flex:1 1;height:8px}.capacity-slider::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:20px;width:20px}.capacity-input{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:14px;padding:8px;text-align:center;width:60px}.capacity-input:focus{border-color:#667eea;outline:none}.capacity-adjust-btn{background:#667eea4d;border:1px solid #667eea80;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:40px;padding:8px 12px;transition:all .2s ease}.capacity-adjust-btn:hover{background:#667eea80;border-color:#667eea}.capacity-adjust-btn:active{transform:scale(.95)}.feeling-dropdown{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 12px;width:100%}.feeling-dropdown:focus{border-color:#667eea;outline:none}.feeling-dropdown option{background:#1a1a2e;color:#fff}.size-display{align-items:center;display:flex;justify-content:space-between}.size-display span{color:#667eea;font-size:16px;font-weight:600}.emergency-stop-btn{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:12px;box-shadow:0 4px 15px #dc354566;color:#fff;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:2px;padding:18px;text-transform:uppercase;transition:all .2s;width:100%}.emergency-stop-btn:hover{box-shadow:0 6px 20px #dc354580;transform:translateY(-2px)}.emergency-stop-btn:active{transform:translateY(0)}@media (max-width:1024px){.solo-main{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.solo-webcam-section{margin:0 auto;max-width:400px}.solo-controls-section{flex-direction:row;flex-wrap:wrap}.control-card{flex:1 1;min-width:280px}.emergency-stop-btn{flex:100% 1}}@media (max-width:600px){.solo-header{flex-wrap:wrap;gap:10px;padding:12px 15px}.solo-header-left{flex:100% 1;justify-content:space-between}.solo-header-center{display:none}.solo-main{gap:10px;padding:10px}.control-card{padding:15px}}.setup-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.setup-box{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:700px;padding:40px;width:100%}.settings-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.settings-modal-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0006;max-height:90vh;max-width:700px;overflow-y:auto;padding:30px;width:100%}.setup-header-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.modal-close-button{background:none;border:none;color:#666;cursor:pointer;font-size:32px;line-height:1;padding:0;transition:color .2s}.modal-close-button:hover{color:#333}.setup-title{color:#667eea;font-size:32px;font-weight:700;margin-bottom:10px;text-align:center}.setup-header-row .setup-title{margin-bottom:5px;text-align:left}.setup-header-row .setup-subtitle{margin-bottom:0;text-align:left}.setup-subtitle{color:#666;font-size:14px;margin-bottom:20px;text-align:center}.setup-tabs{background:#f0f0f5;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:4px}.setup-tab{background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;min-width:80px;padding:12px 16px;text-align:center;transition:all .3s}.setup-tab:hover:not(.active){background:#ffffff80;color:#333}.setup-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.setup-tabs-content{max-height:calc(100vh - 350px);min-height:400px;overflow-y:auto;padding-right:5px}.setup-tabs-content::-webkit-scrollbar{width:6px}.setup-tabs-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.setup-tabs-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.setup-tabs-content::-webkit-scrollbar-thumb:hover{background:#aaa}.setup-footer{border-top:2px solid #e0e0e0;margin-top:20px;padding-top:20px}.setup-section{margin-bottom:30px}.setup-section h2{color:#333;font-size:18px;font-weight:600;margin-bottom:15px}.mode-selector{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.mode-button{background:#fff;border:3px solid #e0e0e0;border-radius:12px;cursor:pointer;padding:20px;text-align:center;transition:all .3s}.mode-button:not(.disabled):hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.mode-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.mode-button.disabled{cursor:not-allowed;opacity:.5}.mode-icon{font-size:40px;margin-bottom:10px}.mode-name{font-size:16px;font-weight:600;margin-bottom:5px}.mode-desc{font-size:12px;opacity:.8}.mode-button.active .mode-desc{opacity:.9}.ai-inflator-selector{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea4d;border-radius:12px;margin-top:20px;padding:20px}.ai-inflator-selector h3{color:#667eea;font-size:18px;margin:0 0 10px}.ai-inflator-description{color:#666;font-size:14px;line-height:1.5;margin:0 0 15px}.ai-inflator-select-row{align-items:center;display:flex;gap:10px}.ai-inflator-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;padding:12px 15px;transition:border-color .3s}.ai-inflator-select:focus{border-color:#667eea;outline:none}.edit-profiles-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;transition:all .3s;white-space:nowrap}.edit-profiles-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.edit-profiles-btn:disabled{cursor:not-allowed;opacity:.5}.no-profiles-message{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;color:#856404;font-size:14px;margin:15px 0 0;padding:12px;text-align:center}.selected-ai-preview{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-top:15px;padding:15px}.selected-ai-preview strong{color:#333;font-size:16px}.selected-ai-preview p{color:#666;font-size:14px;line-height:1.5;margin:8px 0 0}.ai-personality-preview{display:flex;gap:12px;margin-top:10px}.ai-personality-preview span{background:#667eea;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px}.ai-inflator-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:10px 14px;transition:all .2s;white-space:nowrap}.ai-inflator-btn-new{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.ai-inflator-btn-new:hover:not(:disabled){box-shadow:0 3px 8px #28a7454d;transform:translateY(-1px)}.ai-inflator-btn-edit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.ai-inflator-btn-edit:hover:not(:disabled){box-shadow:0 3px 8px #667eea4d;transform:translateY(-1px)}.ai-inflator-btn-delete{background:#dc3545;color:#fff}.ai-inflator-btn-delete:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.ai-inflator-btn:disabled{cursor:not-allowed;opacity:.5}.scan-button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:15px;padding:14px;transition:all .3s;width:100%}.scan-button:hover:not(:disabled){box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.scan-button:disabled{cursor:not-allowed;opacity:.6}.device-list{gap:10px;max-height:300px;overflow-y:auto}.device-item{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:15px;transition:all .3s}.device-item:hover{background:#f0f0ff;border-color:#667eea}.device-item.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea}.device-header{align-items:center;flex:1 1;gap:12px}.device-header input[type=checkbox]{cursor:pointer;height:20px;width:20px}.device-details{flex:1 1;gap:12px}.device-details,.device-name{align-items:center;display:flex}.device-name{color:#333;font-size:15px;font-weight:600;gap:8px}.tested-badge{background:#28a745;border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:2px 6px}.device-info-section{flex:1 1;min-width:0}.device-label-edit{align-items:center;display:flex;gap:8px}.edit-label-button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s;white-space:nowrap}.edit-label-button:hover:not(:disabled){background:#5568d3;transform:translateY(-1px)}.edit-label-button:disabled{cursor:not-allowed;opacity:.5}.device-type-selector{align-items:center;display:flex;gap:8px}.device-type-selector label{color:#666;font-size:13px;font-weight:600;white-space:nowrap}.device-type-selector select{background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 10px;transition:all .2s}.device-type-selector select:hover:not(:disabled){border-color:#667eea}.device-type-selector select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.device-type-selector select:disabled{cursor:not-allowed;opacity:.5}.save-label-button{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s;white-space:nowrap}.save-label-button:hover{background:#218838;transform:translateY(-1px)}.label-input{border:2px solid #667eea;border-radius:6px;color:#333;flex:1 1;font-size:14px;font-weight:600;max-width:250px;min-width:150px;padding:6px 10px}.label-input:focus{border-color:#764ba2;outline:none}.selected-summary{background:#e7f3ff;border-radius:8px;color:#06c;font-size:14px;margin-top:10px;padding:10px;text-align:center}.device-ip{color:#666;font-family:monospace;font-size:13px}.test-button{background:#ffc107;border:none;border-radius:6px;color:#333;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s;white-space:nowrap}.test-button:hover:not(:disabled){background:#ffb300;transform:translateY(-1px)}.test-button:disabled{cursor:not-allowed;opacity:.6}.setup-message{border-radius:10px;font-size:14px;font-weight:500;margin-bottom:20px;padding:15px 20px;text-align:center}.setup-message.success{background:#d4edda;color:#155724}.setup-message.error{background:#f8d7da;color:#721c24}.setup-message.info{background:#d1ecf1;color:#0c5460}.confirm-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:16px;transition:all .3s;width:100%}.confirm-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.confirm-button:disabled{cursor:not-allowed;opacity:.5}.device-list::-webkit-scrollbar{width:8px}.device-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.device-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.device-list::-webkit-scrollbar-thumb:hover{background:#555}.va-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;padding:20px}.va-checkbox-label{align-items:center;color:#333;cursor:pointer;display:flex;font-weight:600;gap:10px;margin-bottom:15px;-webkit-user-select:none;user-select:none}.va-checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.va-settings{gap:15px;padding-left:28px}.va-field,.va-settings{display:flex;flex-direction:column}.va-field{gap:6px}.va-field label{color:#555;font-size:14px;font-weight:600}.va-field input,.va-field textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .3s}.va-field input:focus,.va-field textarea:focus{border-color:#667eea;outline:none}.va-field input:disabled,.va-field textarea:disabled{background:#f0f0f0;cursor:not-allowed}.va-field textarea{min-height:60px;resize:vertical}.va-profile-controls{align-items:center;display:flex;gap:10px}.va-profile-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;padding:10px 12px;transition:border-color .3s}.va-profile-select:focus{border-color:#667eea;outline:none}.va-profile-select:disabled{background:#f0f0f0;cursor:not-allowed}.va-profile-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s;white-space:nowrap}.va-profile-button.save{background:#28a745;color:#fff}.va-profile-button.save:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.va-profile-button.delete{background:#dc3545;color:#fff}.va-profile-button.delete:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.va-profile-button:disabled{cursor:not-allowed;opacity:.6}.va-profile-button.rename{background:#17a2b8;color:#fff}.va-profile-button.rename:hover:not(:disabled){background:#138496;transform:translateY(-1px)}.va-profile-button.cancel{background:#6c757d;color:#fff}.va-profile-button.cancel:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.va-rename-controls{align-items:center;display:flex;gap:10px;margin-top:10px}.va-rename-controls input{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:14px;padding:10px 14px}.va-rename-controls input:focus{border-color:#667eea;outline:none}.inflatee-message-section{background:#f8f9fa;border-left:3px solid #e53935;border-radius:8px;margin-top:12px;padding:12px}.inflatee-message-label{color:#e53935;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.inflatee-message-section textarea{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px;resize:vertical;width:100%}.inflatee-message-section textarea:focus{border-color:#e53935;outline:none}.message-order-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.order-label{color:#666;font-size:13px}.order-radio-group{display:flex;gap:16px}.order-option{align-items:center;display:flex;font-size:14px;gap:6px}.order-option,.order-option input[type=radio]{cursor:pointer}.order-option span{color:#333}.va-llm-settings{align-items:flex-end;display:flex;gap:15px}.va-llm-url{flex:1 1}.va-llm-tokens{width:100px}.va-llm-tokens input{text-align:center;width:100%}.va-collapsible-section{background:#fff;border:2px solid #e0e0e0;border-radius:8px;margin-top:15px;overflow:hidden}.va-collapsible-header{align-items:center;background:#f0f0f5;color:#555;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 15px;transition:background .2s;-webkit-user-select:none;user-select:none}.va-collapsible-header:hover{background:#e5e5ef}.va-collapsible-icon{color:#667eea;font-size:12px;width:16px}.va-collapsible-content{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding:15px}.va-helper-text{background:#f8f9fa;border-radius:6px;color:#888;font-size:12px;line-height:1.5;margin:0;padding:8px 12px}.va-message-field{display:flex;flex-direction:column;gap:4px}.va-message-field label{color:#555;font-size:13px;font-weight:600}.va-message-field textarea{border:2px solid #e0e0e0;border-radius:6px;font-family:inherit;font-size:13px;min-height:50px;padding:8px 10px;resize:vertical;transition:border-color .3s}.va-message-field textarea:focus{border-color:#667eea;outline:none}.va-message-field textarea:disabled{background:#f0f0f0;cursor:not-allowed}.va-message-field textarea::placeholder{color:#aaa;font-style:italic}.va-collapsible-content::-webkit-scrollbar{width:6px}.va-collapsible-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.va-collapsible-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.va-collapsible-content::-webkit-scrollbar-thumb:hover{background:#aaa}.llm-settings-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:10px}.llm-settings-grid .va-field{margin-bottom:0}.llm-settings-grid .va-field input{font-size:14px;padding:8px 10px;width:100%}.field-hint{color:#888;display:block;font-size:11px;margin-top:2px}@media (max-width:600px){.llm-settings-grid{grid-template-columns:repeat(2,1fr)}}.persona-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;gap:15px;padding:20px}.persona-card,.persona-field{display:flex;flex-direction:column}.persona-field{gap:6px}.persona-field label{color:#555;font-size:14px;font-weight:600}.persona-field input[type=text]{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:10px 12px;transition:border-color .3s}.persona-field input[type=text]:focus{border-color:#667eea;outline:none}.persona-field input[type=text]:disabled{background:#f0f0f0;cursor:not-allowed}.persona-textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;min-height:60px;padding:10px 12px;resize:vertical;transition:border-color .3s}.persona-textarea:focus{border-color:#667eea;outline:none}.persona-textarea:disabled{background:#f0f0f0;cursor:not-allowed}.ending-scenarios-section{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:20px}.ending-scenarios-section .field-description{color:#666;font-size:13px;margin-bottom:12px}.ending-scenario-input{margin-bottom:10px}.ending-scenario-input:last-child{margin-bottom:0}.pronoun-selector{display:flex;gap:15px}.pronoun-option{color:#333;font-size:14px;-webkit-user-select:none;user-select:none}.pronoun-option input[type=radio]:disabled{cursor:not-allowed}.webcam-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;padding:20px}.webcam-checkbox-label{align-items:center;color:#333;cursor:pointer;display:flex;font-weight:600;gap:10px;margin-bottom:15px;-webkit-user-select:none;user-select:none}.webcam-checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.games-content{padding:15px 0}.game-subsection{background:#fff;border:2px solid #e0e0e0;border-radius:12px;margin-bottom:20px;padding:20px}.game-subsection h3{color:#667eea;font-size:16px;font-weight:600;margin:0}.game-subsection.collapsed{padding:10px 20px}.panel-header{align-items:center;display:flex;justify-content:space-between}.panel-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.collapse-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:18px;padding:4px 8px;transition:transform .2s}.collapse-button:hover{transform:scale(1.2)}.setup-section.collapsed .games-content{display:none}.dice-config{padding:15px 0}.dice-description{color:#666;font-size:14px;line-height:1.5;margin:0 0 15px}.dice-device-select{align-items:center;display:flex;gap:12px}.dice-device-select label{color:#333;font-size:14px;font-weight:600}.dice-device-select select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;max-width:300px;padding:10px 12px}.dice-device-select select:focus{border-color:#667eea;outline:none}.wheel-config{padding:15px 0}.wheel-device-select{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:15px}.wheel-device-select label{color:#333;font-size:14px;font-weight:600}.wheel-device-select select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;max-width:300px;padding:10px 12px}.wheel-device-select select:focus{border-color:#667eea;outline:none}.device-warning{background:#fff3f3;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;font-size:13px;font-weight:600;padding:4px 10px}.webcam-settings{gap:15px;padding-left:28px}.webcam-field,.webcam-settings{display:flex;flex-direction:column}.webcam-field{gap:6px}.webcam-field label{color:#555;font-size:14px;font-weight:600}.camera-selector,.source-selector{display:flex;gap:15px}.camera-option,.source-option{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;gap:6px;-webkit-user-select:none;user-select:none}.camera-option input[type=radio],.source-option input[type=radio]{cursor:pointer;height:16px;width:16px}.camera-option input[type=radio]:disabled,.source-option input[type=radio]:disabled{cursor:not-allowed}.webcam-preview{aspect-ratio:16/9;background:#000;border-radius:8px;margin-top:10px;max-width:100%;overflow:hidden;width:100%}.preview-video{height:100%;object-fit:cover;width:100%}.mic-test-button{background:#ffc107;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:14px;font-weight:600;margin-top:5px;padding:10px 16px;transition:all .3s}.mic-test-button:hover:not(:disabled){background:#ffb300;transform:translateY(-1px)}.mic-test-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.mode-selector{grid-template-columns:1fr}.ai-inflator-select-row{flex-direction:column}.ai-inflator-select,.edit-profiles-btn{width:100%}.setup-box{padding:30px 20px}.camera-selector,.pronoun-selector,.source-selector{flex-direction:column;gap:10px}}.snp-section{border:2px solid #9c27b0}.snp-section .va-collapsible-header{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff}.snp-section .va-collapsible-header:hover{background:linear-gradient(135deg,#ab47bc,#8e24aa)}.snp-content{padding:15px}.snp-master-toggles{background:#f3e5f5;border:1px solid #ce93d8;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-bottom:15px;padding:12px}.snp-auto-trigger-toggle,.snp-enable-toggle{background:#fff;border-radius:6px;margin:0;padding:8px 10px}.snp-auto-trigger-toggle{background:#fff3e0;border:1px solid #ffcc80}.snp-auto-trigger-toggle input:disabled+span{opacity:.5}.snp-settings{display:flex;flex-direction:column;gap:15px}.snp-profile-section{display:flex;flex-direction:column;gap:10px}.snp-profile-section>label{color:#333;font-size:14px;font-weight:600}.snp-profile-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.snp-profile-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;max-width:250px;min-width:180px;padding:10px 12px}.snp-profile-select:focus{border-color:#9c27b0;outline:none}.snp-profile-button{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .2s}.snp-profile-button.save{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.snp-profile-button.save:hover{background:linear-gradient(135deg,#66bb6a,#43a047)}.snp-profile-button.delete{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.snp-profile-button.delete:hover{background:linear-gradient(135deg,#ef5350,#e53935)}.snp-profile-button.cancel{background:#9e9e9e;color:#fff}.snp-profile-button.cancel:hover{background:#757575}.snp-create-profile{align-items:center;background:#fff3e0;border-radius:8px;display:flex;gap:8px;margin-top:10px;padding:10px}.snp-create-profile input{border:2px solid #e0e0e0;border-radius:6px;flex:1 1;font-size:14px;padding:8px 12px}.snp-create-profile input:focus{border-color:#9c27b0;outline:none}.snp-profile-editor{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:15px}.snp-profile-name-field{margin-bottom:15px}.snp-profile-name-field label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.snp-profile-name-field input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 12px;width:100%}.snp-profile-name-field input:focus{border-color:#9c27b0;outline:none}.snp-suggestions-section{border-top:1px solid #e0e0e0;padding-top:15px}.snp-suggestions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.snp-suggestions-header h4{color:#333;font-size:16px;margin:0}.snp-add-suggestion-button{background:linear-gradient(135deg,#9c27b0,#7b1fa2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.snp-add-suggestion-button:hover:not(:disabled){background:linear-gradient(135deg,#ab47bc,#8e24aa);transform:translateY(-1px)}.snp-suggestions-list{display:flex;flex-direction:column;gap:15px}.snp-empty-message{background:#f5f5f5;border-radius:8px;color:#666;font-size:14px;font-style:italic;padding:20px;text-align:center}.snp-suggestion-row{background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:15px;transition:border-color .2s}.snp-suggestion-row:hover{border-color:#9c27b0}.snp-suggestion-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.snp-suggestion-number{color:#9c27b0;font-size:14px;font-weight:600}.snp-delete-suggestion{background:#ffebee;border:1px solid #ffcdd2;border-radius:4px;color:#d32f2f;cursor:pointer;font-size:12px;padding:4px 10px;transition:all .2s}.snp-delete-suggestion:hover{background:#ffcdd2}.snp-condition-builder{background:#f5f5f5;border-radius:8px;margin-bottom:12px;padding:12px}.snp-operator-row{align-items:center;background:#e3f2fd;border:1px solid #90caf9;border-radius:6px;display:flex;gap:10px;margin-bottom:12px;padding:8px 12px}.snp-operator-row span,.snp-operator-select{color:#1565c0;font-size:13px;font-weight:600}.snp-operator-select{background:#fff;border:2px solid #90caf9;border-radius:6px;cursor:pointer;padding:6px 10px}.snp-operator-select:focus{border-color:#1565c0;outline:none}.snp-condition-row{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;padding:8px}.snp-condition-row:last-of-type{margin-bottom:0}.snp-remove-condition{background:#ffebee;border:1px solid #ffcdd2;border-radius:4px;color:#c62828;cursor:pointer;font-size:16px;font-weight:700;line-height:1;margin-left:auto;padding:2px 8px}.snp-remove-condition:hover{background:#ffcdd2}.snp-add-condition-row{border-top:1px dashed #ccc;margin-top:10px;padding-top:10px}.snp-add-condition-button{background:#e3f2fd;border:2px dashed #90caf9;border-radius:6px;color:#1565c0;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:all .2s}.snp-add-condition-button:hover:not(:disabled){background:#bbdefb;border-color:#1565c0}.snp-condition-keyword{color:#1565c0;font-size:14px;font-weight:700;min-width:25px}.snp-comparison-select,.snp-condition-type-select,.snp-device-select,.snp-feeling-select,.snp-in-select,.snp-source-select,.snp-state-select{background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:13px;padding:6px 10px}.snp-comparison-select:focus,.snp-condition-type-select:focus,.snp-device-select:focus,.snp-feeling-select:focus,.snp-in-select:focus,.snp-source-select:focus,.snp-state-select:focus{border-color:#9c27b0;outline:none}.snp-capacity-input{border:2px solid #e0e0e0;border-radius:6px;font-size:13px;padding:6px 8px;text-align:center;width:60px}.snp-capacity-input:focus{border-color:#9c27b0;outline:none}.snp-unit{color:#666;font-size:13px}.snp-keyword-input{border:2px solid #e0e0e0;border-radius:6px;flex:1 1;font-size:13px;max-width:200px;min-width:120px;padding:6px 10px}.snp-keyword-input:focus{border-color:#9c27b0;outline:none}.snp-actions-section{background:#e8f5e9;border-radius:8px;padding:12px}.snp-actions-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.snp-actions-header>span{color:#2e7d32;font-size:14px;font-weight:600}.snp-add-action-button{background:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.snp-add-action-button:hover:not(:disabled){background:#43a047}.snp-add-action-button.response{background:#ff9800}.snp-add-action-button.response:hover:not(:disabled){background:#f57c00}.snp-actions-list{display:flex;flex-direction:column;gap:10px}.snp-action-row{background:#fff;border:1px solid #c8e6c9;border-radius:8px;padding:12px}.snp-action-row.va_response{background:#fff8e1;border-color:#ffe0b2}.snp-action-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.snp-action-type{color:#2e7d32;font-size:13px;font-weight:600}.snp-action-row.va_response .snp-action-type{color:#e65100}.snp-delete-action{background:#ffebee;border:1px solid #ffcdd2;border-radius:4px;color:#d32f2f;cursor:pointer;font-size:11px;padding:3px 8px}.snp-delete-action:hover{background:#ffcdd2}.snp-action-message{border:1px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:13px;padding:8px 10px;resize:vertical;width:100%}.snp-action-message:focus{border-color:#9c27b0;outline:none}.snp-action-flags{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-top:10px}.snp-action-flags label{align-items:center;color:#555;cursor:pointer;display:flex;font-size:12px;gap:5px}.snp-action-flags label input[type=checkbox]{height:14px;width:14px}.snp-action-flags label span{font-weight:600}.snp-max-repeat{align-items:center;display:flex;gap:5px}.snp-max-repeat-input{border:1px solid #e0e0e0;border-radius:4px;font-size:12px;padding:4px 6px;text-align:center;width:50px}.snp-max-repeat-input:focus{border-color:#9c27b0;outline:none}.snp-device-ops-section{border-top:1px dashed #ffe0b2;margin-top:12px;padding-top:12px}.snp-device-ops-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.snp-device-ops-header>span{color:#e65100;font-size:12px;font-weight:600}.snp-add-device-op{background:#ff9800;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px}.snp-add-device-op:hover{background:#f57c00}.snp-device-op-row{align-items:center;background:#fff3e0;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px;padding:8px}.snp-device-op-row select{background:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:12px;padding:5px 8px}.snp-device-op-row select:focus{border-color:#ff9800;outline:none}.snp-duration-input{border:1px solid #e0e0e0;border-radius:4px;font-size:12px;padding:5px 8px;text-align:center;width:50px}.snp-duration-input:focus{border-color:#ff9800;outline:none}.snp-device-op-row>span{color:#666;font-size:12px}.snp-remove-device-op{background:#ffcdd2;border:none;border-radius:4px;color:#c62828;cursor:pointer;font-size:12px;font-weight:700;padding:3px 8px}.snp-remove-device-op:hover{background:#ef9a9a}.snp-branches-section{border-top:2px solid #e1bee7;margin-top:16px;padding-top:16px}.snp-branches-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.snp-branches-header>span{color:#7b1fa2;font-size:14px;font-weight:700}.snp-add-branch-button,.snp-add-sub-branch-button{background:#7b1fa2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px}.snp-add-branch-button:hover,.snp-add-sub-branch-button:hover{background:#6a1b9a}.snp-add-sub-branch-button{background:#ab47bc;font-size:11px;padding:5px 10px}.snp-add-sub-branch-button:hover{background:#9c27b0}.snp-branches-empty{color:#7b1fa2;font-size:13px;font-style:italic}.snp-branches-list{display:flex;flex-direction:column;gap:12px}.snp-branch-container,.snp-sub-branch-container{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border:1px solid #ce93d8;border-radius:10px;overflow:hidden}.snp-sub-branch-container{background:linear-gradient(135deg,#ede7f6,#d1c4e9);border-color:#b39ddb;margin:8px 0}.snp-branch-header,.snp-sub-branch-header{align-items:center;background:#ffffff80;cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:background .2s ease}.snp-branch-header:hover,.snp-sub-branch-header:hover{background:#ffffffb3}.snp-branch-icon{color:#7b1fa2;font-size:12px;min-width:12px}.snp-branch-name-input{background:#fff;border:1px solid #ce93d8;border-radius:4px;flex:1 1;font-size:13px;padding:6px 10px}.snp-branch-name-input:focus{border-color:#7b1fa2;outline:none}.snp-delete-branch{background:#ffcdd2;border:none;border-radius:4px;color:#c62828;cursor:pointer;font-size:11px;font-weight:600;padding:5px 12px}.snp-delete-branch:hover{background:#ef9a9a}.snp-branch-content,.snp-sub-branch-content{background:#fff9;padding:14px}.snp-branch-section-label{color:#7b1fa2;display:block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.snp-else-label{color:#f57c00;margin-top:16px}.snp-branch-actions,.snp-branch-conditions,.snp-sub-branch-actions,.snp-sub-branch-conditions{margin-bottom:16px}.snp-sub-branches-section{border-top:1px dashed #b39ddb;margin-top:16px;padding-top:12px}.snp-sub-branches-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.snp-sub-branches-header>span{color:#7b1fa2;font-size:12px;font-weight:600}.snp-default-actions-section{background:#ff98001a;border:1px dashed #ff9800;border-radius:8px;margin-top:12px;padding:12px}.snp-main-default{background:#ff980026;border:2px dashed #ff9800;margin-top:20px}.snp-default-actions-section .snp-actions-header{justify-content:flex-start}.snp-add-action-button.default{background:#ff9800}.snp-add-action-button.default:hover{background:#f57c00}.snp-action-row.default-action{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-color:#ffb74d}.snp-action-row.default-action .snp-action-type{color:#e65100}.snp-branch-container.collapsed .snp-branch-content,.snp-sub-branch-container.collapsed .snp-sub-branch-content{display:none}.snp-fallback-section{background:linear-gradient(135deg,#fff8e1,#ffecb3);border:1px dashed #ffc107;border-radius:8px;margin-top:12px;padding:12px}.snp-fallback-section.required{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:2px solid #f44336}.snp-fallback-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.snp-fallback-header>span{color:#f57c00;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.snp-fallback-section.required .snp-fallback-header>span{color:#c62828}.snp-fallback-info{color:#666;font-size:11px;font-style:italic;margin:0 0 8px}.snp-remove-fallback{background:#ffcdd2;border:none;border-radius:4px;color:#c62828;cursor:pointer;font-size:10px;font-weight:600;padding:3px 8px}.snp-remove-fallback:hover{background:#ef9a9a}.snp-fallback-device-ops{border-top:1px dashed #ffc107;margin-top:10px;padding-top:10px}.snp-fallback-section.required .snp-fallback-device-ops{border-top-color:#ef9a9a}.snp-add-fallback-button{background:#fff8e1;border:1px dashed #ffc107;border-radius:6px;color:#f57c00;cursor:pointer;font-size:12px;font-weight:600;margin-top:10px;padding:6px 12px;width:100%}.snp-add-fallback-button:hover{background:#ffecb3;border-color:#ff9800}.snp-event-label{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #a5d6a7;border-radius:12px;color:#2e7d32;display:inline-block;font-size:11px;font-style:italic;font-weight:600;padding:4px 10px}.control-container{display:flex;flex-direction:column;min-height:100vh}.control-header{background:#fff;box-shadow:0 2px 10px #0000001a;justify-content:space-between;padding:10px 30px}.control-header,.control-header .header-left{align-items:center;display:flex}.header-logo{height:70px;margin-left:-25px;margin-top:-15px;width:auto}.control-header .header-center{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap;gap:16px!important}.control-header .header-title{color:#333;font-size:20px;font-weight:600}.control-header .header-stats{align-items:center;display:flex;gap:8px}.control-header .header-stat{color:#555;font-size:18px;font-weight:500}.control-header .header-stat-divider{color:#ccc}.control-header .header-right{align-items:center;display:flex;gap:15px}.control-header .header-pump-status{color:#667eea;font-size:18px;font-weight:600}.header-menu{position:relative}.menu-button{background:none;border:none;border-radius:8px;cursor:pointer;padding:8px 12px;transition:background .2s}.menu-button:hover{background:#f0f0f0}.menu-icon{color:#333;font-size:24px}.menu-dropdown{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;margin-top:8px;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.menu-item{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:left;transition:background .2s;width:100%}.menu-item:hover{background:#f5f5f5}.menu-username{color:#667eea;cursor:default;font-weight:600}.menu-username:hover{background:none}.menu-divider{background:#eee;height:1px;margin:4px 0}.menu-logout{color:#dc3545}.menu-logout:hover{background:#fff5f5}.desktop-only{display:flex}@media (max-width:1024px){.desktop-only{display:none!important}}.remote-control-status{border-radius:20px;font-size:13px;font-weight:600;padding:6px 12px}.remote-control-status.enabled{background:#d4edda;color:#155724}.remote-control-status.disabled{background:#f8d7da;color:#721c24}.control-content{padding:12px 30px 30px;width:100%}.control-content,.control-main{display:flex;flex:1 1;flex-direction:column}.control-main{gap:12px;min-height:0}.chat-and-cameras{align-items:stretch;display:flex;gap:8px;min-height:0}.chat-section{background:#fff;box-shadow:0 10px 30px #0003;flex:1 1;min-height:400px;overflow:hidden}.cameras-section,.chat-section{border-radius:15px;display:flex;flex-direction:column}.cameras-section{background:#1a1a2e;gap:12px;padding:15px}.cameras-section.desktop-only{flex-shrink:0;justify-content:space-between;max-height:100%;overflow:hidden;width:35%}.cameras-section.desktop-only .camera-feed{flex:1 1;min-height:0}.cameras-section.desktop-only .camera-placeholder,.cameras-section.desktop-only .camera-video{aspect-ratio:auto;height:100%;object-fit:cover}.cameras-section.mobile-only{display:none}.camera-feed{display:flex;flex:1 1;flex-direction:column;position:relative}.camera-label{background:#0009;border-radius:4px;left:8px;padding:4px 8px;text-shadow:0 1px 2px #00000080;top:8px}.camera-label,.stop-camera-btn{color:#fff;font-size:12px;font-weight:600;position:absolute;z-index:10}.stop-camera-btn{background:#dc3545b3;border:none;border-radius:4px;bottom:8px;cursor:pointer;padding:6px 12px;right:8px;transition:background .2s}.stop-camera-btn:hover{background:#dc3545e6}.camera-video{background:#000;border-radius:8px;display:block;height:auto;width:100%}.camera-placeholder{align-items:center;aspect-ratio:16/9;background:#2d2d44;border-radius:8px;display:flex;flex-direction:column;gap:8px;justify-content:center;width:100%}.camera-placeholder span{color:#888;font-size:14px}.camera-placeholder button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.camera-placeholder button:hover{opacity:.9}.webcam-disabled-message{background:linear-gradient(135deg,#3d3d5c,#2d2d44);border:1px dashed #555}.webcam-disabled-message span{color:#888;font-size:12px;padding:0 10px;text-align:center}.devices-section{display:flex;flex-direction:column;min-height:0}@media (max-width:1024px){.chat-and-cameras{flex-direction:column}.cameras-section.desktop-only{display:none!important}.cameras-section.mobile-only{display:flex!important;flex-direction:row;gap:8px;width:100%}.cameras-section.mobile-only .camera-feed{aspect-ratio:1;flex:1 1}.cameras-section.mobile-only .camera-video{height:100%;object-fit:cover;width:100%}.cameras-section.mobile-only .camera-placeholder{height:100%;width:100%}.chat-section{height:60vh;max-height:60vh;min-height:350px;width:100%}}.no-devices-message,.waiting-message{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;padding:60px 40px;text-align:center}.waiting-icon{animation:pulse-icon 2s ease-in-out infinite;font-size:80px;margin-bottom:20px}@keyframes pulse-icon{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.no-devices-message h2,.waiting-message h2{color:#333;font-size:24px;margin-bottom:15px}.no-devices-message p,.waiting-subtext{color:#666;font-size:16px;line-height:1.6;margin:0 auto 30px;max-width:500px}.waiting-spinner{animation:spin 1s linear infinite;border:4px solid #667eea33;border-radius:50%;border-top-color:#667eea;height:50px;margin:0 auto;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.device-selector{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;display:flex;gap:15px;margin-bottom:20px;padding:20px}.device-selector label{color:#333;font-weight:600}.device-select{border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;padding:10px 15px;transition:border-color .3s}.device-select:focus{border-color:#667eea;outline:none}.message{border-radius:10px;font-weight:500;margin-bottom:20px;padding:15px 20px;text-align:center}.message.success{background:#d4edda;color:#155724}.message.error{background:#f8d7da;color:#721c24}.tasks-container{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;padding:30px}.tasks-container h2{color:#333;font-size:22px;margin:0 0 25px}.task-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.task-card{background:#f8f9fa;border:2px solid #0000;border-radius:12px;display:flex;flex-direction:column;padding:20px;transition:all .3s}.task-card:hover{border-color:#667eea;box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.task-header{margin-bottom:12px}.task-header h3{color:#333;font-size:18px;margin:0 0 8px}.task-meta{color:#666;display:flex;font-size:13px;gap:12px}.task-duration,.task-steps{align-items:center;display:flex;gap:4px}.task-description{color:#666;font-size:14px;line-height:1.5;margin-bottom:15px}.task-sequence{background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-bottom:15px;padding:12px}.sequence-step{align-items:center;background:#f8f9fa;border-radius:4px;display:flex;font-size:13px;gap:8px;padding:6px}.step-icon{font-size:16px}.step-icon.on{filter:brightness(1.2)}.step-text{color:#333;font-weight:500}.execute-button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;margin-top:auto;padding:12px;transition:all .3s}.execute-button:hover:not(:disabled){box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.execute-button:active:not(:disabled){transform:translateY(0)}.execute-button.executing{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ffc107,#ff9800)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.empty-message{color:#999;padding:40px 20px;text-align:center}.devices-container{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;padding:30px}.devices-container h2{color:#333;font-size:22px;margin:0 0 25px}.device-card,.device-list{display:flex;flex-direction:column;gap:15px}.device-card{background:#f8f9fa;border:2px solid #0000;border-radius:10px;min-height:200px;padding:20px;transition:all .3s}.device-card:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.device-header{display:flex;flex-direction:column;gap:8px}.device-name-row{align-items:center;display:flex;gap:10px;margin-bottom:8px}.device-status-light{border-radius:50%;flex-shrink:0;height:12px;width:12px}.device-status-light.running{animation:pulse-light 2s ease-in-out infinite;background:#28a745;box-shadow:0 0 8px #28a745}.device-status-light.stopped{background:#dc3545;box-shadow:0 0 4px #dc3545}@keyframes pulse-light{0%,to{opacity:1}50%{opacity:.6}}.device-card h3{color:#333;font-size:18px;margin:0}.device-status-text{font-size:14px;font-weight:600;margin:0}.device-status-text.running{color:#28a745}.device-status-text.stopped{color:#6c757d}.pump-controls-container{display:flex;flex:1 1;flex-direction:column;gap:15px}.pump-primary-controls{align-items:flex-start;display:flex;gap:20px}.manual-controls-inline{display:flex;flex-direction:column;gap:8px;min-width:70px}.cycle-controls-section{display:flex;flex:1 1;flex-direction:column;gap:8px}.cycle-row{gap:8px}.cycle-row,.repeat-row{align-items:center;display:flex}.repeat-row{flex-wrap:wrap;gap:10px}.control-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.control-button.on{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.control-button.on:hover:not(:disabled){box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.control-button.off{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff}.control-button.off:hover:not(:disabled){box-shadow:0 4px 12px #6c757d66;transform:translateY(-2px)}.control-button:disabled{cursor:not-allowed;opacity:.5}.cycle-duration-input{border:2px solid #e0e0e0;border-radius:6px;font-size:14px;padding:8px 10px;text-align:center;transition:border-color .3s;width:70px}.cycle-duration-input:focus{border-color:#667eea;outline:none}.cycle-duration-input:disabled{background:#f0f0f0;cursor:not-allowed}.cycle-label{color:#666;font-size:13px}.cycle-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .3s}.cycle-button.begin{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cycle-button.begin:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.cycle-button.cancel{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.cycle-button.cancel:hover:not(:disabled){box-shadow:0 4px 12px #dc354566;transform:translateY(-2px)}.cycle-button:disabled{cursor:not-allowed;opacity:.5}.cycle-repeat-checkbox{align-items:center;cursor:pointer;display:flex;gap:6px;-webkit-user-select:none;user-select:none}.cycle-repeat-checkbox input[type=checkbox]{cursor:pointer;height:16px;width:16px}.cycle-repeat-checkbox input[type=checkbox]:disabled{cursor:not-allowed}.cycle-repeat-checkbox span{color:#333;font-size:14px;font-weight:500}.repeat-settings-inline{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;gap:6px;padding:8px 12px}.repeat-settings-inline span{color:#666;font-size:12px}.repeat-divider{color:#999;font-weight:700}.repeat-input{border:1px solid #ddd;border-radius:4px;font-size:13px;padding:6px 8px;text-align:center;width:55px}.repeat-input:focus{border-color:#667eea;outline:none}.repeat-input:disabled{background:#f5f5f5;cursor:not-allowed}@media (max-width:768px){.control-header{flex-direction:column;gap:15px}.task-grid{grid-template-columns:1fr}.device-selector{align-items:stretch;flex-direction:column}.device-card{gap:15px;grid-template-columns:1fr}.device-manual-controls{border-bottom:1px solid #dee2e6;flex-direction:row;min-width:0;min-width:auto;padding-bottom:15px}.device-cycle-controls{border-top:1px solid #dee2e6;min-width:0;min-width:auto;padding-top:15px}}.webcam-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:15px;transition:all .3s ease}.webcam-section.collapsed .webcam-content{display:none}.webcam-header{align-items:center;background:#f8f9fa;border-radius:8px 8px 0 0;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background .2s}.webcam-header:hover{background:#e9ecef}.webcam-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.webcam-content{padding:16px}.webcam-placeholder{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;padding:40px 20px;text-align:center}.webcam-placeholder p{font-size:14px;margin:0}.webcam-video{background:#000;border-radius:8px;display:block;height:auto;width:100%}.webcam-controls{background:#f8f9fa;border-radius:8px;display:flex;gap:10px;margin-bottom:12px;padding:12px}.camera-select{background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;padding:10px 12px;transition:border-color .3s}.camera-select:focus{border-color:#667eea;outline:none}.start-camera-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s;white-space:nowrap}.start-camera-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.start-camera-btn:active{transform:translateY(0)}.quick-actions-bar{background:#f0f0f5;border-radius:12px;display:flex;flex-wrap:nowrap;gap:12px;padding:12px 16px}.quick-action-btn.large{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:18px;font-weight:600;padding:18px 24px;transition:all .2s;white-space:nowrap}.quick-action-btn.large.off{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.quick-action-btn.large.on{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.quick-action-btn.large.cycle{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.quick-action-btn.large.cancel{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.quick-action-btn.large.cinch{background:linear-gradient(135deg,#fd7e14,#e65c00);color:#fff}.quick-action-btn.large.games{background:linear-gradient(135deg,#6f42c1,#5a32a3);color:#fff}.quick-action-btn.large:hover:not(:disabled){box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.quick-action-btn.large:disabled{cursor:not-allowed;opacity:.5}.suggestions-section{background:#fff;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden}.suggestions-header{align-items:center;background:#f8f9fa;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background .2s;-webkit-user-select:none;user-select:none}.suggestions-header:hover{background:#e9ecef}.suggestions-header span:first-child{color:#333;font-size:18px;font-weight:600}.collapse-arrow{color:#999;font-size:10px}.suggestions-content{background:linear-gradient(135deg,#667eea08,#764ba208);display:flex;flex-direction:column;gap:10px;padding:12px}.preset-item{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:6px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.preset-info{flex:1 1;min-width:0}.preset-info h5{color:#333;font-size:13px;font-weight:600;margin:0 0 4px}.preset-info p{color:#666;font-size:11px;line-height:1.3;margin:0}.preset-params{color:#667eea!important;font-family:monospace;font-size:11px!important;font-weight:600!important;margin-top:4px!important}.preset-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;min-width:50px;padding:8px 16px;transition:all .3s;white-space:nowrap}.preset-button:hover:not(:disabled){box-shadow:0 3px 10px #667eea66;transform:translateY(-1px)}.preset-button:disabled{cursor:not-allowed;opacity:.5}.preset-button.cancel{background:linear-gradient(135deg,#dc3545,#c82333)}.preset-button.cancel:hover:not(:disabled){box-shadow:0 3px 10px #dc354566}.cinch-controls{background:linear-gradient(135deg,#2d1b4e,#1a1a2e);border-radius:8px;margin-top:10px;padding:15px}.cinch-description h4{color:#a855f7;font-size:14px;letter-spacing:1px;margin:0 0 10px;text-transform:uppercase}.cinch-description p{color:#ccc;font-size:13px;line-height:1.5;margin:0 0 10px}.cinch-tip{border-left:3px solid #a855f7;color:#888;font-size:12px;margin-top:10px;padding-left:10px}.cinch-stage-control{align-items:center;border-top:1px solid #333;display:flex;justify-content:space-between;margin-top:15px;padding-top:15px}.cinch-stages{display:flex;gap:8px}.cinch-stage{align-items:center;background:#333;border-radius:50%;color:#666;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;transition:all .3s ease;width:32px}.cinch-stage.passed{background:#4a1d7a;color:#a855f7}.cinch-stage.active{background:#a855f7;box-shadow:0 0 15px #a855f780;color:#fff}.cinch-button{background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;letter-spacing:1px;padding:10px 25px;text-transform:uppercase;transition:all .3s ease}.cinch-button:hover:not(:disabled){background:linear-gradient(135deg,#c084fc,#a855f7);box-shadow:0 4px 15px #a855f766;transform:translateY(-2px)}.cinch-button:disabled{background:#444;color:#666;cursor:not-allowed;transform:none}.quick-cycle-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:350px;padding:25px;width:90%}.quick-cycle-modal h2{color:#333;font-size:20px;margin:0 0 20px;text-align:center}.quick-cycle-settings{display:flex;flex-direction:column;gap:12px}.quick-cycle-row{align-items:center;display:flex;gap:10px}.quick-cycle-row label{color:#555;font-size:14px;font-weight:500;min-width:70px}.quick-cycle-row input[type=number]{border:2px solid #e0e0e0;border-radius:6px;font-size:14px;padding:8px;text-align:center;width:70px}.quick-cycle-row input[type=number]:focus{border-color:#667eea;outline:none}.quick-cycle-row input[type=checkbox]{height:18px;margin-right:6px;width:18px}.quick-cycle-row span{color:#666;font-size:13px}.infinite-label{color:#667eea;font-size:14px;font-weight:600}.modal-hint{color:#888;font-size:12px;font-style:italic;margin-top:12px;text-align:center}.help-section{display:flex;flex-direction:column;min-height:0}.help-container{background:#fff;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden}.help-container.collapsed .help-content{display:none}.help-header{align-items:center;background:#f8f9fa;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background .2s;-webkit-user-select:none;user-select:none}.help-header:hover{background:#e9ecef}.help-header h2{color:#333;font-size:18px;margin:0}.help-content{display:flex;flex-direction:column;gap:16px;padding:16px}.help-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:15px}.help-item h3{color:#333;font-size:16px;margin:0 0 10px}.help-item p{color:#555;font-size:14px;line-height:1.5;margin:0 0 10px}.help-item ul{margin:0 0 10px;padding-left:20px}.help-item li{color:#555;font-size:14px;line-height:1.6;margin-bottom:4px}.help-item li strong{color:#667eea}.help-tip{border-left:3px solid #a855f7;color:#888;font-size:13px;margin-top:10px;padding-left:10px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-buttons,.modal-overlay{display:flex;justify-content:center}.modal-buttons{gap:15px;margin-top:25px}.modal-button{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 25px;transition:all .3s}.modal-button.cancel{background:#e0e0e0;color:#333}.modal-button.cancel:hover{background:#d0d0d0}.modal-button.confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-button.confirm:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.settings-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:85vh;max-width:450px;overflow-y:auto;padding:30px;width:90%}.settings-modal h2{color:#333;font-size:24px;margin:0 0 25px;text-align:center}.settings-section{border-bottom:1px solid #e0e0e0;margin-bottom:25px;padding-bottom:20px}.settings-section:last-of-type{border-bottom:none}.settings-section h3{color:#667eea;font-size:16px;font-weight:600;margin:0 0 15px}.settings-field{margin-bottom:15px}.settings-field label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.settings-field input[type=password],.settings-field input[type=text]{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:15px;padding:12px;transition:border-color .2s;width:100%}.settings-field input[type=password]:focus,.settings-field input[type=text]:focus{border-color:#667eea;outline:none}.settings-field textarea{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:15px;min-height:60px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.settings-field textarea:focus{border-color:#667eea;outline:none}.pronoun-options{display:flex;flex-wrap:wrap;gap:15px}.pronoun-option{align-items:center;cursor:pointer;display:flex;gap:6px}.pronoun-option input[type=radio]{cursor:pointer;height:16px;width:16px}.pronoun-option span{color:#333;font-size:14px}.settings-save-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;padding:10px 20px;transition:all .3s;width:100%}.settings-save-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.settings-message{border-radius:8px;font-size:14px;margin-top:15px;padding:12px;text-align:center}.settings-message.success{background:#d4edda;color:#155724}.settings-message.error{background:#f8d7da;color:#721c24}.password-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:30px;width:90%}.password-modal h2{color:#333;font-size:24px;margin:0 0 25px;text-align:center}.password-modal .settings-field{margin-bottom:15px}.password-modal .settings-field label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.password-modal .settings-field input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.password-modal .settings-field input:focus{border-color:#007bff;outline:none}.password-modal .settings-message{border-radius:8px;font-size:14px;margin-bottom:15px;padding:10px 15px}.password-modal .modal-buttons{margin-top:20px}.controls-column.desktop-only{background:#f8f9fa;border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;gap:8px;max-height:100%;overflow:hidden;padding:12px;width:160px}.quick-actions-vertical{display:flex;flex-direction:column;gap:6px}.quick-action-btn-v{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;justify-content:center;padding:16px 8px;transition:all .2s;width:100%}.quick-action-btn-v:disabled{cursor:not-allowed;opacity:.5}.quick-action-btn-v.off{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.quick-action-btn-v.on{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.quick-action-btn-v.cycle{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.quick-action-btn-v.cancel{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.quick-action-btn-v.cinch{background:linear-gradient(135deg,#fd7e14,#e65c00);color:#fff}.quick-action-btn-v.games{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.quick-action-btn-v:hover:not(:disabled){box-shadow:0 4px 12px #0003;transform:translateY(-2px)}@media (min-width:1025px){.quick-actions-bar{display:none!important}}
/*# sourceMappingURL=main.f72631d4.css.map*/