#header{display:flex;z-index:5;position:fixed;width:100%;padding:16px 40px;justify-content:space-between;align-items:center;background:var(--header);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);transition:all .3s ease}#header[data-variant=spotify-dark]{--header:rgba(7,20,13,.92);--background:rgba(5,14,9,.95);--border-color:rgba(30,215,96,.25);--font-color:#ecfdf5;--font-secondary:rgba(209,250,229,.72);--nav-color:rgba(222,255,237,.82);--blue-font:#22c55e;--blue-font-hover:#16a34a;--blue-hover:rgba(34,197,94,.14);--card-background:rgba(9,26,16,.95);--card-shadow:0 18px 38px -16px rgba(15,118,60,.5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}#header[data-variant=spotify-dark] .burger-menu a:active,#header[data-variant=spotify-dark] .burger-menu a:hover{background-color:rgba(34,197,94,.12)}#header[data-variant=spotify-dark] .log-out{border-color:rgba(209,250,229,.25)}#header[data-variant=spotify-dark] .log-out:hover{border-color:#22c55e;background:rgba(34,197,94,.12)}#header[data-variant=spotify-dark] .language-select select{background:rgba(6,18,11,.78)}#header[data-variant=apple-dark]{--header:rgba(32,18,52,.9);--background:rgba(22,10,40,.94);--border-color:rgba(168,85,247,.25);--font-color:#f6f3ff;--font-secondary:rgba(221,214,254,.72);--nav-color:rgba(233,224,255,.82);--blue-font:#a855f7;--blue-font-hover:#9333ea;--blue-hover:rgba(168,85,247,.14);--card-background:rgba(33,16,58,.96);--card-shadow:0 18px 38px -16px rgba(91,33,182,.55);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}#header[data-variant=apple-dark] .burger-menu a:active,#header[data-variant=apple-dark] .burger-menu a:hover{background-color:rgba(168,85,247,.12)}#header[data-variant=apple-dark] .log-out{border-color:rgba(221,214,254,.25)}#header[data-variant=apple-dark] .log-out:hover{border-color:#a855f7;background:rgba(168,85,247,.12)}#header[data-variant=apple-dark] .language-select select{background:rgba(28,14,48,.78)}#header[data-variant=spotify-light]{--header:hsla(0,0%,100%,.92);--background:rgba(249,250,251,.95);--border-color:rgba(34,197,94,.35);--font-color:#064e3b;--font-secondary:rgba(5,46,22,.72);--nav-color:rgba(6,78,59,.82);--blue-font:#16a34a;--blue-font-hover:#15803d;--blue-hover:rgba(34,197,94,.14);--card-background:hsla(0,0%,100%,.95);--card-shadow:0 18px 38px -16px rgba(15,118,60,.35);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}#header[data-variant=spotify-light] .burger-menu a:active,#header[data-variant=spotify-light] .burger-menu a:hover{background-color:rgba(34,197,94,.12)}#header[data-variant=spotify-light] .log-out{border-color:rgba(34,197,94,.35)}#header[data-variant=spotify-light] .log-out:hover{border-color:#16a34a;color:#16a34a;background:rgba(34,197,94,.12)}#header[data-variant=spotify-light] .language-select select{background:rgba(249,250,251,.78)}#header[data-variant=spotify-light] .sign-in-button{background:linear-gradient(135deg,#22c55e,#0ea5e9);box-shadow:0 18px 36px -16px rgba(14,116,53,.45)}#header[data-variant=apple-light]{--header:hsla(0,0%,100%,.9);--background:rgba(250,245,255,.94);--border-color:rgba(168,85,247,.35);--font-color:#581c87;--font-secondary:rgba(88,28,135,.72);--nav-color:rgba(107,33,168,.82);--blue-font:#9333ea;--blue-font-hover:#7e22ce;--blue-hover:rgba(168,85,247,.14);--card-background:hsla(0,0%,100%,.96);--card-shadow:0 18px 38px -16px rgba(91,33,182,.4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}#header[data-variant=apple-light] .burger-menu a:active,#header[data-variant=apple-light] .burger-menu a:hover{background-color:rgba(168,85,247,.12)}#header[data-variant=apple-light] .log-out{border-color:rgba(168,85,247,.35)}#header[data-variant=apple-light] .log-out:hover{border-color:#9333ea;color:#9333ea;background:rgba(168,85,247,.12)}#header[data-variant=apple-light] .language-select select{background:rgba(250,245,255,.78)}#header[data-variant=apple-light] .sign-in-button{background:linear-gradient(135deg,#a855f7,#6366f1);box-shadow:0 18px 36px -16px rgba(88,28,135,.45)}#header>a{text-decoration:none;display:flex;align-items:center;gap:10px;color:var(--font-color);font-size:20px;font-weight:600;line-height:1;letter-spacing:-.5px;transition:color .2s ease}#header>a>img{width:40px;height:40px;transition:filter .3s ease}#header[data-variant=spotify-dark]>a>img,#header[data-variant=spotify-light]>a>img{filter:brightness(1.1) saturate(1.5) hue-rotate(-60deg)}#header[data-variant=apple-dark]>a>img,#header[data-variant=apple-light]>a>img{filter:brightness(1.2) saturate(2) hue-rotate(60deg)}#header>a:hover{color:var(--blue-font)}#header>nav{display:flex;align-items:center;gap:32px}#header>nav>a{text-decoration:none;color:var(--nav-color);font-size:15px;font-weight:500;transition:color .2s ease;position:relative}#header>nav>a:hover{color:var(--blue-font)}#header>nav>a:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:50%;background-color:var(--blue-font);transition:all .3s ease;transform:translateX(-50%)}#header>nav>a:hover:after{width:100%}.sign-in-button{padding:10px 24px;display:inline-flex;justify-content:center;align-items:center;border-radius:999px;background:linear-gradient(135deg,#38bdf8,#6366f1);border:none;font-family:inherit;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .25s ease,filter .2s ease;white-space:nowrap;box-shadow:0 18px 36px -18px rgba(79,70,229,.45)}.sign-in-button:hover{transform:translateY(-1px);box-shadow:0 22px 42px -18px rgba(79,70,229,.55);filter:brightness(1.05)}.sign-in-button:active{transform:translateY(0);filter:brightness(.96)}.burger-menu .log-out,.burger-menu .sign-in-button{width:100%;max-width:320px}.burger-menu .log-out,.burger-menu .sign-in-button{margin-top:12px}.log-out{border-radius:999px;padding:10px 24px;border:1px solid var(--border-color);background:transparent;color:var(--font-color);font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease,transform .2s ease;white-space:nowrap}.log-out:hover{border-color:var(--blue-font);color:var(--blue-font);background:var(--blue-hover);transform:translateY(-1px)}.log-out:active{transform:translateY(0)}#header[data-variant=spotify-dark] .sign-in-button{background:linear-gradient(135deg,#22c55e,#0ea5e9);box-shadow:0 18px 36px -16px rgba(14,116,53,.45)}#header[data-variant=apple-dark] .sign-in-button{background:linear-gradient(135deg,#a855f7,#6366f1);box-shadow:0 18px 36px -16px rgba(88,28,135,.45)}#header[data-variant=spotify-dark] .log-out:hover{color:#22c55e}#header[data-variant=apple-dark] .log-out:hover{color:#a855f7}.auth-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(9,14,24,.6);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:1100}.auth-modal__panel{position:relative;width:min(420px,100%);border-radius:24px;padding:36px 32px 32px;background:var(--background-color);border:1px solid rgba(148,163,184,.16);box-shadow:0 34px 60px -28px rgba(15,23,42,.45)}.auth-modal__panel[data-variant=spotify-dark]{background:rgba(6,18,12,.94);border-color:rgba(30,215,96,.28);box-shadow:0 34px 80px -28px rgba(12,45,23,.6);--blue-font:#22c55e;--blue-font-hover:#16a34a;--blue-hover:rgba(34,197,94,.14);--font-color:#ecfdf5;--font-secondary:rgba(209,250,229,.72);--border-color:rgba(30,215,96,.28);--background:rgba(6,18,12,.94);--background-color:rgba(6,18,12,.94)}.auth-modal__panel[data-variant=apple-dark]{background:rgba(28,14,48,.94);border-color:rgba(168,85,247,.28);box-shadow:0 34px 80px -28px rgba(64,23,107,.55);--blue-font:#a855f7;--blue-font-hover:#9333ea;--blue-hover:rgba(168,85,247,.16);--font-color:#f6f3ff;--font-secondary:rgba(221,214,254,.72);--border-color:rgba(168,85,247,.28);--background:rgba(28,14,48,.94);--background-color:rgba(28,14,48,.94)}.auth-modal__close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:none;background:rgba(148,163,184,.16);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .2s ease}.auth-modal__close:hover{background:var(--blue-hover);transform:rotate(90deg)}.auth-modal__close img{width:16px;height:16px}.auth-modal__content{display:flex;flex-direction:column;gap:18px}.auth-modal__title{margin:0;font-size:26px;font-weight:700;letter-spacing:-.03em}.auth-modal__hint,.auth-modal__info{margin:0;font-size:15px;line-height:1.6;color:var(--font-secondary)}.auth-modal__info{padding:12px 16px;border-radius:14px;border:1px solid;background:var(--blue-hover);color:var(--blue-font);font-weight:600}.auth-modal__form{display:flex;flex-direction:column;gap:16px}.auth-modal__field{display:flex;flex-direction:column;gap:8px}.auth-modal__label{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:600;color:var(--font-secondary)}.auth-modal__input{width:100%;border-radius:14px;border:1.5px solid rgba(148,163,184,.45);background:var(--background);color:var(--font-color);font-size:15px;padding:12px 16px;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.auth-modal__panel[data-variant=apple-dark] .auth-modal__input,.auth-modal__panel[data-variant=spotify-dark] .auth-modal__input,[data-theme=dark] .auth-modal__input{border:1.5px solid rgba(148,163,184,.55);background:rgba(15,23,42,.6)}.auth-modal__input:focus{outline:none;border-color:var(--blue-font);box-shadow:0 0 0 4px rgba(59,130,246,.12)}.auth-modal__panel[data-variant=apple-dark] .auth-modal__input:focus,.auth-modal__panel[data-variant=apple-light] .auth-modal__input:focus,.auth-modal__panel[data-variant=spotify-dark] .auth-modal__input:focus,.auth-modal__panel[data-variant=spotify-light] .auth-modal__input:focus{border-color:var(--blue-font);box-shadow:0 0 0 4px var(--blue-hover)}.auth-modal__input.has-error{border-color:hsla(0,91%,71%,.7);box-shadow:0 0 0 3px hsla(0,91%,71%,.18)}.auth-modal__input-wrapper{position:relative;display:flex;align-items:center}.auth-modal__input-wrapper .auth-modal__input{padding-right:44px}.auth-modal__eye{position:absolute;right:8px;border:none;background:transparent;padding:0;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.auth-modal__eye img{width:18px;height:18px}.auth-modal__error{margin:-6px 0 0;font-size:13px;font-weight:500;color:#f87171}.auth-modal__link{border:none;background:none;padding:0;font-size:14px;font-weight:600;color:var(--blue-font);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color .2s ease,transform .2s ease}.auth-modal__link:hover{color:var(--blue-font-hover);transform:translateY(-1px)}.auth-modal__link--back{color:var(--font-secondary)}.auth-modal__link--back:hover{color:var(--font-color)}.auth-modal__primary{border:none;border-radius:999px;padding:12px 22px;font-size:15px;font-weight:600;background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s ease,box-shadow .25s ease,filter .2s ease;box-shadow:0 18px 36px -18px rgba(79,70,229,.45)}.auth-modal__primary:hover{transform:translateY(-1px);box-shadow:0 22px 42px -18px rgba(79,70,229,.55);filter:brightness(1.05)}.auth-modal__primary:active{transform:translateY(0);filter:brightness(.95)}.auth-modal__primary.is-loading{cursor:progress}.auth-modal__primary img{width:20px;height:20px}.auth-modal__panel[data-variant=spotify-dark] .auth-modal__primary{background:linear-gradient(135deg,#22c55e,#0ea5e9);box-shadow:0 18px 38px -16px rgba(14,116,53,.45)}.auth-modal__panel[data-variant=apple-dark] .auth-modal__primary{background:linear-gradient(135deg,#a855f7,#6366f1);box-shadow:0 18px 38px -16px rgba(88,28,135,.45)}.auth-modal__panel[data-variant=spotify-light]{background:hsla(0,0%,100%,.94);border-color:rgba(34,197,94,.38);box-shadow:0 34px 80px -28px rgba(12,45,23,.45);--blue-font:#16a34a;--blue-font-hover:#15803d;--blue-hover:rgba(34,197,94,.14);--font-color:#064e3b;--font-secondary:rgba(5,46,22,.72);--border-color:rgba(34,197,94,.35);--background:rgba(249,250,251,.95);--background-color:hsla(0,0%,100%,.94)}.auth-modal__panel[data-variant=spotify-light] .auth-modal__primary{background:linear-gradient(135deg,#22c55e,#0ea5e9);box-shadow:0 18px 38px -16px rgba(14,116,53,.45)}.auth-modal__panel[data-variant=apple-light]{background:hsla(0,0%,100%,.94);border-color:rgba(168,85,247,.38);box-shadow:0 34px 80px -28px rgba(64,23,107,.4);--blue-font:#9333ea;--blue-font-hover:#7e22ce;--blue-hover:rgba(168,85,247,.16);--font-color:#581c87;--font-secondary:rgba(88,28,135,.72);--border-color:rgba(168,85,247,.35);--background:rgba(250,245,255,.94);--background-color:hsla(0,0%,100%,.94)}.auth-modal__panel[data-variant=apple-light] .auth-modal__primary{background:linear-gradient(135deg,#a855f7,#6366f1);box-shadow:0 18px 38px -16px rgba(88,28,135,.45)}@media (max-width:540px){.auth-modal{padding:16px}.auth-modal__panel{padding:28px 22px 24px}.auth-modal__title{font-size:24px}.auth-modal__close{top:12px;right:12px;width:32px;height:32px}}.dropdown{position:relative;display:inline-block}.dropbtn{background-color:transparent;color:var(--nav-color);text-decoration:none;border:none;cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;padding:0;display:inline-flex;align-items:center;gap:8px;transition:color .2s ease;position:relative}.dropbtn:hover{color:var(--blue-font)}.dropbtn:after{content:"";width:7px;height:7px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg);transition:transform .2s ease;margin-left:4px}.dropbtn[aria-expanded=true]:after,.dropdown.open .dropbtn:after{transform:rotate(-135deg)}.dropdown-content{display:none;position:absolute;background-color:var(--card-background);min-width:240px;border-radius:12px;box-shadow:var(--card-shadow);border:1px solid var(--border-color);z-index:1000;margin-top:12px;padding:8px}.dropdown-content.show,.dropdown.open .dropdown-content{display:block}.dropdown-content a{color:var(--font-color);padding:12px 16px;text-decoration:none;display:block;border-radius:8px;font-size:15px;transition:all .2s ease}.dropdown-content a:hover{background-color:rgba(59,130,246,.1);color:var(--blue-font)}.language-select{display:flex;flex-direction:column;gap:4px;min-width:140px}.header-actions{display:flex;align-items:center;gap:12px;margin-left:24px}.language-select__label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--font-secondary)}.language-select select{padding:8px 32px 8px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--background);color:var(--font-color);font-family:inherit;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--font-secondary) 50%),linear-gradient(135deg,var(--font-secondary) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 4px),calc(100% - 10px) calc(50% - 4px);background-size:8px 8px,8px 8px;background-repeat:no-repeat;cursor:pointer;transition:border-color .2s ease,color .2s ease}.language-select select:focus{outline:none;border-color:var(--blue-font)}.language-select--desktop{flex-direction:row;align-items:center;gap:8px;min-width:auto}.language-select--desktop .language-select__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.language-select--desktop select{padding:8px 28px 8px 12px;min-width:110px}.language-select--mobile{width:100%;max-width:300px;margin:16px auto 0}.language-select--mobile select{width:100%}@media screen and (max-width:1250px){.dropdown{flex-direction:column;max-width:300px;gap:0}.dropbtn,.dropdown{position:relative;display:flex;width:100%}.dropbtn{background-color:transparent;margin:0;font-size:18px;font-family:inherit;color:var(--font-color);text-decoration:none;border:none;cursor:pointer;padding:16px 20px;font-weight:500;text-align:center;min-height:56px;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;gap:8px}.dropbtn:after{content:"";width:12px;height:12px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg);transition:transform .2s ease}.dropbtn[aria-expanded=true]:after{transform:rotate(-135deg)}.dropbtn:active{background-color:var(--blue-hover)}.mobile-dropdown .dropdown-content{display:none;flex-direction:column;width:100%;gap:8px;padding:8px 0;margin:0;background:transparent;border:none;pointer-events:auto;position:relative;z-index:10}.mobile-dropdown .dropdown-content.show{display:flex}.mobile-dropdown .dropdown-content a{color:var(--font-color);padding:16px 20px;text-decoration:none;display:block;background:var(--card-background);font-size:17px;border-radius:8px;min-height:56px;line-height:24px;text-align:center;transition:all .2s ease;border:1px solid var(--border-color);font-weight:400;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:rgba(59,130,246,.2)}.mobile-dropdown .dropdown-content a:hover{background:var(--blue-hover);color:var(--blue-font);border-color:var(--blue-font)}.mobile-dropdown .dropdown-content a:active{background:var(--blue-font);color:#fff;transform:scale(.98)}.dropdown:hover .dropdown-content{display:none}}@media screen and (max-width:1050px){#header>nav>a{font-size:12px}}@media screen and (max-width:950px){#header>a{font-size:16px}#header>a>img{width:34px;height:34px}.log-out{padding:8px 18px;font-size:13px}.sign-in-button{padding:9px 20px;font-size:14px}#header>nav{gap:15px}}.burger-menu{display:flex;flex-direction:column;position:fixed;right:0;top:0;background-color:var(--background);width:calc(100vw - 40px);height:calc(100vh - 94px - 20px);padding:94px 20px 20px;transform:translateX(100%);transition:transform .3s ease-in-out;box-shadow:-2px 0 10px rgba(0,0,0,.1);z-index:7;justify-content:space-around;align-items:center}.burger-menu.open{transform:translateX(0);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.burger-menu a{margin:8px 0;font-size:18px;color:var(--font-color);text-decoration:none;padding:12px 20px;border-radius:8px;min-height:48px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:100%;max-width:300px}.burger-menu a:active,.burger-menu a:hover{background-color:rgba(59,130,246,.1);color:var(--blue-font)}.burger-toggle{background:none;border:none;cursor:pointer;z-index:1100;display:flex;justify-content:center;align-items:center;min-width:44px;min-height:44px}.burger-toggle img{width:25px;height:25px}.burger-menu.open>nav,.burger-menu>nav{display:flex;flex-direction:column;gap:20px;text-align:center;width:100%;max-width:300px;pointer-events:auto;position:relative;z-index:10}@media screen and (max-width:550px){.login-modal-content{width:300px}.login-modal-content>input,.password-input{width:200px}}@media screen and (max-width:350px){#header{width:calc(100vw - 50px);padding:27px 25px}}.summarize-button{padding:10px 24px;display:inline-flex;justify-content:center;align-items:center;border-radius:999px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;font-family:inherit;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .25s ease,filter .2s ease;white-space:nowrap;box-shadow:0 18px 36px -18px rgba(139,92,246,.45)}.summarize-button:hover{transform:translateY(-1px);box-shadow:0 22px 42px -18px rgba(139,92,246,.55);filter:brightness(1.05)}.summarize-button:active{transform:translateY(0);filter:brightness(.96)}.burger-menu .summarize-button{width:100%;max-width:320px;margin-top:8px}#header[data-variant=spotify-dark] .summarize-button,#header[data-variant=spotify-light] .summarize-button{background:linear-gradient(135deg,#22c55e,#10b981);box-shadow:0 18px 36px -16px rgba(34,197,94,.45)}#header[data-variant=apple-dark] .summarize-button,#header[data-variant=apple-light] .summarize-button{background:linear-gradient(135deg,#a855f7,#8b5cf6);box-shadow:0 18px 36px -16px rgba(168,85,247,.45)}@media screen and (max-width:950px){.summarize-button{padding:9px 20px;font-size:14px}}.search-modal__panel{width:min(700px,100%);max-height:90vh;overflow-y:auto}.search-modal__content{gap:24px}.search-modal__form{width:100%}.search-modal__input-wrapper{display:flex;align-items:center;background:linear-gradient(135deg,rgba(79,70,229,.08),rgba(56,189,248,.06));border:1px solid rgba(79,70,229,.2);border-radius:50px;padding:8px 12px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px rgba(79,70,229,.08)}.search-modal__input-wrapper:focus-within{border-color:var(--blue-font);box-shadow:0 0 0 3px rgba(79,70,229,.15),0 8px 24px rgba(79,70,229,.12)}.search-modal__input{flex:1 1;background:transparent;border:none;outline:none;padding:12px 16px;font-size:16px;color:var(--font-color);font-family:inherit}.search-modal__input::placeholder{color:var(--font-secondary);opacity:.7}.search-modal__button{background:linear-gradient(135deg,var(--blue-font,#6366f1) 0,#8b5cf6 100%);border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.search-modal__button:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(79,70,229,.4)}.search-modal__button img{width:20px;height:20px;filter:brightness(0) invert(1)}.search-modal__results{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:8px}.search-modal__results::-webkit-scrollbar{width:6px}.search-modal__results::-webkit-scrollbar-track{background:rgba(148,163,184,.1);border-radius:3px}.search-modal__results::-webkit-scrollbar-thumb{background:rgba(148,163,184,.3);border-radius:3px}.search-modal__results::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.5)}.search-modal__empty{text-align:center;color:var(--font-secondary);margin:0;padding:20px 0}.auth-modal__panel[data-variant=spotify-dark] .search-modal__input-wrapper,.auth-modal__panel[data-variant=spotify-light] .search-modal__input-wrapper{border-color:rgba(34,197,94,.25);background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(16,185,129,.06))}.auth-modal__panel[data-variant=spotify-dark] .search-modal__input-wrapper:focus-within,.auth-modal__panel[data-variant=spotify-light] .search-modal__input-wrapper:focus-within{border-color:var(--blue-font);box-shadow:0 0 0 3px rgba(34,197,94,.15),0 8px 24px rgba(34,197,94,.12)}.auth-modal__panel[data-variant=spotify-dark] .search-modal__button,.auth-modal__panel[data-variant=spotify-light] .search-modal__button{background:linear-gradient(135deg,#22c55e,#10b981)}.auth-modal__panel[data-variant=apple-dark] .search-modal__input-wrapper,.auth-modal__panel[data-variant=apple-light] .search-modal__input-wrapper{border-color:rgba(168,85,247,.25);background:linear-gradient(135deg,rgba(168,85,247,.08),rgba(139,92,246,.06))}.auth-modal__panel[data-variant=apple-dark] .search-modal__input-wrapper:focus-within,.auth-modal__panel[data-variant=apple-light] .search-modal__input-wrapper:focus-within{border-color:var(--blue-font);box-shadow:0 0 0 3px rgba(168,85,247,.15),0 8px 24px rgba(168,85,247,.12)}.auth-modal__panel[data-variant=apple-dark] .search-modal__button,.auth-modal__panel[data-variant=apple-light] .search-modal__button{background:linear-gradient(135deg,#a855f7,#8b5cf6)}@media (max-width:540px){.search-modal__panel{max-height:85vh}.search-modal__input{font-size:14px;padding:10px 12px}.search-modal__button{width:38px;height:38px}.search-modal__results{max-height:300px}}.theme-switcher{position:fixed;bottom:24px;right:24px;z-index:100;width:80px;height:40px;border:none;border-radius:999px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;background:hsla(0,0%,100%,.75);color:var(--font-secondary);box-shadow:0 18px 30px -15px rgba(15,23,42,.45);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);cursor:pointer;transition:background .35s ease,box-shadow .35s ease,transform .35s ease;overflow:hidden;-moz-appearance:none;appearance:none;-webkit-appearance:none;font:inherit}.theme-switcher.dark{background:rgba(15,23,42,.72);color:var(--font-secondary);box-shadow:0 18px 36px -12px rgba(15,23,42,.7)}.theme-switcher:focus-visible{outline:2px solid var(--blue-font);outline-offset:4px}.theme-switcher:hover{transform:translateY(-2px)}.theme-switcher__icon{font-size:16px;line-height:1;opacity:.45;transition:opacity .35s ease,transform .35s ease;pointer-events:none;z-index:1}.theme-switcher.dark .theme-switcher__icon--moon,.theme-switcher.light .theme-switcher__icon--sun{opacity:1;transform:scale(1.05)}.theme-switcher__thumb{position:absolute;top:4px;left:4px;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#facc15,#f97316);box-shadow:0 10px 18px rgba(249,115,22,.4);transition:transform .35s cubic-bezier(.22,1,.36,1),background .35s ease,box-shadow .35s ease}.theme-switcher.dark .theme-switcher__thumb{transform:translateX(40px);background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 10px 24px rgba(99,102,241,.45)}@media (max-width:640px){.theme-switcher{bottom:18px;right:18px;width:72px;height:36px;padding:0 8px}.theme-switcher__thumb{width:28px;height:28px}.theme-switcher.dark .theme-switcher__thumb{transform:translateX(36px)}}.podcast-line{display:flex;flex-direction:column;padding:30px;border-radius:15px;background:transparent;transition:all .5s;width:calc(100% - 60px)}.podcast-line:hover{background:hsla(0,0%,100%,.1)}.podcast-line>h2{margin:0}.podcast-content{display:flex;gap:20px}.podcast-content img{width:175px;height:175px;object-fit:contain;border-radius:15px}.podcast-description{display:flex;flex-direction:column;gap:20px}.podcast-description p{margin:0}.type-of-podcast{background-color:var(--blue-font-dark);border:0;color:#fff;border-radius:7.5px;padding:7px 14px;width:130px;display:flex;align-items:center;justify-content:center;transition:all .5s;font-size:12px;font-weight:500}.type-of-podcast:hover{opacity:.8}.podcast-episodes{display:flex;flex-direction:column;gap:30px;margin-top:30px}.podcast-category{display:inline-flex;padding:5px 17px;justify-content:center;align-items:center;gap:10px;border-radius:5px;border:1px solid var(--blue-font-dark);color:var(--blue-font-dark);font-weight:500;font-size:12px}.podcast-categories{display:flex;gap:7px;flex-wrap:wrap}.podcast-line>input{border-radius:5px;border:1px solid var(--font-color);width:250px;background:transparent;height:20px;font-family:inherit;padding:8px;font-size:16px;color:var(--font-color);margin-top:10px}@media screen and (max-width:700px){.podcast-line>h2{font-size:20px;text-align:center}.podcast-line>h3{font-size:16px;text-align:center}.podcast-content,.podcast-line{align-items:center}.podcast-content{flex-direction:column}.podcast-categories{justify-content:center}.podcast-description p{text-align:center}}.episode-line{display:flex;flex-direction:row;gap:20px;align-items:flex-start}.episode-line>img{width:150px;border-radius:15px;object-fit:cover}.episode-content{display:flex;flex-direction:column;max-width:80%;justify-content:space-between;gap:5px}.transcript-episode{background:var(--blue-font-dark);border:0;border-radius:5px;width:37px;height:37px;display:flex;justify-content:center;align-items:center;margin-top:auto;transition:all .5s;cursor:pointer}.transcript-episode:hover{opacity:.8}.episode-content>h3,.episode-content>p{margin:0}.episode-content-action-buttons{display:flex;gap:10px}button:disabled{cursor:not-allowed;opacity:.6}@media screen and (max-width:700px){.episode-line{flex-direction:column;align-items:center;text-align:center}.episode-content-action-buttons{justify-content:center}}#transcription{padding:80px 20px 120px;background:var(--background)}#transcription,.transcription-wrapper{display:flex;flex-direction:column;align-items:center}.transcription-wrapper{max-width:1200px;width:100%;z-index:2}.switch-container{display:flex;justify-content:center;align-items:center;margin:20px}.switch{position:relative;display:inline-block;width:60px;height:34px;margin:0}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--purple-font);border-radius:34px}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:26px;width:26px;border-radius:50%;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:var(--blue-font)}input:checked+.slider:before{transform:translateX(26px)}.change-mode{display:flex;gap:30px;justify-content:center;align-items:center}.change-mode p{color:var(--font-color);font-size:24px;font-style:normal;font-weight:500;line-height:normal;margin:0}.file-upload{margin-top:70px;text-align:center}.dropzone,.file-upload{display:flex;justify-content:center;align-items:center}.dropzone{min-height:345px;width:540px;border:3px dashed var(--font-color);padding:40px;transition:background-color .2s;border-radius:25px;flex-direction:column;background:linear-gradient(258deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.12));gap:30px}.dropzone.dragging{background-color:hsla(0,0%,100%,.24)}.file-list{margin-top:20px;list-style-type:none;padding:0}label{display:inline-block;margin-top:10px;color:var(--blue-font);cursor:pointer}.dropzone-content{display:flex;flex-direction:column;align-items:center}.dropzone-content p:first-child{font-size:24px;font-weight:600;margin:0}.dropzone-content p:nth-child(2){font-size:20px;opacity:.7;max-width:70%;text-align:center;margin:0}.dropzone-content label{color:#fff;background:var(--blue-font);width:140px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:15px;transition:all .5s;margin:30px auto 0}.dropzone-content label:hover{opacity:.9}.dropzone-content-with-file{display:flex;align-items:center;flex-direction:column}.dropzone-content-with-file p:first-child{font-size:24px;font-weight:600;margin:0}.dropzone-content-with-file p:nth-child(2){font-size:20px;text-align:center;margin:0}.dropzone-content-with-file button:first-child{background:transparent;border:0;border-radius:15px;color:#fff;background:var(--blue-font)}.dropzone-content-with-file button:first-child,.dropzone-content-with-file button:nth-child(2){width:170px;height:50px;display:flex;justify-content:center;align-items:center;font-size:16px;margin-top:30px;cursor:pointer;transition:all .5s;font-weight:500;font-family:inherit}.dropzone-content-with-file button:nth-child(2){background:transparent;border:1px solid var(--font-color);border-radius:15px;color:var(--font-color)}.dropzone-content-with-file button:hover:first-child{opacity:.8}.dropzone-content-with-file button:hover:nth-child(2){background:var(--font-color);color:var(--background)}.transcript-button{color:var(--font-color);font-size:16px;font-style:normal;font-weight:500;line-height:normal;border-radius:11px;border:1px solid var(--font-color);display:flex;width:124px;padding:10px 66px;justify-content:center;align-items:center;gap:10px;background:0}.action-buttons{display:flex;gap:20px}.email-modal{position:fixed;top:0;left:0;right:0;bottom:0;justify-content:center;background:rgba(0,0,0,.5);z-index:1000}.email-modal,.modal-content{display:flex;align-items:center}.modal-content{width:530px;height:auto;flex-direction:column;border-radius:15px;background:var(--modal-window-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-bottom:40px}.modal-content>div:first-child{display:flex;align-items:center;justify-content:flex-end;width:calc(100% - 20px);margin-top:10px}.modal-content>p{max-width:90%;text-align:center}.modal-content>h2{margin:0}.close-button{min-width:44px;min-height:44px}.close-button,.sumbit-email-button{background:transparent;display:flex;align-items:center;justify-content:center;border:0;cursor:pointer}.sumbit-email-button{border-radius:15px;color:#fff;background:var(--blue-font);width:170px;height:50px;font-size:16px;margin-top:30px;transition:all .5s;font-weight:500;font-family:inherit}input:focus{outline:none}.modal-2-content{display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:85%}.modal-2-content p{margin:0}.browse-podcast{width:100%}.browse-podcast h1{font-size:48px;font-weight:700;letter-spacing:-.02em;color:var(--font-color);margin:0 0 48px;text-align:center}.find-podcast{display:flex;position:relative;max-width:700px;width:100%;margin:0 auto}.find-podcast input{border-radius:12px;border:2px solid var(--border-color);width:100%;background:var(--card-background);padding:16px 52px 16px 20px;font-family:inherit;font-size:16px;color:var(--font-color);transition:all .2s ease}.find-podcast input:focus{outline:none;border-color:var(--blue-font);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.find-podcast input::placeholder{color:var(--font-secondary)}.find-podcast button{background:transparent;border:0;display:flex;align-items:center;justify-content:center;position:absolute;right:12px;height:100%;cursor:pointer;padding:0 8px;transition:opacity .2s ease}.find-podcast button:hover{opacity:.7}@media (max-width:600px){.find-podcast button{min-width:44px;min-height:44px;right:6px}}.podcasts-list{display:flex;flex-direction:column;align-items:center;width:100%;max-width:900px;margin:48px auto 0;gap:16px}@media screen and (max-width:700px){.change-mode>p{font-size:20px}.dropzone,.find-podcast{width:calc(100vw - 120px)}}@media screen and (max-width:600px){.change-mode{display:flex;flex-direction:column;align-items:center;gap:10px}.change-mode>p{font-size:12px}.browse-podcast,.file-upload{margin-top:30px}.find-podcast>input{height:10px;font-size:12px}.switch{width:40px;height:20px}.slider:before{height:12px;width:12px}input:checked+.slider:before{transform:translateX(20px)}.modal-content{width:calc(100vw - 10px)}}@media screen and (max-width:500px){#transcription{min-height:300px}.change-mode{display:flex;flex-direction:column;align-items:center;gap:10px}.file-upload{margin-top:30px}.dropzone{min-height:265px}.dropzone-content p:first-child{font-size:16px}.dropzone-content p:nth-child(2){font-size:12px}.dropzone-content label{font-size:12px;width:120px;height:40px}.find-podcast{width:calc(100vw - 50px)}.action-buttons{flex-direction:column-reverse;gap:10px;margin-top:20px}.dropzone-content-with-file p:first-child{font-size:16px}.dropzone-content-with-file p:nth-child(2){font-size:12px}.dropzone-content-with-file button:first-child,.dropzone-content-with-file button:nth-child(2){width:120px;height:40px;margin-top:0;font-size:12px;padding:0}}@media screen and (max-width:400px){.sumbit-email-button{width:90px;height:40px;font-size:12px;margin-top:10px}}