@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=Inter:wght@300;400;500;600&display=swap";
:root{--primary:#1a1a1a;--primary-hover:#8b7355;--primary-dark:#1a1a1a;--error:#dc3545;--error-hover:#c82333;--text:#2d2d2d;--text-secondary:#6a6a6a;--text-tertiary:#999;--background:#fff;--background-secondary:#f5f5f0;--background-hover:#e9e9e9;--border:#e0e0d8;--accent:#8b7355;--success:#28a745;--warning:#ffc107;--info:#17a2b8;--disabled:#ccc;--marker-level-1:#009969;--marker-level-2:#0b8961;--marker-level-3:#15795a;--marker-level-4:#1f6b53;--marker-level-5:#285d4c;--click-me-color:#1cb640;--click-me-color-hover:#218838}[data-driver-step-container]{display:contents}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:var(--text);background-color:var(--background);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.btn{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;border-radius:6px;justify-content:center;align-items:center;font-family:inherit;font-size:1rem;font-weight:600;line-height:normal;text-decoration:none;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus{outline:2px solid var(--primary);outline-offset:2px}.btn-primary{background-color:var(--primary);color:#fff;padding:.75rem 1.5rem}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.btn-primary:active{background-color:var(--primary-dark)}.btn-secondary{background-color:var(--background-secondary);color:var(--text);border:1px solid var(--border);padding:.75rem 1.5rem}.btn-secondary:hover:not(:disabled){background-color:var(--background-hover);border-color:var(--primary)}.btn-secondary:active{background-color:var(--border)}.btn-ghost,.playButton,.navButton{color:var(--text);background:0 0;padding:.5rem}.btn-ghost:hover:not(:disabled),.playButton:hover:not(:disabled),.navButton:hover:not(:disabled){background-color:#0000000d}.btn-icon,.playItem .actionIcon,.toast .toast-close,.settingsPage .settingsButton,.controlButton,.listenButton,.header .header-buttons>a,.header .header-buttons>button{color:var(--text);background:0 0;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;padding:.5rem;display:flex}.btn-icon:hover:not(:disabled),.playItem .actionIcon:hover:not(:disabled),.toast .toast-close:hover:not(:disabled),.settingsPage .settingsButton:hover:not(:disabled),.controlButton:hover:not(:disabled),.listenButton:hover:not(:disabled),.header .header-buttons>a:hover:not(:disabled),.header .header-buttons>button:hover:not(:disabled){background-color:#0000000d}.btn-icon.active,.playItem .active.actionIcon,.toast .active.toast-close,.settingsPage .active.settingsButton,.active.controlButton,.active.listenButton,.header .header-buttons>a.active,.header .header-buttons>button.active{background-color:var(--primary);color:#fff}.btn-icon.active:hover,.playItem .active.actionIcon:hover,.toast .active.toast-close:hover,.settingsPage .active.settingsButton:hover,.active.controlButton:hover,.active.listenButton:hover,.header .header-buttons>a.active:hover,.header .header-buttons>button.active:hover{background-color:var(--primary-hover)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-success{background-color:var(--success);color:#fff}.btn-success:hover:not(:disabled){background-color:#218838}.btn-error{background-color:var(--error);color:#fff;padding:.75rem 1.5rem}.btn-error:hover:not(:disabled){background-color:var(--error-hover)}.btn-danger{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border:1px solid #dc2626;padding:.75rem 1.5rem;font-weight:600;position:relative;overflow:hidden;box-shadow:0 4px 6px #dc262633}.btn-danger:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c 0%,#991b1b 100%);border-color:#b91c1c;transform:translateY(-2px);box-shadow:0 8px 15px #dc26264d}.btn-danger:hover:not(:disabled):before{left:100%}.btn-danger:active:not(:disabled){background:linear-gradient(135deg,#991b1b 0%,#7f1d1d 100%);border-color:#991b1b;transform:translateY(0);box-shadow:0 2px 4px #dc262666}.button-container{justify-content:flex-end;align-items:center;gap:1rem;margin-top:1rem;display:flex}.button-group{align-items:center;gap:.5rem;display:flex}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text);margin-bottom:.5rem;font-weight:600;display:block}.form-group textarea,.form-group input[type=text],.form-group select,.form-group input[type=number],.form-group input[type=email],.form-group input[type=password]{border:1px solid var(--border);background-color:var(--background);border-radius:6px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s}.form-group textarea:focus,.form-group input[type=text]:focus,.form-group select:focus,.form-group input[type=number]:focus,.form-group input[type=email]:focus,.form-group input[type=password]:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #607d9133}.form-group textarea{resize:vertical;min-height:120px;transition:all .2s;position:relative}.form-group textarea.drag-over{border-color:var(--primary);background-color:#607d910d;box-shadow:0 0 0 2px #607d9133}.form-group.edit-field-range{padding:1.25rem 2.25rem 2.25rem .75rem}.form-group.edit-field-range input[type=range]{--track-height:.375rem;--thumb-size:1.15rem;--fill:var(--primary,#3b82f6);--track:var(--border,#cbd5e1);--bg:transparent;appearance:none;width:100%;height:var(--thumb-size);background:var(--bg);margin:.5rem 0 .25rem;position:relative}.form-group.edit-field-range input[type=range]::-webkit-slider-runnable-track{height:var(--track-height);background:linear-gradient(to right,var(--fill)calc((var(--value) - var(--min))*100%/(var(--max) - var(--min))),var(--track)calc((var(--value) - var(--min))*100%/(var(--max) - var(--min))));border-radius:999px}.form-group.edit-field-range input[type=range]::-webkit-slider-thumb{appearance:none;width:var(--thumb-size);height:var(--thumb-size);margin-top:calc((var(--track-height) - var(--thumb-size))/2);cursor:pointer;background:radial-gradient(circle,#4b5563 35%,#111827 36%);border-radius:50%;transition:transform .1s;box-shadow:inset 0 0 0 3px #fff,0 1px 2px #00000040}.form-group.edit-field-range input[type=range]::-webkit-slider-thumb:active{transform:scale(.96)}.form-group.edit-field-range input[type=range]::-moz-range-track{height:var(--track-height);background:var(--track);border-radius:999px}.form-group.edit-field-range input[type=range]::-moz-range-progress{height:var(--track-height);background:var(--fill);border-radius:999px}.form-group.edit-field-range input[type=range]::-moz-range-thumb{width:var(--thumb-size);height:var(--thumb-size);cursor:pointer;background:radial-gradient(circle,#4b5563 35%,#111827 36%);border-radius:50%;box-shadow:inset 0 0 0 3px #fff,0 1px 2px #00000040}.form-group.edit-field-range input[type=range]:focus{outline:none}.form-group.edit-field-range input[type=range]:focus-visible{border-radius:8px;box-shadow:0 0 0 3px #3b82f640}.form-group.edit-field-range .range-value{top:.25rem;left:clamp(.75rem,.75rem + (100% - 3rem)*(var(--value) - var(--min))/(var(--max) - var(--min)),100% - 2.25rem);color:var(--primary-dark,#1d4ed8);border:1px solid var(--border,#e2e8f0);pointer-events:none;white-space:nowrap;background:#3b82f61f;border-radius:6px;padding:.125rem .4rem;font-size:.75rem;line-height:1.2;position:absolute;transform:translate(-50%)}.form-group.edit-field-range .range-value:after{content:"";background:inherit;border-left:1px solid var(--border,#e2e8f0);border-bottom:1px solid var(--border,#e2e8f0);transform-origin:50%;width:6px;height:6px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.form-group.edit-field-range .edit-field-actions{position:absolute;top:auto;bottom:.25rem;right:.25rem;transform:none}.form-group .textarea-container{position:relative}.form-group .textarea-container .drag-overlay{border:2px dashed var(--primary);z-index:10;pointer-events:none;background-color:#607d911a;border-radius:6px;justify-content:center;align-items:center;animation:.2s ease-out dragOverlayFadeIn;display:flex;position:absolute;inset:0}.form-group .textarea-container .drag-overlay .drag-message{text-align:center;color:var(--primary)}.form-group .textarea-container .drag-overlay .drag-message .drag-icon{margin-bottom:.5rem;font-size:2rem;animation:.6s ease-in-out infinite alternate dragIconBounce;display:block}.form-group .textarea-container .drag-overlay .drag-message p{margin:0;font-size:1.1rem;font-weight:600}@keyframes dragOverlayFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes dragIconBounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}img,audio{max-width:100%;height:auto;display:block}.header{background-color:var(--background);border:1px solid var(--border);border-radius:16px;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;padding:2rem;display:flex;box-shadow:0 2px 8px #0000000a}.header .header-logo{height:2.5rem}.header h1{color:var(--primary);white-space:nowrap;text-overflow:ellipsis;flex-grow:1;align-items:center;gap:.5rem;margin:0;font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:600;display:flex;overflow:hidden}.header h1 .published{color:var(--success)}.header h1 .not-published{color:var(--error)}.header .header-buttons{z-index:100;align-self:flex-end;align-items:center;gap:1rem;display:flex;position:sticky;top:0;right:0}.header .header-buttons>a,.header .header-buttons>button{aspect-ratio:1;border-radius:8px;font-size:1.5rem;transition:all .3s}.header .header-buttons>a.click-me,.header .header-buttons>button.click-me{background-color:var(--accent);color:#fff}.header .header-buttons>a.click-me:hover,.header .header-buttons>button.click-me:hover{background-color:var(--primary);transform:translateY(-2px)}.header .header-buttons .success{color:var(--success)}.header .header-buttons .error{color:var(--error)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem 10rem}@media (min-width:768px){.container{padding:0 2rem 10rem}}.audioContainer{background-color:var(--background-secondary);box-sizing:border-box;border-radius:8px;width:100%}.audioContainer *{box-sizing:border-box}.audioPlayer{background-color:var(--background);touch-action:pan-y;flex-direction:column;gap:.5rem;padding:.75rem;display:flex;position:relative;overflow:hidden}.audioPlayer[data-swipe-direction=left]:after{content:"←";opacity:.5;color:var(--primary);padding:20px;font-size:2rem;animation:.2s ease-out fadeIn;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.audioPlayer[data-swipe-direction=right]:after{content:"→";opacity:.5;color:var(--primary);padding:20px;font-size:2rem;animation:.2s ease-out fadeIn;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.controls{align-items:center;gap:1rem;width:100%;display:flex}.navigationControls{align-items:center;gap:1rem;display:flex}.navButton{border-radius:4px;font-size:1.25rem}@media (max-width:640px) and (hover:none) and (pointer:coarse){.navButton{display:none}}.playButton{border-radius:4px;font-size:1.5rem}.progressContainer{cursor:pointer;background-color:#0000001a;border-radius:4px;flex:1;height:8px;margin:0 .5rem;position:relative}.progressBar{border-radius:4px;width:100%;height:100%;overflow:hidden}.progress{background-color:var(--primary);border-radius:4px;height:100%}.timeDisplay{color:var(--text-secondary);white-space:nowrap;text-align:center;min-width:100px;font-size:.8rem}@media (max-width:640px){.timeDisplay{min-width:80px;font-size:.75rem}}.transcription{background-color:var(--background);border:1px solid var(--border);border-radius:8px;margin-top:1rem;padding:1rem;position:relative}.transcriptionSegment{border-bottom:1px solid var(--border);cursor:pointer;margin-bottom:1rem;padding-bottom:1rem;transition:background-color .2s}.transcriptionSegment:hover{background-color:#007bff0d}.transcriptionSegment:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.transcriptionSegment p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5;display:inline}.currentSegment{border-left:3px solid var(--primary);background-color:#007bff1a;border-radius:4px;padding-left:.5rem}.currentSegment .speakerReadOnly{color:var(--primary-dark)}.skippedLine{opacity:.6;color:#888;font-size:.9em}.segmentContent{align-items:flex-start;gap:.5rem;width:100%;display:flex}@media (max-width:640px){.segmentContent{flex-direction:column}.segmentContent .speakerReadOnly{justify-content:space-between;width:100%;margin-bottom:.25rem;display:flex}.segmentContent p{margin-top:.25rem;display:block}}.segmentContent p{word-break:break-word}.segmentContent p.hidden{filter:blur(5px)}.speakerReadOnly{color:var(--primary);margin-right:.5rem;font-weight:700}@media (max-width:640px){.speakerReadOnly{margin-right:0}}hr{background-color:var(--border);border:none;height:1px;margin:2rem 0;transition:all .15s}hr.subtle{opacity:.6;margin:1rem 0}hr.strong{background-color:var(--primary);opacity:.8;height:2px}.listenButton{color:var(--text-primary,#333)}.listenButton:active{transform:scale(.95)}.helpModalTitle{margin-bottom:.5rem}.helpModalContent{white-space:initial;flex-direction:column;gap:.75rem;display:flex}.helpModalButtonContainer{text-align:right;margin-top:1rem}.selectorContainer{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.select{cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:6px;min-width:200px;padding:.6em .8em;font-size:.9rem}.select:hover{border-color:#999}.select:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 .2rem #007bff40}.controlButton{color:var(--text-primary,#333);position:relative}.controlButton:active{transform:scale(.95)}.controlButton[data-control=speaker]{color:#4caf50}.controlButton[data-control=speaker]:hover,.controlButton[data-control=speaker].active{background-color:#4caf5033}.controlButton[data-control=others]{color:#2196f3}.controlButton[data-control=others]:hover,.controlButton[data-control=others].active{background-color:#2196f333}.controlButtonLabel{white-space:nowrap;color:var(--text-secondary);font-size:.75rem;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.controlButtonBadge{background-color:var(--primary);color:#fff;border-radius:50%;padding:.25rem;font-size:.8rem;position:absolute;top:0;left:0}.playerSection{background-color:var(--background);border-top:1px solid var(--border);z-index:100;box-sizing:border-box;width:100%;position:fixed;bottom:0;left:0;right:0}.playerSection .playerContainer{background-color:var(--background)}@media (max-width:640px){.playerSection .playerContainer{touch-action:pan-y}}.playerSection .noAudioMessage{text-align:center;color:var(--text-secondary);margin:0;font-size:.9rem}.playerSection .swipeTooltip{color:#fff;text-align:center;z-index:101;pointer-events:none;background-color:#000000b3;border-radius:20px;max-width:90%;padding:.5rem 1rem;font-size:.8rem;animation:5s forwards tooltipFade;position:absolute;top:-40px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0003}@media (min-width:641px){.playerSection .swipeTooltip{display:none}}.characterControlsContainer{justify-content:flex-end;align-items:center;gap:1rem;width:100%;padding-top:1rem;padding-right:1rem;display:flex}.settingsButton{color:var(--text-secondary)}.settingsButton:hover,.settingsButton.active{background-color:#0000000d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes tooltipFade{0%{opacity:0;transform:translate(-50%,10px)}10%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}.speedControls,.learningModes{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2rem;display:flex}.speedSelector{flex-direction:column;gap:.5rem;width:100%;max-width:360px;margin:1.5rem auto;font-size:.95rem;display:flex}.speedSelector label{flex-direction:column;gap:.5rem;display:flex}.slider,.configControl input[type=range]{appearance:none;cursor:pointer;background:0 0;border-radius:4px;outline:none;width:100%;height:8px}.slider::-webkit-slider-runnable-track{background:var(--border);border-radius:4px;height:8px}.configControl input[type=range]::-webkit-slider-runnable-track{background:var(--border);border-radius:4px;height:8px}.slider::-webkit-slider-thumb{appearance:none;background:var(--primary);border:2px solid var(--background);border-radius:50%;width:20px;height:20px;margin-top:-6px;transition:background .2s}.configControl input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary);border:2px solid var(--background);border-radius:50%;width:20px;height:20px;margin-top:-6px;transition:background .2s}.slider::-webkit-slider-thumb:hover{background:var(--primary-hover)}.configControl input[type=range]::-webkit-slider-thumb:hover{background:var(--primary-hover)}.slider::-webkit-slider-thumb:active{background:var(--primary-dark)}.configControl input[type=range]::-webkit-slider-thumb:active{background:var(--primary-dark)}.slider::-moz-range-track{background:var(--border);border-radius:4px;height:8px}.configControl input[type=range]::-moz-range-track{background:var(--border);border-radius:4px;height:8px}.slider::-moz-range-thumb{background:var(--primary);border:2px solid var(--background);border-radius:50%;width:20px;height:20px;transition:background .2s}.configControl input[type=range]::-moz-range-thumb{background:var(--primary);border:2px solid var(--background);border-radius:50%;width:20px;height:20px;transition:background .2s}.slider::-ms-track{color:#0000;background:0 0;border-color:#0000;border-radius:4px;height:8px}.configControl input[type=range]::-ms-track{color:#0000;background:0 0;border-color:#0000;border-radius:4px;height:8px}.slider::-ms-fill-lower{background:var(--primary);border-radius:4px}.configControl input[type=range]::-ms-fill-lower{background:var(--primary);border-radius:4px}.slider::-ms-fill-upper{background:var(--border);border-radius:4px}.configControl input[type=range]::-ms-fill-upper{background:var(--border);border-radius:4px}.settingsPage{text-align:center;flex-direction:column;align-items:center;max-width:960px;margin:0 auto;padding:2rem 1rem 8rem;display:flex;position:relative}.settingsPage h1{margin-top:2.5rem;margin-bottom:1.5rem;font-size:1.75rem}@media (min-width:640px){.settingsPage h1{margin-top:0;font-size:2rem}}.settingsPage .settingsButton{z-index:10;color:var(--primary);background-color:var(--background);border:1px solid var(--border);width:2.5rem;height:2.5rem;position:absolute;top:1rem;left:1rem}.speedControls,.learningModes{background-color:var(--background-secondary);border:1px solid var(--border);border-radius:8px;width:100%;max-width:640px;padding:1.5rem}.learningModes{margin-top:2rem}.visibilityToggle{justify-content:center;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.visibilityToggle .checkboxLabel{cursor:pointer;align-items:center;gap:.5rem;display:flex}.visibilityToggle .checkboxLabel input[type=checkbox]{cursor:pointer;width:1rem;height:1rem}.backLink{color:var(--primary);align-items:center;gap:.25rem;margin-top:3rem;font-size:1rem;display:inline-flex}.backLink svg{width:20px;height:20px}.backLink:hover{text-decoration:underline}.backward svg{transform:rotate(180deg)}.characterCheckbox{border:1px solid var(--border);background-color:var(--background-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:9999px;align-items:center;gap:.3rem;padding:.35rem .75rem;font-size:.9rem;transition:background-color .2s,color .2s;display:flex}.characterCheckbox input{accent-color:var(--primary);flex-shrink:0;margin:0}.characterCheckbox span{line-height:1}.characterCheckbox:hover{background-color:var(--background-hover)}.characterCheckbox:has(input:checked){background-color:var(--primary);color:#fff;border-color:var(--primary)}.characterCheckbox:has(input:checked) span{font-weight:600}.toastContainer{z-index:1001;flex-direction:column;gap:.75rem;width:calc(100vw - 2rem);max-width:400px;display:flex;position:fixed;top:1rem;right:1rem}@media (max-width:640px){.toastContainer{width:calc(100vw - 1rem);max-width:none;top:.5rem;left:.5rem;right:.5rem}}.toast{background-color:var(--background);border:1px solid var(--border);border-radius:8px;align-items:flex-start;gap:.75rem;min-height:60px;padding:1rem 3rem 1rem 1rem;transition:all .3s;animation:.3s ease-out toastSlideIn;display:flex;position:relative;box-shadow:0 4px 12px #00000026}.toast.toast-hiding{animation:.3s ease-in forwards toastSlideOut}.toast .toast-close{color:#666;background:0 0;border:none;border-radius:4px;width:1.5rem;height:1.5rem;padding:.125rem;font-size:1.25rem;transition:all .2s;position:absolute;top:.5rem;right:.5rem}.toast .toast-close:hover{color:#333;background:0 0;transform:scale(1.1)}.toast .toast-close:active{color:#000;transform:scale(.9)}.toast .toast-icon{flex-shrink:0;width:1.5rem;height:1.5rem;margin-top:.125rem}.toast .toast-content{color:#333;flex:1;font-size:.875rem;line-height:1.5}.toast .toast-content .toast-title{color:#333;margin-bottom:.25rem;font-weight:600}.toast .toast-content .toast-message{color:#333;margin:0}.toast.success{border-left:4px solid var(--success);background-color:#e8f5e9f2}.toast.success .toast-icon{color:#333}.toast.error{border-left:4px solid var(--error);background-color:#f8d7daf2}.toast.error .toast-icon{color:#333}.toast.warning{border-left:4px solid var(--warning);background-color:#fff3cdf2}.toast.warning .toast-icon{color:#333}.toast.info{border-left:4px solid var(--info);background-color:#cce5fff2}.toast.info .toast-icon{color:#333}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;max-height:200px;padding:1rem 3rem 1rem 1rem;transform:translate(0)}to{opacity:0;max-height:0;margin:0;padding:0 3rem 0 1rem;transform:translate(100%)}}.modalOverlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modalContent{background-color:var(--background);color:var(--text);border:1px solid var(--border);border-radius:8px;width:calc(100% - 2rem);max-width:560px;padding:1rem 1.25rem;box-shadow:0 10px 30px #0003}.configControl{flex-direction:column;gap:.5rem;width:100%;max-width:360px;margin:1.5rem auto;font-size:.95rem;display:flex}.configControl label{flex-direction:column;gap:.5rem;font-weight:500;display:flex}.configControl .range-labels{color:var(--text-secondary);justify-content:space-between;margin-top:.25rem;font-size:.8rem;display:flex}.configControl.configControl-checkbox label{flex-direction:row;align-items:center;gap:.5rem}.homeHero{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;max-width:800px;padding:4rem 1rem 8rem;display:flex}@media (min-width:768px){.homeHero{padding:6rem 1rem 10rem}}.homeTitle{color:var(--primary-dark);font-size:2.25rem;font-weight:700}@media (min-width:768px){.homeTitle{font-size:3rem}}.homeDescription,.homePitch{color:var(--text-secondary);font-size:1.125rem;line-height:1.6}@media (min-width:768px){.homeDescription,.homePitch{font-size:1.25rem}}.homePitch{color:var(--text);font-weight:500}.ctaForm{flex-direction:column;align-items:center;gap:1rem;width:100%;margin-top:2rem;display:flex}.ctaForm .ctaIntro{text-align:center;max-width:560px;color:var(--text-secondary);font-size:1rem;line-height:1.4}.ctaForm .srOnly{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ctaForm .ctaRow{justify-content:center;gap:1rem;width:100%;max-width:560px;display:flex}.ctaForm .ctaRow .ctaLabel{flex:1}.ctaForm .ctaRow .ctaButton{white-space:nowrap;align-self:flex-end}.ctaForm label{flex-direction:column;gap:.5rem;width:100%;max-width:360px;display:flex}.ctaForm .orSeparator{color:var(--text-tertiary);font-weight:600}.ctaForm .ctaDisclaimer{max-width:420px;color:var(--text-tertiary);text-align:center;font-size:.875rem;line-height:1.4}.ctaForm .ctaConsent{max-width:500px;color:var(--text-secondary);text-align:initial;flex-direction:row;justify-content:center;align-self:center;align-items:flex-start;gap:.75rem;font-size:.8rem;line-height:1.4;display:flex}.ctaForm .ctaConsent input[type=checkbox]{accent-color:var(--primary);flex-shrink:0;margin:.25rem 0 0}.ctaInput{border:1px solid var(--border);background-color:var(--background-secondary);border-radius:6px;width:100%;padding:.75rem 1rem;font-size:1rem}.ctaInput:focus{border-color:var(--primary);background-color:var(--background);outline:none}.thankYou{text-align:center;justify-content:center;align-items:center;min-height:60vh;display:flex}.thankYou__content{flex-direction:column;align-items:center;gap:1.5rem;max-width:600px;display:flex}.homeButtons{flex-wrap:wrap;gap:1rem;display:flex}.playListOrganization{border:1px solid var(--border);background-color:var(--background);border-radius:12px;flex-direction:column;margin-bottom:2rem;padding:2rem;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000a}.playListOrganization:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000014}.playListOrganization summary{color:var(--primary);cursor:pointer;text-align:center;margin-bottom:0;font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:600}.playsList{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;padding:0;list-style:none;display:grid}@media (max-width:640px){.playsList{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}}.playItem{border:1px solid var(--border);background-color:var(--background);border-radius:16px;flex-direction:column;width:320px;height:320px;margin:0 auto;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}@media (max-width:640px){.playItem{width:280px;height:280px}}.playItem:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 12px 40px #0000001f}.playItem .actionIcon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:2.5rem;height:2.5rem;color:var(--primary);opacity:0;z-index:3;background-color:#fffffff2;border:1px solid #ffffff4d;border-radius:8px;transition:all .3s;position:absolute;top:1rem;right:1rem}.playItem .actionIcon:hover{background-color:var(--accent);color:#fff;transform:scale(1.1)}.playItem:hover .actionIcon{opacity:1}.playLink{color:inherit;width:100%;height:100%;text-decoration:none;display:block;position:relative;overflow:hidden}.playThumbnail{object-fit:cover;background-color:var(--background-secondary);width:100%;height:100%;transition:transform .3s}.playItem:hover .playThumbnail{transform:scale(1.05)}.playContent{z-index:2;background:linear-gradient(#0000 0%,#0000004d 20%,#000000b3 50%,#000000d9 100%);padding:2rem 1.5rem 1.5rem;position:absolute;bottom:0;left:0;right:0}.playTitle{color:#fff;text-shadow:0 2px 4px #0009;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:2.6em;margin:0;font-family:Cormorant Garamond,serif;font-size:1.25rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.playDescription{color:#ffffffe6;text-shadow:0 1px 3px #0009;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:3em;margin:.75rem 0 0;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.authPage{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem;display:flex}.Personajes{border-collapse:collapse;max-width:100%;margin:0 auto;overflow-x:auto}.Personajes th,.Personajes td{text-align:left;border:0;border-bottom:1px solid var(--border);white-space:nowrap;width:1%;padding:.25rem .5rem}.Personajes th{background-color:var(--background-secondary)}.hiddenWord{background-color:var(--primary);color:var(--primary);border-radius:.25em;padding:0}.info{color:var(--text-secondary);text-align:center;background-color:var(--background-secondary);border:1px solid var(--border);border-radius:12px;margin-bottom:2rem;padding:1.5rem;font-size:1rem;line-height:1.6}.segmentContent{background:0 0;border:none;margin:1.5rem 0;padding:0;transition:all .15s}.segmentContent[data-level="1"] p{color:#065f46;margin:0;font-size:1.75rem;font-weight:700;line-height:1.3}.segmentContent[data-level="1"] .markerFirstLine{color:var(--marker-level-1);margin-top:0;font-size:1.75rem;font-weight:600}.segmentContent[data-level="2"] p{color:#064e3b;margin:0;font-size:1.5rem;font-weight:600;line-height:1.4}.segmentContent[data-level="2"] .markerFirstLine{color:var(--marker-level-2);margin-top:0;font-size:1.5rem;font-weight:500}.segmentContent[data-level="3"] p{color:#065f46;margin:0;font-size:1.35rem;font-weight:500;line-height:1.4}.segmentContent[data-level="3"] .markerFirstLine{color:var(--marker-level-3);margin-top:0;font-size:1.35rem;font-weight:500}.segmentContent[data-level="4"] p{color:#064e3b;margin:0;font-size:1.2rem;font-weight:500;line-height:1.4}.segmentContent[data-level="4"] .markerFirstLine{color:var(--marker-level-4);margin-top:0;font-size:1.2rem;font-weight:500}.segmentContent[data-level="5"] p{color:#065f46;margin:0;font-size:1.15rem;font-weight:500;line-height:1.4}.segmentContent[data-level="5"] .markerFirstLine{color:var(--marker-level-5);margin-top:0;font-size:1.15rem;font-weight:500}.segmentContent[data-level="6"] p{color:#064e3b;margin:0;font-size:1.1rem;font-weight:500;line-height:1.4}.segmentContent[data-level="6"] .markerFirstLine{color:#1f2937;margin-top:0;font-size:1.1rem;font-weight:500}.segmentContent p{flex-direction:column;gap:.25rem;margin:0;display:flex}.segmentContent .markerLabel{color:#6b7280;text-transform:lowercase;letter-spacing:normal;opacity:1;font-size:.875rem;font-weight:400;line-height:.5}.segmentContent .markerFirstLine{color:var(--text);margin-top:0;font-size:1rem}.segmentContent .markerLines{color:var(--text-secondary);white-space:pre-wrap;margin-top:.25rem;font-size:1rem;font-weight:400;line-height:1.5}.segmentContent .toogleToolbarButton{position:relative}.segmentContent .toolbarSegment{background:var(--background);border:1px solid var(--border);z-index:5;opacity:.3;pointer-events:none;border-radius:9999px;align-items:center;gap:.75rem;width:3rem;height:3rem;min-height:3rem;padding:.25rem .375rem;transition:opacity .12s,transform .12s,box-shadow .2s;display:inline-flex;position:absolute;top:0;left:0;box-shadow:0 6px 20px #00000014}.segmentContent .toogleToolbarButton:focus>.toolbarSegment,.segmentContent .toogleToolbarButton:focus-visible>.toolbarSegment{opacity:1;pointer-events:auto;width:auto}.segmentContent .toogleToolbarButton:focus>svg,.segmentContent .toogleToolbarButton:focus-visible>svg{opacity:0;transition:opacity .12s}.segmentContent .toolbarSegment>*{width:1.75rem;height:1.75rem;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background-color .15s,transform .1s,color .15s;display:inline-flex}.segmentContent .toolbarSegment>:hover{background-color:#0000000f}.segmentContent .toolbarSegment>:active{transform:scale(.95)}.segmentContent .toolbarSegment>.danger{color:var(--error)}.segmentContent .toolbarSegment>.danger:hover{background-color:#dc35451f}.modalWrapper{z-index:1000;justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.modalBackground{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background-color:#0009;transition:opacity .2s;position:absolute;inset:0}.modalContentClean{z-index:1000}.modalContent{background-color:var(--background);border:1px solid var(--border);border-radius:12px;width:100%;max-width:600px;max-height:80vh;padding:2rem;animation:.3s ease-out modalSlideIn;position:relative;overflow-y:auto;box-shadow:0 20px 40px #0000004d}.modalContent .modalCloseButton{width:2rem;height:2rem;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;transition:background-color .15s,transform .1s;display:inline-flex;position:absolute;top:.5rem;right:.5rem}.modalContent .modalCloseButton:hover{background-color:#0000000f}.modalContent .modalCloseButton:active{transform:scale(.95)}.modalContent .modalCloseButton:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.modalContent h2{color:var(--primary-dark);text-align:center;margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}.modalContent .form-group{margin-bottom:1.5rem}.modalContent .form-group label{color:var(--text);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.modalContent .form-group textarea{border:1px solid var(--border);background-color:var(--background);resize:vertical;border-radius:6px;width:100%;min-height:120px;padding:.75rem;font-family:inherit;font-size:1rem;line-height:1.5;transition:border-color .2s}.modalContent .form-group textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #607d9133}.modalButtons{border-top:1px solid var(--border);justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;display:flex}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.edit-field{border:2px solid var(--border);background:var(--background);border-radius:6px;width:100%;transition:all .15s;display:inline-block;position:relative}.edit-field.focused{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.edit-field:hover:not(.focused){border-color:#cbd5e1}.edit-field input[type=text],.edit-field input[type=number],.edit-field select{width:100%;color:var(--text);z-index:2;background:0 0;border:none;border-radius:0;padding:.5rem 3rem .5rem .75rem;font-size:.875rem;transition:all .15s;position:relative}.edit-field input[type=text]:focus,.edit-field input[type=number]:focus,.edit-field select:focus{outline:none}.edit-field input[type=text]:hover,.edit-field input[type=number]:hover,.edit-field select:hover{background:0 0}.edit-field input[type=text]:disabled,.edit-field input[type=number]:disabled,.edit-field select:disabled{opacity:.6;cursor:not-allowed;background:0 0}.edit-field.edit-field-select select{appearance:none;color:var(--text);cursor:pointer;background:0 0;padding-right:2.25rem}.edit-field.edit-field-select:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--muted-text,#64748b);pointer-events:none;width:0;height:0;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.edit-field.edit-field-select.has-actions:after{display:none}.edit-field textarea{width:100%;color:var(--text);z-index:2;background:0 0;border:none;border-radius:0;padding:.5rem .75rem 2.5rem;font-family:inherit;font-size:.875rem;line-height:1.4;transition:all .15s;position:relative}.edit-field textarea:focus{outline:none}.edit-field textarea:hover{background:0 0}.edit-field textarea:disabled{opacity:.6;cursor:not-allowed;background:0 0}.edit-field .edit-field-actions{z-index:3;gap:.125rem;display:flex;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}.edit-field:has(input[type=text]) .edit-field-actions{z-index:3;gap:.125rem;display:flex;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}.edit-field.edit-field-textarea .edit-field-actions{z-index:3;gap:.125rem;display:flex;position:absolute;inset:auto .25rem .25rem auto;transform:none}.edit-field .btn-icon,.edit-field .header .header-buttons>a,.header .edit-field .header-buttons>a,.edit-field .header .header-buttons>button,.header .edit-field .header-buttons>button,.edit-field .listenButton,.edit-field .controlButton,.edit-field .settingsPage .settingsButton,.settingsPage .edit-field .settingsButton,.edit-field .toast .toast-close,.toast .edit-field .toast-close,.edit-field .playItem .actionIcon,.playItem .edit-field .actionIcon{background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:.125rem;transition:all .15s;display:flex}.edit-field .btn-icon.btn-confirm,.edit-field .header .header-buttons>a.btn-confirm,.header .edit-field .header-buttons>a.btn-confirm,.edit-field .header .header-buttons>button.btn-confirm,.header .edit-field .header-buttons>button.btn-confirm,.edit-field .btn-confirm.listenButton,.edit-field .btn-confirm.controlButton,.edit-field .settingsPage .btn-confirm.settingsButton,.settingsPage .edit-field .btn-confirm.settingsButton,.edit-field .toast .btn-confirm.toast-close,.toast .edit-field .btn-confirm.toast-close,.edit-field .playItem .btn-confirm.actionIcon,.playItem .edit-field .btn-confirm.actionIcon{color:var(--success)}.edit-field .btn-icon.btn-confirm:hover,.edit-field .header .header-buttons>a.btn-confirm:hover,.header .edit-field .header-buttons>a.btn-confirm:hover,.edit-field .header .header-buttons>button.btn-confirm:hover,.header .edit-field .header-buttons>button.btn-confirm:hover,.edit-field .btn-confirm.listenButton:hover,.edit-field .btn-confirm.controlButton:hover,.edit-field .settingsPage .btn-confirm.settingsButton:hover,.settingsPage .edit-field .btn-confirm.settingsButton:hover,.edit-field .toast .btn-confirm.toast-close:hover,.toast .edit-field .btn-confirm.toast-close:hover,.edit-field .playItem .btn-confirm.actionIcon:hover,.playItem .edit-field .btn-confirm.actionIcon:hover{color:var(--success);background-color:#22c55e26;transform:scale(1.1)}.edit-field .btn-icon.btn-confirm:active,.edit-field .header .header-buttons>a.btn-confirm:active,.header .edit-field .header-buttons>a.btn-confirm:active,.edit-field .header .header-buttons>button.btn-confirm:active,.header .edit-field .header-buttons>button.btn-confirm:active,.edit-field .btn-confirm.listenButton:active,.edit-field .btn-confirm.controlButton:active,.edit-field .settingsPage .btn-confirm.settingsButton:active,.settingsPage .edit-field .btn-confirm.settingsButton:active,.edit-field .toast .btn-confirm.toast-close:active,.toast .edit-field .btn-confirm.toast-close:active,.edit-field .playItem .btn-confirm.actionIcon:active,.playItem .edit-field .btn-confirm.actionIcon:active{transform:scale(.9)}.edit-field .btn-icon.btn-cancel,.edit-field .header .header-buttons>a.btn-cancel,.header .edit-field .header-buttons>a.btn-cancel,.edit-field .header .header-buttons>button.btn-cancel,.header .edit-field .header-buttons>button.btn-cancel,.edit-field .btn-cancel.listenButton,.edit-field .btn-cancel.controlButton,.edit-field .settingsPage .btn-cancel.settingsButton,.settingsPage .edit-field .btn-cancel.settingsButton,.edit-field .toast .btn-cancel.toast-close,.toast .edit-field .btn-cancel.toast-close,.edit-field .playItem .btn-cancel.actionIcon,.playItem .edit-field .btn-cancel.actionIcon{color:var(--error)}.edit-field .btn-icon.btn-cancel:hover,.edit-field .header .header-buttons>a.btn-cancel:hover,.header .edit-field .header-buttons>a.btn-cancel:hover,.edit-field .header .header-buttons>button.btn-cancel:hover,.header .edit-field .header-buttons>button.btn-cancel:hover,.edit-field .btn-cancel.listenButton:hover,.edit-field .btn-cancel.controlButton:hover,.edit-field .settingsPage .btn-cancel.settingsButton:hover,.settingsPage .edit-field .btn-cancel.settingsButton:hover,.edit-field .toast .btn-cancel.toast-close:hover,.toast .edit-field .btn-cancel.toast-close:hover,.edit-field .playItem .btn-cancel.actionIcon:hover,.playItem .edit-field .btn-cancel.actionIcon:hover{color:var(--error);background-color:#ef444426;transform:scale(1.1)}.edit-field .btn-icon.btn-cancel:active,.edit-field .header .header-buttons>a.btn-cancel:active,.header .edit-field .header-buttons>a.btn-cancel:active,.edit-field .header .header-buttons>button.btn-cancel:active,.header .edit-field .header-buttons>button.btn-cancel:active,.edit-field .btn-cancel.listenButton:active,.edit-field .btn-cancel.controlButton:active,.edit-field .settingsPage .btn-cancel.settingsButton:active,.settingsPage .edit-field .btn-cancel.settingsButton:active,.edit-field .toast .btn-cancel.toast-close:active,.toast .edit-field .btn-cancel.toast-close:active,.edit-field .playItem .btn-cancel.actionIcon:active,.playItem .edit-field .btn-cancel.actionIcon:active{transform:scale(.9)}.edit-field.saving .btn-confirm{opacity:.7;cursor:not-allowed;pointer-events:none}.edit-field.saving:after{content:"";border:2px solid var(--border);border-top-color:var(--primary);z-index:4;border-radius:50%;width:.875rem;height:.875rem;margin:-.4375rem 0 0 -.4375rem;animation:1s linear infinite edit-field-spin;position:absolute;top:50%;right:2.25rem}@keyframes edit-field-spin{to{transform:rotate(360deg)}}.cropperInfo{background-color:var(--background-secondary);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.5rem;margin:-.5rem 0 1.5rem;padding:1rem;display:flex}.cropperSizeIndicator{text-align:center;color:var(--text);margin:0;font-size:.875rem}.cropperSizeIndicator strong{color:var(--primary-dark)}.cropperAreaInfo{text-align:center;color:var(--text-secondary);margin:0;font-size:.875rem}.cropperAreaInfo strong{color:var(--text)}.cropperScaleInfo{text-align:center;color:var(--info);margin:0;font-size:.8rem;font-style:italic}.cropperContainer{border:2px solid var(--border);background-color:#333;border-radius:8px;width:100%;height:400px;margin-bottom:1.5rem;position:relative;overflow:hidden}@media (max-width:768px){.cropperContainer{height:300px}}.cropperContainer>div{position:absolute;inset:0}.cropperControls{flex-direction:column;gap:1rem;margin-bottom:1rem;display:flex}.cropperControlGroup{flex-direction:column;gap:.5rem;display:flex}.cropperControlGroup label{color:var(--text);align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;display:flex}.cropperControlGroup input[type=range]{width:100%}.cropperResetButton{width:100%;margin-top:.5rem}.dashboard__user-image{object-fit:cover;filter:grayscale()brightness(.8);cursor:pointer;border-radius:50%;width:48px;height:48px;transition:all .3s}.dashboard__user-image:hover{filter:grayscale(0%)brightness()}.cl-drawerRoot{z-index:99999}.cookie-consent{z-index:9999;font-family:Inter,sans-serif;animation:.4s ease-out slideUp;position:fixed;bottom:0;left:0;right:0}.cookie-consent__container{background:var(--background);border-top:1px solid var(--border);align-items:center;gap:2rem;max-width:100%;margin:0 auto;padding:1.5rem 2rem;display:flex;position:relative;box-shadow:0 -4px 20px #0000001a}.cookie-consent__content{flex:1}.cookie-consent__text{color:var(--text);margin:0;font-size:.9rem;line-height:1.6}.cookie-consent__link{color:var(--accent);font-weight:500;text-decoration:underline;transition:color .2s}.cookie-consent__link:hover{color:var(--primary-hover)}.cookie-consent__actions{flex-shrink:0;gap:1rem;display:flex}.cookie-consent__button{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .2s}.cookie-consent__button--primary{background-color:var(--primary);color:#fff}.cookie-consent__button--primary:hover{background-color:var(--primary-hover)}.cookie-consent__button--secondary{color:var(--text);border:1px solid var(--border);background-color:#0000}.cookie-consent__button--secondary:hover{background-color:var(--background-secondary);border-color:var(--accent)}.cookie-consent__close{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.cookie-consent__close:hover{color:var(--text);background-color:var(--background-secondary)}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.cookie-consent__container{flex-direction:column;align-items:stretch;gap:1.5rem;padding:2.5rem 1.5rem 1.5rem}.cookie-consent__actions{flex-direction:column;width:100%}.cookie-consent__actions button{justify-content:center;width:100%}.cookie-consent__close{top:.75rem;right:.75rem}}