.global-alert-container{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:9999}.global-alert{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.2);color:#fff;font-weight:500;min-width:300px;max-width:500px;animation:fadeIn .2s ease-out}.global-alert.success{background-color:#22c55e}.global-alert.error{background-color:#ef4444}.global-alert.info{background-color:#3b82f6}.global-alert button{background:none;border:none;font-size:1.25rem;font-weight:700;color:inherit;cursor:pointer;transition:opacity .2s ease-in-out}.global-alert button:hover{opacity:.75}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-20%)}to{opacity:1;transform:translate(-50%)}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#222;color:#fff;padding:1rem;text-align:center;z-index:9999;display:flex;justify-content:center;align-items:center;gap:1rem}.cookie-btn{padding:.5em 1em;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.cookie-btn:hover{background:#43a047}.ios-banner{position:fixed;bottom:0;left:0;right:0;background:#111;color:#fff;font-size:14px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;z-index:9999;box-shadow:0 -2px 10px rgba(0,0,0,.3)}.ios-share-icon{font-size:16px;margin:0 4px}.ios-banner-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer}.ios-icon{display:inline-flex;vertical-align:middle;margin:0 2px;color:#007aff;width:16px;height:16px}.ios-icon.ipad{width:20px;height:20px}.playlist-prompt-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.7);color:white;padding:2rem;border-radius:10px;text-align:center;z-index:9999;box-shadow:0 4px 6px rgba(0,0,0,.1)}.prompt-text{font-size:1.5rem;margin-bottom:1.5rem}.prompt-button{margin:0 .5rem;padding:.75rem 1.5rem;font-size:1rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;min-width:90px}.prompt-button:hover{background-color:#555}.prompt-button-yes{background-color:#28a745;color:white}.prompt-button-yes:hover{background-color:#218838}.prompt-button-no{background-color:#dc3545;color:white}.prompt-button-no:hover{background-color:#c82333}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:black;color:white;text-align:center;padding:"1rem"}:root{--background:#171717;--foreground:#ffffff;--font-sans:Arial,Helvetica,sans-serif;--font-mono:monospace}@media (prefers-color-scheme:dark){:root{--background:rgba(0,0,0,0);--foreground:#ededed}}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);margin:0}body::-webkit-scrollbar{display:none}li,ol{padding:0;margin:0;list-style-type:none}nav{background-color:var(--background);color:var(--foreground);padding:1rem}nav ul{display:flex;gap:1rem}a,nav a{color:var(--foreground);text-decoration:none;font-weight:700}nav a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit;background:none;border:1px solid #ccc;padding:.4rem .6rem;border-radius:4px;outline:none}input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 1000px #1e1e2f!important;-webkit-text-fill-color:white!important;caret-color:white!important}input:-webkit-autofill:focus,select:-webkit-autofill:focus,textarea:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 1000px #2c2c3e!important;-webkit-text-fill-color:white!important}button:focus,input:focus,select:focus,textarea:focus{border-color:#888}button{background-color:var(--foreground);color:var(--background);cursor:pointer}button:hover{background-color:#444;color:#fff}.main{overflow:hidden}