:root{color:#f5f7fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0c1017;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,select{cursor:pointer}#root{min-height:100vh}.landing-page{--landing-ink:#17231f;--landing-muted:#64736d;--landing-paper:#f4f1e9;--landing-lime:#d5f36b;min-height:100vh;color:var(--landing-ink);background:var(--landing-paper);font-family:Georgia,Times New Roman,serif;overflow:hidden}.landing-page a,.landing-page button{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.landing-nav,.landing-hero,.landing-section,.landing-footer{width:min(1160px,100% - 48px);margin:0 auto}.landing-nav{justify-content:space-between;align-items:center;gap:24px;padding:26px 0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:flex}.landing-brand{color:var(--landing-ink);letter-spacing:-.04em;font-size:1.15rem;font-weight:800;text-decoration:none}.landing-nav-links,.landing-footer>div{align-items:center;gap:26px;display:flex}.landing-nav-links a,.landing-footer a{color:var(--landing-muted);font-size:.82rem;text-decoration:none}.landing-nav-links a:hover,.landing-footer a:hover{color:var(--landing-ink)}.landing-nav button,.landing-actions button,.browser-section button,.beta-section button,.landing-footer button{min-height:42px;color:var(--landing-ink);background:var(--landing-lime);border:0;border-radius:999px;padding:0 18px;font-weight:800}.landing-hero{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:72px;min-height:680px;padding:70px 0 100px;display:grid}.landing-kicker{color:#7a8b28;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.72rem;font-weight:800;display:inline-block}.landing-hero h1,.landing-section-heading h2,.browser-section h2,.beta-section h2{color:var(--landing-ink);letter-spacing:-.06em;margin:0;font-size:clamp(3.4rem,7vw,6.9rem);font-weight:500;line-height:.9}.landing-hero h1 em,.landing-section h2 em{color:#9a9f54;font-style:italic}.landing-hero-copy>p{max-width:440px;color:var(--landing-muted);margin:28px 0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1rem;line-height:1.6}.landing-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.landing-secondary-action{min-height:42px;color:var(--landing-ink);border:1px solid #bdc4b1;border-radius:999px;align-items:center;padding:0 18px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.landing-note{color:#8b958c;margin-top:18px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.72rem;display:block}.landing-hero-visual{background:#e8e8dc;border:1px solid #c4c9bb;border-radius:16px;padding:10px;transform:rotate(1.5deg);box-shadow:20px 24px #dfe4c8}.preview-window-bar{color:#8b958c;align-items:center;gap:5px;padding:5px 8px 10px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.6rem;display:flex}.preview-window-bar span{background:#b5c17b;border-radius:50%;width:6px;height:6px}.preview-window-bar strong{margin-left:8px;font-weight:700}.preview-content{background:#f8f8f2;border:1px solid #d1d4c8;border-radius:10px;min-height:350px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:flex;overflow:hidden}.preview-sidebar{border-right:1px solid #e0e2d8;flex-direction:column;flex:0 0 48px;align-items:center;gap:18px;padding:18px 0;display:flex}.preview-sidebar b{color:#7a8b28;font-size:.8rem}.preview-sidebar span{background:#d2d8c2;border-radius:50%;width:7px;height:7px}.preview-sidebar span.active{background:#9a9f54;box-shadow:0 0 0 4px #ebefd9}.preview-main{flex:1;padding:28px}.preview-heading{border-bottom:1px solid #e0e2d8;gap:8px;padding-bottom:18px;display:grid}.preview-heading span,.preview-summary small{color:#9aa39a;letter-spacing:.1em;font-size:.58rem;font-weight:800}.preview-heading b{font-family:Georgia,Times New Roman,serif;font-size:1.4rem;font-weight:500}.preview-heading small{color:#7a8b28;font-size:.68rem}.preview-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0;display:grid}.preview-summary div{border:1px solid #e0e2d8;border-radius:7px;gap:7px;padding:10px;display:grid}.preview-summary b{font-family:Georgia,Times New Roman,serif;font-size:1.2rem;font-weight:500}.preview-summary .preview-ready,.preview-files b{color:#78913a;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.68rem}.preview-files{gap:8px;display:grid}.preview-files>div{border-bottom:1px solid #e0e2d8;align-items:center;gap:10px;padding:10px 2px;display:flex}.preview-files i{color:#64732c;background:#e6edbe;border-radius:6px;place-items:center;width:28px;height:28px;font-style:normal;font-weight:800;display:grid}.preview-files span{flex:1;gap:3px;font-size:.72rem;font-weight:700;display:grid}.preview-files small{color:#a0a89e;text-overflow:ellipsis;white-space:nowrap;font-size:.57rem;font-weight:400;overflow:hidden}.landing-section{padding:110px 0}.landing-section-heading{justify-content:space-between;gap:40px;margin-bottom:54px;display:flex}.landing-section-heading h2,.browser-section h2,.beta-section h2{font-size:clamp(2.9rem,5vw,5rem)}.feature-grid{border-top:1px solid #cbd0c1;border-left:1px solid #cbd0c1;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.feature-grid article{border-bottom:1px solid #cbd0c1;border-right:1px solid #cbd0c1;min-height:210px;padding:24px}.feature-icon{color:#9a9f54;margin-bottom:34px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.72rem;font-weight:800;display:block}.feature-grid h3{margin:0 0 10px;font-size:1.25rem;font-weight:500}.feature-grid p,.browser-section p,.beta-section p{color:var(--landing-muted);margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.82rem;line-height:1.55}.how-section{border-top:1px solid #cbd0c1;grid-template-columns:.8fr 1.2fr;gap:80px;display:grid}.steps-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.steps-list li{border-bottom:1px solid #cbd0c1;gap:24px;padding:22px 0;display:flex}.steps-list li:first-child{border-top:1px solid #cbd0c1}.steps-list b{color:#9a9f54;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.7rem}.steps-list span{gap:7px;display:grid}.steps-list strong{font-size:1.2rem;font-weight:500}.steps-list small{color:var(--landing-muted);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.78rem}.browser-section,.beta-section{border-top:1px solid #cbd0c1;grid-template-columns:.9fr 1.1fr;gap:80px;display:grid}.browser-section>div:first-child p,.beta-section>div:last-child p{max-width:410px;margin:26px 0}.browser-columns{grid-template-columns:1fr 1fr;gap:18px;display:grid}.browser-columns>div{border:1px solid #cbd0c1;border-radius:8px;padding:24px}.browser-columns>div:first-child{background:#e8edc8}.browser-columns span{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.72rem;font-weight:800}.browser-columns ul{color:#58665f;gap:11px;margin:24px 0 0;padding-left:17px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.78rem;line-height:1.35;display:grid}.browser-columns p{margin-top:24px}.beta-section{border-top:1px solid #cbd0c1;border-bottom:1px solid #cbd0c1;align-items:end}.faq-section{grid-template-columns:.8fr 1.2fr;gap:80px;display:grid}.landing-faq{border-top:1px solid #cbd0c1}.landing-faq details{border-bottom:1px solid #cbd0c1;padding:19px 0}.landing-faq summary{cursor:pointer;font-size:1.05rem;list-style-position:outside}.landing-faq p{max-width:580px;color:var(--landing-muted);margin:12px 0 0 18px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.82rem;line-height:1.55}.landing-footer{border-top:1px solid #cbd0c1;grid-template-columns:.6fr 1.4fr auto;align-items:center;gap:24px;padding:28px 0 40px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:grid}.landing-footer>div{justify-content:center}.landing-footer small{color:#8b958c;text-align:right;font-size:.7rem}.app-shell{width:min(1180px,100% - 40px);margin:0 auto;padding:56px 0 72px}.analytics-consent{z-index:20;color:#f5f7fb;background:#121925;border:1px solid #344257;border-radius:10px;width:min(420px,100% - 40px);padding:16px;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 40px #0000004d}.analytics-consent p{color:#b8c2d1;margin:8px 0 12px;font-size:.8rem;line-height:1.45}.analytics-consent>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.analytics-consent button{min-height:32px;padding:0 10px;font-size:.75rem}.analytics-consent a{color:#86efac;font-size:.75rem}.app-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;display:flex}.eyebrow{color:#6ee7b7;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:700}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:10px;font-size:clamp(2rem,5vw,3.5rem);line-height:1.05}.subtitle{color:#9aa6b8;margin-bottom:0}.main-nav{border-bottom:1px solid #232c3a;gap:8px;margin-bottom:20px;display:flex}.nav-button{color:#9aa6b8;background:0 0;border-radius:6px 6px 0 0;min-height:40px;padding:0 14px}.nav-button:hover,.nav-button.active{color:#f5f7fb;background:#182333}.nav-button.active{box-shadow:inset 0 -2px #6ee7b7}.library-count{color:#07130f;background:#6ee7b7;border-radius:999px;min-width:20px;margin-left:4px;padding:1px 5px;font-size:.7rem;line-height:1.4;display:inline-block}.api-status,.mod-meta span{color:#86efac;white-space:nowrap;background:#10251f;border:1px solid #214d42;border-radius:999px;padding:6px 10px;font-size:.75rem}.controls{background:#121925;border:1px solid #232c3a;border-radius:10px;grid-template-columns:minmax(280px,1fr) 190px 160px;gap:16px;padding:20px;display:grid}label{color:#b8c2d1;margin-bottom:8px;font-size:.8rem;font-weight:600;display:block}.search-row{gap:8px;display:flex}input,select{color:#f5f7fb;background:#0c1017;border:1px solid #303b4d;border-radius:6px;width:100%;min-height:42px;padding:0 12px}textarea{resize:vertical;min-height:150px;padding:12px}input:focus,select:focus,textarea:focus{outline-offset:1px;outline:2px solid #6ee7b7}button{color:#07130f;background:#6ee7b7;border:0;border-radius:6px;min-height:42px;padding:0 18px;font-weight:700}button:hover{background:#a7f3d0}.results{margin-top:28px}.support-page{background:#121925;border:1px solid #232c3a;border-radius:10px;margin-top:28px;padding:20px}.section-subtitle{color:#9aa6b8;margin:6px 0 0;font-size:.84rem}.feedback-form,.support-list{gap:16px;max-width:720px;display:grid}.feedback-form .message{margin:0}.support-list details{border-bottom:1px solid #2a3547;padding-bottom:12px}.support-list summary{cursor:pointer;color:#f5f7fb;font-weight:700}.support-list details p{color:#b8c2d1;margin:8px 0 0;line-height:1.5}.support-page>.secondary-button{margin-top:20px}.app-footer{color:#9aa6b8;border-top:1px solid #232c3a;justify-content:space-between;align-items:center;gap:16px;margin-top:36px;padding-top:18px;font-size:.8rem;display:flex}.app-footer p{margin:0}.app-footer nav{align-items:center;gap:14px;display:flex}.app-footer a{color:#86efac}.section-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.section-heading h2{margin-bottom:0;font-size:1.35rem}.section-heading span{color:#9aa6b8;font-size:.82rem}.library-actions{align-items:center;gap:12px;display:flex}.library-actions button,.dependency-list button{min-height:32px;padding:0 10px;font-size:.75rem}.installation-panel{background:#121925;border:1px solid #232c3a;border-radius:10px;margin-top:20px;padding:20px}.installation-notice,.download-success{background:#15803d1f;border:1px solid #2f5a4d;border-radius:8px;gap:8px;margin:16px 0;padding:14px 16px;display:grid}.installation-notice strong,.download-success strong{color:#a7f3d0}.installation-notice p,.download-success span{color:#c8d2df;margin:0;font-size:.84rem;line-height:1.45}.secondary-button,.text-button{justify-self:start;min-height:34px;padding:0 11px;font-size:.76rem}.secondary-button{color:#d1fae5;background:#1d5544}.secondary-button:hover{background:#286f58}.download-hint{color:#b8c2d1;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:12px 0;font-size:.8rem;display:flex}.text-button{color:#86efac;background:0 0;border-bottom:1px solid #6ee7b7;border-radius:0;min-height:auto;padding:2px 0}.text-button:hover{color:#d1fae5;background:0 0}.download-success{background:#15803d33;border-color:#3f7a51}.download-success button{justify-self:start}.installation-panel .section-heading{margin-bottom:12px}.installation-panel h2{font-size:1.1rem}.installation-details{color:#b8c2d1;overflow-wrap:anywhere;gap:6px;font-size:.84rem;line-height:1.45;display:grid}.installation-details strong{color:#86efac;font-size:.95rem}.message{color:#9aa6b8}.success-message,.success-text{color:#86efac}.error-message{color:#fca5a5}.setup-summary{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:16px 0;display:grid}.setup-summary.compact{margin-top:0;margin-bottom:18px}.summary-item,.summary-status{background:#0f1727;border:1px solid #2a3547;border-radius:8px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.summary-label{color:#9aa6b8;letter-spacing:.04em;text-transform:uppercase;font-size:.72rem}.summary-item strong,.summary-status{color:#f5f7fb;font-size:.96rem}.summary-status{justify-content:center;padding:14px 16px;font-weight:700}.summary-status.ready{color:#86efac;background:#15803d2e;border-color:#214d42}.summary-status.action{color:#fbbf24;background:#eab3081f;border-color:#5a3b1b}.mod-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.mod-card{cursor:pointer;background:#121925;border:1px solid #232c3a;border-radius:8px;gap:14px;min-width:0;padding:16px;transition:border-color .15s,background .15s;display:flex;position:relative}.mod-card:hover,.mod-card:focus-visible{background:#172130;border-color:#6ee7b7;outline:none}.mod-icon{object-fit:cover;background:#202b3a;border-radius:8px;flex:0 0 56px;width:56px;height:56px}.icon-placeholder{display:block}.mod-content{min-width:0}.mod-content h2{margin-bottom:6px;font-size:1.05rem}.mod-content p{color:#9aa6b8;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:12px;font-size:.88rem;line-height:1.45;display:-webkit-box;overflow:hidden}.compatibility-details{color:#c8d2df;gap:5px;margin:0 0 12px;font-size:.78rem;line-height:1.4;display:grid}.mod-details{color:#9aa6b8;flex-wrap:wrap;gap:6px 12px;margin:0 0 10px;font-size:.76rem;display:flex}.compatibility-status{font-size:.84rem}.compatibility-status.not-compatible{color:#fca5a5}.compatibility-details a{color:#86efac;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mod-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.mod-actions button{min-height:34px;padding:0 11px;font-size:.76rem}.mod-actions button:disabled{cursor:default;opacity:.7}.recommendation-section{margin-top:28px}.recommendation-section:first-child{margin-top:0}.recommendation-section h3{margin:0;font-size:1.15rem}.dependency-list{color:#fcd34d;flex-direction:column;align-items:flex-start;gap:6px;margin-top:8px;display:flex}.dependency-list button{color:#241b00;background:#fcd34d;min-height:26px}.dependency-title{color:#e2e8f0;font-weight:700}.dependency-pill{color:#fcd34d;background:#fbbf242e;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.dependency-pill button{color:#fef3c7;background:0 0;border:1px solid #fcd34d73;border-radius:999px;min-height:24px;padding:0 7px;font-size:.68rem}.dependency-pill button:hover{color:#241b00;background:#fcd34d}.dependency-pill button:disabled{cursor:default;opacity:.65}.dependency-card{color:#f5f7fb;background:#fbbf2414;border:1px solid #fbbf2459;border-radius:8px;gap:4px;width:100%;padding:8px 10px;display:grid}.dependency-card strong{color:#fef3c7}.dependency-section{margin-top:28px}.dependency-grid,.plan-unavailable{gap:8px;display:grid}.plan-unavailable{margin:16px 0}.plan-unavailable h3{color:#fca5a5;margin:0;font-size:.95rem}.plan-list{gap:8px;display:grid}.plan-item{color:#c8d2df;border:1px solid #232c3a;border-radius:6px;grid-template-columns:minmax(120px,1fr) minmax(140px,1.4fr) auto;align-items:center;gap:12px;padding:10px 12px;font-size:.82rem;display:grid}.plan-item span:nth-child(2){color:#9aa6b8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.plan-item.unavailable{background:#7f1d1d24;border-color:#f8717159}.plan-item.unavailable span:nth-child(2){color:#fca5a5}.plan-item button{min-height:32px;padding:0 10px;font-size:.75rem}.mod-meta{flex-wrap:wrap;gap:6px;display:flex}.mod-meta span{padding:3px 8px;font-size:.7rem}.remove-button{color:#fecaca;background:#3a2028;min-height:30px;padding:0 10px;font-size:.75rem;position:absolute;bottom:12px;right:12px}.remove-button:hover{background:#5b2733}.modal-backdrop{z-index:10;background:#03070cbf;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.mod-modal{background:#121925;border:1px solid #344257;border-radius:10px;width:min(460px,100%);padding:28px;position:relative;box-shadow:0 18px 60px #00000059}.mod-modal h2{margin:14px 0 8px;font-size:1.5rem}.mod-modal p{color:#b8c2d1;line-height:1.55}.installation-guide ol{color:#d7e0eb;gap:10px;margin:16px 0;padding-left:22px;line-height:1.5;display:grid}.modal-icon{object-fit:cover;border-radius:10px;width:72px;height:72px}.close-button{color:#b8c2d1;background:0 0;min-height:32px;padding:0 9px;font-size:1.5rem;line-height:1;position:absolute;top:12px;right:12px}.close-button:hover{color:#f5f7fb;background:#202b3a}@media (width<=760px){.landing-nav,.landing-hero,.landing-section,.landing-footer{width:min(100% - 28px,1160px)}.landing-nav{flex-wrap:wrap;padding:18px 0}.landing-nav-links{order:3;justify-content:space-between;gap:12px;width:100%}.landing-hero{flex-direction:column;align-items:stretch;gap:52px;min-height:0;padding:66px 0 78px;display:flex}.landing-hero h1{font-size:clamp(3.2rem,16vw,5rem)}.landing-hero-visual{transform:none;box-shadow:10px 14px #dfe4c8}.preview-main{padding:18px 12px}.preview-content{min-height:290px}.landing-section,.how-section,.browser-section,.beta-section,.faq-section{padding:78px 0;display:block}.landing-section-heading{margin-bottom:36px;display:block}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:0}.browser-columns{grid-template-columns:1fr;margin-top:42px}.beta-section>div:last-child{margin-top:34px}.landing-footer{grid-template-columns:1fr;align-items:start}.landing-footer>div{flex-wrap:wrap;justify-content:flex-start;gap:14px 20px}.landing-footer small{text-align:left}.app-shell{width:min(100% - 24px,1180px);padding-top:32px}.app-header{flex-direction:column;align-items:flex-start;margin-bottom:24px}.controls{grid-template-columns:1fr}.section-heading,.library-actions{flex-direction:column;align-items:flex-start}.plan-item{grid-template-columns:1fr auto}.app-footer{flex-direction:column;align-items:flex-start}.plan-item span:nth-child(2){grid-area:2/1/auto/-1}}