:root{--color-carbon:#000;--color-purple:#a87cfa;--color-button:#613c85;--color-orange:#f60;--color-blue:#0052ff;--color-white:#fff;--color-input-bg:transparent;--color-input-border:#333;--color-text-hint:#a0a0a0}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{overscroll-behavior-x:none;overscroll-behavior-y:none;overflow-x:hidden}html{width:100%;height:100%;position:fixed;overflow:hidden}#root{-webkit-overflow-scrolling:touch;overflow-y:auto}body{background-color:var(--color-carbon);min-width:320px;min-height:100vh;color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);place-items:center;margin:0;font-family:Poppins,sans-serif;display:flex}#root{width:100%;height:100vh}a{color:var(--color-purple);font-weight:500;text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-carbon)}::-webkit-scrollbar-thumb{background:var(--color-input-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-hint)}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--color-carbon) inset!important;-webkit-text-fill-color:var(--color-white)!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--color-carbon) inset!important;-webkit-text-fill-color:var(--color-white)!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--color-carbon) inset!important;-webkit-text-fill-color:var(--color-white)!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--color-carbon) inset!important;-webkit-text-fill-color:var(--color-white)!important}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.horizontal-scrollbar::-webkit-scrollbar{height:6px}.horizontal-scrollbar::-webkit-scrollbar-track{background:0 0}.horizontal-scrollbar::-webkit-scrollbar-thumb{background:var(--color-purple);border-radius:3px}.horizontal-scrollbar{scrollbar-width:thin;scrollbar-color:var(--color-purple) transparent}.nav-container{z-index:50;background-color:#050505;transition:all .3s;display:flex;position:fixed}.nav-item{cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.nav-icon-wrapper{border-radius:8px;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.nav-label{letter-spacing:.5px;font-weight:600;transition:color .2s}@media (width<=767px){.nav-container{width:100%;padding:12px 0;padding-bottom:calc(12px + env(safe-area-inset-bottom));border-top:1px solid #1a1a1a;flex-direction:row;justify-content:space-around;align-items:center;bottom:0;left:0}.nav-item{flex-direction:column;flex:1;gap:4px}.nav-icon-wrapper{padding:4px 12px}.nav-label{font-size:10px}}@media (width>=768px){.nav-container{border-right:1px solid #1a1a1a;flex-direction:column;justify-content:center;align-items:center;gap:32px;width:90px;height:100vh;padding:24px 0;top:0;left:0}.nav-item{flex-direction:column;gap:8px;width:100%}.nav-icon-wrapper{border-radius:12px;padding:12px}.nav-label{font-size:11px}}.profile-container{background-color:var(--color-carbon);min-height:100vh;color:var(--color-white);padding-bottom:80px}.profile-header-bg{background:linear-gradient(135deg, var(--color-button) 0%, var(--color-carbon) 100%);padding:calc(env(safe-area-inset-top,0px) + 40px) 20px 30px;border-bottom:1px solid var(--color-input-border);flex-direction:column;align-items:center;max-width:1170px;margin:0 auto;display:flex;position:relative}.profile-watermark-logo{opacity:.15;object-fit:contain;pointer-events:none;width:220px;height:auto;position:absolute;top:20px;left:20px}@media (width<=767px){.profile-watermark-logo{opacity:.1;width:100px;top:10px;left:10px}}.profile-avatar-container{background-color:var(--color-purple);border:4px solid var(--color-carbon);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:16px;display:flex;box-shadow:0 8px 24px #a87cfa66}.profile-avatar-text{color:var(--color-white);font-size:48px;font-weight:700}.profile-name{text-align:center;margin-bottom:4px;font-size:28px;font-weight:700}.profile-member-since{color:#a0a0a0;margin-bottom:24px;font-size:14px}.btn-edit-profile{border:1px solid var(--color-purple);color:var(--color-purple);cursor:pointer;background-color:#0000;border-radius:20px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s}.btn-edit-profile:hover{background-color:#a87cfa1a;transform:translateY(-2px)}.btn-edit-sources{color:var(--color-text-hint);border:1px solid var(--color-input-border);cursor:pointer;background-color:#0000;border-radius:16px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .2s}.btn-edit-sources:hover{color:#fff;background-color:#222}.btn-edit-sources.active{color:#fff;background-color:#ef4444;border-color:#ef4444}.profile-content{max-width:1170px;margin:0 auto;padding:30px 20px}.section-title{align-items:center;gap:10px;margin-bottom:20px;font-size:22px;font-weight:600;display:flex}.section-title-badge{background-color:var(--color-purple);color:#fff;border-radius:12px;padding:2px 10px;font-size:12px}.add-card{border:2px dashed var(--color-purple);cursor:pointer;background-color:#0000;justify-content:center;align-items:center;min-height:120px;transition:all .2s;display:flex}.add-card:hover{background-color:#a87cfa1a}.add-card-content{color:var(--color-purple);flex-direction:column;align-items:center;gap:8px;display:flex}.add-icon{transition:transform .3s}.add-icon.active{transform:rotate(45deg)}.add-text{font-size:14px;font-weight:600}.remove-source-btn{color:#fff;cursor:pointer;z-index:10;background-color:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 4px 8px #0000004d}.remove-source-btn:hover{background-color:#dc2626;transform:scale(1.1)}.horizontal-add-list{border:1px solid var(--color-input-border);background-color:#1a1a1a;border-radius:16px;padding:16px}.horizontal-add-title{color:var(--color-text-hint);margin-bottom:12px;font-size:14px}.horizontal-scroll-container{gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.horizontal-scroll-container::-webkit-scrollbar{display:none}.mini-card{flex:0 0 140px;position:relative}.mini-card .source-image-container{padding:8px}.add-overlay{opacity:0;background-color:#a87cfacc;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.mini-card:hover .add-overlay{opacity:1}.profile-add-more-container{justify-content:center;margin-top:32px;display:flex}.btn-add-more{border:1px dashed var(--color-text-hint);color:var(--color-white);cursor:pointer;background-color:#222;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.btn-add-more:hover{border-color:var(--color-purple);color:var(--color-purple);background-color:#2a2a2a}.source-selection-container{background-color:var(--color-carbon);min-height:100vh;color:var(--color-white);flex-direction:column;align-items:center;width:100%;padding:20px 20px 40px;display:flex}.source-selection-card{border:1px solid var(--color-input-border);background-color:#111;border-radius:16px;width:100%;max-width:1170px;overflow:hidden;box-shadow:0 10px 30px #00000080}.source-selection-header{background-color:var(--color-button);text-align:center;flex-direction:column;align-items:center;padding:32px 20px;display:flex;position:relative}.header-logo{object-fit:contain;width:140px;height:auto;margin-bottom:16px}.source-selection-header h1{margin-bottom:8px;font-size:28px;font-weight:600}.source-selection-header p{color:#e0d4f5;margin-bottom:16px;font-size:16px}.selection-counter{background-color:#0003;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;display:inline-flex}.selection-counter .count{font-size:18px;font-weight:700}.selection-counter .count.success{color:#4ade80}.accordion-container{padding:24px}.accordion-item{border:1px solid var(--color-input-border);background-color:#1a1a1a;border-radius:16px;margin-bottom:16px;overflow:hidden}.accordion-button{width:100%;color:var(--color-white);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px 20px;transition:background-color .3s;display:flex}.accordion-button:hover{background-color:#222}.accordion-title{align-items:center;gap:12px;font-size:18px;font-weight:600;display:flex}.accordion-icon-bg{color:var(--color-purple);background-color:#a87cfa1a;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.accordion-content{border-top:1px solid var(--color-input-border);background-color:#0f0f0f;padding:20px}.sources-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=600px){.sources-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}}.source-card{cursor:pointer;background-color:var(--color-white);border:2px solid #0000;border-radius:8px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000004d}.source-card:hover{transform:translateY(-4px);box-shadow:0 8px 15px #0006}.source-card.selected{border-color:var(--color-purple);box-shadow:0 0 0 4px var(--color-purple), 0 8px 20px #a87cfa66;transform:scale(.97)}.check-icon-container{z-index:10;color:var(--color-white);background-color:var(--color-purple);border:2px solid #fff;border-radius:50%;display:flex;position:absolute;top:8px;right:8px;transform:scale(1.3);box-shadow:0 4px 8px #0006}.source-image-container{background-color:var(--color-white);aspect-ratio:1;justify-content:center;align-items:center;width:100%;padding:8px;display:flex;overflow:hidden}.source-image{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.source-footer{background-color:var(--color-button);text-align:center;justify-content:center;align-items:center;min-height:60px;padding:12px 8px;display:flex}.source-footer-text{color:var(--color-white);font-size:15px;font-weight:600;line-height:1.2}.empty-state{text-align:center;color:var(--color-text-hint);border:1px dashed var(--color-input-border);background-color:#111;border-radius:12px;padding:40px 20px;font-style:italic}.footer-actions{border-top:1px solid var(--color-input-border);background-color:#111;justify-content:flex-end;padding:24px;display:flex}.continue-button{border:none;border-radius:30px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .3s}.continue-button:not(:disabled){background-color:var(--color-purple);color:var(--color-white);cursor:pointer;box-shadow:0 4px 15px #a87cfa66}.continue-button:not(:disabled):hover{background-color:#b58eff;transform:translateY(-2px);box-shadow:0 6px 20px #a87cfa99}.continue-button:disabled{color:#777;cursor:not-allowed;background-color:#333}.topics-container{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.topic-tag{border:1px solid var(--color-input-border);color:var(--color-white);cursor:pointer;background-color:#222;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.topic-tag:hover{background-color:#333}.topic-tag.selected{background-color:var(--color-purple);border-color:var(--color-purple);color:var(--color-white);box-shadow:0 4px 10px #a87cfa66}.skeleton{background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a 50%,#1a1a1a 75%) 0 0/200% 100%;animation:1.5s linear infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-container{z-index:9999;pointer-events:none;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUpFade;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.toast-message{color:#fff;background-color:#222;border:1px solid #333;border-radius:30px;padding:12px 24px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #00000080}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.spinner-container{justify-content:center;align-items:center;width:100%;padding:16px 0;display:flex}.bouncing-dots{gap:6px;display:flex}.bouncing-dots .dot{background-color:var(--color-purple);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both bounce}.bouncing-dots .dot:first-child{animation-delay:-.32s}.bouncing-dots .dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{opacity:.3;transform:scale(0)}40%{opacity:1;transform:scale(1)}}