:root{color-scheme:dark;--accent:#b1efc4;--accent-2:#b1efc4;--text:#f1f3ed;--muted:#a6afa7;--shadow-soft:none;--shadow-strong:none}
body.app-shell{background:#101713;color:#f1f3ed;background-attachment:initial}a{color:#b1efc4}a:hover{color:#e2ffe9}.text-secondary{color:#a6afa7!important}.site-header{padding-bottom:0}.glass-nav{background:#101713;border-bottom:1px solid #2b352e;backdrop-filter:none;box-shadow:none;padding:18px 0}.navbar-brand{font-size:24px;letter-spacing:-1px}.nav-dot{background:#b1efc4;box-shadow:none;animation:none}.navbar .nav-link{font-size:13px;font-weight:500}.navbar .nav-link.active{color:#b1efc4}.navbar .nav-link i{display:none}.navbar .dropdown-menu{background:#1c2720;color:#f1f3ed;border:1px solid #36443a}.dropdown-item{color:#e0e7df}.dropdown-item:hover,.dropdown-item.active{background:#304035;color:#b1efc4}.dropdown-menu-lg{max-width:calc(100vw - 32px)}
.btn-gradient,.btn-primary{background:#b1efc4!important;color:#15251a!important;border:1px solid #b1efc4!important;box-shadow:none!important;font-weight:600;border-radius:9px}.btn-gradient:hover,.btn-primary:hover{background:#d0f8dc!important}.btn-outline-primary{color:#b1efc4;border-color:#6c9778}.btn-outline-dark{color:#d4ddd2;border-color:#5d6b60}.btn:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b1efc4;outline-offset:4px}.main-shell{padding-top:0!important;padding-bottom:0!important;flex:1}.main-shell>.container{max-width:1200px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;color:#a6afa7}.premium-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:72px;align-items:center;padding:76px 0 66px}.premium-hero h1{font-size:clamp(44px,5.5vw,72px);font-weight:600;letter-spacing:-3px;line-height:1.06;margin:25px 0}.premium-hero h1 span{color:#b1efc4}.hero-intro{max-width:480px;font-size:16px;line-height:1.85;color:#a6afa7}.premium-search{display:flex;align-items:center;gap:12px;background:#1b261f;border:1px solid #3d4d41;border-radius:12px;padding:7px 7px 7px 16px;margin:28px 0 20px}.premium-search input{min-width:0;flex:1;background:transparent;border:0;color:#f1f3ed;font-size:12px;padding:12px 0}.premium-search input::placeholder{color:#a6afa7}.premium-search .btn{font-size:12px;padding:13px 16px;white-space:nowrap}.hero-notes{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#a6afa7}.workspace-preview{background:#1c2720;border:1px solid #3d4a40;border-radius:18px;overflow:hidden;transform:rotate(1deg)}.preview-top{display:flex;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #354038;color:#a6afa7;font-size:9px;letter-spacing:1px}.featured-tool{padding:28px 25px 20px;display:flex;gap:20px;text-decoration:none;color:#f1f3ed}.tool-symbol{width:44px;height:44px;border:1px solid #475b4c;border-radius:11px;background:#283c2d;color:#b1efc4;display:inline-flex;align-items:center;justify-content:center;font-size:23px;flex-shrink:0}.featured-tool small{font-size:9px;letter-spacing:1.3px;color:#a6afa7}.featured-tool h2{font-size:26px;font-weight:500;letter-spacing:-.8px;line-height:1.25;margin:10px 0 16px}.featured-tool div>span{font-size:11px;color:#b1efc4}.code-preview{background:#131c16;margin:0 24px 24px;padding:18px;border:1px solid #303e33;border-radius:10px;font-size:11px;line-height:1.9;color:#d8e5d9;white-space:pre-wrap}.code-preview span{color:#b1efc4}.preview-links{display:flex;border-top:1px solid #354038}.preview-links a{flex:1;padding:17px 14px;font-size:10px;color:#c4d1c5;text-decoration:none}.preview-links a+a{border-left:1px solid #354038}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px}.section-heading h2{font-size:30px;letter-spacing:-1px;font-weight:500;margin:0}.section-heading .eyebrow{margin-bottom:12px}.section-heading>span,.section-heading>a{color:#a6afa7;font-size:11px;text-decoration:none}.premium-toolbox{padding:38px 0 62px;border-top:1px solid #2e3b32;margin-top:0}.category-links{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.category-links a{font-size:11px;color:#b8c4b9;border:1px solid #3b4b3f;border-radius:8px;padding:9px 13px;text-decoration:none}.category-links a:hover{background:#2b3a2e}.category-links a:first-child{background:#b1efc4;border-color:#b1efc4;color:#142318}.premium-tool-card{padding:23px;border:1px solid #344039;border-radius:12px;background:#19231c;box-shadow:none;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.premium-tool-card:hover{border-color:#82ac8d;transform:translateY(-3px)}.tool-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px}.tool-card-top>span:last-child{font-size:9px;color:#a6afa7}.premium-tool-card h3{font-size:16px;font-weight:500;letter-spacing:-.3px}.premium-tool-card p{font-size:12px;line-height:1.75;color:#a6afa7;margin:9px 0 22px;flex:1}.tool-open{border-top:1px solid #334038;padding-top:15px;display:flex;justify-content:space-between;font-size:11px;text-decoration:none;color:#c4e3ce}.premium-journal{border-top:1px solid #2e3b32;padding:48px 0 60px}.journal-card a{text-decoration:none;color:#f1f3ed}.journal-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:11px;border:1px solid #344039}.journal-meta{display:flex;justify-content:space-between;color:#a6afa7;font-size:9px;letter-spacing:1px;margin:19px 0 12px}.journal-card h3{font-size:18px;line-height:1.5;letter-spacing:-.3px}.journal-card p{font-size:12px;line-height:1.8;color:#a6afa7}.journal-read{font-size:11px;color:#b1efc4}.premium-principles{border-top:1px solid #2e3b32;padding:40px 0 55px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.premium-principles>div>i{color:#b1efc4;font-size:24px}.premium-principles h3{font-size:14px;margin:16px 0 10px}.premium-principles p{font-size:12px;line-height:1.8;color:#a6afa7}.site-footer.bg-dark{background:#0c120e!important;border-top:1px solid #2e3b32;padding:40px 0!important}.site-footer h2{font-size:24px;letter-spacing:-1px}.site-footer h3{font-size:10px;letter-spacing:1.3px;color:#a6afa7}.site-footer p,.site-footer a,.site-footer small{font-size:11px;color:#a6afa7!important}.site-footer p{max-width:320px;line-height:1.9}.footer-links li{margin:8px 0}.site-footer .border-top{border-color:#2e3b32!important}.hero-shell{padding:40px 0 24px;background:transparent}.hero-surface{background:#19231c;border:1px solid #344039;box-shadow:none;border-radius:14px;padding:30px}.hero-title{font-size:36px;letter-spacing:-1px}.hero-badges{display:none!important}.card,.content-article,.blog-header{background:#19231c;color:#f1f3ed;border:1px solid #344039;box-shadow:none!important}.content-article{padding:32px;border-radius:14px;margin:24px 0}.tool-section{margin:10px 0 30px}.form-control,.form-select,.blog-comment-form .form-control{background:#111b14;color:#e6eee6;border-color:#4c5c50}.form-control:focus,.form-select:focus{background:#18251c;color:#fff;border-color:#b1efc4;box-shadow:0 0 0 3px #b1efc425}.form-control::placeholder{color:#859488}.form-text{color:#a6afa7}.form-label{color:#d2ddd4}.bg-white{background:#19231c!important}.pill-soft{background:#304036;color:#d3e6d7}.text-dark{color:#d3e6d7!important}.article-body{color:#d0ddd2;max-width:760px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.9}.article-body h2,.article-body h3{color:#f1f3ed;letter-spacing:-.5px;margin-top:32px}.article-body pre{padding:20px;background:#0f1712;border:1px solid #344039;border-radius:10px;overflow:auto}.blog-grid{padding-top:24px}.blog-card{padding:20px}.blog-card h2 a{color:#f1f3ed}.blog-cover img{object-fit:cover}.blog-search .form-control{min-width:0}.blog-search{max-width:100%}.breadcrumb{font-size:11px}.ad-slot:before{content:"Advertisement";display:block;font-size:9px;letter-spacing:1px;color:#a6afa7;margin-bottom:10px}.ad-slot{overflow:hidden}.skip-link{position:absolute;left:12px;top:-80px;background:#b1efc4;color:#142318;padding:12px;z-index:2000}.skip-link:focus{top:12px}
@media(min-width:992px){.navbar .navbar-nav{gap:18px!important;margin-left:auto}.navbar .navbar-collapse{flex-grow:0}}
@media(max-width:991px){.premium-hero{gap:28px;padding:48px 0;grid-template-columns:1fr 1fr}.premium-hero h1{font-size:48px}.premium-search .btn{padding:12px 10px}.premium-search{gap:8px}.navbar-collapse{padding-top:20px}.workspace-preview{transform:none}.hero-intro{font-size:14px}.featured-tool{padding:22px 16px;gap:12px}.featured-tool h2{font-size:23px}.code-preview{margin:0 16px 20px;padding:14px}.preview-links{flex-direction:column}.preview-links a+a{border-left:0;border-top:1px solid #354038}}
@media(max-width:640px){.main-shell>.container{padding-left:20px;padding-right:20px}.premium-hero{grid-template-columns:1fr;padding:40px 0;gap:36px}.premium-hero h1{font-size:42px;letter-spacing:-1.7px}.hero-intro{font-size:14px}.section-heading{align-items:start;flex-direction:column;gap:12px}.section-heading h2{font-size:28px}.premium-toolbox{padding-top:30px}.premium-principles{grid-template-columns:1fr;gap:28px}.hero-notes{gap:14px}.premium-search input{font-size:11px}.preview-links{flex-direction:row}.preview-links a+a{border-left:1px solid #354038;border-top:0}.content-article{padding:20px}.hero-title{font-size:28px}.hero-surface{padding:20px}.hero-shell .input-group{flex-wrap:nowrap}.hero-shell .btn{font-size:11px}.article-body{font-size:15px}.blog-header{padding:16px}.category-links a{font-size:10px}.blog-search{width:100%}.journal-card{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.app-shell .card,.app-shell .content-article,.app-shell .blog-header{background:#19231c!important;color:#f1f3ed!important;border-color:#344039!important}.app-shell .bg-light{background:#27342b!important;color:#d4e4d7!important}.app-shell .form-control,.app-shell .form-select{background:#111b14!important;color:#e6eee6!important;border-color:#4c5c50!important}.app-shell .card .form-label{color:#d2ddd4!important}.app-shell .card .btn-outline-primary{color:#b1efc4!important}.app-shell .tool-card h2,.app-shell .tool-card h3{color:#f1f3ed!important}.app-shell .dropzone{background:#15221a!important;border-color:#56715e!important}.app-shell .dropzone .text-secondary{color:#b6c5b9!important}
.app-shell .tool-section form{background:transparent!important;color:#f1f3ed!important;border-color:transparent!important}.app-shell .tool-section aside,.app-shell .result-block,.app-shell .empty-state{background:#19231c!important;color:#f1f3ed!important;border-color:#344039!important}.app-shell .tool-section .form-label{color:#d2ddd4!important}.app-shell .tool-section .btn-outline-primary{color:#b1efc4!important}.app-shell .tool-section .btn-outline-secondary{color:#c0cdc3!important;border-color:#66786b!important}.app-shell .drop-icon,.app-shell .step-index{color:#b1efc4!important}
.app-shell .hero-title,.app-shell .hero-surface h1{color:#f1f3ed!important}.app-shell .hero-shell .search-bar .form-control{font-size:13px}.app-shell .hero-shell .search-bar .input-group{max-width:100%}
.tool-guide h2{font-size:26px;line-height:1.35;margin:12px 0 22px}.tool-guide h3{font-size:19px;margin:28px 0 12px}.tool-guide p,.tool-guide li{font-size:15px;line-height:1.85;color:#d0ddd2}.tool-guide pre{padding:18px;background:#0f1712;color:#d0ddd2;border:1px solid #344039;border-radius:10px;overflow-x:auto;font-size:13px}.article-body .table{--bs-table-bg:#15221a;--bs-table-color:#d0ddd2;--bs-table-border-color:#435448;table-layout:fixed;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.article-body .table th{color:#f1f3ed}.tool-guide a{color:#b1efc4;text-decoration:underline}