input,select,textarea{font-size:16px;color:#fff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:#1a1a1a;color:#fff;height:100vh;overflow:hidden}.hidden{display:none!important}.screen{width:100%;height:100%;display:flex;flex-direction:column;padding:20px;overflow-y:auto}#setup-screen h1{font-size:24px;margin-bottom:20px;text-align:center;color:gold}.input-group{display:flex;flex-direction:column;margin-bottom:20px;flex-grow:1}.input-group label{margin-bottom:8px;font-weight:700}textarea{width:100%;height:150px;flex-grow:1;padding:15px;border-radius:10px;border:1px solid #444;background-color:#333;resize:none}.settings-panel{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;background:#2a2a2a;padding:15px;border-radius:10px}.setting-item{display:flex;flex-direction:column}.setting-item.full-width{grid-column:1/-1}.setting-item label{font-size:12px;margin-bottom:5px;color:#aaa}input,select{padding:10px;border-radius:8px;border:1px solid #444;background:#444;outline:0}.primary-btn{width:100%;padding:15px;background-color:#28a745;color:#fff;font-size:18px;font-weight:700;border:none;border-radius:10px;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.3)}.primary-btn:active{transform:scale(.98)}#prompter-screen{padding:0;position:relative;background-color:#000;color:#fff}#content-display{padding:40vh 20px 150px;line-height:1.5;text-align:left;white-space:pre-wrap;scroll-behavior:smooth}.active-word{color:#ff3b30;text-decoration:underline;transition:color .2s}.controls{position:fixed;bottom:0;left:0;width:100%;height:80px;background:rgba(0,0,0,.8);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:100;border-top:1px solid #444}.small-btn{background:0 0;border:1px solid #666;color:#ccc;padding:8px 12px;border-radius:6px;font-size:14px}.mic-container{display:flex;flex-direction:column;align-items:center;position:absolute;left:50%;transform:translateX(-50%);top:-30px}.circle-btn{width:70px;height:70px;border-radius:50%;background-color:#333;border:3px solid #555;font-size:30px;color:#fff;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;transition:.3s}.circle-btn.listening{background-color:#ff3b30;border-color:#ff3b30;animation:1.5s infinite pulse}#status-indicator{margin-top:5px;font-size:12px;background:#000;padding:2px 8px;border-radius:10px;opacity:.8}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,59,48,.7)}70%{transform:scale(1.1);box-shadow:0 0 0 10px rgba(255,59,48,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,59,48,0)}}