*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background-color:#4e7ed9;color:#fff;height:100%;width:100%;display:flex;justify-content:center;align-items:center}.container{width:70%;padding:1.5rem;border-radius:20px;text-align:center;background-color:transparent;margin:0 auto;align-items:center;justify-content:center}h1{font-size:4rem;color:#4e7ed9;text-shadow:-2px -2px 0 #ffffff,2px -2px 0 #ffffff,-2px 2px 0 #ffffff,2px 2px 0 #ffffff;font-weight:700;text-transform:uppercase;letter-spacing:.1rem;margin:0;padding-top:.5rem}p.subtitle{font-size:1.2rem;color:#000;font-style:italic;font-family:Comic Sans MS,"Cursive",sans-serif;margin:.2rem 0 1rem;text-align:center}.form-group{margin-bottom:1rem;width:40%;align-items:center;justify-content:center}.form-group2{margin-bottom:1rem;width:100%;align-items:center;justify-content:center}input,select,button{width:100%;padding:.8rem;border-radius:8px;border:none;margin-top:.3rem;font-size:.9rem;background-color:#fff;font-family:Comic Sans MS,"Cursive",sans-serif;color:#000}input[type=file]{display:none}.file-label{display:inline-block;padding:.8rem;border:2px dashed #FFFFFF;cursor:pointer;color:#fff;text-align:center;font-size:.9rem;background-color:transparent;width:100%;margin-top:1rem}button{background-color:#61dafb;color:#121212;font-size:1rem;cursor:pointer;border-radius:10px;margin-top:1rem}.clean-btn:hover,.process-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #0003}.clean-btn,.process-btn{width:40%;font-size:.9rem;padding:.6rem}.clean-btn{background-color:#ffdb58;color:#000;width:10%;margin-right:50%;border:1px solid #000}.clean-btn2{background-color:#ffdb58;color:#000;width:340px;max-width:calc(100vw - 32px);margin-right:50%;border:1px solid #000;white-space:nowrap}.process-btn{background-color:#bdfcc9;color:#000;width:10%;border:1px solid #000}.process-btn2{background-color:#bdfcc9;color:#000;width:30%;border:1px solid #000}button:disabled{background-color:#ddd;cursor:not-allowed}p{color:#fff;margin-top:1rem;font-family:Comic Sans MS,"Cursive",sans-serif}.speaker-group{display:flex;justify-content:space-between;gap:1rem}.speaker-group .form-group{flex:1;margin-right:.5rem}.speaker-group .form-group:last-child{margin-right:0}.file-label{display:flex;align-items:center;justify-content:center;border:2px dashed #ccc;padding:20px;cursor:pointer;margin-bottom:10px}.file-label-selected{display:flex;align-items:center;justify-content:center;border:2px dashed #ccc;padding:20px;margin-bottom:10px}.file-name{font-size:16px;color:#333}.login-container{margin-bottom:-20px;background-color:#fff;box-shadow:5px 5px 15px #0000004d;padding:20px;border-radius:10px;z-index:1}h2{font-family:Comic Sans MS,"Cursive",sans-serif;color:#000}.custom-google-button{background-color:#4285f4;color:#fff;border:none;padding:10px 20px;border-radius:5px;font-size:16px;cursor:pointer}.custom-google-button:hover{background-color:#357ae8}.menu-option{font-family:Comic Sans MS,"Cursive",sans-serif;font-size:1.2rem;color:#fff;border:1px solid #000}.menu-option:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #0003;background-color:#fff;color:#000}.generate-transcript-page{width:min(92vw,1120px)}.simple-srt-form{max-width:960px;margin:3.5rem auto 0}.translate-ai-page{display:flex;flex-direction:column;align-items:center}.translate-ai-form{width:min(100%,360px);margin:1.5rem auto 0}.translate-ai-form .form-group2{display:flex;flex-direction:column;align-items:center;text-align:center}.translate-ai-form .input-short,.translate-ai-form .file-label,.translate-ai-form .file-label-selected{width:100%}.translate-ai-form .process-btn2{display:block;width:120px;margin:1rem auto 0}.simple-srt-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.4rem;padding:.85rem;border-radius:18px;background:#f7f8ffe0;box-shadow:0 18px 45px #1f3c8029}.simple-srt-tab{min-height:96px;margin:0;padding:1rem;color:#5b67d8;background:#f0f1f3;border:2px solid transparent;border-radius:14px;font-family:Comic Sans MS,"Cursive",sans-serif;font-size:clamp(1rem,1.8vw,1.45rem);font-weight:700;line-height:1.15;text-shadow:0 2px 4px rgba(0,0,0,.16);box-shadow:none}.simple-srt-tab:hover{border-color:#677ce873}.simple-srt-tab.active{color:#fff;background:linear-gradient(135deg,#677ce8,#794ea7);border-color:transparent;box-shadow:0 12px 26px #5c52aa38}.simple-srt-panel{padding:clamp(1.5rem,3vw,2.6rem);border-radius:22px;background:#f7f8ff;box-shadow:0 18px 45px #1f3c8029}.simple-srt-panel-heading{max-width:720px;margin:0 auto 1.8rem;text-align:center}.simple-srt-panel-heading h2{margin:0 0 .5rem;color:#6670df;font-family:Comic Sans MS,"Cursive",sans-serif;font-size:clamp(1.6rem,3vw,2.4rem);text-shadow:0 3px 6px rgba(71,81,185,.22)}.simple-srt-panel-heading p{margin:0;color:#666;font-family:Comic Sans MS,"Cursive",sans-serif;font-size:clamp(.95rem,1.6vw,1.2rem)}.simple-srt-upload-group{margin:0 auto 1.5rem}.simple-srt-form .file-label,.simple-srt-form .file-label-selected{display:flex;flex-direction:column;width:min(560px,100%);min-height:170px;margin:0 auto;border:3px dashed #bbc9ff;border-radius:18px;background:#fbfcff;color:#000;font-family:Comic Sans MS,"Cursive",sans-serif;font-size:clamp(1.1rem,1.8vw,1.45rem);font-weight:700;gap:.9rem;box-shadow:0 16px 45px #6478dc26}.simple-srt-form .file-label-selected{border-style:solid;border-color:#17b780;background:#ddfff0;color:#00684e}.simple-srt-form .file-name{margin:0;color:inherit;font-size:clamp(1rem,1.6vw,1.25rem)}.simple-srt-form .file-icon{color:#667ce8;font-size:3.2rem!important;filter:drop-shadow(0 5px 8px rgba(57,84,200,.24))}.simple-srt-form .file-label-selected .file-icon{color:#008765}.simple-srt-settings{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.8fr);gap:1rem;align-items:stretch;margin-top:1rem}.simple-srt-setting-card{margin:0;padding:1.2rem;border:2px solid #d7defc;border-radius:16px;background:#fff;box-shadow:0 10px 26px #505e961f}.simple-srt-form .form-label{display:block;margin-bottom:.9rem;color:#5b67d8;font-family:Comic Sans MS,"Cursive",sans-serif;font-size:1.05rem;font-weight:700;text-align:center}.simple-srt-form .input-short{display:block;width:min(100%,220px);margin:0 auto;border:2px solid #c8d3ff;color:#000;font-family:Comic Sans MS,"Cursive",sans-serif;font-size:1.2rem;font-weight:700}.simple-srt-time-inputs{display:flex;align-items:end;justify-content:center;gap:.45rem}.simple-srt-time-inputs label{display:flex;flex-direction:column;align-items:center;gap:.45rem;color:#5b67d8;font-family:Comic Sans MS,"Cursive",sans-serif;font-size:.82rem;font-weight:700}.simple-srt-time-inputs input{width:58px;margin:0;padding:.55rem .35rem;border:2px solid #c8d3ff;border-radius:10px;color:#5b67d8;font-family:Comic Sans MS,"Cursive",sans-serif;font-size:1.05rem;font-weight:700;text-align:center}.simple-srt-time-inputs label:last-child input{width:76px}.simple-srt-time-separator{padding-bottom:.58rem;color:#5b67d8;font-size:1.2rem;font-weight:700}.simple-srt-actions{position:relative;min-height:64px;margin-top:1.5rem}.simple-srt-form .process-btn2{display:flex;align-items:center;justify-content:center;width:min(620px,100%);min-height:64px;margin:0 auto;border:0;border-radius:999px;background:linear-gradient(135deg,#bdfcc9,#8ff0c0);color:#003b2b;font-family:Comic Sans MS,"Cursive",sans-serif;font-size:clamp(1rem,1.7vw,1.35rem);font-weight:700;box-shadow:0 16px 30px #17b78033}.simple-srt-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;min-width:180px;gap:10px;padding:10px 18px;border:1px solid #333;border-radius:10px;background:#e0e0e0;color:#333;font-weight:700;z-index:2}@media (max-width: 760px){.simple-srt-form{margin-top:2.5rem}.simple-srt-tabs{grid-template-columns:1fr;gap:.75rem}.simple-srt-tab{width:100%;min-height:74px}.simple-srt-settings{grid-template-columns:1fr}.simple-srt-time-inputs{flex-wrap:wrap}}.rtf-tools-page{width:min(78vw,980px);margin:6.5rem auto 3rem;color:#2f2f2f;font-family:Comic Sans MS,"Cursive",sans-serif}.rtf-tools-title{width:100%;color:#4e7ed9;text-shadow:-2px -2px 0 #ffffff,2px -2px 0 #ffffff,-2px 2px 0 #ffffff,2px 2px 0 #ffffff;text-transform:uppercase;letter-spacing:.1rem;font-size:clamp(3rem,6vw,4rem);font-family:Arial,sans-serif;font-weight:700;margin:0 auto 2rem;text-align:center}.rtf-tabs-shell,.rtf-panel{background:#f7f8ff;border-radius:18px;box-shadow:0 18px 45px #1f3c8029}.rtf-tabs-shell{padding:.75rem;margin-bottom:2.4rem}.rtf-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px;margin:0 auto}.rtf-tab{min-height:62px;margin:0;border:0;border-radius:7px;background:#f0f1f3;color:#5b67d8;font-family:Comic Sans MS,"Cursive",sans-serif;font-size:clamp(1rem,1.7vw,1.3rem);font-weight:700;line-height:1.25;text-shadow:0 2px 4px rgba(0,0,0,.18)}.rtf-tab.active{color:#fff;background:linear-gradient(135deg,#677ce8,#794ea7)}.rtf-panel{padding:clamp(2rem,3.2vw,3.4rem)}.rtf-panel h2{color:#6670df;font-family:Comic Sans MS,"Cursive",sans-serif;font-size:clamp(1.45rem,2.5vw,2rem);text-align:center;text-shadow:0 3px 6px rgba(71,81,185,.22);margin:0 0 1.1rem}.rtf-panel-description{max-width:760px;margin:0 auto 2.5rem;color:#666;font-family:Comic Sans MS,"Cursive",sans-serif;font-size:clamp(.95rem,1.5vw,1.2rem);line-height:1.45;text-align:center}.rtf-process-form{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.rtf-upload-box{display:flex;width:min(450px,100%);min-height:150px;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;border:3px dashed #bbc9ff;border-radius:16px;background:#fbfcff;color:#000;cursor:pointer;font-family:Comic Sans MS,"Cursive",sans-serif;font-size:clamp(1rem,1.6vw,1.35rem);font-weight:700;box-shadow:0 16px 45px #6478dc26}.rtf-upload-icon{color:#667ce8;font-size:3rem!important;filter:drop-shadow(0 5px 8px rgba(57,84,200,.24))}.rtf-selected-file{display:flex;flex-direction:column;gap:.6rem;width:min(450px,100%);padding:.9rem 1.4rem;border:2px solid #17b780;border-radius:14px;background:#ddfff0;color:#00684e;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:700;text-align:center;box-shadow:0 12px 34px #17b78029}.rtf-time-offset{width:min(450px,100%);margin:.8rem auto 1rem;color:#5b67d8;text-align:center}.rtf-time-offset h3{margin:0 0 1rem;color:#5b67d8;font-size:clamp(1.15rem,1.8vw,1.45rem);text-shadow:0 2px 4px rgba(71,81,185,.18)}.rtf-time-inputs{display:flex;align-items:end;justify-content:center;gap:.6rem;padding:1.2rem 1.4rem;border:2px solid #c8d3ff;border-radius:16px;background:#fbfcff;box-shadow:0 16px 45px #6478dc1f}.rtf-time-inputs label{display:flex;flex-direction:column;align-items:center;gap:.55rem;color:#5b67d8;font-size:clamp(.8rem,1.25vw,1rem);font-weight:700}.rtf-time-inputs input{width:58px;margin:0;padding:.55rem .35rem;border:2px solid #c8d3ff;border-radius:10px;color:#5b67d8;font-family:Comic Sans MS,"Cursive",sans-serif;font-size:1.1rem;font-weight:700;text-align:center}.rtf-time-inputs label:last-child input{width:74px}.rtf-time-separator{padding-bottom:.62rem;color:#5b67d8;font-size:1.2rem;font-weight:700}.rtf-process-button{display:flex;width:min(760px,100%);min-height:62px;align-items:center;justify-content:center;gap:1rem;margin-top:.6rem;border:0;border-radius:999px;background:linear-gradient(135deg,#667ce8,#794ea7);color:#fff;font-family:Comic Sans MS,"Cursive",sans-serif;font-size:clamp(1rem,1.8vw,1.45rem);font-weight:700;text-shadow:0 4px 8px rgba(0,0,0,.26);box-shadow:0 18px 38px #5a5bb433}.rtf-process-button:disabled{background:linear-gradient(135deg,#8f9ce9,#9070bc)}.rtf-result-card{margin:3rem auto 0;padding:clamp(1.8rem,4vw,3.4rem);border:3px solid #17b780;border-radius:24px;background:#dcffef;color:#00745a;box-shadow:0 18px 45px #17b78029}.rtf-result-card h3{margin:0 0 2.4rem;color:#00684e;font-size:clamp(1.8rem,3vw,2.7rem);text-align:center;text-shadow:0 3px 6px rgba(0,104,78,.2)}.rtf-result-row{display:flex;gap:.75rem;padding:1.1rem 0;border-bottom:1px solid rgba(23,183,128,.25);color:#00745a;font-size:clamp(1.05rem,1.8vw,1.45rem);line-height:1.35}.rtf-result-row:last-child{border-bottom:0}.rtf-result-row strong{flex:0 0 auto;color:#00684e}.rtf-message{color:#b00020;font-size:1.3rem;text-align:center}.rtf-empty-tab{min-height:360px;display:flex;flex-direction:column;justify-content:center}@media (max-width: 760px){.rtf-tools-page{margin-top:4rem}.rtf-tabs{grid-template-columns:1fr}.rtf-tab{min-height:90px}.rtf-upload-box{min-height:220px}.rtf-time-inputs{flex-wrap:wrap}.rtf-result-row{flex-direction:column}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}