*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:#0f0f12;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#f1f5f9}h1{font-size:1.35rem;font-weight:600;margin-bottom:1rem;color:#fff}label{font-size:.85rem;color:#cbd5e1;margin-bottom:.3rem;display:block}.input{width:100%;padding:.85rem;background:#25272e;border:1px solid #3b3d45;border-radius:.6rem;color:#fff;font-size:1rem;margin-bottom:1.25rem;transition:border-color .2s ease,background .2s ease}.input::placeholder{color:#9ca3af}.input:focus{outline:none;border-color:#0284c7;background:#2e3038}.button{width:100%;padding:.9rem;border:none;border-radius:.6rem;background:#0284c7;color:#fff;font-size:1.05rem;font-weight:600;cursor:pointer;transition:background .25s ease,transform .1s ease}.button:hover{background:#039be5}.button:active{transform:scale(.97)}.button-orange{background:#f97316}.button-orange:hover{background:#fb923c}.suggestion-list{background:#1f2127;border:1px solid #3b3d45;border-radius:.5rem;margin-top:-.5rem;margin-bottom:1rem;overflow:hidden}.suggestion-item{padding:.75rem;cursor:pointer;color:#fff}.suggestion-item:hover{background:#2a2d35}.fade-in{animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}input:-webkit-autofill{background-color:#25272e!important;color:#fff!important;-webkit-box-shadow:0 0 0px 1000px #25272e inset!important;box-shadow:0 0 0 1000px #25272e inset!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:#ffffff!important;transition:background-color 9999s ease-in-out 0s}.input-row{display:flex;align-items:center;background:#25272e;border:1px solid #3b3d45;border-radius:.6rem;padding:.75rem;margin-bottom:1.25rem;gap:.75rem;transition:border-color .2s ease,background .2s ease;margin-top:.25rem}.input-row:focus-within{border-color:#0284c7;background:#2e3038}.input-row svg{flex-shrink:0}.input-row input{background:transparent;border:none;flex:1;padding:0;font-size:1rem;color:#fff}.input-row input:focus{outline:none;stroke:#60a5fa}.app-shell{min-height:100vh;display:flex;justify-content:center;background:transparent}.app-inner{width:100%;max-width:480px;min-height:100vh;background:#1b1d22;display:flex;flex-direction:column;border-left:1px solid #26282e;border-right:1px solid #26282e}.app-header{height:90px;padding:0 1rem;border-bottom:1px solid #26282e;display:flex;justify-content:center;align-items:center;background:#1b1d22;border-bottom:2px solid #F97316}.app-logo{max-width:300px;opacity:.95}.app-content{flex:1;padding:1.35rem;display:flex;flex-direction:column;color:#fff;min-height:0}.transcript-container{display:flex;flex-direction:column;gap:1rem;animation:fadeIn .35s ease;flex:1;min-height:0;padding:1rem}.screen-fade{animation:fadeIn .35s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.transcript-textarea{width:100%;min-height:300px;background:#1e293b;color:#e2e8f0;border:1px solid #334155;border-radius:10px;padding:1rem;font-size:1rem;line-height:1.6;font-family:Inter,system-ui,sans-serif;resize:vertical;flex:1;min-height:0}.transcript-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.transcript-btn{display:block;width:100%;text-align:center;background:linear-gradient(135deg,#ef8234,#f99545);color:#fff!important;border:none!important;border-radius:10px!important;padding:.9rem 1.3rem!important;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .15s ease,opacity .15s ease;box-shadow:0 2px 6px #00000040}.transcript-btn:disabled{opacity:.55!important;cursor:not-allowed!important}.transcript-btn:hover:not(:disabled){transform:translateY(-2px)}