@import url("https://fonts.googleapis.com/css2?family=Akshar:wght@300;400;500;600;700&family=Happy+Monkey&display=swap");:root{--idiom-extractor-form-background:var(--background-dark);--idiom-extractor-form-text-color:var(--text);--idiom-extractor-form-text-area-background:var(--background);--idiom-extractor-form-file-input-background:var(--background);--idiom-extractor-form-button-background:var(--primary)}body{font-family:Happy Monkey,cursive;background-color:var(--background);color:var(--text)}button,h1,h2,h3,h4,h5,h6,label{font-family:Akshar,sans-serif}.idiom-extractor-form{position:relative;width:100%;max-width:600px;margin:0 auto 2rem;padding:2rem;background-color:var(--idiom-extractor-form-background);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);color:var(--text)}.idiom-extractor-form label{display:block;margin-bottom:1rem;font-weight:700;font-size:1.1rem;color:var(--text)}.idiom-extractor-form textarea{width:100%;padding:.75rem;border:1px solid var(--background-darkest);border-radius:4px;resize:vertical;font-size:1rem;line-height:1.5;background-color:var(--background);color:var(--text);font-family:Happy Monkey,cursive;transition:border-color .3s ease,background-color .3s ease}.idiom-extractor-form textarea:focus{outline:none;border-color:var(--accent);background-color:var(--background);color:var(--text)}.idiom-extractor-form input[type=file]{margin-top:1rem;padding:.5rem;border:1px solid var(--background-darkest);border-radius:4px;background-color:var(--background);color:var(--text);font-family:Happy Monkey,cursive}.idiom-extractor-form button{margin-top:1rem;padding:.6rem 1.2rem;background-color:var(--primary);color:white;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-family:Akshar,sans-serif;font-weight:500;transition:background-color .3s ease}.idiom-extractor-form button:hover:not(:disabled){background-color:var(--secondary);color:var(--text)}.idiom-extractor-form button:focus{outline:2px solid var(--accent);outline-offset:2px}.idiom-extractor-form button:disabled{background-color:var(--background-darkest);cursor:not-allowed}.choose-file-label{display:block;margin-bottom:1rem}.choose-file-button{display:inline-block;padding:.6rem 1.2rem;background-color:var(--primary);color:rgb(255,255,255);border:none;border-radius:4px;font-size:1rem;font-family:Akshar,sans-serif;font-weight:500;transition:background-color .3s ease;cursor:pointer}.choose-file-button:hover{background-color:var(--secondary);color:var(--text)}.idiom-extractor-form h3{margin-top:2rem;color:var(--text);font-family:Akshar,sans-serif}.idiom-extractor-form ul{list-style-type:disc;margin-left:1.5rem;color:var(--text)}.idiom-extractor-form p{margin-top:1rem;font-weight:500;color:var(--text)}@media (max-width:640px){.idiom-extractor-form{padding:1rem;margin:5rem 1rem 2rem}}.idiom-extractor-container{position:relative;display:flex;justify-content:center;align-items:flex-start;padding-top:4rem}.settings-button{position:absolute;bottom:1rem;right:1rem;font-size:24px;background:transparent;border:none;cursor:pointer;color:var(--primary)}.settings-card{position:absolute;top:50px;left:10px;width:200px;background:var(--background);border:1px solid var(--background-darkest);border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:1rem;z-index:10}.settings-card h2{margin-top:0;font-size:18px}.settings-card h2,.settings-card label{margin-bottom:10px;color:var(--text);font-family:Akshar,sans-serif}.settings-card label{display:block}.language-selector{width:100%;padding:.5rem;border:1px solid var(--background-darkest);border-radius:4px;background-color:var(--background);color:var(--text);font-family:Happy Monkey,cursive;margin-bottom:1rem}.page-title{text-align:center;font-family:Akshar,sans-serif;font-size:2.5rem;font-weight:600;color:var(--text);margin-bottom:2rem}.about-section{background-color:var(--primary);color:white;padding:1rem;border-radius:4px;margin-top:1rem;max-width:600px;margin-left:auto;margin-right:auto}.about-section-header{display:flex;align-items:center;cursor:pointer;font-family:Akshar,sans-serif}.about-section-content{padding-top:.5rem;font-family:Happy Monkey,cursive}.toggle-list{margin-bottom:1rem;border-radius:6px}.toggle-header{cursor:pointer;display:flex;align-items:center;font-weight:500;padding:.5rem 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle-arrow{color:var(--toggle-arrow-color,#272424);display:inline-block;margin-right:8px;transition:transform .2s}.toggle-arrow.open{transform:rotate(90deg)}.toggle-content{margin-left:1.5rem}