:root{--font-family-main: "Google Sans", sans-serif;--bg-color: #f5f5f3;--text-color: #1a1a1a;--sidebar-bg: #ffffff;--border-color: #e4e4e2;--hover-bg: rgba(0, 0, 0, .04);--active-bg: rgba(255, 144, 232, .07);--text-muted: #737373;--learn-more-button-bg: rgba(0, 0, 0, .03);--header-bg-blur: rgba(245, 245, 243, .82);--info-box-bg: #f0f0ee;--badge-bg: rgba(0, 0, 0, .08);--accent-pink: #FF90E8;--accent-pink-hover: #ff7ae0;--active-border: rgba(255, 144, 232, .2);--warning-bg: rgba(255, 193, 7, .08);--warning-icon: #f5a623;--info-bg: rgba(59, 130, 246, .08);--info-icon: #3b82f6;--carousel-arrow-bg: rgba(255, 255, 255, .8);--carousel-arrow-hover-bg: rgba(255, 255, 255, .95);--carousel-arrow-color: #1a1a1a;--carousel-dot-bg: rgba(0, 0, 0, .3);--carousel-dot-active-bg: #1a1a1a;--download-button-bg: #FF90E8;--download-button-text: #000000;--download-button-hover-bg: #ff7ae0;--accent-color: #525252;--accent-color-hover: #1a1a1a;--github-brand-color: #24292f;--selection-bg: #1a1a1a;--selection-text: #ffffff;--modal-overlay-bg: rgba(0, 0, 0, .6);--modal-content-bg: rgba(40, 40, 40, .92);--modal-content-border: rgba(255, 255, 255, .15);--modal-close-button-bg: rgba(128, 128, 128, .15);--modal-close-button-border: rgba(255, 255, 255, .2);--modal-close-button-color: rgba(255, 255, 255, .85);--modal-close-button-hover-bg: rgba(128, 128, 128, .35);--modal-close-button-hover-border: rgba(255, 255, 255, .4);--header-height: 70px;--header-bg: #1a1a1a;--scrollbar-bg: transparent;--scrollbar-thumb: rgba(0, 0, 0, .15);--scrollbar-thumb-hover: rgba(0, 0, 0, .25)}@media(max-width:768px){:root{--header-height: 70px}}@media(max-width:480px){:root{--header-height: 60px}}body[data-theme=dark]{--bg-color: #0e0e0e;--text-color: #e6e6e6;--sidebar-bg: #151515;--border-color: #252525;--hover-bg: rgba(255, 255, 255, .06);--active-bg: rgba(255, 144, 232, .08);--text-muted: #808080;--learn-more-button-bg: rgba(255, 255, 255, .03);--header-bg-blur: rgba(14, 14, 14, .82);--info-box-bg: #1a1a1a;--badge-bg: rgba(255, 255, 255, .08);--active-border: rgba(255, 144, 232, .25);--carousel-arrow-bg: rgba(40, 40, 40, .8);--carousel-arrow-hover-bg: rgba(60, 60, 60, .95);--carousel-arrow-color: #e6e6e6;--carousel-dot-bg: rgba(255, 255, 255, .3);--carousel-dot-active-bg: #e6e6e6;--selection-bg: #ffffff;--selection-text: #000000;--scrollbar-bg: transparent;--scrollbar-thumb: rgba(255, 255, 255, .12);--scrollbar-thumb-hover: rgba(255, 255, 255, .22);--accent-color: #a0a0a0;--accent-color-hover: #ffffff;--github-brand-color: #f0f6fc}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;overflow-x:hidden}body{font-family:var(--font-family-main);color:var(--text-color);background-color:var(--bg-color);transition:background-color .3s ease,color .3s ease}::selection{background-color:var(--selection-bg);color:var(--selection-text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:50px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-bg)}.router-outlet-container{padding:2rem}@media(max-width:768px){body{overflow-y:auto}.app-header{width:100%;left:0;right:0;justify-content:center}.content-area{margin-left:0;width:100%}.router-outlet-container{padding:0}.script-card{margin-bottom:0}.scripts-grid{grid-template-columns:1fr}.script-details{flex-direction:column;gap:1rem;padding:0rem}.title-container{flex-direction:column;align-items:flex-start;gap:.5rem}.script-title{font-size:2rem;line-height:1.2;font-weight:700}.script-details section{margin-bottom:2rem}.script-details h3{font-size:1.3rem;margin-bottom:1rem}.code-block{padding:.75rem;font-size:.9rem;overflow-x:auto}.setting-options ul{grid-template-columns:1fr;gap:.75rem}.setting-options li{padding:1rem;margin-bottom:0}.warning{padding:.75rem;margin:1rem 0;font-size:.9rem}.version-info{padding:1rem}.version-header{flex-wrap:wrap;gap:.5rem}.script-details ol{padding-left:1.25rem}.script-details section ol>li{padding-left:2rem;margin-bottom:1.25rem}.script-details section ol>li ul{padding-left:1rem}.support-link a{width:100%;justify-content:center}.script-details p,.script-details li{font-size:.95rem;line-height:1.6}.separator{margin:1.5rem 0}.author,.version{font-size:.9rem}.script-details section ol>li ul li{margin-bottom:.5rem}.script-details section+section{margin-top:2rem}.script-details h2{margin-bottom:1rem}.download-container{padding:1rem}.download-title{font-size:2rem}.compatibility-box,.download-box{padding:1.25rem}.main-features>ul{grid-template-columns:1fr;gap:.75rem}.main-features>ul>li{padding:1rem}.video-container{margin-bottom:1.5rem}.placeholder-message .material-symbols-outlined{font-size:36px}.placeholder-message p{font-size:1rem}}@media(max-width:480px){.router-outlet-container{padding:0}.script-card{padding:1rem;margin-bottom:0}.card-buttons button{width:100%}.script-title{font-size:1.5rem}.video-container{margin:15px 0;height:auto;padding-bottom:56.25%;position:relative}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 3px 6px #0000001a}.warning{padding:12px;margin:15px 0}.code-block{padding:8px;margin:10px 0;font-size:.8rem}.script-details section h2{font-size:1.3rem;margin-top:20px}.download-container{padding:15px}.download-button{padding:10px 15px;font-size:.9rem}.carousel-arrow{width:28px;height:28px}.carousel-dot{width:6px;height:6px;margin:0 4px}}@media(max-width:360px){.script-card{padding:.75rem;margin-bottom:0}.script-card h3{font-size:1.1rem;margin:8px 0}.script-card p{font-size:.85rem;margin-bottom:10px;line-height:1.4}.card-buttons button{font-size:.8rem}.card-buttons button .material-symbols-outlined{font-size:16px}.title-container{flex-direction:column;align-items:flex-start;gap:5px}.script-title{font-size:1.3rem}.version-badge{margin-left:0}.script-details section{margin-bottom:15px}.script-details section h2{font-size:1.1rem;margin-top:16px}.code-block{padding:6px;font-size:.75rem;max-width:100%;overflow-x:auto}.warning{padding:10px;font-size:.8rem}.download-title{font-size:1.4rem}.compatibility-box h2,.download-box h3{font-size:1.1rem}.compatibility-box p,.script-info p{font-size:.85rem}.download-button{padding:8px 12px;font-size:.85rem}.video-container{margin:12px 0}.carousel-arrow{width:24px;height:24px}.carousel-arrow .material-symbols-outlined{font-size:18px}.carousel-dot{width:5px;height:5px;margin:0 3px}.app-header{height:60px}.mobile-menu-toggle span{font-size:22px}}