.site-header{background:#fff;border:3px solid #1e293b;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;box-shadow:6px 6px #1e293b}.logo-container{align-items:center;gap:.75rem;display:flex}.logo{width:auto;height:36px}.brand-name{letter-spacing:-.5px;font-size:1.25rem;font-weight:600}.nav-link{color:#1e293b;background-color:#fde047;border:2px solid #1e293b;border-radius:8px;padding:.5rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .1s,box-shadow .1s;box-shadow:3px 3px #1e293b}.nav-link:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #1e293b}.nav-link:active{transform:translate(2px,2px);box-shadow:0 0 #1e293b}
.site-footer{background:#fff;border:3px solid #1e293b;border-radius:12px;justify-content:space-between;align-items:center;margin-top:1rem;padding:1rem 1.5rem;display:flex;box-shadow:6px 6px #1e293b}.copyright{color:#1e293b;margin:0;font-size:.95rem;font-weight:600}.footer-link{color:#1e293b;border-bottom:3px solid #4ade80;padding-bottom:2px;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s}.footer-link:hover{color:#22c55e;border-color:#22c55e}
.photon-container{text-align:center;background:#fff;border:3px solid #1e293b;border-radius:16px;flex-direction:column;gap:1.5rem;padding:3rem 2.5rem;display:flex;box-shadow:8px 8px #1e293b}.photon-title{letter-spacing:-1px;color:#fde047;-webkit-text-stroke:3px #1e293b;text-shadow:6px 6px #1e293b;margin:0;font-size:3.5rem;font-weight:800;transform:rotate(-2deg)}.photon-subtitle{color:#64748b;margin:-1rem 0 .5rem;font-size:1.1rem;font-weight:400}.text-input{resize:vertical;background-color:#f8fafc;border:3px solid #1e293b;border-radius:12px;outline:none;width:100%;height:160px;padding:1.25rem;font-family:inherit;font-size:1.1rem;transition:background-color .2s,border-color .2s}.text-input:focus{background-color:#fff;border-color:#3b82f6}.emit-button{color:#1e293b;cursor:pointer;background-color:#4ade80;border:3px solid #1e293b;border-radius:12px;padding:1.25rem 2rem;font-family:inherit;font-size:1.25rem;font-weight:600;transition:transform .1s,box-shadow .1s,background-color .2s;box-shadow:5px 5px #1e293b}.emit-button:hover:not(:disabled){background-color:#22c55e;transform:translate(-2px,-2px);box-shadow:7px 7px #1e293b}.emit-button:active:not(:disabled){transform:translate(3px,3px);box-shadow:0 0 #1e293b}.emit-button:disabled{cursor:not-allowed;color:#94a3b8;background-color:#e2e8f0;transform:translate(2px,2px);box-shadow:3px 3px #1e293b}.custom-dropdown{text-align:left;width:100%;position:relative}.dropdown-trigger{color:#1e293b;cursor:pointer;background-color:#fde047;border:3px solid #1e293b;border-radius:12px;outline:none;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.25rem;font-family:inherit;font-size:1.1rem;font-weight:600;transition:transform .1s,box-shadow .1s,background-color .2s;display:flex;box-shadow:4px 4px #1e293b}.dropdown-trigger:focus,.dropdown-trigger:hover:not(:disabled){background-color:#fff;border-color:#3b82f6}.dropdown-trigger:disabled{color:#94a3b8;cursor:not-allowed;background-color:#e2e8f0;transform:translate(2px,2px);box-shadow:2px 2px #1e293b}.dropdown-arrow{font-size:.8rem;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-options{z-index:100;background-color:#fff;border:3px solid #1e293b;border-radius:12px;max-height:250px;margin-top:.5rem;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:6px 6px #1e293b}.dropdown-item{color:#1e293b;cursor:pointer;border-bottom:2px solid #f1f5f9;padding:.8rem 1.25rem;font-size:1rem;font-weight:600;transition:background-color .1s}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:#fde047}.dropdown-item.selected{color:#1e293b;background-color:#4ade80}.dropdown-options::-webkit-scrollbar{width:12px}.dropdown-options::-webkit-scrollbar-track{background:#f1f5f9;border-left:2px solid #1e293b;border-radius:0 8px 8px 0}.dropdown-options::-webkit-scrollbar-thumb{background-color:#1e293b;border:3px solid #f1f5f9;border-radius:8px}.dropdown-search-wrapper{z-index:2;background-color:#fff;border-bottom:3px solid #1e293b;margin:0;padding:.8rem;list-style:none;position:sticky;top:0}.dropdown-search-input{background-color:#f8fafc;border:3px solid #1e293b;border-radius:8px;outline:none;width:100%;padding:.6rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,background-color .2s}.dropdown-search-input:focus{background-color:#fff;border-color:#3b82f6}.no-results{color:#64748b;text-align:center;cursor:default;font-weight:400}.no-results:hover{background-color:#0000}.hidden-audio{display:none}.custom-audio-card{text-align:left;background:#fff;border:3px solid #1e293b;border-radius:20px;margin-top:1rem;overflow:hidden;box-shadow:6px 6px #1e293b}.audio-card-header{padding:1.5rem 1.5rem 1rem}.audio-card-title{color:#1e293b;margin:0 0 .5rem;font-size:1.4rem;font-weight:700}.status-badge{color:#10b981;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;display:inline-flex}.waveform-container{background:#f8fafc;border-top:2px solid #f1f5f9;border-bottom:2px solid #f1f5f9;justify-content:center;align-items:center;gap:6px;height:120px;padding:2rem;display:flex}.waveform-bar{transform-origin:50%;background:linear-gradient(#f59e0b,#fbbf24);border-radius:10px;width:8px;transition:transform .2s}@keyframes pulseWave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.2)}}.waveform-bar.animating{animation:1s ease-in-out infinite pulseWave}.audio-card-footer{text-align:center;padding:1.5rem}.audio-language{color:#475569;margin:0 0 1.5rem;font-size:1.1rem}.audio-language strong{color:#1e293b;font-weight:800}.audio-controls{justify-content:center;gap:1rem;display:flex}.control-btn{cursor:pointer;border:none;border-radius:30px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-family:inherit;font-size:1.1rem;font-weight:700;text-decoration:none;transition:transform .1s,filter .2s;display:flex}.control-btn:hover{filter:brightness(.9)}.control-btn:active{transform:scale(.96)}.play-btn{color:#fff;background-color:#2563eb;box-shadow:0 4px 14px #2563eb4d}.download-btn{color:#fff;background-color:#f59e0b;box-shadow:0 4px 14px #f59e0b4d}