body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;margin:0 auto;max-width:800px;min-height:100vh;padding:20px;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;border-radius:8px;color:#fff;display:flex;flex-direction:column;gap:15px;margin-bottom:20px;padding:15px 20px}.App-header h1{font-size:2em;margin:0}.header-controls{display:flex;flex-direction:column;gap:15px;width:100%}.auth-section{display:flex;justify-content:flex-end;margin-bottom:10px}.user-info{align-items:center;color:#fff;display:flex;font-size:.9em;gap:10px}.logout-button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8em;padding:6px 12px;transition:background .2s}.logout-button:hover{background:#c82333}.npc-selector{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2em;padding:12px;transition:background-color .2s;width:100%}.npc-selector:hover{background:#ffffff26}.npc-selector:focus{border-color:#fff6;outline:none}.controls-row{display:flex;gap:10px;justify-content:space-between}.voice-controls{align-items:center;background-color:#ffffff1a;border-radius:8px;display:flex;flex:1 1;gap:10px;justify-content:center;padding:8px 16px}.voice-controls label{align-items:center;color:#fff;display:flex;font-size:.9em;gap:6px}.voice-controls input[type=checkbox]{cursor:pointer;height:16px;width:16px}.voice-controls select{background-color:#0003;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;padding:4px 8px}.voice-controls select:hover{background-color:#0000004d}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mode-toggle{background-color:#4a5568;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;position:absolute;right:20px;top:20px}.mode-toggle:hover{background-color:#2d3748}.mode-toggle-button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-weight:500;padding:8px 16px;transition:background .2s;white-space:nowrap}.mode-toggle-button:hover{background:#43a047}.gm-interface,.player-interface{margin-top:60px}.context-form{background-color:#f7fafc;border-radius:10px;box-shadow:0 2px 4px #0000001a;gap:20px;padding:20px;text-align:left}.context-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#2d3748;font-weight:700}.form-group input,.form-group textarea{border:1px solid #e2e8f0;border-radius:5px;font-size:16px}.dialogue-container{background-color:#f7fafc;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin:20px 0;max-height:500px;min-height:200px}.message{background-color:#f5f5f5;border-radius:10px;margin:10px;max-width:80%;padding:15px}.message-header{align-items:center;display:flex;gap:10px;margin-bottom:5px}.message-header h3{margin:0}.speak-message-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;opacity:1;padding:5px;transition:opacity .2s ease-in-out}.speak-message-button:hover{background-color:#0000001a}.speak-message-button svg{fill:#666}.speak-message-button:disabled{cursor:not-allowed;opacity:.5}.message:hover .speak-message-button{opacity:1}.message.user{background-color:#ebf8ff;margin-left:20%}.message.assistant{background-color:#f0fff4;margin-right:20%}.message h3{color:#2d3748}.message p{color:#4a5568}.controls{background:#fffffff2;border-bottom:1px solid #edf2f7;display:flex;justify-content:flex-end;padding:10px 15px}.clear-history{background-color:#e53e3e;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:.85em;opacity:.8;padding:6px 12px;transition:all .2s ease}.clear-history:hover{background-color:#c53030;opacity:1}.npc-response{margin:20px 0;text-align:left}.npc-response h2{color:#2d3748;margin-bottom:10px}.input-form input{border:1px solid #e2e8f0;border-radius:5px;flex:1 1;font-size:16px;transition:border-color .3s ease}.input-form input:focus{border-color:#4299e1;box-shadow:0 0 0 2px #4299e133;outline:none}.transcribing-indicator{background-color:#ffffffe6;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#4a5568;font-size:.9em;padding:4px 8px;position:absolute;right:0;top:-25px}.input-wrapper{display:flex}@keyframes countdown{0%{width:100%}to{width:0}}.auto-submit-progress{animation:countdown 3s linear;background-color:#4299e1}button{background-color:#4299e1;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}button:hover{background-color:#3182ce}@media (max-width:600px){.App{padding:10px}.mode-toggle{margin-bottom:20px;position:static}.input-form{flex-direction:column}}.npc-profile{background:#fffffff2;border-radius:8px 8px 0 0;box-shadow:0 2px 4px #0000000d;margin:0 auto;max-width:800px;padding:0;width:100%}.npc-image{align-items:center;display:flex;gap:20px;padding:20px}.npc-image-container{background-color:#f5f5f5;border-radius:16px;box-shadow:0 4px 8px #0000001a;flex-shrink:0;min-height:300px;overflow:hidden;padding:0;position:relative;width:300px}.npc-image-container img{cursor:pointer;display:block;height:auto;margin:0;padding:0;transition:transform .2s ease,filter .2s ease;width:100%}.npc-image-container img:hover{filter:brightness(1.1);transform:scale(1.02)}.clickable-image{cursor:pointer;height:100%;object-fit:cover;transition:filter .2s ease;width:100%}.clickable-image:hover{filter:brightness(1.05)}.generate-image-button{background:#000c;border:none;bottom:0;color:#fff;cursor:pointer;font-size:.9em;left:0;opacity:0;padding:12px;position:absolute;right:0;transition:opacity .2s ease,background-color .2s ease;z-index:1}.npc-image-container:hover .generate-image-button{opacity:1}.generate-image-button:hover:not(:disabled){background:#000000f2}.generate-image-button:disabled{background:#00000080;cursor:not-allowed;opacity:1}.loading-image{color:#666;font-style:italic;padding:20px;text-align:center}.image-error{background:#f00c;bottom:0;color:#fff;font-size:.8em;left:0;padding:10px;position:absolute;right:0;text-align:center}.retry-message{font-size:.9em;margin-top:5px;opacity:.9}.no-image-container{align-items:center;background-color:#f5f5f5;border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;height:300px;justify-content:center;padding:20px;width:100%}.no-image-placeholder{color:#666;font-size:1.1em;margin-bottom:20px;text-align:center}.generate-image-button.standalone{background:#4299e1;border-radius:8px;margin-top:10px;opacity:1;position:static;width:200px}.generate-image-button.standalone:hover:not(:disabled){background:#3182ce}@media (max-width:768px){.no-image-container{border-radius:0;height:200px}.generate-image-button.standalone{font-size:1em;max-width:300px;padding:15px;width:80%}}.npc-info{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding:0 20px}.npc-title{align-items:center;display:flex;flex:1 1}.npc-name{color:#2c3e50;font-size:2.5em;margin:0;padding:0;text-shadow:1px 1px 2px #0000001a}.npc-details{background-color:#ffffffe6;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:20px}.npc-details p{line-height:1.6;margin:10px 0}.npc-details strong{color:#34495e}.player-interface{margin:0 auto;max-width:800px;width:100%}.dialogue-container{background:#fffffff2;border-radius:0 0 8px 8px;box-shadow:0 2px 4px #0000000d;display:none;margin:0;max-height:400px;min-height:0;overflow-y:auto;padding:20px}.dialogue-container:not(:empty){display:block;min-height:200px}.message{border-radius:8px;margin-bottom:15px;padding:10px}.message.user{background:#e3f2fd;margin-left:20px}.message.assistant{background:#f5f5f5;margin-right:20px}.message h3{color:#666;font-size:.9em;margin:0 0 5px}.message p{line-height:1.4;margin:0}.input-form{align-items:center;display:flex;gap:10px;margin-top:20px;width:100%}.input-wrapper{flex:1 1;position:relative;width:100%}.input-form input{border:2px solid #ddd;border-radius:8px;font-size:1em;padding:10px;width:100%}.input-form button{background:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 20px;transition:background .2s}.input-form button:hover{background:#1976d2}.voice-input-button{background:none;border:none;border-radius:50%;cursor:pointer;padding:8px;transition:background .2s}.voice-input-button:disabled{background:#0000001a;cursor:not-allowed;opacity:.5}.voice-input-button svg{fill:#666;height:24px;width:24px}.voice-input-button:hover:not(:disabled){background:#f5f5f5}.voice-input-button.listening{background:#ff4081}.voice-input-button.listening svg{fill:#fff}.auto-submit-progress{animation:progress 3s linear;background:#2196f3;bottom:-2px;height:2px;left:0;position:absolute}@keyframes progress{0%{width:0}to{width:100%}}.gm-interface{background:#fffffff2;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-top:30px;padding:20px}.form-group{margin-bottom:15px}.form-group label{color:#34495e;display:block;font-weight:500;margin-bottom:5px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:1em;padding:8px;width:100%}.form-group textarea{min-height:100px;resize:vertical}.form-actions{display:flex;gap:10px;margin-top:20px}.form-actions button{transition:background .2s}.form-actions button,.form-actions button[type=submit]{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:10px 20px}.form-actions button[type=submit]{background:#4caf50;color:#fff;transition:all .2s}.form-actions button[type=submit]:hover:not(:disabled){background:#43a047}.form-actions button[type=submit]:disabled{background:#a5d6a7;cursor:not-allowed;opacity:.7}.modal-overlay{align-items:center;background-color:#000000bf;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#0000;max-width:90vw;overflow:hidden;position:relative}.modal-content,.modal-image{border-radius:8px;max-height:90vh}.modal-image{box-shadow:0 4px 6px #0000001a;max-width:100%;object-fit:contain}.close-modal{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:background-color .2s;width:30px}.close-modal:hover{background:#000000b3}@media (max-width:768px){.App{max-width:100%;padding:0}.App-header{border-radius:0;margin:0;padding:15px}.header-controls{gap:12px}.npc-selector{font-size:1.1em;padding:10px}.controls-row{flex-direction:row;gap:8px}.voice-controls{padding:8px 12px}.voice-controls label{font-size:.9em}.mode-toggle-button{font-size:.9em;padding:8px 12px}.npc-profile{border-radius:0;margin:0}.npc-image{flex-direction:column;gap:0;padding:0}.npc-image-container{border-radius:0;box-shadow:none;margin:0;min-height:auto;width:100%}.npc-image-container img{border-radius:0}.dialogue-container{margin-bottom:80px;margin-top:0}.input-form{align-items:center;background:#fff;bottom:0;box-shadow:0 -2px 10px #0000001a;box-sizing:border-box;flex-direction:row;flex-wrap:nowrap;gap:8px;left:0;margin:0;padding:12px;position:fixed;right:0;z-index:20}.input-wrapper{flex:1 1;min-width:0}.input-form input{border-radius:20px;font-size:16px;padding:12px;width:100%}.input-form button[type=submit]{align-items:center;border-radius:20px;display:flex;height:44px;justify-content:center;min-width:44px;padding:12px 16px}.voice-input-button,button.voice-input-button{display:none!important;height:0;margin:0;opacity:0;padding:0;visibility:hidden;width:0}.player-npc-name{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin-top:10px;padding:15px;width:100%}.player-npc-name h2{font-size:2em;margin:0 0 10px}.interest-tracker.player-mode,.patience-tracker.player-mode{box-sizing:border-box;display:flex!important;gap:8px;justify-content:flex-start;margin:10px auto;max-width:280px;padding:0 10px;width:100%}.interest-tracker.player-mode .interest-icon,.patience-tracker.player-mode .patience-icon{height:32px;min-height:32px;min-width:32px;width:32px}.interest-tracker.player-mode .interest-points,.patience-tracker.player-mode .patience-points{display:flex;flex:1 1;gap:4px;justify-content:flex-start}.interest-point,.patience-point{height:14px;min-width:14px;width:14px}.interest-label,.patience-label{font-size:.8em;margin-left:0;min-width:60px;text-align:right}}.gm-interface .npc-image{justify-content:space-between}.player-interface .npc-image{padding:20px 0 20px 20px}.player-npc-name{align-items:center;display:flex!important;flex-direction:column;padding:0 20px;width:100%}.player-npc-name .interest-tracker.player-mode,.player-npc-name .patience-tracker.player-mode{align-items:center;display:flex!important;gap:10px;justify-content:center;margin:10px auto;max-width:300px;position:relative}.player-npc-name .interest-tracker.player-mode .interest-icon,.player-npc-name .patience-tracker.player-mode .patience-icon{display:flex!important;height:54px;margin-right:0;min-height:54px;min-width:54px;position:relative;width:54px;z-index:1}.player-npc-name .interest-tracker.player-mode .interest-icon-img,.player-npc-name .patience-tracker.player-mode .patience-icon-img{display:block!important;height:100%;object-fit:contain;opacity:1!important;visibility:visible!important;width:100%}@media (max-width:768px){.player-npc-name .interest-tracker.player-mode .interest-icon,.player-npc-name .patience-tracker.player-mode .patience-icon{height:32px;min-height:32px;min-width:32px;width:32px}.player-npc-name .interest-tracker.player-mode,.player-npc-name .patience-tracker.player-mode{gap:8px;max-width:280px;padding:0 10px}.interest-point,.patience-point{height:14px;min-width:14px;width:14px}}.player-npc-name h2{color:#2c3e50;font-size:2.5em;margin:0 0 15px;text-align:center}.patience-tracker{align-items:center;display:flex!important;gap:15px;justify-content:flex-start;margin:10px 0;width:100%}.patience-tracker .patience-icon,.patience-tracker.player-mode .patience-icon{align-items:center;display:flex!important;height:54px;justify-content:center;margin-right:0;min-height:54px;min-width:54px;width:54px}.patience-icon-img{display:block!important;height:100%;object-fit:contain;width:100%}.patience-tracker .patience-icon,.patience-tracker.player-mode .patience-icon,.player-npc-name .patience-tracker .patience-icon{display:flex!important;opacity:1!important;visibility:visible!important}.patience-points{align-items:center;display:flex;gap:8px;justify-content:flex-start}.patience-point{border:2px solid #546e7a;border-radius:50%;height:24px;transition:background-color .3s ease;width:24px}.patience-point.active{border-color:#0000}.patience-controls{align-items:center;display:flex;flex-grow:1;gap:8px}.patience-controls button{align-items:center;background-color:#37474f;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:30px;justify-content:center;margin:0;padding:0;transition:background-color .2s ease;width:30px}.patience-controls button:hover{background-color:#263238}.patience-controls span{color:#546e7a;font-size:1.1em;font-weight:700;min-width:120px;text-align:center}.player-mode .patience-points{justify-content:center;max-width:200px}@media (max-width:768px){.patience-tracker{gap:10px;margin:10px auto;max-width:300px}.patience-tracker.player-mode{justify-content:center;margin:10px auto;max-width:240px}.patience-tracker .patience-icon{height:36px;width:36px}.patience-point{height:16px;width:16px}.patience-controls{flex-grow:0;margin:0 auto;order:2}.patience-controls button{font-size:14px;height:24px;width:24px}.patience-label{font-size:.8em;min-width:60px}}.patience-label{color:#546e7a;font-size:.9em;font-weight:400;margin-left:auto;min-width:80px;opacity:.8;text-align:left}.interest-tracker{align-items:center;display:flex;gap:15px;justify-content:flex-start;margin:10px 0;width:100%}.interest-tracker .interest-icon,.interest-tracker.player-mode .interest-icon{align-items:center;display:flex;height:54px;justify-content:center;margin-right:0;min-height:54px;min-width:54px;width:54px}.interest-icon-img{display:block;height:100%;object-fit:contain;width:100%}.interest-tracker .interest-icon,.interest-tracker.player-mode .interest-icon,.player-npc-name .interest-tracker .interest-icon{display:flex;opacity:1;visibility:visible}.interest-points{align-items:center;gap:8px;justify-content:flex-start}.interest-point{border:2px solid gold;border-radius:50%;height:12px;transition:background-color .3s ease;width:12px}.interest-point.active{background-color:gold}.interest-controls{align-items:center;display:flex;flex-grow:1;gap:8px}.interest-controls button{align-items:center;background-color:#37474f;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:30px;justify-content:center;margin:0;padding:0;transition:background-color .2s ease;width:30px}.interest-controls button:hover{background-color:#263238}.interest-controls span{color:#546e7a;font-size:1.1em;font-weight:700;min-width:120px;text-align:center}.player-mode .interest-points{justify-content:center;max-width:200px}@media (max-width:768px){.interest-tracker{gap:10px;margin:10px auto;max-width:300px}.interest-tracker.player-mode{justify-content:center;margin:10px auto;max-width:240px}.interest-tracker .interest-icon{height:36px;width:36px}.interest-point{height:16px;width:16px}.interest-controls{flex-grow:0;margin:0 auto;order:2}.interest-controls button{font-size:14px;height:24px;width:24px}.interest-label{font-size:.8em;min-width:60px}}.interest-label{color:#546e7a;font-size:.9em;font-weight:400;margin-left:auto;min-width:80px;opacity:.8;text-align:left}.patience-tracker+.interest-tracker{margin-top:5px}.player-mode{margin:10px auto;max-width:400px}.player-mode .interest-controls,.player-mode .interest-controls button,.player-mode .patience-controls,.player-mode .patience-controls button{display:none!important}.player-mode .interest-points,.player-mode .patience-points{align-items:center;flex:1 1;gap:8px;justify-content:center}.player-mode .interest-point,.player-mode .patience-point{border:2px solid #546e7a;border-radius:50%;height:24px;min-height:24px;min-width:24px;transition:background-color .3s ease;width:24px}.player-mode .interest-point.active,.player-mode .patience-point.active{background-color:#4caf50;border-color:#0000}@media (max-width:768px){.player-mode .interest-point,.player-mode .patience-point{height:16px;min-height:16px;min-width:16px;width:16px}.player-mode .interest-points,.player-mode .patience-points{gap:6px}}.player-mode .interest-label,.player-mode .patience-label{margin-left:auto;min-width:60px;text-align:right}.player-mode .interest-tracker,.player-mode .patience-tracker{align-items:center;box-sizing:border-box;display:flex!important;gap:10px;justify-content:space-between;margin:10px auto;max-width:300px;padding:0 10px;width:100%}.player-mode .interest-points,.player-mode .patience-points{display:flex!important;opacity:1!important;visibility:visible!important}.player-mode .interest-point,.player-mode .patience-point{display:block!important;opacity:1!important;visibility:visible!important}.attribute-tracker{align-items:center;display:flex;gap:15px;margin:10px 0;max-width:300px;width:100%}.attribute-icon{height:32px;min-width:32px;width:32px}.attribute-icon,.attribute-points{align-items:center;display:flex;justify-content:center}.attribute-points{flex:1 1;gap:8px}.attribute-point{border:2px solid #546e7a;border-radius:50%;height:16px;min-width:16px;transition:background-color .3s ease;width:16px}.attribute-point.active{background-color:#4caf50;border-color:#0000}.attribute-label{color:#546e7a;font-size:.9em;min-width:60px;text-align:right}.attribute-points button{align-items:center;background:#546e7a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;line-height:1;padding:0;width:24px}.attribute-points button:hover{background:#455a64}@media (max-width:768px){.attribute-tracker{margin:8px auto;max-width:280px}.attribute-icon{height:28px;min-width:28px;width:28px}.attribute-point{height:14px;min-width:14px;width:14px}.attribute-points{gap:6px}.attribute-points button{font-size:16px;height:20px;width:20px}}@keyframes motivationSuccess{0%{box-shadow:0 0 0 0 #ffd70066;transform:translateZ(0) scale(1)}50%{box-shadow:0 0 20px 10px #ffd70033;transform:translateZ(0) scale(1.1)}to{box-shadow:0 0 0 0 #ffd70000;transform:translateZ(0) scale(1)}}.interest-points{border-radius:4px;display:flex;gap:4px;padding:4px}.interest-points.celebrating{animation:motivationSuccess .6s ease-out;will-change:transform,box-shadow}.interest-points.celebrating:not(.celebrating){will-change:auto}.character-selector-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.character-not-found{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:20px;text-align:center}.character-not-found h2{color:#333;font-size:2rem;margin-bottom:16px}.character-not-found p{color:#666;font-size:1.1rem;margin-bottom:24px;max-width:500px}.character-not-found button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:all .2s ease}.character-not-found button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.loading{align-items:center;color:#666;display:flex;font-size:1.2rem;justify-content:center;min-height:60vh}@media (max-width:768px){.character-selector-container{align-items:stretch;flex-direction:column;gap:8px}.character-not-found h2{font-size:1.5rem}.character-not-found p{font-size:1rem}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.create-character-button{background:#4caf50;border:2px solid #4caf50;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;margin-left:10px;padding:8px 16px;transition:all .2s ease}.create-character-button:hover{background:#45a049;border-color:#45a049;transform:translateY(-1px)}.create-character-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.character-creator-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;left:0;position:absolute;right:0;top:0}.character-creator{background:#2c2c2c;border:1px solid #444;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;padding:24px;position:relative;width:90%}.creator-header{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.creator-header h2{color:#fff;font-size:24px;margin:0}.close-button{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.close-button:hover{background:#ffffff1a;color:#fff}.creator-input{color:#ddd}.creator-input p{color:#bbb;line-height:1.5;margin-bottom:16px}.examples-section{margin-bottom:20px}.examples-section h4{color:#fff;font-size:16px;margin-bottom:12px}.examples{display:flex;flex-direction:column;gap:12px}.example-item{background:#3a3a3a;border:1px solid #555;border-radius:8px;padding:12px}.example-item p{color:#ccc;font-size:14px;font-style:italic;margin:0 0 8px}.use-example{background:#555;border:1px solid #666;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.use-example:hover{background:#666;border-color:#777}.character-input{background:#1e1e1e;border:1px solid #555;border-radius:8px;color:#fff;font-family:inherit;font-size:14px;line-height:1.5;margin-bottom:20px;min-height:120px;padding:12px;resize:vertical;width:100%}.character-input:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.input-actions{display:flex;gap:12px;justify-content:flex-end}.primary-button{background:#4caf50;border:1px solid #4caf50;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:all .2s ease}.primary-button:hover:not(:disabled){background:#45a049;border-color:#45a049;transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.secondary-button{background:#0000;border:1px solid #666;border-radius:6px;color:#ccc;cursor:pointer;padding:10px 20px;transition:all .2s ease}.secondary-button:hover{background:#ffffff1a;border-color:#888;color:#fff}.character-preview{color:#ddd}.character-preview h3{color:#fff;margin-bottom:8px}.preview-hint{color:#bbb;font-style:italic;margin-bottom:24px}.preview-section{margin-bottom:20px}.preview-section label{color:#fff;display:block;font-weight:700;margin-bottom:8px}.preview-section input,.preview-section textarea{background:#1e1e1e;border:1px solid #555;border-radius:4px;color:#fff;font-family:inherit;font-size:14px;padding:8px 12px;width:100%}.preview-section input:focus,.preview-section textarea:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.array-item{align-items:center;display:flex;gap:8px;margin-bottom:8px}.array-item input{flex:1 1;margin:0}.array-item button{align-items:center;background:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;line-height:1;transition:all .2s ease;width:24px}.array-item button:hover{background:#d32f2f;transform:scale(1.1)}.add-item{background:#2196f3;border:1px solid #2196f3;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-top:8px;padding:6px 12px;transition:all .2s ease}.add-item:hover{background:#1976d2;border-color:#1976d2}.preview-actions{border-top:1px solid #444;display:flex;gap:12px;justify-content:space-between;margin-top:24px;padding-top:20px}.creating-character{color:#ddd;padding:40px 20px;text-align:center}.creating-character h3{color:#fff;margin-bottom:12px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #333;border-radius:50%;border-top-color:#4caf50;height:40px;margin:20px auto;width:40px}@media (max-width:768px){.character-creator{max-height:95vh;padding:16px;width:95%}.examples{gap:8px}.example-item{padding:8px}.creator-header h2{font-size:20px}.input-actions,.preview-actions{flex-direction:column-reverse}}.gm-controls{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.character-actions{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.character-actions button{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.edit-character-button{background:#007bff;border:2px solid #007bff;color:#fff}.edit-character-button:hover{background:#0056b3;border-color:#0056b3;transform:translateY(-1px)}.character-summary{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:20px}.character-summary h3{color:#343a40;font-size:1.2em;margin-bottom:15px;margin-top:0}.character-summary p{line-height:1.5;margin-bottom:12px}.character-summary strong{color:#495057}.character-summary ul{margin:8px 0 15px 20px;padding:0}.character-summary li{line-height:1.4;margin-bottom:5px}@media (max-width:768px){.character-actions{flex-direction:column}.character-actions button{margin-bottom:10px;width:100%}.character-summary,.gm-controls{padding:15px}}.attitude-selector{background:#000c;border-radius:8px;margin:10px 0;padding:15px}.attitude-selector h3{color:#fff;font-size:1.1em;margin:0 0 10px}.attitude-options{display:flex;flex-wrap:wrap;gap:8px}.attitude-option{background:#0000004d;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;padding:8px 12px;transition:all .2s ease}.attitude-option:hover{background:#ffffff1a;border-color:#ffffff4d}.attitude-option.selected{background:#fff3;border-color:#fff6;font-weight:700}.attitude-option[data-attitude=hostile]{border-left:4px solid #f44}.attitude-option[data-attitude=suspicious]{border-left:4px solid #fa4}.attitude-option[data-attitude=neutral]{border-left:4px solid #aaa}.attitude-option[data-attitude=open]{border-left:4px solid #4f4}.attitude-option[data-attitude=friendly]{border-left:4px solid #4af}.attitude-option[data-attitude=trusting]{border-left:4px solid #84f}
/*# sourceMappingURL=main.b8d373fb.css.map*/