:root{color-scheme:dark;--background-color: #0f1011;--background-elevated: #151718;--surface-color: #1a1c1d;--surface-alt-color: #212425;--surface-soft-color: #282c2e;--surface-strong-color: #323638;--panel-color: rgba(24, 26, 27, .92);--panel-alt-color: rgba(31, 34, 35, .94);--border-color: #35393b;--border-strong-color: #4a5052;--shadow-color: rgba(0, 0, 0, .45);--shadow-soft: 0 18px 45px rgba(0, 0, 0, .32);--shadow-strong: 0 24px 70px rgba(0, 0, 0, .46);--text-color: #ece7de;--text-muted: #b0aaa0;--text-subtle: #878178;--text-inverse: #121314;--primary-color: #9da3a6;--secondary-color: #7f8689;--accent-color: #c8b28a;--accent-strong-color: #d8bf8f;--accent-soft-color: rgba(200, 178, 138, .14);--success-color: #8ca38c;--danger-color: #b57b73;--page-gradient: radial-gradient(circle at top, rgba(255, 255, 255, .035), transparent 28%), linear-gradient(180deg, #131516 0%, #0d0e0f 100%);--panel-gradient: linear-gradient(180deg, rgba(39, 42, 43, .96) 0%, rgba(24, 26, 27, .98) 100%);--hero-gradient: radial-gradient(circle at 12% 18%, rgba(255, 255, 255, .05), transparent 22%), radial-gradient(circle at 85% 12%, rgba(200, 178, 138, .08), transparent 18%), linear-gradient(180deg, #191b1c 0%, #0f1011 100%);--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-pill: 0;--font-body: "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-display: "Trebuchet MS", "Segoe UI", sans-serif;--font-mono: "Consolas", "Courier New", monospace}html{min-height:100%;background:var(--background-color)}body{margin:0;min-height:100vh;overflow-y:scroll;overflow-x:hidden;background:var(--page-gradient);color:var(--text-color);font-family:var(--font-body);letter-spacing:.01em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}img,svg,video,canvas{display:block;max-width:100%}button,input,textarea,select{font:inherit}button,input,textarea,select,dialog,iframe,.btn,.button,[class*=btn],[class*=button],[class*=card],[class*=panel],[class*=modal],[class*=dialog],[class*=surface],[class*=tile],[class*=banner],[class*=chip],[class*=pill],[class*=tag],[class*=cta],[class*=input],[class*=field],[class*=form],[class*=box]{border-radius:0!important}a{color:var(--accent-strong-color);text-decoration:none;transition:color .2s ease,opacity .2s ease}a:hover{color:#efe2c4}::selection{background:rgba(216,191,143,.28);color:var(--text-color)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#111314}::-webkit-scrollbar-thumb{background:#3a3e40;border:2px solid #111314;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#505557}.edit-button-text,.btn,button[type=button],button[type=submit]{border-radius:var(--radius-pill);transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.edit-button-text{background:linear-gradient(180deg,#3b4042 0%,#292d2f 100%);color:var(--text-color);border:1px solid var(--border-strong-color);padding:.65rem 1.6rem;font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--shadow-soft)}.edit-button-text:hover{background:linear-gradient(180deg,#474d4f 0%,#323638 100%);border-color:#6a7174;transform:translateY(-1px)}.btn.solid,.btn.primary,button[type=submit]{background:linear-gradient(180deg,#3d4244 0%,#262a2c 100%);border:1px solid var(--border-strong-color);color:var(--text-color);box-shadow:var(--shadow-soft)}.btn.solid:hover,.btn.primary:hover,button[type=submit]:hover{background:linear-gradient(180deg,#4a4f51 0%,#2f3335 100%);border-color:#6b7274}.btn.ghost,.btn.secondary{background:rgba(255,255,255,.025);border:1px solid var(--border-color);color:var(--text-color)}.btn.ghost:hover,.btn.secondary:hover{background:rgba(255,255,255,.05);border-color:var(--border-strong-color)}.btn.vip,.btn.gold,.vip-button{background:linear-gradient(180deg,#b79a6d 0%,#8f7751 100%);color:#15120d;border:1px solid #d1b98d;box-shadow:0 14px 30px #a37f473d}.btn.vip:hover,.btn.gold:hover,.vip-button:hover{background:linear-gradient(180deg,#c8ab7a 0%,#9d845b 100%)}input:not([type=checkbox]):not([type=radio]),textarea,select{width:100%;background:rgba(255,255,255,.03);color:var(--text-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.8rem .95rem;outline:none;box-shadow:inset 0 1px #ffffff05}input::placeholder,textarea::placeholder{color:var(--text-subtle)}input:not([type=checkbox]):not([type=radio]):focus,textarea:focus,select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #c8b28a1f,inset 0 1px #ffffff05}input[type=checkbox],input[type=radio]{accent-color:var(--accent-color)}hr{border:0;border-top:1px solid var(--border-color)}.card,.panel,.status-card,.surface-panel{background:var(--panel-gradient);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.policyfooter{position:relative;margin-left:15px;padding-bottom:15px;width:70%;display:block;opacity:0;animation:fadeIn 5s ease .3s forwards;font-size:13px;color:var(--text-muted)}.policyfooter a{color:var(--accent-color);font-weight:600;text-decoration:none;transition:color .25s ease,text-decoration-color .25s ease}.policyfooter a:hover{color:#efe2c4;text-decoration:underline}@keyframes fadeIn{to{opacity:1}}app-top .top-bar{background:rgba(18,19,20,.94)!important;border-bottom:1px solid var(--border-color)!important;box-shadow:0 14px 40px #00000057!important}app-top .top-bar__inner{min-height:74px}app-top .logo,app-top .logo-text,app-top .primary-nav a,app-top .brand-mini .logo-text,app-top .mobile-drawer__nav a{color:var(--text-color)!important}app-top .logo-icon,app-top .brand-mini .logo-icon,app-left .mobile-logo-toggle,app-left .left-nav .logo .logo-icon{background:linear-gradient(180deg,#3a3f41 0%,#272b2d 100%)!important;box-shadow:0 12px 24px #00000047!important;border:1px solid var(--border-strong-color)!important;color:var(--text-color)!important}app-top .brand-stats,app-top .mobile-drawer__stats{color:var(--accent-color)!important}app-top .primary-nav a{color:var(--text-muted)!important;border-color:transparent!important}app-top .primary-nav a.is-active,app-top .primary-nav a:hover,app-top .primary-nav a:focus-visible{color:var(--accent-strong-color)!important;border-color:var(--accent-color)!important}app-top .btn.ghost{background:rgba(255,255,255,.03)!important;border:1px solid var(--border-color)!important;color:var(--text-color)!important}app-top .btn.ghost:hover{background:rgba(255,255,255,.06)!important;border-color:var(--border-strong-color)!important}app-top .btn.solid,app-top .action-pill{background:linear-gradient(180deg,#44494b 0%,#2d3133 100%)!important;color:var(--text-color)!important;border:1px solid var(--border-strong-color)!important;box-shadow:var(--shadow-soft)!important}app-top .btn.solid:hover,app-top .action-pill:hover{background:linear-gradient(180deg,#505557 0%,#383d3f 100%)!important}app-top .avatar-button{background:rgba(255,255,255,.04)!important;border:1px solid var(--border-color)!important}app-top .avatar-fallback{background:rgba(255,255,255,.05)!important;color:var(--accent-color)!important}app-top .menu-toggle,app-top .close-button{background:rgba(255,255,255,.04)!important;border:1px solid var(--border-color)!important;color:var(--text-color)!important;box-shadow:none!important}app-top .menu-toggle span{background:var(--text-color)!important}app-top .mobile-drawer__backdrop{background:rgba(0,0,0,.58)!important}app-top .mobile-drawer__panel{background:var(--panel-gradient)!important;color:var(--text-color)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-strong)!important}app-top .mobile-action{background:rgba(255,255,255,.035)!important;color:var(--text-color)!important;border:1px solid var(--border-color)}app-left .left-nav{margin-top:96px!important}app-left .left-nav .nav-list li a{background:linear-gradient(180deg,#34393b 0%,#24282a 100%)!important;color:var(--text-color)!important;border:1px solid #3d4244!important;box-shadow:0 10px 22px #0000002e!important}app-left .left-nav .nav-list li a:hover,app-left .left-nav .nav-list li a:focus-visible{background:linear-gradient(180deg,#44494b 0%,#2f3436 100%)!important;color:#f5efe4!important}app-left .left-nav .nav-list li.active a{background:linear-gradient(180deg,#252829 0%,#1b1d1e 100%)!important;border-color:var(--accent-color)!important;color:var(--accent-strong-color)!important}app-left .left-nav .nav-list li a .dm-badge,app-left .creator-page-btn .pill,app-left .user-panel .user-meta .creator-tag{background:linear-gradient(180deg,#b79a6d 0%,#8d7753 100%)!important;color:#16120d!important}app-left .followed-creators ul li{background:rgba(255,255,255,.03)!important;border:1px solid var(--border-color)!important;color:var(--text-color)!important}app-left .followed-creators ul li:hover{background:rgba(255,255,255,.06)!important}app-left .followed-creators h4,app-left .followed-creators ul li span,app-left .follow-login-message{color:var(--text-muted)!important}app-left .user-panel{background:linear-gradient(180deg,rgba(36,39,40,.98) 0%,rgba(24,26,27,.98) 100%)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-soft)!important}app-left .user-panel .user-info .avatar,app-left .user-panel .user-info .avatar.fallback{background:linear-gradient(180deg,#3b4042 0%,#292d2f 100%)!important;border-color:var(--border-strong-color)!important;border-radius:10px!important}app-left .user-panel .user-meta .username{color:var(--text-color)!important}app-left .user-panel .user-actions button{background:#2b2f31!important;color:var(--text-color)!important;border:1px solid var(--border-color)!important}app-left .user-panel .user-actions button:hover,app-left .user-panel .user-actions .logout-btn:hover,app-left .user-panel .user-actions .become-creator-btn:hover{background:#3a3f41!important}.app-layout.logged-in-bg:after{background:linear-gradient(to top,rgba(82,69,48,.16) 0%,rgba(15,16,17,0) 100%)!important}.auth-overlay,.age-verification-overlay,.modal-backdrop,.checkout-modal-backdrop,.about-modal-backdrop,.collection-editor-overlay,.membership-editor__backdrop,.home-setup-backdrop,.hero-text-modal-backdrop,.modal-overlay,.tag-modal-backdrop,.profile-edit-overlay,.publish-confirm-overlay,.creator-modal .modal-backdrop,.creator-modal-backdrop{background:rgba(7,8,8,.74)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.modal,.terms-modal,.id-modal,.creator-modal,.home-setup-modal,.checkout-modal,.certified-modal,.collections-modal,.playlist-modal,.membership-editor__dialog,.collection-editor-dialog,.about-modal,.hero-text-modal,.publish-confirm-dialog,.profile-edit-dialog,.tag-modal,.modal__surface,.terms-modal__surface,.id-modal__surface,.creator-modal__surface,.home-setup-modal__surface,.collection-detail-modal .modal,.post-detail-modal .modal{background:var(--panel-gradient)!important;color:var(--text-color)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-strong)!important}.modal__header h2,.modal__title,.checkout-modal__lead,.certified-modal__header h2,.profile-edit-header h2,.publish-confirm-dialog h2,.about-modal__header h2,.hero-text-modal__header h2,.terms-modal__header h2,.id-modal__header h2,.creator-modal__header h2,.home-setup-modal__header h2{color:var(--text-color)!important}.modal__subtitle,.creator-modal__subtitle,.terms-modal__lede,.id-modal__lede,.checkout-modal__hint,.certified-modal__lede,.profile-edit-body,.profile-edit-body p,.publish-confirm-dialog p,.about-modal__body,.about-modal__body p{color:var(--text-muted)!important}.modal__close,.checkout-modal__button,.playlist-modal .close-btn,.tag-modal-close{background:#2f2f2f!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important;box-shadow:none!important;border-radius:0!important}.modal__close:hover,.modal__close:focus-visible,.checkout-modal__button:hover,.checkout-modal__button:focus-visible,.playlist-modal .close-btn:hover,.playlist-modal .close-btn:focus-visible,.tag-modal-close:hover,.tag-modal-close:focus-visible,.modal [aria-label*=Close]:hover,.modal [aria-label*=Close]:focus-visible,.modal [class*=close]:hover,.modal [class*=close]:focus-visible{transform:none!important;background:#3a3a3a!important;box-shadow:none!important;outline:none!important}.modal__close svg,.modal__close path,.modal__close line,.modal__close polyline,.checkout-modal__button svg,.checkout-modal__button path,.checkout-modal__button line,.checkout-modal__button polyline,.playlist-modal .close-btn svg,.playlist-modal .close-btn path,.playlist-modal .close-btn line,.playlist-modal .close-btn polyline,.tag-modal-close svg,.tag-modal-close path,.tag-modal-close line,.tag-modal-close polyline,.modal [aria-label*=Close] svg,.modal [aria-label*=Close] path,.modal [aria-label*=Close] line,.modal [aria-label*=Close] polyline,.modal [class*=close] svg,.modal [class*=close] path,.modal [class*=close] line,.modal [class*=close] polyline{stroke:#fff!important}.modal-backdrop{background:rgba(9,10,11,.72)!important}.modal__surface,.modal .modal__surface,.terms-modal__surface,.id-modal__surface,.creator-modal__surface,.home-setup-modal__surface,.checkout-modal,.collection-detail-modal .modal,.post-detail-modal .modal{background:#222!important;color:#fff!important;box-shadow:0 24px 60px #00000070!important;scrollbar-color:rgba(255,255,255,.24) transparent!important;border-radius:0!important}.modal__surface::-webkit-scrollbar-thumb,.modal .modal__surface::-webkit-scrollbar-thumb,.terms-modal__surface::-webkit-scrollbar-thumb,.id-modal__surface::-webkit-scrollbar-thumb,.creator-modal__surface::-webkit-scrollbar-thumb,.home-setup-modal__surface::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2)!important}.modal__header h2,.modal__header .modal__subtitle,.modal__body label,.remember-me,.policy-check,.remember-me span,.policy-check span,.modal__body,.modal__body form,.terms-modal__header h2,.terms-modal__lede,.id-modal__header h2,.id-modal__lede,.creator-modal__header h2,.creator-modal__subtitle,.home-setup-modal__header h2,.home-setup-modal__subtitle,.checkout-modal__lead,.checkout-modal__hint{color:#fff!important}.modal-tabs{background:#3a3a3a!important;box-shadow:inset 0 0 0 1px #ffffff1f!important}.modal-tabs button{color:#ffffffb8!important}.modal-tabs button.is-active,.modal-tabs button.active{background:#111!important;color:#fff!important;box-shadow:none!important}.modal-tabs button:hover:not(.is-active):not(.active){color:#fff!important}.modal input[type=text],.modal input[type=email],.modal input[type=password],.modal textarea,.modal select,.terms-modal input,.id-modal input,.creator-modal input,.home-setup-modal input,.checkout-modal input{background:#2c2c2c!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:none!important;min-height:3.25rem!important;padding:1rem!important}.modal input::placeholder,.modal textarea::placeholder{color:#ffffff8a!important}.modal a,.terms-modal a,.id-modal a,.creator-modal a,.home-setup-modal a,.checkout-modal a{color:#fff!important}.remember-me input[type=checkbox],.policy-check input[type=checkbox],.modal input[type=checkbox]{accent-color:#373737!important}.cta:disabled,.modal .cta:disabled,.modal button[type=submit]:disabled{background:rgba(79,79,79,.4)!important;box-shadow:none!important;color:#ffffffbf!important}.landing-experience,.landing-slide--article,.minimal-shell,.logged-out-bg{background:transparent!important}.landing-backdrop{color:#ece7de40!important}.landing-backdrop__tiles{opacity:.38!important}.landing-tile,.floating-section,.creator-card,.route-card,.faq-grid article,.creator-cta-banner,.info-slide__chrome,.info-slide__body .modal-article__section{background:var(--panel-gradient)!important;color:var(--text-color)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-soft)!important}.landing-tile{border-radius:16px!important}.landing-tile__media,.creator-card__media{background-color:#1f2223!important}.landing-tile__initial{background:rgba(255,255,255,.08)!important;color:var(--accent-color)!important}.landing-tile__meta,.landing-backdrop__feed .post-card-meta .meta-sep,.landing-backdrop__feed .post-card-meta .date,.creators-state,.creator-card__description,.faq-grid p,.route-card p,.floating-section p,.info-slide__body .modal-article__section p,.info-slide__body .modal-article__section li{color:var(--text-muted)!important}.landing-tile__creator,.landing-tile__title,.floating-section h1,.floating-section h2,.floating-section h3,.floating-section h4,.creator-card__title,.cta-text,.faq-grid h3,.route-card h3,.info-slide__label h2,.info-slide__body .modal-article__section h2,.info-slide__body .modal-article__section h3{color:var(--text-color)!important}.info-chip,.creator-card__cta,.route-card h4,.creators-state.error,.faq-link,.back-chip,.info-slide__body .warning,.info-slide__body .modal-article__callout,.info-slide__body .faq-item,.info-slide__body .faq-category{color:var(--accent-strong-color)!important;border-color:#c8b28a47!important}.info-chip,.back-chip,.creator-cta-banner,.info-slide__body .warning,.info-slide__body .modal-article__callout,.info-slide__body .faq-item,.info-slide__body .faq-category{background:rgba(200,178,138,.08)!important}.hero-panel{padding-top:58px!important;padding-bottom:58px!important}.hero-panel h1{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em}.btn.solid,.hero-actions .btn.solid,.creator-cta-banner .btn,.faq-link{background:linear-gradient(180deg,#4a4f51 0%,#303436 100%)!important;border:1px solid var(--border-strong-color)!important;color:var(--text-color)!important;box-shadow:var(--shadow-soft)!important}.btn.ghost,.hero-actions .btn.ghost{background:rgba(255,255,255,.04)!important;color:var(--text-color)!important;border:1px solid var(--border-color)!important}.btn.solid:hover,.hero-actions .btn.solid:hover,.creator-cta-banner .btn:hover,.faq-link:hover{background:linear-gradient(180deg,#565b5d 0%,#393d3f 100%)!important}.creator-cta-banner .btn,.vip-button,.btn.vip,.btn.gold{background:linear-gradient(180deg,#b79a6d 0%,#8f7751 100%)!important;color:#15120d!important;border-color:#cdb17f!important}:host ::ng-deep app-footer .site-footer,app-footer .site-footer{background:rgba(17,18,19,.94)!important;border-top:1px solid var(--border-color)!important;box-shadow:none!important;color:var(--text-muted)!important}:host ::ng-deep app-footer .site-footer h4,:host ::ng-deep app-footer .site-footer p,:host ::ng-deep app-footer .site-footer a,app-footer .site-footer h4,app-footer .site-footer p,app-footer .site-footer a{color:var(--text-muted)!important}:host ::ng-deep app-footer .site-footer a:hover,app-footer .site-footer a:hover{color:var(--accent-strong-color)!important}@media (max-width: 768px){.floating-section{background:transparent!important;border:none!important;box-shadow:none!important}}
