[data-theme=light]{--neu-bg:#e0e5ec;--neu-shadow-light:#fff;--neu-shadow-dark:#a3b1c6;--neu-text-primary:#2d3748;--neu-text-secondary:#4a5568;--neu-accent:#667eea;--neu-accent-hover:#5568d3;--neu-success:#48bb78;--neu-error:#f56565;--neu-warning:#ed8936;--neu-card-bg:#e0e5ec}[data-theme=dark]{--neu-bg:#2d3748;--neu-shadow-light:#3d4758;--neu-shadow-dark:#1a202c;--neu-text-primary:#f7fafc;--neu-text-secondary:#cbd5e0;--neu-accent:#667eea;--neu-accent-hover:#5568d3;--neu-success:#48bb78;--neu-error:#f56565;--neu-warning:#ed8936;--neu-card-bg:#2d3748}.spotai-app{background-color:var(--neu-bg);color:var(--neu-text-primary);transition:background-color .3s ease,color .3s ease;min-height:100vh}body.spotai-app,html{background-color:var(--neu-bg)!important;margin:0;padding:0;padding-top:0!important}body.spotai-app main{padding-top:0!important;margin-top:0!important}.spotai-app main,.spotai-app main *{color:inherit}.spotai-app main h1,.spotai-app main h2,.spotai-app main h3,.spotai-app main h4,.spotai-app main h5,.spotai-app main h6{color:var(--neu-text-primary)!important}.spotai-app main div,.spotai-app main p,.spotai-app main span{color:inherit}.spotai-app main label{color:var(--neu-text-secondary)!important}.neu-card{background:var(--neu-card-bg);border-radius:20px;box-shadow:8px 8px 16px var(--neu-shadow-dark),-8px -8px 16px var(--neu-shadow-light);padding:1rem;transition:all .3s ease;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;min-height:-webkit-fit-content;min-height:fit-content;overflow:visible}@media (min-width:768px){.neu-card{padding:1.5rem}}.neu-card-inset{background:var(--neu-card-bg);border-radius:20px;box-shadow:inset 4px 4px 8px var(--neu-shadow-dark),inset -4px -4px 8px var(--neu-shadow-light);padding:1rem;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;min-height:-webkit-fit-content;min-height:fit-content}@media (min-width:768px){.neu-card-inset{padding:1.5rem}}.neu-button{background:var(--neu-card-bg);border:none;border-radius:12px;box-shadow:4px 4px 8px var(--neu-shadow-dark),-4px -4px 8px var(--neu-shadow-light);color:var(--neu-text-primary)!important;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.neu-button:hover{box-shadow:2px 2px 4px var(--neu-shadow-dark),-2px -2px 4px var(--neu-shadow-light);transform:translateY(1px)}.neu-button:active{box-shadow:inset 2px 2px 4px var(--neu-shadow-dark),inset -2px -2px 4px var(--neu-shadow-light);transform:translateY(2px)}.neu-button-sm{padding:.45rem .9rem;border-radius:10px}.neu-button-accent{background:#4f46e5!important;color:#fff!important;box-shadow:4px 4px 8px var(--neu-shadow-dark),-4px -4px 8px var(--neu-shadow-light);font-weight:600}.neu-button-accent:hover{background:#4338ca!important;color:#fff!important;box-shadow:2px 2px 4px var(--neu-shadow-dark),-2px -2px 4px var(--neu-shadow-light)}.neu-button-error{background:var(--neu-error)!important;color:#fff!important;box-shadow:4px 4px 8px var(--neu-shadow-dark),-4px -4px 8px var(--neu-shadow-light);font-weight:600}.neu-button-error:hover{background:#e53e3e!important;color:#fff!important;box-shadow:2px 2px 4px var(--neu-shadow-dark),-2px -2px 4px var(--neu-shadow-light)}.neu-input{background:var(--neu-card-bg);border:2px solid #0000;border-radius:12px;box-shadow:inset 4px 4px 8px var(--neu-shadow-dark),inset -4px -4px 8px var(--neu-shadow-light);color:var(--neu-text-primary)!important;padding:.75rem 1rem;transition:all .2s ease;width:100%;font-size:1rem;font-weight:500}.neu-input:focus{outline:none;border-color:var(--neu-accent);box-shadow:inset 2px 2px 4px var(--neu-shadow-dark),inset -2px -2px 4px var(--neu-shadow-light),0 0 0 3px #4f46e51a}.neu-input::placeholder{color:var(--neu-text-secondary);opacity:.6}.neu-select{background:var(--neu-card-bg);border:none;border-radius:12px;box-shadow:inset 4px 4px 8px var(--neu-shadow-dark),inset -4px -4px 8px var(--neu-shadow-light);color:var(--neu-text-primary);padding:.75rem 1rem;transition:all .2s ease;width:100%;cursor:pointer}.neu-select:focus{outline:none;box-shadow:inset 2px 2px 4px var(--neu-shadow-dark),inset -2px -2px 4px var(--neu-shadow-light),0 0 0 2px var(--neu-accent)}.neu-icon-button{background:var(--neu-card-bg);border:none;border-radius:50%;box-shadow:4px 4px 8px var(--neu-shadow-dark),-4px -4px 8px var(--neu-shadow-light);color:var(--neu-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;transition:all .2s ease;width:2.5rem;height:2.5rem}.neu-icon-button:hover{box-shadow:2px 2px 4px var(--neu-shadow-dark),-2px -2px 4px var(--neu-shadow-light)}.neu-icon-button:active{box-shadow:inset 2px 2px 4px var(--neu-shadow-dark),inset -2px -2px 4px var(--neu-shadow-light)}.neu-badge{border-radius:20px;box-shadow:2px 2px 4px var(--neu-shadow-dark),-2px -2px 4px var(--neu-shadow-light);display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.neu-badge,.neu-modal{background:var(--neu-card-bg)}.neu-modal{border-radius:24px;box-shadow:12px 12px 24px var(--neu-shadow-dark),-12px -12px 24px var(--neu-shadow-light);padding:2rem;max-width:90vw;max-height:90vh;overflow-y:auto}.neu-modal-overlay{background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.neu-divider{background:var(--neu-card-bg);border:none;height:1px;box-shadow:0 1px 2px var(--neu-shadow-dark),0 -1px 2px var(--neu-shadow-light);margin:1.5rem 0}.neu-text-primary{color:var(--neu-text-primary)!important}.neu-text-secondary{color:var(--neu-text-secondary)!important}.neu-text-accent{color:var(--neu-accent)!important;font-weight:600}.neu-status-success{color:var(--neu-success)!important;font-weight:600}.neu-status-error{color:var(--neu-error)!important;font-weight:600}.neu-status-warning{color:var(--neu-warning)!important;font-weight:600}*{transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.neu-card,.neu-card-inset,.neu-modal{color:var(--neu-text-primary)!important;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.neu-card *,.neu-card-inset *,.neu-modal *{max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.neu-card h1,.neu-card h2,.neu-card h3,.neu-card h4,.neu-card h5,.neu-card h6,.neu-card-inset h1,.neu-card-inset h2,.neu-card-inset h3,.neu-card-inset h4,.neu-card-inset h5,.neu-card-inset h6,.neu-modal h1,.neu-modal h2,.neu-modal h3,.neu-modal h4,.neu-modal h5,.neu-modal h6{color:var(--neu-text-primary)!important}.neu-card div,.neu-card p,.neu-card span,.neu-card-inset div,.neu-card-inset p,.neu-card-inset span,.neu-modal div,.neu-modal p,.neu-modal span{color:inherit}[data-theme=light] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=light] ::-webkit-scrollbar-track{background:var(--neu-bg);border-radius:10px}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--neu-shadow-dark);border-radius:10px;box-shadow:inset 2px 2px 4px var(--neu-shadow-dark),inset -2px -2px 4px var(--neu-shadow-light)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--neu-text-secondary)}[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--neu-bg);border-radius:10px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--neu-shadow-dark);border-radius:10px;box-shadow:inset 2px 2px 4px var(--neu-shadow-dark),inset -2px -2px 4px var(--neu-shadow-light)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--neu-text-secondary)}.neu-timer-overlay{position:relative;width:100%;height:18px;background:var(--neu-card-bg);box-shadow:inset 2px 2px 4px var(--neu-shadow-dark),inset -2px -2px 4px var(--neu-shadow-light);overflow:hidden}@media (min-width:768px){.neu-timer-overlay{height:20px}}.neu-timer-progress{position:absolute;top:0;right:0;height:100%;border-radius:0 0 0 6px;box-shadow:inset -2px -2px 4px #0000001a;transition:width 1s linear,background-color .3s ease}.neu-timer-text{position:absolute;top:50%;right:1rem;transform:translateY(-50%);color:var(--neu-text-primary);font-weight:700;font-size:1rem;text-shadow:2px 2px 4px var(--neu-shadow-dark),-1px -1px 2px var(--neu-shadow-light);pointer-events:none;animation:pulse .5s ease-in-out infinite;z-index:10}@media (min-width:768px){.neu-timer-text{font-size:1.125rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}