body{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}.game-container{align-items:center;background-color:#f8f9fa;box-sizing:border-box;display:flex;flex-direction:column;max-width:100vw;min-height:100vh;padding:0;position:relative;width:100%}.game-stats{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#2c3e50;display:flex;font-size:14px;gap:15px;padding:10px 20px;position:absolute;right:20px;top:20px;z-index:10}.game-stats .language-info{color:#4a90e2;font-style:italic;margin-left:auto}.story-content{justify-content:center;margin-top:20px;max-width:100%}.scene-container,.story-content{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.scene-container{margin-bottom:40px}.main-scene-circle{background-color:#e8f0fe;border:8px solid #4a90e2;border-radius:50%;box-shadow:0 10px 30px #0003;cursor:pointer;height:640px;margin-bottom:30px;overflow:hidden;position:relative;transition:transform .3s ease,opacity .3s ease;width:640px}.main-scene-circle.dimmed .scene-image{opacity:.4!important;transition:opacity .3s ease-in-out}.main-scene-circle:hover{transform:scale(1.02)}.scene-image{display:block;height:100%;min-height:100%;min-width:100%;object-fit:cover;object-position:center;width:100%}.scene-title{display:none}.scene-description{color:#333;font-size:18px;line-height:1.6;margin:0 auto 40px;max-width:100%;padding:0 20px;text-align:center}.choices-container{align-items:center;display:flex;justify-content:space-between;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:10}.choice-circle{align-items:center;background-color:#fff;border:3px solid #0000;border-radius:50%;box-shadow:0 5px 15px #0003;cursor:pointer;display:flex;flex-direction:column;height:180px;justify-content:center;opacity:.7;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease,left .3s ease,top .3s ease;width:180px;z-index:20}.choice-circle.left{margin-left:10px;margin-right:auto;transform:translateX(-25%)}.choice-circle.right{margin-left:auto;margin-right:10px;transform:translateX(25%)}.choice-circle.active,.choice-circle:hover{box-shadow:0 8px 25px #0000004d;opacity:1}.choice-circle.inactive{opacity:.7!important;transform:scale(1)!important;transition:all .3s ease;z-index:10}.choice-circle.active.expanded,.choice-circle.expanded{box-shadow:0 10px 30px #0000004d;left:50%;margin:0;opacity:1!important;position:fixed;top:50%;transform:scale(2);transition:all .3s ease;z-index:30}.choice-circle.active.expanded,.choice-circle.expanded,.choice-circle.left.active.expanded,.choice-circle.left.expanded,.choice-circle.right.active.expanded,.choice-circle.right.expanded{transform:translate(-50%,-50%) scale(2)!important}.choice-circle.correct,.choice-circle.expanded.correct{animation:pulse-outline 2s 3!important;border:8px solid #4caf50!important;opacity:1!important;z-index:35!important}.choice-circle.expanded.correct{transform:translate(-50%,-50%) scale(2)!important}@keyframes pulse-outline{0%{border-color:#4caf50b3;box-shadow:0 0 0 0 #4caf50b3}50%{border-color:#4caf50;box-shadow:0 0 0 25px #4caf504d}to{border-color:#4caf50b3;box-shadow:0 0 0 0 #4caf5000}}.choice-image{display:block;height:100%;min-height:100%;min-width:100%;object-position:center}.choice-text{display:none}.speak-button-container{bottom:40px;left:50%;position:absolute;transform:translateX(-50%);z-index:30}.speak-button{align-items:center;background:#4a90e2;border:none;border-radius:50%;box-shadow:0 5px 15px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:30px;height:80px;justify-content:center;transition:transform .3s ease,background-color .3s ease;width:80px}.speak-button:hover{background:#3a7fc1;transform:scale(1.1)}.speak-button.listening{animation:pulse 1.5s infinite;background:#e74c3c}.speech-feedback{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:30px}.feedback,.recognized-text{background:#fff;border-radius:20px;box-shadow:0 2px 8px #0000001a;max-width:80%;padding:10px 20px;text-align:center}.recognized-text{background-color:#f0f0f0;color:#333}.feedback{background-color:#d4edda;color:#155724}.loading-overlay{background:#000000b3;bottom:0;position:fixed;right:0}.loading-spinner{background:#fff;border-radius:8px;color:#333;font-size:18px;padding:20px 40px}@media (max-width:992px){.main-scene-circle{height:480px;width:480px}.choice-circle{height:140px;width:140px}}@media (max-width:768px){.main-scene-circle{height:400px;width:400px}.choice-circle{height:120px;opacity:.6;width:120px}.choice-circle.left{margin-left:20px;transform:translateX(-20%)}.choice-circle.right{margin-right:20px;transform:translateX(20%)}.choice-circle.active,.choice-circle:hover{opacity:1;transform:scale(1.05) translateX(-20%)}.choice-circle.right.active,.choice-circle.right:hover{transform:scale(1.05) translateX(20%)}.scene-description{font-size:16px}.scene-title{font-size:20px;padding:15px}.speak-button{font-size:24px;height:60px;width:60px}.choice-circle.active.expanded,.choice-circle.expanded,.choice-circle.left.active.expanded,.choice-circle.left.expanded,.choice-circle.right.active.expanded,.choice-circle.right.expanded{transform:translate(-50%,-50%) scale(2)!important}.choice-circle.left.prompt-expanded{transform:translateX(8%) scale(1.5)}.choice-circle.right.prompt-expanded{transform:translateX(-8%) scale(1.5)}}@media (max-width:576px){.main-scene-circle{height:300px;width:300px}.choice-circle{height:100px;opacity:.55;width:100px}.choice-circle.left{margin-left:30px;transform:translateX(-10%)}.choice-circle.right{margin-right:30px;transform:translateX(10%)}.choice-circle.active,.choice-circle:hover{opacity:1;transform:scale(1.05) translateX(-10%)}.choice-circle.right.active,.choice-circle.right:hover{transform:scale(1.05) translateX(10%)}.scene-description{font-size:14px}.scene-title{font-size:16px;padding:10px}.speak-button{font-size:20px;height:50px;width:50px}.game-stats{justify-content:center;margin-bottom:20px;position:relative;right:0;top:0;width:100%}.choice-circle.active.expanded,.choice-circle.expanded,.choice-circle.left.active.expanded,.choice-circle.left.expanded,.choice-circle.right.active.expanded,.choice-circle.right.expanded{transform:translate(-50%,-50%) scale(2)!important}.choice-circle.left.prompt-expanded{transform:translateX(6%) scale(1.5)}.choice-circle.right.prompt-expanded{transform:translateX(-6%) scale(1.5)}}@media (max-width:375px){.main-scene-circle{height:260px;width:260px}.choice-circle{border-width:3px;height:80px;opacity:.5;width:80px}.choice-circle.active{opacity:1}.choice-circle.left{margin-left:40px;transform:translateX(0)}.choice-circle.right{margin-right:40px;transform:translateX(0)}.choice-circle.right:hover,.choice-circle:hover{transform:scale(1.05)}.speak-button{font-size:16px;height:40px;width:40px}}.main-scene-circle.playing-audio{border:8px solid orange}.main-scene-circle.playing-audio:after{align-items:center;animation:pulse 1.5s infinite;background:#fffc;border-radius:50%;box-shadow:0 2px 8px #0003;content:"🔊";display:flex;font-size:30px;height:50px;justify-content:center;position:absolute;right:20px;top:20px;width:50px}.choice-circle.playing-audio{border:3px solid orange}.choice-circle.playing-audio:after{align-items:center;animation:pulse 1.5s infinite;background:#fffc;border-radius:50%;box-shadow:0 2px 8px #0003;content:"🔊";display:flex;font-size:18px;height:30px;justify-content:center;position:absolute;right:10px;top:10px;width:30px}.choice-circle.expanded.playing-audio:after{font-size:24px;height:40px;right:20px;top:20px;width:40px}.choice-circle.prompt-expanded{animation:gentle-pulse 2s infinite;border:3px solid #ffc107;box-shadow:0 10px 25px #00000040;opacity:1!important;transform:scale(1.5);transition:all .5s ease-in-out;z-index:25}.choice-circle.left.prompt-expanded{transform:translateX(10%) scale(1.5)}.choice-circle.right.prompt-expanded{transform:translateX(-10%) scale(1.5)}@keyframes gentle-pulse{0%{box-shadow:0 0 0 0 #ffc10766}50%{box-shadow:0 0 0 15px #ffc10700}to{box-shadow:0 0 0 0 #ffc10700}}.consumer-mode .main-scene-circle{border-radius:8px;border-width:0;box-shadow:none;margin-bottom:0}.consumer-mode .scene-container{margin-bottom:0}.consumer-mode .game-stats{justify-content:center;margin-bottom:10px;margin-top:0;padding:5px;position:relative;right:0;top:0;width:100%}.consumer-mode .scene-description{display:none}.consumer-mode .story-content{margin-top:0}@media (max-width:768px){.consumer-mode .main-scene-circle{border-radius:0;height:auto;max-height:85vh;width:100vw}.consumer-mode .scene-image{height:auto;max-width:100%;object-fit:contain}}.consumer-mode.game-container{margin:0;padding:0}.desktop-game-container{align-items:center;background-color:#f8f9fa;box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;min-height:100vh;padding:30px;position:relative;width:100%}.desktop-game-header{display:flex;justify-content:flex-end;margin-bottom:20px;width:100%}.desktop-game-stats{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#2c3e50;display:flex;font-size:16px;gap:20px;padding:12px 24px}.desktop-game-stats .language-info{color:#4a90e2;font-style:italic;margin-left:15px}.desktop-story-content{justify-content:center;margin:0 auto;max-width:1600px}.desktop-scene-container,.desktop-story-content{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.desktop-scene-container{margin-bottom:40px}.desktop-main-scene{background-color:#e8f0fe;border:8px solid #4a90e2;border-radius:20px;box-shadow:0 10px 30px #0003;cursor:pointer;height:600px;margin-bottom:30px;overflow:hidden;position:relative;transition:transform .3s ease,opacity .3s ease;width:900px}.desktop-main-scene.dimmed .desktop-scene-image{opacity:.4!important;transition:opacity .3s ease-in-out}.desktop-main-scene:hover{transform:scale(1.01)}.desktop-scene-image{display:block;height:100%;min-height:100%;min-width:100%;object-fit:cover;object-position:center;width:100%}.desktop-scene-title{background:#00000080;bottom:0;color:#fff;font-size:24px;left:0;padding:15px;position:absolute;right:0;text-align:center}.desktop-scene-description{color:#333;font-size:18px;line-height:1.6;margin:20px auto 40px;max-width:900px;padding:0 20px;text-align:center}.desktop-choices-container{align-items:center;display:flex;gap:40px;justify-content:space-around;margin-top:20px;width:100%}.desktop-choice{background-color:#fff;border:3px solid #0000;border-radius:20px;box-shadow:0 5px 15px #0003;cursor:pointer;height:300px;opacity:.9;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease;width:300px;z-index:20}.desktop-choice:hover{box-shadow:0 10px 25px #00000040;opacity:1;transform:scale(1.05)}.desktop-choice.inactive{opacity:.6!important;transform:scale(.9)!important;transition:all .3s ease;z-index:10}.desktop-choice.active.expanded{box-shadow:0 15px 40px #0000004d;left:50%;margin:0;opacity:1!important;position:fixed;top:50%;transform:scale(1.5);transform:translate(-50%,-50%) scale(1.5)!important;z-index:30}.desktop-choice.correct,.desktop-choice.expanded.correct{animation:desktop-pulse-outline 2s 3!important;border:8px solid #4caf50!important;opacity:1!important;z-index:35!important}.desktop-choice.expanded.correct{transform:translate(-50%,-50%) scale(1.5)!important}.desktop-choice.prompt-expanded{animation:desktop-gentle-pulse 2s infinite;border:3px solid #ffc107;box-shadow:0 10px 25px #00000040;opacity:1!important;transform:scale(1.2);transition:all .5s ease-in-out;z-index:25}@keyframes desktop-pulse-outline{0%{border-color:#4caf50b3;box-shadow:0 0 0 0 #4caf50b3}50%{border-color:#4caf50;box-shadow:0 0 0 25px #4caf504d}to{border-color:#4caf50b3;box-shadow:0 0 0 0 #4caf5000}}@keyframes desktop-gentle-pulse{0%{box-shadow:0 0 0 0 #ffc10766}50%{box-shadow:0 0 0 15px #ffc10700}to{box-shadow:0 0 0 0 #ffc10700}}.desktop-choice-image{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.desktop-choice-text{background:#0009;bottom:0;color:#fff;font-size:18px;left:0;padding:12px;position:absolute;right:0;text-align:center}.desktop-speak-button-container{position:absolute;right:20px;top:20px;z-index:30}.desktop-speak-button{align-items:center;background:#4a90e2;border:none;border-radius:50%;box-shadow:0 5px 15px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:30px;height:80px;justify-content:center;transition:transform .3s ease,background-color .3s ease;width:80px}.desktop-speak-button:hover{background:#3a7fc1;transform:scale(1.1)}.desktop-speak-button.listening{animation:desktop-pulse 1.5s infinite;background:#e74c3c}.desktop-main-scene.playing-audio{border:8px solid orange}.desktop-main-scene.playing-audio:after{align-items:center;animation:desktop-pulse 1.5s infinite;background:#fffc;border-radius:50%;box-shadow:0 2px 8px #0003;content:"🔊";display:flex;font-size:30px;height:50px;justify-content:center;left:20px;position:absolute;top:20px;width:50px}.desktop-choice.playing-audio{border:3px solid orange}.desktop-choice.playing-audio:after{align-items:center;animation:desktop-pulse 1.5s infinite;background:#fffc;border-radius:50%;box-shadow:0 2px 8px #0003;content:"🔊";display:flex;font-size:18px;height:30px;justify-content:center;position:absolute;right:10px;top:10px;width:30px}.desktop-speech-feedback{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:30px}.desktop-feedback,.desktop-recognized-text{background:#fff;border-radius:20px;box-shadow:0 2px 8px #0000001a;font-size:18px;max-width:80%;padding:15px 30px;text-align:center}.desktop-recognized-text{background-color:#f0f0f0;color:#333}.desktop-feedback{background-color:#d4edda;color:#155724;font-weight:500}@keyframes desktop-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (min-width:1920px){.desktop-main-scene{height:800px;width:1200px}.desktop-choice{height:400px;width:400px}.desktop-scene-description{font-size:20px;max-width:1200px}}@media (max-width:1300px){.desktop-main-scene{height:550px;width:800px}.desktop-choice{height:250px;width:250px}}@media (max-width:992px){.desktop-main-scene{height:500px;width:700px}.desktop-choice{height:220px;width:220px}.desktop-speak-button{font-size:26px;height:70px;width:70px}}.editor-container{background:#f8f9fb;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0 100px;max-width:100%;min-height:100vh;padding:20px}.editor-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.editor-title{color:#2a2a2a;font-size:24px;font-weight:600}.editor-actions{display:flex;gap:10px}.editor-tabs{background:#fff;border-radius:8px 8px 0 0;box-shadow:0 -2px 10px #0000000d;display:flex;margin-bottom:0;overflow:hidden}.editor-tab{background:#f0f2f5;border:none;color:#666;cursor:pointer;font-size:15px;font-weight:500;padding:15px 25px;position:relative;transition:all .2s ease}.editor-tab.active{background:#fff;color:#1a73e8;font-weight:600}.editor-tab.active:after{background:#1a73e8;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.editor-tab:hover:not(.active){background:#e8eaed}.tab-content{background:#fff;border-radius:0 0 8px 8px;box-shadow:0 2px 10px #0000000d;min-height:85vh;padding:25px}.story-settings{margin:0 auto;max-width:100%}.settings-group{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:20px}.settings-group:last-child{border-bottom:none;margin-bottom:0}.scenes-management{grid-gap:5px;align-items:start;display:grid;gap:5px;grid-template-columns:280px minmax(0,1fr);height:auto;max-width:100%;overflow:visible}.global-language-selector{align-items:center;background-color:#f5f7fa;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;grid-column:1/-1;margin-bottom:15px;padding:12px 20px}.global-language-selector label{font-weight:500;margin-right:10px;min-width:130px}.global-language-selector select{background-color:#fff;border:1px solid #ddd;border-radius:6px;color:#333;flex:0 1 250px;font-size:14px;padding:8px 12px}.global-language-selector select:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e826;outline:none}.transformation-selector.transformation-complete{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.transformation-selector.transformation-partial{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.transformation-selector.transformation-empty{background-color:#fff;border-color:#ddd;color:#6c757d}.custom-dropdown{flex:0 1 350px;min-width:300px;position:relative}.custom-dropdown-selected{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;padding:6px 10px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.custom-dropdown-selected:hover{border-color:#1a73e8}.custom-dropdown-selected.open{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e826}.dropdown-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:#666;font-size:11px;margin-left:6px;transition:transform .2s ease}.custom-dropdown-selected.open .dropdown-arrow{transform:rotate(180deg)}.custom-dropdown-options{background:#fff;border:1px solid #ddd;border-radius:0 0 6px 6px;border-top:none;box-shadow:0 4px 12px #00000026;left:0;max-height:500px;min-width:350px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.custom-dropdown-option{align-items:center;background-color:#fff;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;font-size:11px;justify-content:space-between;line-height:1.2;padding:6px 10px;transition:all .2s ease}.custom-dropdown-option:last-child{border-bottom:none}.custom-dropdown-option:hover{background-color:#1a73e80d}.option-text{color:#333;flex:1 1;font-size:11px;font-weight:500}.option-status{font-size:9px;font-weight:500;margin-left:6px;white-space:nowrap}.option-status.status-complete{color:#155724}.option-status.status-partial{color:#856404}.option-status.status-empty{color:#6c757d}.dropdown-group-label{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;color:#495057;font-size:10px;font-weight:700;letter-spacing:.5px;padding:6px 10px;text-transform:uppercase}.custom-dropdown-options::-webkit-scrollbar{width:6px}.custom-dropdown-options::-webkit-scrollbar-track{background:#f1f1f1}.custom-dropdown-options::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.custom-dropdown-options::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.scene-list-container{background:#f5f7fa;border-radius:8px;box-shadow:inset 0 0 5px #0000000d;display:block;height:auto;max-width:300px;min-width:250px;overflow:visible;padding:15px}.scene-list-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:15px;padding:0 0 10px}.scene-list{display:block;flex:none;overflow:visible;padding:0}.scene-list ul{list-style:none;margin:0;padding:0}.scene-list li{align-items:center;background:#fff;border-left:3px solid #0000;border-radius:6px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;justify-content:space-between;margin:6px 0;padding:12px;transition:all .2s ease}.scene-list li:hover{background:#f8f9fa;transform:translateX(3px)}.scene-list li.active{background:#f0f7ff;border-left-color:#1a73e8;box-shadow:0 2px 5px #1a73e81a}.scene-editor-container{display:flex;flex-direction:column}.scene-editor,.scene-editor-container{height:auto;overflow:visible;width:100%}.scene-editor{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;flex:none;padding:20px}.story-diagram-tab{display:flex;flex-direction:column;height:80vh}.diagram-controls{display:flex;justify-content:space-between;margin-bottom:15px}.story-diagram-container{background:#fafbfc;border:1px solid #e0e0e0;border-radius:8px;flex:1 1;overflow:hidden;position:relative}.story-diagram{background-color:#fff;height:100%!important}.form-group{margin-bottom:20px}.form-group label{color:#424242;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e826;outline:none}.form-group textarea{min-height:100px;resize:vertical}.choices-editor{border-top:1px solid #eee;margin-top:20px;padding-top:20px}.choice-editor{background:#f8f9fa;border:1px solid #eee;border-radius:8px;margin:15px 0;padding:15px;position:relative;transition:all .2s ease}.choice-editor:hover{border-color:#ddd;box-shadow:0 3px 8px #0000000d}.choice-editor-header{border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.button,.choice-editor-title{font-weight:500}.button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;justify-content:center;padding:8px 16px;transition:all .2s}.button-primary{background-color:#1a73e8;color:#fff}.button-primary:hover{background-color:#0d62d1;box-shadow:0 2px 5px #1a73e84d}.button-secondary{background-color:#f1f3f4;color:#3c4043}.button-secondary:hover{background-color:#e8eaed}.button-danger{background-color:#ea4335;color:#fff}.button-danger:hover{background-color:#d33426}.add-button{align-items:center;background:#1a73e8;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.add-button:hover{background:#0d62d1;box-shadow:0 2px 5px #1a73e84d;transform:translateY(-2px)}.remove-button{background:#0000;border:none;border-radius:4px;color:#ea4335;cursor:pointer;font-size:14px;padding:5px;transition:all .2s}.remove-button:hover{background:#ea43351a}.file-upload{background:#f5f7fa;border:1px dashed #ccc;border-radius:8px;margin:15px 0;padding:15px;transition:all .3s ease}.file-upload:hover{background:#f0f7ff;border-color:#1a73e8}.file-upload-label{cursor:pointer;display:block;padding:10px;text-align:center}.file-upload input[type=file]{display:none}.file-preview{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px}.preview-item{border-radius:8px;box-shadow:0 2px 5px #0000001a;overflow:hidden;position:relative}.preview-image{aspect-ratio:1/1;border-radius:50%;display:block;object-fit:cover;width:100%}.preview-audio{margin-top:10px;width:100%}.preview-remove{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:5px;top:5px;transition:opacity .2s;width:24px}.preview-item:hover .preview-remove{opacity:1}.checkbox-group{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.checkbox-option{align-items:center;display:flex;gap:6px}.checkbox-option input[type=checkbox]{width:auto}.learning-points{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:10px}.import-export-section{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}@media (max-width:1199px){.scenes-management{grid-template-columns:250px minmax(0,1fr);overflow:hidden}.scene-list-container{max-width:250px;min-width:200px}.tab-content{overflow:hidden;padding:15px}.editor-tab{font-size:14px;padding:12px 15px}}@media (max-width:768px){.scenes-management{grid-template-columns:1fr;grid-template-rows:auto 1fr}.scene-list-container{max-height:300px;max-width:100%;width:100%}.scene-editor{overflow-x:auto;width:100%}.editor-header{align-items:flex-start;flex-direction:column;gap:10px}.editor-tabs{flex-wrap:wrap}.editor-tab{flex:1 0 auto;padding:10px;text-align:center}.learning-points{grid-template-columns:1fr}}.auto-tts-button{background-color:purple;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-left:10px;padding:5px 10px;transition:all .2s}.auto-tts-button:hover{background-color:#606}.auto-tts-button:disabled{background-color:#c9c;cursor:not-allowed}.auto-tts-button.generating{animation:pulse 1.5s infinite;background-color:#303}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.api-key-container{align-items:center;display:flex;gap:10px;max-width:600px;width:100%}.api-key-container input[type=password]{flex:1 1}.clear-api-key-button{background-color:#e53e3e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s ease;white-space:nowrap}.clear-api-key-button:hover{background-color:#c53030}.helper-text{color:#666;display:block;font-size:12px;font-style:italic;margin-top:4px}.api-settings{margin:0 auto;max-width:100%}.api-settings-info{background-color:#f8fafc;border-left:4px solid #6b46c1;border-radius:8px;margin-top:25px;padding:20px}.api-settings-info h4{color:#4a5568;font-size:18px;margin-top:0}.api-settings-info p{color:#4a5568;line-height:1.6}.feature-instructions{margin-top:20px}.feature-instructions h5{color:#4a5568;margin-bottom:10px}.feature-instructions ol{padding-left:20px}.feature-instructions li{color:#4a5568;margin-bottom:8px}.api-pricing-info{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:15px}.api-pricing-info h5{color:#4a5568;margin-bottom:10px}.api-pricing-info p{color:#718096;font-size:14px}.api-pricing-info a{color:#6b46c1;text-decoration:none}.api-pricing-info a:hover{text-decoration:underline}.speed-control{align-items:center;display:flex;gap:15px;margin-top:5px}.speed-control input[type=range]{-webkit-appearance:none;appearance:none;background:#e2e8f0;border-radius:5px;flex:1 1;height:5px;outline:none}.speed-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#6b46c1;border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.speed-control input[type=range]::-moz-range-thumb{background:#6b46c1;border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.speed-value{background:#f1f5f9;border-radius:4px;color:#4a5568;font-weight:600;min-width:40px;padding:2px 6px;text-align:center}.narrative-field-container{display:flex;flex-direction:column;gap:10px;margin-top:5px}.narrative-field-container textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;min-height:80px;padding:10px;resize:vertical;width:100%}.narrative-field-container textarea:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e826;outline:none}.narrative-field-container .auto-tts-button{align-self:flex-end;width:auto}.image-description-container{border-top:1px solid #e2e8f0;margin-top:12px;padding-top:12px;text-align:left;width:100%}.image-description-container label{color:#4a5568;display:block;font-size:14px;font-weight:500;margin-bottom:5px}.description-field-row{display:flex;gap:8px;width:100%}.description-field-row textarea{border:1px solid #cbd5e0;border-radius:4px;flex:1 1;font-size:14px;min-height:60px;padding:8px;resize:vertical}.description-field-row textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.copy-text-button{align-self:flex-start;background-color:#6b46c1;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .2s;white-space:nowrap}.copy-text-button:hover{background-color:#553c9a}.copy-text-button:disabled{background-color:#9f7aea;cursor:not-allowed}.supported-languages{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.language-tag{align-items:center;background-color:#f0f0f0;border-radius:16px;display:flex;font-size:14px;padding:4px 10px}.language-tag span{margin-right:5px}.remove-language{background:none;border:none;color:#777;cursor:pointer;font-size:16px;padding:0 2px}.remove-language:hover{color:#f33}.add-language-button{background-color:#e0e0e0;border:1px dashed #999;border-radius:16px;cursor:pointer;font-size:14px;padding:4px 12px}.add-language-button:hover{background-color:#d0d0d0}.scene-editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.language-selector{align-items:center;display:flex;gap:8px}.language-selector select{border:1px solid #ccc;border-radius:4px;padding:6px 10px}.warning-icon{color:#f39c12;cursor:pointer;font-size:16px;margin-left:10px;position:relative}.warning-tooltip{background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 3px 10px #0003;color:#333;font-size:13px;opacity:0;padding:4px;pointer-events:none;position:absolute;right:-25px;top:-10px;transition:opacity .3s,visibility .3s;visibility:hidden;width:280px;z-index:100}.warning-tooltip strong{color:#e74c3c;display:block;margin-bottom:8px}.warning-tooltip ul{list-style-type:disc;margin:0;padding-left:20px}.warning-tooltip li{background:#0000;border:none;box-shadow:none;display:list-item;font-size:12px;margin:0;padding:3px 0;white-space:normal}.warning-icon:hover .warning-tooltip{opacity:1;visibility:visible}.scene-list li.active .warning-icon{color:#fff}.scene-list li.active .warning-tooltip,.scene-list li.active .warning-tooltip li{color:#333}.modal-overlay{background-color:#000000b3}.modal-content{background-color:#fff;max-height:90vh;max-width:90vw;overflow-y:auto;position:relative}.image-selection-modal h3{color:#4a5568;margin-bottom:10px;margin-top:0}.image-variants-container{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;display:flex;flex-wrap:wrap;gap:5px;margin-top:10px;padding:8px}.image-variant-thumbnail{border:1px solid #ccc;border-radius:4px;cursor:pointer;height:40px;overflow:hidden;position:relative;transition:transform .2s ease;width:40px}.image-variant-thumbnail:hover{box-shadow:0 2px 4px #0003;transform:scale(1.1)}.image-variant-thumbnail.selected{border:2px solid #3498db;box-shadow:0 0 4px #3498db}.image-variant-thumbnail img{height:100%;object-fit:cover;width:100%}.image-variant-number{background-color:#0009;bottom:0;color:#fff;font-size:10px;left:0;padding:2px 0;position:absolute;right:0;text-align:center}.image-variants-title{color:#555;font-size:12px;font-weight:700;margin-bottom:5px;width:100%}.image-selection-modal{max-width:800px}.image-grid{grid-gap:10px;background-color:#f5f5f5;border-radius:5px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:20px;max-height:60vh;overflow-y:auto;padding:10px}.image-option{aspect-ratio:1/1;border:2px solid #0000;border-radius:50%;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s ease}.image-option:hover{border-color:#3498db;transform:scale(1.05)}.image-option img{display:block;height:100%;object-fit:cover;width:100%}.image-option-number{background-color:#000000b3;border-radius:12px;bottom:5px;color:#fff;font-size:12px;padding:4px 8px;position:absolute;right:5px}.scenes-header,.settings-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 0}.scenes-header h3,.settings-header h3{color:#2a2a2a;font-size:20px;font-weight:600;margin:0}.scenes-actions,.settings-actions{align-items:center;display:flex;gap:10px}.edit-actions,.edit-buttons{display:flex;gap:10px}.edit-button{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.edit-button:hover:not(:disabled){background:#2980b9}.edit-button:disabled{background:#bdc3c7;cursor:not-allowed}.save-button{background:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.save-button:hover:not(:disabled){background:#229954}.save-button:disabled{background:#bdc3c7;cursor:not-allowed}.cancel-button{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.cancel-button:hover:not(:disabled){background:#c0392b}.cancel-button:disabled{background:#bdc3c7;cursor:not-allowed}.preview-placeholder.disabled,input:disabled,select:disabled,textarea:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.preview-placeholder.disabled{opacity:.6}.preview-placeholder.disabled:hover{background-color:#f5f5f5}.editor-instruction-text{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#6c757d;font-size:14px;font-style:italic;margin:16px 0;padding:12px 16px;text-align:center}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 30px #0000004d;max-width:400px;padding:30px;text-align:center;width:90%}.modal-content h3{color:#2a2a2a;font-size:20px;margin:0 0 15px}.modal-content p{color:#666;line-height:1.5;margin:0 0 25px}.modal-actions{display:flex;gap:15px;justify-content:center}.cultural-context-selector{width:100%}.dialect-explanation{background-color:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;color:#1565c0;font-size:14px;margin-bottom:15px;padding:10px}.dialect-group{margin-bottom:20px}.dialect-header{background-color:#f5f5f5;border-left:3px solid #4caf50;border-radius:4px;color:#333;font-size:15px;font-weight:600;margin-bottom:10px;padding:8px 12px}.dialect-contexts{margin-left:20px}.ungrouped-contexts{border-top:1px solid #e0e0e0;margin-top:15px;padding-top:15px}.selected-dialects-summary{background-color:#f0f8ff;border-radius:4px;font-size:14px;margin-top:15px;padding:10px}.selected-dialects-summary strong{color:#1976d2}.dialect-warning{background-color:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;color:#856404;font-size:14px;margin-bottom:15px;padding:10px}.story-diagram-container{display:flex;flex-direction:column;margin-bottom:20px;width:100%}.story-diagram{background-color:#fafafa;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:500px;overflow:hidden;width:100%}.diagram-legend{background-color:#fff;border-radius:8px;box-shadow:0 1px 4px #0000001a;display:flex;gap:16px;justify-content:center;margin-top:12px;padding:10px}.legend-item{color:#333;font-size:13px;gap:8px}.legend-symbol{background-color:#fff;border-radius:4px;border-style:solid;border-width:2px;height:20px;width:20px}.legend-symbol.start{border-color:#4caf50}.legend-symbol.normal{border-color:#2196f3}.legend-symbol.end{border-color:#f44336}.scene-node{align-items:center;background-color:#fff;border:2px solid #2196f3;border-radius:8px;box-shadow:0 2px 6px #0000001a;color:#333;display:flex;flex-direction:column;font-weight:600;height:60px;justify-content:center;overflow:hidden;padding:10px;text-align:center;transition:all .2s ease;width:180px}.scene-node:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.scene-node .scene-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;max-height:40px;overflow:hidden;text-overflow:ellipsis}.scene-node .scene-tag{background-color:#4caf50;border-radius:10px;color:#fff;font-size:10px;font-weight:700;margin-top:5px;padding:2px 8px}.scene-node .scene-tag.ending{background-color:#f44336}.choice-node{align-items:center;background-color:#ff5722;box-shadow:0 4px 6px #0000001a;-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);color:#fff;display:flex;font-weight:700;height:80px;justify-content:center;padding:10px;text-align:center;transition:all .3s ease;width:100px}.choice-node:hover{box-shadow:0 6px 10px #0003;transform:translateY(-2px)}.choice-node .choice-text{font-size:11px;max-height:60px;overflow:hidden;text-overflow:ellipsis}.selected{box-shadow:0 0 0 3px #ffc107,0 4px 10px #0003}.react-flow__edge{z-index:10!important}.react-flow__edge path{stroke-width:2px;stroke:#555}.react-flow__edge-path{stroke-width:2px!important}.react-flow__edge.selected .react-flow__edge-path{stroke:#ffc107!important;stroke-width:3px!important}.react-flow__edge-text{fill:#666;font-size:12px;font-weight:500}.react-flow__edge-marker{fill:#555}.diagram-controls{margin-bottom:12px}.layout-toggle{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.layout-toggle:hover{background-color:#e9e9e9}.layout-toggle.active{background-color:#2196f3;border-color:#1976d2;color:#fff}.editor-container .story-diagram{height:600px}.vis-network:focus{outline:none}.vis-navigation-buttons{background-color:#fff!important;border-radius:50%!important;box-shadow:0 2px 5px #0003!important}.vis-button{background-color:#f5f5f5!important;border-radius:50%!important;color:#333!important}.vis-button:hover{background-color:#e0e0e0!important}.vis-button:active{background-color:#ccc!important}.vis-tooltip{background-color:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;box-shadow:0 2px 8px #00000026!important;color:#333!important;font-size:12px!important;padding:8px!important}@media (max-width:768px){.diagram-legend{align-items:flex-start;flex-direction:column;gap:8px}}.tts-settings-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.tts-settings-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.tts-settings-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 20px 0}.tts-settings-modal-header h2{color:#2d3748;font-size:1.5rem;margin:0}.tts-settings-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#718096;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.tts-settings-modal-close:hover{background-color:#f7fafc;color:#4a5568}.tts-settings-modal-content{padding:20px}.tts-settings-modal-content .form-group{margin-bottom:20px}.tts-settings-modal-content .form-group label{color:#2d3748;display:block;font-weight:500;margin-bottom:8px}.tts-settings-modal-content .form-group select,.tts-settings-modal-content .form-group textarea{border:1px solid #e2e8f0;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s;width:100%}.tts-settings-modal-content .form-group select:focus,.tts-settings-modal-content .form-group textarea:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.tts-settings-modal-content .helper-text{color:#718096;display:block;font-size:12px;font-style:italic;margin-top:4px}.tts-settings-modal-content .speed-control{align-items:center;display:flex;gap:15px;margin-top:5px}.tts-settings-modal-content .speed-control input[type=range]{-webkit-appearance:none;appearance:none;background:#e2e8f0;border-radius:5px;flex:1 1;height:5px;outline:none}.tts-settings-modal-content .speed-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4299e1;border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.tts-settings-modal-content .speed-control input[type=range]::-moz-range-thumb{background:#4299e1;border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.tts-settings-modal-content .speed-value{background:#f7fafc;border-radius:4px;color:#2d3748;font-weight:600;min-width:40px;padding:2px 6px;text-align:center}.tts-settings-modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:0 20px 20px}.tts-settings-modal-cancel,.tts-settings-modal-confirm{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.tts-settings-modal-cancel{background-color:#f7fafc;border:1px solid #e2e8f0;color:#4a5568}.tts-settings-modal-cancel:hover{background-color:#edf2f7;border-color:#cbd5e0}.tts-settings-modal-confirm{background-color:#4299e1;color:#fff}.tts-settings-modal-confirm:hover{background-color:#3182ce}.tts-settings-modal-confirm:disabled{background-color:#a0aec0;cursor:not-allowed}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#333;font-family:Segoe UI,Roboto,Oxygen,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{align-items:center;background-color:#4a90e2;box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-header h1{font-size:1.8rem;font-weight:600;margin:0}.app-nav{align-items:center;display:flex;gap:15px}.nav-button{background-color:#fff3;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:all .2s ease}.nav-button:hover{background-color:#ffffff4d}.nav-button.active{background-color:#fff;color:#4a90e2;font-weight:600}.sign-out-button{background-color:#dc3545cc!important;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:all .2s ease}.sign-out-button:hover{background-color:#dc3545!important}.sign-out-button:disabled{background-color:#dc354580!important;cursor:not-allowed}.dropdown-container{position:relative}.story-select{align-items:center;display:flex;gap:5px}.story-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0003;left:50%;max-height:500px;min-width:300px;overflow-y:auto;padding:10px 0;position:absolute;top:50px;transform:translateX(-50%);z-index:200}.dropdown-search-container{border-bottom:1px solid #eee;margin-bottom:5px;padding:10px 15px}.dropdown-search-input-wrapper{position:relative;width:100%}.dropdown-search-input{border:1px solid #ddd;border-radius:15px;font-size:14px;outline:none;padding:8px 35px 8px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.dropdown-search-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a}.dropdown-search-input::placeholder{color:#999}.dropdown-clear-search-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;padding:2px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:background-color .2s ease,color .2s ease;width:20px}.dropdown-clear-search-button:hover{background-color:#f0f0f0;color:#333}.dropdown-title-loading-indicator{color:#666;font-size:12px;font-style:italic;margin-top:8px;text-align:center}.dropdown-search-results-info{background-color:#f8f9fa;border-radius:10px;color:#666;font-size:12px;margin-bottom:8px;margin-left:15px;margin-right:15px;padding:4px 8px;text-align:center}.dropdown-title-loading{display:inline-block}.dropdown-loading-dots{animation:dropdownLoadingDots 1.5s infinite;color:#4a90e2;display:inline-block}@keyframes dropdownLoadingDots{0%,20%{opacity:0}50%{opacity:1}80%,to{opacity:0}}.dropdown-item{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;padding:15px;transition:background-color .2s ease}.dropdown-item:hover{background-color:#f8f9fa}.dropdown-item h4{color:#333;font-size:16px;margin:0 0 5px}.dropdown-item p{color:#666;font-size:14px;margin:0}.story-info{flex:1 1}.delete-button{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:18px;transition:transform .2s ease}.delete-button:hover{transform:scale(1.2)}.create-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;margin-top:10px;padding:10px;transition:background-color .2s;width:100%}.create-button:hover{background-color:#45a049}.create-button:disabled{background-color:#ccc;cursor:not-allowed}.ai-create-button{background-color:#9c27b0}.ai-create-button:hover{background-color:#7b1fa2}.ai-create-button:disabled{background-color:#ccc;cursor:not-allowed}.app-content{display:flex;flex:1 1;flex-direction:column;padding:0;position:relative}.loading-overlay{align-items:center;background-color:#ffffffb3;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1000}@media (max-width:768px){.app-header{flex-direction:column;padding:15px}.app-header h1{font-size:1.5rem;margin-bottom:15px}.app-nav{justify-content:center;width:100%}.nav-button{font-size:14px;padding:8px 15px}.hide-header-on-mobile{display:none}.story-dropdown{left:50%;transform:translateX(-50%);width:90vw}}@media (max-width:576px){.app-nav{flex-direction:column;gap:10px}.nav-button{width:100%}.story-dropdown{top:45px;width:100vw}}.App{background-color:#f5f5f5;min-height:100vh;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;color:#fff;margin-bottom:20px;padding:20px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.story-info{font-size:.9em;opacity:.8}main{margin:0 auto;max-width:100%;padding:20px}.scene-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.scene-image{border-radius:4px;height:auto;margin:20px 0;max-width:100%}.choices-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.choice-card{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;cursor:pointer;padding:15px;transition:transform .2s}.choice-card:hover{transform:translateY(-2px)}.choice-image{border-radius:4px;height:150px;margin-bottom:10px;object-fit:cover;width:100%}.character-card{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;display:inline-block;margin:10px;padding:15px;text-align:center}.character{font-size:2em;margin-bottom:5px}.pinyin{color:#666;margin-bottom:5px}.meaning{color:#333}.feedback{border-radius:4px;margin-top:20px;padding:15px}.feedback.correct{background-color:#d4edda;color:#155724}.feedback.incorrect{background-color:#f8d7da;color:#721c24}.controls{display:flex;gap:10px;justify-content:center;margin-top:20px}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .2s}button:hover{background-color:#0056b3}button:disabled{background-color:#ccc}.mode-controls{display:flex;gap:10px}.mode-button{background-color:#f0f0f0;border:none;border-radius:4px;color:#666;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.mode-button.active{background-color:#1976d2;color:#fff}.mode-button:hover{background-color:#e0e0e0}.mode-button.active:hover{background-color:#1565c0}.app-main{margin:20px auto;max-width:1200px;padding:0 20px}.play-mode{display:flex;flex-direction:column;gap:20px}.story-selector{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.story-selector h2{color:#333;margin-top:0}.story-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.story-card{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;padding:20px;transition:transform .2s,box-shadow .2s}.story-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.story-card h3{color:#333;margin:0 0 10px}.story-card p{color:#666;font-size:14px;margin:0 0 15px}.story-actions{display:flex;gap:10px}.story-actions button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.story-actions button:hover{background-color:#1976d2}.story-actions .delete-button{background-color:#f44336}.story-actions .delete-button:hover{background-color:#d32f2f}@media (max-width:768px){.app-header{flex-direction:column;gap:15px;text-align:center}.story-list{grid-template-columns:1fr}.story-actions{flex-direction:column}.story-actions button{width:100%}}.play-mode-container{align-items:center;display:flex;gap:10px;position:relative}.display-toggle-button{align-items:center;background:#f5f5f5;border:1px solid #ddd;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.display-toggle-button:hover{background:#e0e0e0;transform:scale(1.05)}.display-toggle-button:after{background:#000000b3;border-radius:4px;color:#fff;content:attr(title);font-size:12px;left:50%;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;top:-30px;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap}.display-toggle-button:hover:after{opacity:1}.loading-indicator{align-items:center;color:#666;display:flex;font-size:1.5rem;justify-content:center;min-height:200px}button:disabled{cursor:not-allowed;opacity:.7}.consumer-header{align-items:center;background-color:#2c3e50;color:#fff;display:flex;justify-content:space-between;padding:10px 20px}.consumer-header h1{font-size:1.5rem;margin:0}.consumer-header .editor-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 15px;transition:background-color .2s}.consumer-header .editor-button:hover{background-color:#2980b9}.consumer-mode{padding-top:10px}.consumer-story-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:20px}.consumer-story-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.consumer-story-card:hover{box-shadow:0 5px 15px #0003;transform:translateY(-5px)}.consumer-story-card h3{color:#333;font-size:1.4rem;margin:0;padding:20px 20px 10px}.consumer-story-card p{color:#666;flex-grow:1;font-size:.9rem;margin:0 0 15px;padding:0 20px}.consumer-story-card .story-meta{background-color:#f9f9f9;border-top:1px solid #eee;color:#888;display:flex;font-size:.8rem;justify-content:space-between;padding:10px 20px}.consumer-story-card .play-button{background-color:#4a90e2;border:none;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 0;transition:background-color .2s ease;width:100%}.consumer-story-card .play-button:hover{background-color:#3a7fc1}.consumer-empty-state{margin:0 auto;max-width:600px;padding:50px 20px;text-align:center}.consumer-empty-state h2{color:#333;margin-bottom:15px}.consumer-empty-state p{color:#666;margin-bottom:30px}.consumer-empty-state .editor-button{display:inline-block;font-size:1rem;padding:12px 24px}.consumer-header .back-button{background-color:initial;border:1px solid #ffffff80;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;margin-left:10px;margin-right:auto;padding:8px 15px;transition:background-color .2s}.consumer-header .back-button:hover{background-color:#ffffff1a}@media (max-width:768px){.consumer-story-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:15px}.consumer-header{padding:10px 15px}}@media (max-width:480px){.consumer-story-grid{grid-template-columns:1fr}}.consumer-mode .scene-image{border-radius:0}.consumer-story-menu{margin:0 auto;max-width:1200px;padding:2rem}.consumer-story-menu h2{color:#333;font-size:2rem;margin-bottom:2rem;text-align:center}.story-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.story-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:100%;min-height:350px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.story-card:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.story-image{height:180px;overflow:hidden}.story-image img{height:100%;object-fit:cover;width:100%}.story-info{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.story-info h3{color:#333;font-size:1.25rem;margin-bottom:.5rem;margin-top:0}.story-description{color:#666;flex-grow:1;font-size:.9rem;line-height:1.4;margin-bottom:1rem}.story-details{color:#777;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:1rem}.play-button{background-color:#4a90e2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1rem;transition:background-color .2s ease;width:100%}.play-button:hover{background-color:#3a7bc8}.loading-indicator,.no-stories{color:#666;font-size:1.2rem;padding:3rem;text-align:center}@media (max-width:768px){.consumer-story-menu{padding:1rem}.story-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-card{background:#fff;border-radius:10px;box-shadow:0 10px 25px #0003;max-width:400px;padding:2rem;text-align:center;width:100%}.logo{color:#333;font-size:2rem;font-weight:700;margin-bottom:.5rem}.subtitle{color:#666;font-size:1rem;margin-bottom:2rem}.google-btn{background:#4285f4;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:1rem;padding:12px 24px;transition:background .3s;width:100%}.google-btn:hover:not(.disabled){background:#357ae8}.google-btn.disabled{background:#ccc;cursor:not-allowed}.loading{color:#666;font-style:italic;margin-top:1rem}.error-message{background:#ffebee;border-radius:5px;color:#d32f2f;font-size:.9rem;margin-top:1rem;padding:.5rem}.auth-note{color:#666;font-size:.8rem;font-style:italic;margin-top:1rem}.story-dashboard{background:#f8f9fb;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0;width:100vw}.dashboard-header{align-items:center;background:#fff;border-radius:0;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:0;padding:20px;width:100%}.dashboard-header h1{color:#2a2a2a;font-size:28px;font-weight:600;margin:0}.dashboard-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.language-selector-container,.level-selector-container{position:relative}.language-selector-button{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.language-selector-button:hover{background:#f8f9fb;border-color:#1a73e8}.language-dropdown{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;max-height:400px;min-width:200px;overflow-y:auto;padding:8px 0;position:absolute;right:0;top:45px;z-index:100}.dropdown-actions{border-bottom:1px solid #e0e0e0;margin-bottom:4px;padding:8px 12px}.dropdown-action-button{background:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:12px;font-weight:500;padding:6px 10px;transition:all .2s ease;width:100%}.dropdown-action-button:hover{background:#e0e0e0;border-color:#1a73e8}.language-option{align-items:center;cursor:pointer;display:flex;gap:10px;padding:8px 16px;transition:background .2s ease;-webkit-user-select:none;user-select:none}.language-option:hover{background:#f8f9fb}.language-option input[type=checkbox]{cursor:pointer}.language-option span{color:#333;font-size:14px}.zoom-control{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;display:flex;gap:10px;padding:8px 12px}.zoom-label{color:#333;font-size:14px;font-weight:500;min-width:80px}.zoom-slider{accent-color:#1a73e8;cursor:pointer;width:120px}.refresh-button{background:#1a73e8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s ease}.refresh-button:hover{background:#1557b0}.dashboard-legend{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;display:flex;gap:10px;padding:8px 12px}.legend-title{color:#333;font-size:12px;font-weight:600;margin-right:5px}.legend-item{align-items:center;color:#555;display:flex;font-size:11px;gap:4px}.legend-color-box{border:1px solid;border-radius:2px;flex-shrink:0;height:14px;width:14px}.legend-color-box.green{background:#d4edda;border-color:#28a745}.legend-color-box.blue{background:#cce5ff;border-color:#007bff}.legend-color-box.yellow{background:#fff3cd;border-color:#ffc107}.dashboard-empty,.dashboard-error,.dashboard-loading{align-items:center;background:#fff;border-radius:0;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;width:100%}.dashboard-empty p,.dashboard-error p,.dashboard-loading p{color:#666;font-size:16px;margin-top:20px}.retry-button{background:#1a73e8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:15px;padding:10px 20px;transition:background .2s ease}.retry-button:hover{background:#1557b0}.dashboard-grid-container{background:#fff;border-radius:0;box-shadow:0 2px 10px #0000000d;max-height:calc(100vh - 180px);overflow-x:auto;overflow-y:auto;width:100%}.dashboard-grid{grid-gap:1px;--zoom-scale:1;background:#e0e0e0;display:grid;gap:1px;min-width:100%;width:-webkit-max-content;width:max-content}.grid-cell{align-items:center;background:#fff;box-sizing:border-box;display:flex;min-height:calc(35px*var(--zoom-scale));overflow-wrap:break-word;padding:calc(6px*var(--zoom-scale))}.grid-header{background:#f5f7fa!important;border-bottom:2px solid #1a73e8;color:#2a2a2a;font-size:calc(9px*var(--zoom-scale));font-weight:600;top:0;z-index:10}.grid-header,.story-title-cell{position:-webkit-sticky;position:sticky}.story-title-cell{background:#fff;border-right:2px solid #e0e0e0;left:0;max-width:150px;min-width:150px;overflow:hidden;width:150px;z-index:5}.grid-header.story-title-cell{z-index:15}.story-title-header{display:flex;flex-direction:column;gap:4px;width:100%}.story-title-header span{font-size:9px;font-weight:600}.story-search-input{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:10px;padding:4px 6px;transition:border-color .2s ease;width:100%}.story-search-input:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e81a;outline:none}.story-title-content{display:flex;flex-direction:column;gap:2px;overflow:hidden;width:100%}.story-title-content h3{color:#2a2a2a;font-size:12px;font-weight:600;margin:0;word-break:break-word}.story-id,.story-title-content h3{word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.story-id{color:#999;font-family:monospace;font-size:8px;word-break:break-all}.transformation-cell{box-sizing:border-box;padding:calc(3px*var(--zoom-scale))}.transformation-cell.bg-published-all{background:#d4edda}.transformation-cell.bg-employee-only{background:#cce5ff}.transformation-cell.bg-unpublished{background:#fff3cd}.transformation-cell.bg-empty{background:#e8e8e8}.transformation-card{background:#0000;display:flex;flex-direction:column;gap:calc(2px*var(--zoom-scale));min-height:calc(40px*var(--zoom-scale));padding:calc(3px*var(--zoom-scale));transition:all .2s ease;width:100%}.card-header{align-items:center;display:flex;gap:calc(8px*var(--zoom-scale))}.level-badge{background:#4a90e2;border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px}.primary-badge{background:#0009;border-radius:calc(2px*var(--zoom-scale));color:#fff;font-size:calc(8px*var(--zoom-scale));font-weight:600;padding:calc(1px*var(--zoom-scale)) calc(3px*var(--zoom-scale))}.card-body{display:flex;flex:1 1;flex-direction:column;gap:calc(1px*var(--zoom-scale))}.completeness-status{border-radius:calc(2px*var(--zoom-scale));font-size:calc(9px*var(--zoom-scale));font-weight:500;padding:calc(1px*var(--zoom-scale));text-align:center}.completeness-status.status-complete{background:#f5f5f5;color:#333}.completeness-status.status-empty,.completeness-status.status-partial{background:#f8d7da;color:#721c24}.publish-status{border-radius:calc(2px*var(--zoom-scale));font-size:calc(8px*var(--zoom-scale));font-weight:500;padding:calc(1px*var(--zoom-scale));text-align:center}.transformation-card .edit-button{background:#1a73e8;border:none;border-radius:calc(2px*var(--zoom-scale));color:#fff;cursor:pointer;font-size:calc(9px*var(--zoom-scale));font-weight:500;margin-top:auto;opacity:.7;padding:calc(3px*var(--zoom-scale)) calc(4px*var(--zoom-scale));transition:background .2s ease}.transformation-card .edit-button:hover{background:#1557b0;opacity:1}.empty-card{align-items:center;background:#0000;border:none;justify-content:center;min-height:calc(30px*var(--zoom-scale));padding:calc(2px*var(--zoom-scale))}.transformation-card .transform-button{background:#6c757d;border:none;border-radius:calc(2px*var(--zoom-scale));color:#fff;cursor:pointer;font-size:calc(9px*var(--zoom-scale));font-weight:500;padding:calc(3px*var(--zoom-scale)) calc(4px*var(--zoom-scale));transition:background .2s ease}.transformation-card .transform-button:hover:not(:disabled){background:#5a6268}.transformation-card .transform-button:disabled{background:#adb5bd;cursor:not-allowed;opacity:.6}@media (max-width:1024px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:15px}.dashboard-controls{justify-content:space-between;width:100%}.transformation-card{min-height:calc(35px*var(--zoom-scale))}}.dexlens-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 auto;padding:2rem}.dexlens-container,.dexlens-header-bar{align-items:center;display:flex;flex-direction:column;width:100%}.dexlens-header-bar{gap:1.5rem;margin-bottom:2rem;padding:1.5rem 0;transition:all .3s}.dexlens-header-compact{align-items:center;flex-direction:row;gap:1.5rem;margin-bottom:1rem;max-width:900px;padding:.75rem 0;width:100%}.dexlens-header-compact .dexlens-title{flex-shrink:0;font-size:1.25rem}.dexlens-header-compact .dexlens-search-box{flex:1 1}.dexlens-title{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin:0;white-space:nowrap}.dexlens-search-box{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:.5rem;max-width:1400px;padding:.75rem 1rem;transition:border-color .2s;width:100%}.dexlens-search-box:focus-within{border-color:#007bff}.dexlens-search-icon{color:#666;flex-shrink:0;font-size:1.25rem}.dexlens-search-input{border:none;color:#1a1a1a;flex:1 1;font-size:.95rem;outline:none;padding:.25rem .5rem}.dexlens-search-input::placeholder{color:#999}.dexlens-search-button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.6rem 1.25rem;transition:background .2s;white-space:nowrap}.dexlens-search-button:hover:not(:disabled){background:#0056b3}.dexlens-search-button:disabled{background:#ccc;cursor:not-allowed}.dexlens-error{align-items:center;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;display:flex;gap:.75rem;margin:2rem auto;max-width:900px;padding:1rem 1.5rem}.dexlens-error-icon{font-size:1.5rem}.dexlens-results{margin-left:auto;margin-right:auto;margin-top:2rem;max-width:900px}.dexlens-results-header{margin-bottom:1.5rem}.dexlens-results-header h2{color:#1a1a1a;font-size:1.5rem}.dexlens-results-list{display:flex;flex-direction:column;gap:1.5rem}.dexlens-result-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem;transition:box-shadow .2s}.dexlens-result-card:hover{box-shadow:0 4px 12px #0000001f}.dexlens-result-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.dexlens-result-header h3{align-items:center;color:#1a1a1a;display:flex;flex-wrap:wrap;font-size:1.25rem;gap:.75rem;margin:0}.dexlens-employee-badge{background:linear-gradient(135deg,#667eea,#764ba2);cursor:help;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.dexlens-employee-badge,.dexlens-region-badge{align-items:center;border-radius:4px;color:#fff;display:inline-flex}.dexlens-region-badge{font-size:.7rem;font-weight:700;letter-spacing:.5px;margin-left:.5rem;padding:.2rem .5rem;text-transform:uppercase}.dexlens-region-badge-local{background:linear-gradient(135deg,#28a745,#20c997)}.dexlens-region-badge-prod{background:linear-gradient(135deg,#007bff,#0056b3)}.dexlens-region-badge-eu{background:linear-gradient(135deg,#fd7e14,#e8590c)}.dexlens-region-badge-ap{background:linear-gradient(135deg,#dc3545,#c82333)}.dexlens-user-id-tag{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:3px;color:#495057;display:inline-flex;font-size:.85em;gap:.25rem;padding:.15rem .4rem;transition:all .2s}.dexlens-user-id-tag:hover{background:#e9ecef;border-color:#007bff;color:#007bff}.dexlens-result-id{background:#f5f5f5;border-radius:4px;color:#666;font-family:Courier New,monospace;font-size:.875rem;padding:.25rem .75rem}.dexlens-copyable{cursor:pointer;position:relative;transition:all .2s;-webkit-user-select:none;user-select:none}.dexlens-copyable:hover{background:#e3f2fd;color:#1976d2;transform:translateY(-1px)}.dexlens-copyable:active{transform:translateY(0)}.dexlens-copy-tooltip{animation:dexlens-fade-in-out 2s ease-in-out;background:#2e7d32;border-radius:4px;box-shadow:0 2px 8px #0003;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;pointer-events:none;top:-30px;white-space:nowrap;z-index:10}.dexlens-copy-tooltip,.dexlens-copy-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.dexlens-copy-tooltip:after{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #2e7d32;bottom:-4px;content:"";height:0;width:0}@keyframes dexlens-fade-in-out{0%{opacity:0;transform:translateX(-50%) translateY(-5px)}10%{opacity:1;transform:translateX(-50%) translateY(0)}90%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-5px)}}.dexlens-result-details{display:flex;flex-direction:column;gap:.75rem;overflow:visible;width:100%}.dexlens-result-row{align-items:center;display:flex;gap:.75rem}.dexlens-secondary-info{font-size:.9em;opacity:.85}.dexlens-secondary-info .dexlens-result-label,.dexlens-secondary-info .dexlens-result-value{font-size:.9em}.dexlens-result-label{color:#555;font-weight:600;min-width:150px}.dexlens-result-value{color:#1a1a1a}.dexlens-relative-time{color:#888;font-size:.9em;font-style:italic}.dexlens-native-language{color:#666;font-size:.9em}.dexlens-native-english{color:#999;font-size:.85em}.dexlens-mono{background:#f5f5f5;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;padding:.25rem .5rem}.dexlens-empty-state{color:#666;margin:0 auto;max-width:900px;padding:4rem 2rem;text-align:center}.dexlens-empty-icon{display:block;font-size:4rem;margin-bottom:1rem}.dexlens-journey-view{display:flex;flex-direction:column;gap:2rem}.dexlens-profile-mini{align-self:flex-end;background:#fff;border:2px solid #007bff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:600px;min-width:400px;padding:1rem;z-index:10}.dexlens-profile-mini.expanded{max-width:100%}.dexlens-profile-mini-header{align-items:flex-start;cursor:pointer;display:flex;gap:1rem;justify-content:space-between}.dexlens-profile-mini-info{flex:1 1}.dexlens-profile-mini-info strong{color:#1a1a1a;display:block;font-size:1.1rem;margin-bottom:.25rem}.dexlens-employee-badge-mini{font-size:.8rem;margin-left:.5rem}.dexlens-profile-mini-details{color:#666;display:block;font-size:.9rem}.dexlens-expand-button{background:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:1.1rem;font-weight:700;line-height:1;min-width:28px;padding:.25rem .5rem;text-align:center;transition:all .2s}.dexlens-expand-button:hover{background:#e0e0e0;border-color:#007bff;color:#007bff}.dexlens-profile-full-expanded{margin-top:1rem}.dexlens-profile-full-expanded .dexlens-result-card{border:none;box-shadow:none;margin:0;padding:0}.dexlens-journey-header-actions{align-items:center;display:flex;gap:1rem}.dexlens-back-button-header{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.5rem 1rem;transition:background .2s;white-space:nowrap}.dexlens-back-button-header:hover{background:#5a6268}.dexlens-timeline-container{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;max-width:100%;padding:2rem;width:100%}.dexlens-timeline-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.dexlens-timeline-container h2{color:#1a1a1a;margin:0}.dexlens-metric-toggle{background:#f0f0f0;border-radius:6px;display:flex;gap:.5rem;padding:.25rem}.dexlens-metric-button{background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.dexlens-metric-button:hover{background:#ffffff80;color:#333}.dexlens-metric-button.active{background:#007bff;box-shadow:0 2px 4px #007bff4d;color:#fff}.dexlens-timeline-legend{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:1.5rem}.dexlens-legend-item{align-items:center;display:flex;gap:.5rem}.dexlens-legend-color{border-radius:4px;box-shadow:0 2px 4px #0000001a;height:20px;width:20px}.dexlens-legend-label{color:#555;font-size:.9rem;font-weight:500}.dexlens-timeline{height:250px;margin:0 30px;overflow:visible;padding:1rem 0;position:relative;width:calc(100% - 60px)}.dexlens-timeline-day{align-items:center;bottom:0;display:flex;flex-direction:column;gap:.5rem;position:absolute}.dexlens-timeline-bar-stack{align-items:stretch;display:flex;flex-direction:column;gap:2px;width:100%}.dexlens-timeline-bar{align-items:flex-start;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding-top:.25rem;position:relative;transition:all .2s;width:100%}.dexlens-timeline-bar:hover{opacity:.8;transform:scale(1.05)}.dexlens-timeline-count{color:#fff;font-size:.75rem;font-weight:600;text-shadow:0 1px 2px #0000004d}.dexlens-timeline-date{color:#666;font-size:.75rem;white-space:nowrap;writing-mode:horizontal-tb}.dexlens-loading{color:#666;font-size:1.1rem;padding:3rem;text-align:center}.dexlens-result-clickable{cursor:pointer;transition:all .2s}.dexlens-result-clickable:hover{border-color:#007bff;box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.dexlens-calendar-container{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;max-width:100%;overflow:visible;padding:2rem;position:relative;width:100%}.dexlens-calendar-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;min-height:88px}.dexlens-calendar-header h2{color:#1a1a1a;font-size:1.25rem;margin:0}.dexlens-calendar-toggle{background:#f0f0f0;border-radius:6px;display:flex;gap:.5rem;padding:.25rem}.dexlens-week-navigation{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.dexlens-week-nav-button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:background .2s}.dexlens-week-nav-button:hover:not(:disabled){background:#0056b3}.dexlens-week-nav-button:disabled{background:#ccc;cursor:not-allowed}.dexlens-week-label{color:#333;font-size:1rem;font-weight:600}.dexlens-calendar-month{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr);padding:.75rem 0}.dexlens-calendar-dow-header{background:#f8f9fa;border-radius:3px;color:#666;font-size:.75rem;font-weight:600;padding:.35rem;text-align:center}.dexlens-calendar-day{align-items:center;aspect-ratio:1;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;justify-content:center;min-height:45px;position:relative;transition:all .2s}.dexlens-calendar-day.empty{background:#0000;border:none;cursor:default}.dexlens-calendar-day:not(.empty):hover{box-shadow:0 2px 8px #0000001a;transform:scale(1.05);z-index:10}.dexlens-calendar-day-label{color:#333;position:relative;z-index:1}.dexlens-calendar-tooltip{background:#000000e6;border-radius:6px;bottom:100%;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:.85rem;left:50%;padding:.75rem;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-8px);white-space:nowrap;z-index:100}.dexlens-tooltip-date,.dexlens-tooltip-time{font-size:.9rem;font-weight:600;margin-bottom:.25rem}.dexlens-tooltip-total{color:#aaa;font-size:.8rem;margin-bottom:.5rem}.dexlens-tooltip-breakdown{display:flex;flex-direction:column;font-size:.8rem;gap:.35rem;line-height:1.4}.dexlens-tooltip-item{align-items:center;display:flex;gap:.5rem}.dexlens-tooltip-color{border-radius:3px;box-shadow:0 1px 3px #0000004d;flex-shrink:0;height:14px;width:14px}.dexlens-calendar-week{display:flex;gap:4px;overflow:visible;padding:1rem;width:100%}.dexlens-week-hours-column{background:#fff;display:flex;flex-direction:column;flex-shrink:0;gap:2px;left:0;padding-right:8px;position:-webkit-sticky;position:sticky;z-index:1}.dexlens-week-corner-label{height:60px;min-height:60px}.dexlens-week-hour-label{align-items:center;color:#666;display:flex;font-size:.7rem;height:30px;justify-content:flex-end;min-height:30px;padding-right:8px}.dexlens-week-day-column{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0;position:relative}.dexlens-week-day-header{align-items:center;border-bottom:2px solid #e0e0e0;color:#555;display:flex;font-size:.75rem;font-weight:600;height:50px;justify-content:center;line-height:1.2;min-height:50px;padding:.4rem;text-align:center}.dexlens-week-hours-vertical{border:1px solid #e0e0e0;border-radius:4px;display:flex;flex-direction:column;gap:2px;overflow:visible}.dexlens-week-hour-block{border-bottom:1px solid #f5f5f5;cursor:pointer;height:25px;min-height:25px;position:relative;transition:all .2s}.dexlens-week-hour-block:hover{opacity:.9;transform:scaleX(1.05);z-index:10}.dexlens-timeline-day.selected .dexlens-timeline-date{color:#007bff;font-weight:800;text-decoration:underline}.dexlens-calendar-day.selected{border:3px solid #007bff;box-shadow:0 0 0 2px #007bff33}.dexlens-week-day-column.selected{position:relative;z-index:2}.dexlens-week-day-column.selected .dexlens-week-day-header{background:#e3f2fd;border:2px solid #007bff;color:#007bff;font-weight:800;margin:-2px}.dexlens-daily-timeline-container{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;height:100%;overflow-x:visible;overflow-y:auto;padding:2rem}.dexlens-daily-timeline-header{display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:2rem;min-height:88px;padding-bottom:0}.dexlens-daily-timeline-header h2{color:#1a1a1a;font-size:1.25rem;margin:0 0 .5rem}.dexlens-daily-timeline-date{color:#666;font-size:.95rem}.dexlens-daily-timeline-events{display:flex;flex-direction:column;gap:0}.dexlens-daily-event{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:80px 30px 1fr;padding:.75rem 0}.dexlens-daily-event-time{color:#666;font-size:.85rem;font-weight:600;text-align:right}.dexlens-daily-event-marker{align-items:center;display:flex;flex-direction:column}.dexlens-daily-event-dot{border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #e0e0e0;flex-shrink:0;height:14px;width:14px}.dexlens-daily-event-line{background:#e0e0e0;flex:1 1;min-height:20px;width:2px}.dexlens-daily-event:last-child .dexlens-daily-event-line{display:none}.dexlens-daily-event-content{padding-bottom:.5rem}.dexlens-daily-event-content.has-details{border-radius:6px;cursor:pointer;margin:-.5rem;padding:.5rem;transition:background .2s}.dexlens-daily-event-content.has-details:hover{background:#f8f9fa}.dexlens-daily-event-title{align-items:center;color:#1a1a1a;display:flex;font-weight:600;gap:.5rem;margin-bottom:.25rem}.dexlens-expand-indicator{color:#007bff;font-size:.7rem}.dexlens-daily-event-speech{display:flex;font-size:.85rem;gap:1rem}.dexlens-speech-success{color:#27ae60;font-weight:600}.dexlens-speech-failed{color:#e74c3c;font-weight:600}.dexlens-session-separator{align-items:center;display:flex;gap:1rem;grid-column:1/-1;margin:1.5rem 0}.dexlens-session-line{background:repeating-linear-gradient(90deg,#ccc 0,#ccc 4px,#0000 0,#0000 8px);flex:1 1;height:1px}.dexlens-session-label{color:#999;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dexlens-event-details{border-top:1px solid #e0e0e0;margin-top:1rem;padding-top:1rem}.dexlens-event-image{margin-bottom:1rem}.dexlens-event-image img{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:300px;max-width:100%}.dexlens-event-response{background:#f8f9fa;border-radius:6px;font-size:.9rem;line-height:1.5;margin-bottom:.5rem;padding:.75rem}.dexlens-event-response strong{color:#007bff;display:block;margin-bottom:.5rem}.dexlens-event-response-text{word-wrap:break-word;background:#fff;border:1px solid #e0e0e0;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.6;margin:0;overflow-x:auto;padding:.5rem;white-space:pre-wrap}.dexlens-event-metadata{color:#999;font-size:.75rem}.dexlens-voice-recordings{margin-top:1rem}.dexlens-voice-recordings strong{color:#007bff;display:block;margin-bottom:.75rem}.dexlens-recordings-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.dexlens-recording-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem;padding:.75rem}.dexlens-recording-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.dexlens-recording-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.dexlens-recording-label{color:#333;font-size:.85rem;font-weight:600}.dexlens-recording-time{color:#999;font-size:.75rem}.dexlens-recording-actions{align-items:center;display:flex;gap:.5rem}.dexlens-play-button{align-items:center;background:#0000;border:1px solid #007bff;border-radius:4px;color:#007bff;cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.dexlens-play-button:hover{background:#e3f2fd;border-color:#0056b3;color:#0056b3}.dexlens-download-button{align-items:center;background:#0000;border:1px solid #28a745;border-radius:4px;color:#28a745;cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;height:28px;justify-content:center;text-decoration:none;transition:all .2s;width:28px}.dexlens-download-button:hover{background:#d4edda;border-color:#1e7e34;color:#1e7e34}.dexlens-audio-player{margin-top:.5rem;width:100%}.dexlens-recognition-badge{align-items:center;border-radius:6px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.dexlens-recognition-badge.vosk{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 4px #22c55e4d}.dexlens-recognition-badge.backend{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 4px #3b82f64d}.dexlens-recognition-badge.unknown{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 2px 4px #6b72804d}.dexlens-no-recording{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;display:flex;gap:8px;margin-top:4px;padding:8px 12px}.dexlens-no-recording-icon{filter:grayscale(.3);font-size:18px}.dexlens-no-recording-text{color:#991b1b;font-size:12px;font-weight:500}.dexlens-data-toggles-section{border-top:1px solid #e0e0e0;margin-top:8px;padding-top:8px}.dexlens-data-toggles-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.dexlens-data-toggle-button{align-items:center;border:1px solid;border-radius:6px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s;white-space:nowrap}.dexlens-data-toggle-button:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.dexlens-data-toggle-button:active{transform:scale(.98)}.dexlens-data-toggle-button.scene-data{background-color:#e5e7eb;border-color:#d1d5db;color:#374151}.dexlens-data-toggle-button.scene-data:hover{background-color:#d1d5db;border-color:#9ca3af}.dexlens-data-toggle-button.agent-data{background-color:#e0e7ff;border-color:#c7d2fe;color:#3730a3}.dexlens-data-toggle-button.agent-data:hover{background-color:#c7d2fe;border-color:#a5b4fc}.dexlens-data-toggle-button.event-data{background-color:#dbeafe;border-color:#bfdbfe;color:#1e40af}.dexlens-data-toggle-button.event-data:hover{background-color:#bfdbfe;border-color:#93c5fd}.dexlens-scene-data-section{border-top:1px solid #e0e0e0;margin-top:8px;padding-top:8px}.dexlens-scene-data-toggle{align-items:center;background-color:#e5e7eb;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.dexlens-scene-data-toggle:hover{background-color:#d1d5db;border-color:#9ca3af}.dexlens-scene-data-toggle:active{transform:scale(.98)}.dexlens-scene-data-json{background-color:#1e293b;border:1px solid #334155;border-radius:6px;box-shadow:inset 0 2px 4px #0003;color:#e2e8f0;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:11px;line-height:1.5;margin-bottom:0;margin-top:8px;max-height:400px;overflow:auto;padding:12px}.dexlens-scene-data-json::-webkit-scrollbar{height:8px;width:8px}.dexlens-scene-data-json::-webkit-scrollbar-track{background:#0f172a;border-radius:4px}.dexlens-scene-data-json::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.dexlens-scene-data-json::-webkit-scrollbar-thumb:hover{background:#64748b}.dexlens-agent-data-section{border-top:1px solid #e0e0e0;margin-top:8px;padding-top:8px}.dexlens-agent-data-toggle{align-items:center;background-color:#e0e7ff;border:1px solid #c7d2fe;border-radius:6px;color:#3730a3;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.dexlens-agent-data-toggle:hover{background-color:#c7d2fe;border-color:#a5b4fc}.dexlens-agent-data-toggle:active{transform:scale(.98)}.dexlens-agent-data-json{background-color:#1e1b4b;border:1px solid #312e81;border-radius:6px;box-shadow:inset 0 2px 4px #0003;color:#e0e7ff;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:11px;line-height:1.5;margin-bottom:0;margin-top:8px;max-height:400px;overflow:auto;padding:12px}.dexlens-agent-data-json::-webkit-scrollbar{height:8px;width:8px}.dexlens-agent-data-json::-webkit-scrollbar-track{background:#0f0a2e;border-radius:4px}.dexlens-agent-data-json::-webkit-scrollbar-thumb{background:#4c1d95;border-radius:4px}.dexlens-agent-data-json::-webkit-scrollbar-thumb:hover{background:#5b21b6}.dexlens-event-data-json{background-color:#0c4a6e;border:1px solid #075985;border-radius:6px;box-shadow:inset 0 2px 4px #0003;color:#bae6fd;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:11px;line-height:1.5;margin-bottom:0;margin-top:8px;max-height:400px;overflow:auto;padding:12px}.dexlens-event-data-json::-webkit-scrollbar{height:8px;width:8px}.dexlens-event-data-json::-webkit-scrollbar-track{background:#082f49;border-radius:4px}.dexlens-event-data-json::-webkit-scrollbar-thumb{background:#0369a1;border-radius:4px}.dexlens-event-data-json::-webkit-scrollbar-thumb:hover{background:#0284c7}.dexlens-audio-player-container{display:flex;flex-direction:column;gap:8px;margin-top:4px}.dexlens-audio-progress-container{display:flex;flex-direction:column;gap:4px}.dexlens-audio-progress-bar{background-color:#e5e7eb;border-radius:12px;cursor:pointer;height:24px;overflow:visible;position:relative;width:100%}.dexlens-audio-progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:12px;height:100%;left:0;position:absolute;top:0;transition:width .1s linear}.dexlens-audio-attempt-marker{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s;width:12px;z-index:10}.dexlens-audio-attempt-marker:hover{transform:translate(-50%,-50%) scale(1.3);z-index:20}.dexlens-attempt-tooltip{background:#1f2937;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #0006;color:#fff;font-size:12px;left:50%;margin-bottom:8px;padding:10px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:100}.dexlens-attempt-tooltip:after{border:6px solid #0000;border-top-color:#1f2937;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.dexlens-tooltip-header{border-bottom:1px solid #fff3;color:#60a5fa;font-weight:600;margin-bottom:6px;padding-bottom:6px}.dexlens-tooltip-scores{display:flex;flex-direction:column;gap:4px}.dexlens-score-row{display:flex;font-size:11px;gap:12px;justify-content:space-between}.dexlens-score-row span:first-child{color:#9ca3af}.dexlens-score-row strong{color:#22c55e;font-size:13px}.dexlens-tooltip-transcription{border-top:1px solid #fff3;color:#d1d5db;font-size:11px;font-style:italic;margin-top:6px;padding-top:6px}.dexlens-audio-time{color:#6b7280;font-family:Monaco,Menlo,monospace;font-size:11px;text-align:right}.dexlens-calendar-alltime{display:flex;flex-direction:column;gap:.75rem;max-height:600px;overflow-x:visible;overflow-y:auto;padding:1rem 0}.dexlens-alltime-header{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.dexlens-alltime-dow-headers{grid-gap:3px;display:grid;flex:1 1;gap:3px;grid-template-columns:repeat(7,1fr);max-width:300px}.dexlens-alltime-dow{color:#999;font-size:.65rem;font-weight:600;text-align:center;width:12px}.dexlens-alltime-month{align-items:flex-start;display:flex;gap:1rem;overflow:visible;position:relative}.dexlens-alltime-month-label{color:#666;font-size:.75rem;font-weight:600;min-width:80px;padding-top:0;text-align:right}.dexlens-alltime-month-grid{grid-gap:3px;display:grid;flex:1 1;gap:3px;grid-template-columns:repeat(7,1fr);max-width:300px;overflow:visible;position:relative}.dexlens-alltime-day{border-radius:2px;cursor:pointer;height:12px;position:relative;transition:all .2s;width:12px}.dexlens-alltime-day.empty{background:#0000;cursor:default}.dexlens-alltime-day:not(.empty):hover{box-shadow:0 0 0 1px #000;transform:scale(1.3);z-index:1000}.dexlens-alltime-day.selected{box-shadow:0 0 0 2px #007bff;transform:scale(1.2)}.dexlens-alltime-tooltip-position{bottom:100%;left:50%;transform:translateX(-50%) translateY(-8px);white-space:nowrap}.dexlens-journey-grid{display:flex;flex-direction:column;gap:2rem;overflow:visible;width:100%}.dexlens-journey-row{grid-gap:2rem;display:grid;gap:2rem;overflow:visible;width:100%}.dexlens-journey-row:first-child{align-items:start;grid-template-columns:400px 1fr}.dexlens-journey-row:first-child:has(.dexlens-profile-mini.expanded){grid-template-columns:minmax(400px,800px) 1fr}.dexlens-journey-row:last-child{align-items:start;grid-template-columns:40% 60%}.dexlens-journey-calendar,.dexlens-journey-daily,.dexlens-journey-timeline{min-width:0;overflow:visible}.dexlens-profile-mini{align-self:start;max-width:none;min-width:auto;overflow:visible;position:-webkit-sticky;position:sticky;top:1rem;width:100%}.dexlens-profile-mini.expanded{min-width:100%}.dexlens-week-tooltip{bottom:auto;left:auto;min-width:150px;right:100%;top:50%;transform:translateX(-12px) translateY(-50%);white-space:normal}
/*# sourceMappingURL=main.50384056.css.map*/