*{box-sizing:border-box}body{margin:0;padding:0}#root{width:100%;min-height:100vh;margin:0;padding:0}.search-palette-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);background:#00000080;justify-content:center;align-items:flex-start;padding-top:clamp(4rem,12vh,10rem);padding-left:1rem;padding-right:1rem;animation:.14s ease-out search-palette-fade;display:flex;position:fixed;inset:0}@keyframes search-palette-fade{0%{opacity:0}to{opacity:1}}.search-palette{background:var(--bg-card);border:1px solid var(--border);width:min(620px,100%);max-height:70vh;font-family:var(--font-sans);border-radius:12px;flex-direction:column;animation:.16s ease-out search-palette-pop;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000059,0 8px 16px #0003}@keyframes search-palette-pop{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.search-palette-input-wrap{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.search-palette-icon{color:var(--text-secondary);flex-shrink:0}.search-palette-input{min-width:0;color:var(--text-primary);font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:16px;font-weight:400}.search-palette-input::placeholder{color:var(--text-secondary);opacity:.7}.search-palette-esc{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-secondary);background:0 0;border-radius:4px;padding:.15rem .4rem;font-size:.7rem}.search-palette-results{flex:1;min-height:80px;padding:.5rem;overflow-y:auto}.search-palette-section{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);opacity:.8;padding:.75rem .75rem .35rem;font-size:.7rem}.search-palette-row{cursor:pointer;text-align:left;width:100%;color:var(--text-primary);font-family:var(--font-sans);background:0 0;border:none;border-radius:8px;grid-template-columns:28px 1fr auto;align-items:center;gap:.75rem;padding:12px;transition:background .12s;display:grid}.search-palette-row:hover,.search-palette-row.is-active{background:#22d3ee14}.search-palette-row-icon{width:28px;height:28px;font-family:var(--font-mono);color:var(--accent);background:#22d3ee1f;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.search-palette-row-icon.kind-category{color:var(--text-secondary);background:#22d3ee0f}.search-palette-row-icon.kind-roadmap{background:linear-gradient(135deg, var(--accent-2), var(--accent));color:rgb(var(--bg))}.search-palette-row-text{flex-direction:column;gap:2px;min-width:0;display:flex}.search-palette-row-title{font-family:var(--font-sans);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.search-palette-row-sub{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.search-palette-row-enter{opacity:0;transition:opacity .12s}.search-palette-row:hover .search-palette-row-enter,.search-palette-row.is-active .search-palette-row-enter{opacity:1}.search-palette-row-enter kbd{font-family:var(--font-mono);color:var(--accent);border:1px solid var(--border);background:var(--bg-base);border-radius:4px;padding:.15rem .4rem;font-size:.75rem}.search-palette-empty{text-align:center;padding:2rem 1rem}.search-palette-empty-title{font-family:var(--font-serif);color:var(--text-primary);margin-bottom:.25rem;font-size:1.25rem}.search-palette-empty-sub{color:var(--text-secondary);font-size:.85rem}.search-palette-footer{border-top:1px solid var(--border);color:var(--text-secondary);background:0 0;gap:1rem;padding:.6rem 1rem;font-size:.75rem;display:flex}.search-palette-footer kbd{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-secondary);background:0 0;border-radius:4px;margin-right:.25rem;padding:.1rem .35rem;font-size:.7rem}.navbar-search-trigger{background:var(--bg-card);border:1px solid var(--border);height:32px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);border-radius:8px;align-items:center;gap:.45rem;padding:0 .65rem;font-size:.8rem;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.navbar-search-trigger:hover{color:var(--text-primary);border-color:var(--accent);background:#22d3ee0f}.navbar-search-trigger svg{flex-shrink:0}.navbar-search-trigger kbd{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-secondary);background:0 0;border-radius:4px;padding:.08rem .35rem;font-size:.7rem;line-height:1}@media (width<=900px){.navbar-search-trigger{display:none}}.auth-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#080c18b8;justify-content:center;align-items:center;padding:1.25rem;animation:.2s ease-out auth-fade-in;display:flex;position:fixed;inset:0}@keyframes auth-fade-in{0%{opacity:0}to{opacity:1}}.auth-modal{background:var(--bg-card,#111827);border:1px solid var(--border,#ffffff14);border-radius:16px;width:100%;max-width:420px;padding:2rem 1.75rem 1.5rem;animation:.25s cubic-bezier(.16,1,.3,1) auth-slide-up;position:relative;box-shadow:0 24px 60px #0009}@keyframes auth-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.375rem;transition:background .15s,color .15s;display:inline-flex;position:absolute;top:.875rem;right:.875rem}.auth-close:hover{color:var(--text-primary);background:#ffffff0f}.auth-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;color:var(--accent,var(--accent));margin-bottom:.5rem;font-size:.65rem}.auth-title{font-family:var(--font-serif);color:var(--text-primary);margin:0 0 .5rem;font-size:1.6rem;line-height:1.2}.auth-sub{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.9rem;line-height:1.5}.auth-providers{flex-direction:column;gap:.625rem;margin-bottom:1rem;display:flex}.auth-provider-btn{background:var(--bg-base,#0f1629);width:100%;color:var(--text-primary);border:1px solid var(--border,#ffffff1a);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.625rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;transition:border-color .15s,background .15s;display:flex}.auth-provider-btn:hover{border-color:var(--accent,var(--accent));background:#22d3ee0a}.auth-divider{text-align:center;margin:1rem 0;position:relative}.auth-divider:before{content:"";background:var(--border,#ffffff14);height:1px;position:absolute;top:50%;left:0;right:0}.auth-divider span{background:var(--bg-card,#111827);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;padding:0 .75rem;font-size:.75rem;position:relative}.auth-email-form{flex-direction:column;gap:.5rem;display:flex}.auth-email-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.auth-email-row{gap:.5rem;display:flex}.auth-email-input{background:var(--bg-base,#0f1629);color:var(--text-primary);border:1px solid var(--border,#ffffff1a);border-radius:8px;outline:none;flex:1;padding:.625rem .75rem;font-family:inherit;font-size:.9rem;transition:border-color .15s}.auth-email-input:focus{border-color:var(--accent,var(--accent))}.auth-email-input:disabled{opacity:.6}.auth-email-btn{background:var(--accent,var(--accent));color:rgb(var(--bg));cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:.375rem;padding:.625rem .9rem;font-size:.85rem;font-weight:600;transition:opacity .15s;display:inline-flex}.auth-email-btn:hover:not(:disabled){opacity:.9}.auth-email-btn:disabled{opacity:.5;cursor:not-allowed}.auth-error{color:#ef4444;margin-top:.25rem;font-size:.8rem}.auth-note{color:var(--text-secondary);text-align:center;margin:1.25rem 0 0;font-size:.75rem}.auth-note a{color:var(--accent,var(--accent));text-decoration:none}.auth-note a:hover{text-decoration:underline}.auth-success{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:.75rem;padding:1rem 0;font-size:.85rem;display:flex}.auth-success>svg{color:#22c55e;background:#22c55e1f;border-radius:50%;width:38px;height:38px;padding:.5rem}.auth-text-btn{color:var(--accent,var(--accent));cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;text-decoration:underline}.auth-learn-more{color:var(--accent,var(--accent));font-weight:500;text-decoration:none}.auth-learn-more:hover{text-decoration:underline}.navbar{z-index:100;background:var(--bg-base);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);width:100%;height:60px;position:sticky;top:0}.navbar-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;max-width:1400px;height:100%;margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem);display:grid}.logo{justify-self:start;align-items:center;text-decoration:none;display:flex}.logo-lockup{width:auto;height:40px;display:block}.logo-lockup--light{display:none}.logo-lockup--dark{display:block}[data-theme=light] .logo-lockup--dark{display:none}[data-theme=light] .logo-lockup--light{display:block}.nav-center{justify-content:center;align-items:center;gap:2rem;display:flex}.nav-center a{color:var(--text-secondary);white-space:nowrap;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-center a:hover{color:var(--text-primary)}.nav-right{justify-content:flex-end;align-items:center;gap:1rem;display:flex}.support-btn{background:var(--accent);color:rgb(var(--bg));font-family:var(--font-sans);white-space:nowrap;box-shadow:0 2px 8px rgba(var(--accent-rgb), .3);border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s}.support-btn:hover{background:var(--accent-2);box-shadow:0 4px 12px rgba(var(--accent-rgb), .4);transform:translateY(-2px)}.theme-toggle-pill{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:13px;flex-shrink:0;width:46px;height:26px;padding:0;transition:all .3s;position:relative}.theme-toggle-pill:hover{border-color:var(--border-accent);background:#ffffff26}.theme-toggle-pill.dark{background:#ffffff14}.theme-toggle-pill.light{background:rgba(var(--accent-rgb), .12);border-color:var(--border-accent)}.toggle-ball{background:var(--text-primary);border-radius:50%;width:18px;height:18px;transition:transform .3s;position:absolute;top:3px;left:3px}.theme-toggle-pill.light .toggle-ball{background:var(--accent);transform:translate(20px)}.hamburger{cursor:pointer;z-index:110;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.hamburger span{background:var(--text-primary);border-radius:2px;width:24px;height:2px;transition:all .3s}.hamburger.active span:first-child{transform:rotate(45deg)translate(7px,7px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:98;background:#00000080;display:none;position:fixed;inset:60px 0 0}@media (width<=968px){.navbar-inner{grid-template-columns:auto 1fr auto auto;gap:1rem}.hamburger{order:2;justify-self:end;display:flex}.nav-right{order:3;justify-self:end;gap:.5rem}.logo{order:1}.nav-center{background:var(--bg-base);border-bottom:1px solid var(--border);z-index:99;flex-direction:column;gap:0;max-height:calc(100vh - 60px);padding:0;display:none;position:fixed;top:60px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.nav-center.mobile-open{display:flex}.nav-center a{border-bottom:1px solid var(--border);width:100%;padding:1rem 1.5rem;font-size:1rem}.nav-center a:hover{background:var(--bg-card)}.mobile-overlay{display:block}.support-btn{padding:.4rem .8rem;font-size:.75rem}}@media (width>=969px){.nav-center{gap:2.5rem}}.nav-link-with-badge{align-items:center;gap:.4rem;display:inline-flex;position:relative}.nav-new-badge{font-family:var(--font-mono);letter-spacing:.08em;color:rgb(var(--bg));background:var(--accent);text-transform:uppercase;border-radius:4px;padding:.15rem .4rem;font-size:.55rem;font-weight:800;line-height:1;animation:2s ease-in-out infinite badgePulse}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.7}}.nav-dropdown{position:relative}.nav-dropdown-trigger{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.35rem;padding:0;font-family:inherit;font-size:14px;font-weight:500;transition:color .2s;display:inline-flex}.nav-dropdown-trigger:hover,.nav-dropdown.open .nav-dropdown-trigger,.nav-dropdown.active .nav-dropdown-trigger{color:var(--text-primary)}.nav-dropdown-caret{opacity:.7;transition:transform .2s}.nav-dropdown.open .nav-dropdown-caret{transform:rotate(180deg)}.nav-dropdown-menu{background:var(--bg-base);border:1px solid var(--border);opacity:0;visibility:hidden;pointer-events:none;z-index:1000;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:12px;min-width:300px;padding:.5rem;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%)translateY(-6px);box-shadow:0 16px 48px #0006}.nav-dropdown-menu-portal,.nav-dropdown.open .nav-dropdown-menu.nav-dropdown-menu-portal{opacity:1;visibility:visible;pointer-events:auto;z-index:10000;animation:.18s ease-out nav-dropdown-fade-in;position:fixed;top:0;left:0;transform:none!important}@keyframes nav-dropdown-fade-in{0%{opacity:0}to{opacity:1}}[data-theme=light] .nav-dropdown-menu{background:var(--bg-base)}.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.nav-dropdown-menu:before{content:"";z-index:1;background:var(--bg-base);border-top:1px solid var(--border);border-left:1px solid var(--border);width:10px;height:10px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}[data-theme=light] .nav-dropdown-menu:before{background:var(--bg-base)}.nav-dropdown-item{border-radius:8px;flex-direction:column;gap:.1rem;text-decoration:none;transition:background .15s;border-bottom:none!important;width:auto!important;padding:.65rem .85rem!important;display:flex!important}.nav-dropdown-item:hover{background:var(--bg-card-hover)}.nav-dropdown-item-title{font-family:var(--font-sans);font-weight:600;color:var(--text-primary)!important;font-size:.95rem!important}.nav-dropdown-item-desc{color:var(--text-secondary);font-weight:400;line-height:1.35;font-size:.78rem!important}@media (width<=968px){.nav-dropdown{border-bottom:1px solid var(--border);width:100%}.nav-dropdown-trigger{justify-content:space-between;width:100%;padding:1rem 1.5rem;font-size:1rem}.nav-dropdown-menu{background:var(--bg-surface);min-width:0;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;border:none;border-radius:0;max-height:0;padding:0;transition:max-height .25s;position:static;overflow:hidden;transform:none}.nav-dropdown.open .nav-dropdown-menu{max-height:500px;transform:none}.nav-dropdown-menu:before{display:none}.nav-dropdown-item{border-bottom:1px solid var(--border)!important;border-radius:0!important;padding:.85rem 2rem!important}.nav-dropdown-item:last-child{border-bottom:none!important}}.nav-signin-btn{background:var(--accent,var(--accent));color:rgb(var(--bg));border:1px solid var(--accent,var(--accent));cursor:pointer;white-space:nowrap;border-radius:8px;padding:.5rem .95rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:opacity .15s}.nav-signin-btn:hover{opacity:.88}.nav-user-menu{position:relative}.nav-user-trigger{border:1px solid var(--border,#ffffff1a);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:border-color .15s;display:flex}.nav-user-trigger:hover{border-color:var(--accent,var(--accent))}.nav-user-avatar{background:linear-gradient(135deg, var(--accent-2), var(--accent));width:28px;height:28px;color:rgb(var(--bg));font-size:.75rem;font-weight:700;font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;display:flex}.nav-user-dropdown{background:var(--bg-card,#111827);border:1px solid var(--border,#ffffff14);opacity:0;visibility:hidden;z-index:110;border-radius:10px;min-width:220px;padding:.375rem;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:calc(100% + .5rem);right:0;transform:translateY(-4px);box-shadow:0 12px 32px #0006}.nav-user-menu.open .nav-user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-user-dropdown-portal,.nav-user-menu.open .nav-user-dropdown.nav-user-dropdown-portal{opacity:1;visibility:visible;z-index:10000;animation:.18s ease-out nav-dropdown-fade-in-right;position:fixed;top:0;right:0;transform:none!important}@keyframes nav-dropdown-fade-in-right{0%{opacity:0}to{opacity:1}}.nav-user-email{color:var(--text-secondary);border-bottom:1px solid var(--border,#ffffff14);white-space:nowrap;text-overflow:ellipsis;max-width:260px;margin-bottom:.25rem;padding:.625rem .75rem;font-size:.78rem;overflow:hidden}.nav-user-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.55rem .75rem;font-family:inherit;font-size:.85rem;text-decoration:none;transition:background .12s;display:flex}.nav-user-item:hover{background:#ffffff0a}.back-to-top{background:var(--accent);width:48px;height:48px;color:rgb(var(--bg));cursor:pointer;z-index:1000;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:all .3s;animation:.3s fadeInUp;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 12px #22d3ee66}.back-to-top:hover{background:var(--accent-2);transform:translateY(-4px);box-shadow:0 8px 20px #22d3ee80}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-footer{background:var(--bg-base);border-top:1px solid var(--border);width:100%;margin-top:auto;padding:3rem 0 2rem}.footer-container{max-width:var(--container-max,1400px);margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem)}.footer-content{grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;display:grid}.footer-left{flex-direction:column;gap:.5rem;display:flex}.footer-logo{align-items:center;gap:.5rem;display:flex}.footer-logo-img{width:28px;height:28px;display:block}.footer-logo-img--light{display:none}.footer-logo-img--dark{display:block}[data-theme=light] .footer-logo-img--dark{display:none}[data-theme=light] .footer-logo-img--light{display:block}.footer-logo-text{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.01em;font-size:1.25rem;font-weight:600}.footer-tagline{font-family:var(--font-sans);color:var(--text-muted);font-size:13px;font-weight:400}.footer-right{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.footer-link{font-family:var(--font-sans);color:var(--text-secondary);font-size:14px;font-weight:400;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--accent)}.footer-copy{color:var(--text-muted);text-align:right;font-size:13px}.footer-sister{border-top:1px solid var(--border);text-align:center;font-family:var(--font-sans);color:var(--text-muted);margin-top:1.5rem;padding-top:1.5rem;font-size:12.5px;line-height:1.6}.footer-sister-link{color:var(--accent);font-weight:600;text-decoration:none;transition:color .2s}.footer-sister-link:hover{color:var(--accent-2);text-decoration:underline}.footer-sister-desc{color:var(--text-muted)}.footer-signup-strip{background:linear-gradient(135deg, rgba(var(--accent-rgb), .08), rgba(var(--accent-rgb), .04));border:1px solid rgba(var(--accent-rgb), .22);border-radius:14px;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2.5rem;padding:1.5rem 1.75rem;display:flex}.footer-signup-strip-body{flex:1;min-width:0}.footer-signup-strip-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;color:var(--accent);text-transform:uppercase;margin-bottom:.375rem;font-size:.65rem}.footer-signup-strip-title{font-family:var(--font-serif);color:var(--text-primary);margin-bottom:.35rem;font-size:1.25rem;line-height:1.25}.footer-signup-strip-desc{color:var(--text-secondary);font-size:.88rem;line-height:1.45}.footer-signup-strip-ctas{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.footer-signup-strip-btn{background:var(--accent);color:rgb(var(--bg));cursor:pointer;font-size:.88rem;font-weight:600;font-family:var(--font-sans);white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.1rem;transition:opacity .15s;display:inline-flex}.footer-signup-strip-btn:hover{opacity:.9}.footer-signup-strip-link{color:var(--text-secondary);white-space:nowrap;font-size:.85rem;text-decoration:none}.footer-signup-strip-link:hover{color:var(--accent);text-decoration:underline}@media (width<=640px){.footer-signup-strip{flex-direction:column;align-items:flex-start;padding:1.25rem}.footer-signup-strip-ctas{justify-content:space-between;width:100%}}@media (width<=968px){.footer-content{text-align:center;grid-template-columns:1fr;gap:1.5rem}.footer-left{align-items:center}.footer-right{justify-content:center}.footer-copy{text-align:center}}@media (width<=480px){.footer-right{flex-direction:column;align-items:center;gap:1rem}.footer-container{padding:0 1.5rem}}.home-page{background:var(--bg-base);width:100vw;min-height:100vh;overflow-x:hidden}.hero{background:rgb(var(--bg));flex-direction:column;width:100%;height:100vh;min-height:680px;display:flex;position:relative;overflow:hidden}#cv{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.hfade{z-index:1;pointer-events:none;background:linear-gradient(#050c18b8 0%,#050c1866 60%,#0000 100%);height:45%;position:absolute;top:0;left:0;right:0}.hc{z-index:10;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:7rem 5vw 2rem;display:flex;position:relative}.kk{font-family:var(--font-mono);color:var(--accent);letter-spacing:.08em;background:#22d3ee14;border:1px solid #22d3ee33;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1.2rem;font-size:.8rem;animation:.7s .1s both up;display:inline-flex}.kd{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.15}}h1{font-family:var(--font-serif);letter-spacing:-.04em;text-align:center;margin-bottom:1.5rem;font-size:clamp(4rem,10vw,9rem);font-weight:300;line-height:.95;animation:.8s .2s both up}h1 .a{color:#fff;text-shadow:0 2px 30px #0009;margin-bottom:0;font-weight:300;line-height:.95;display:block}h1 .b{color:var(--accent);text-shadow:0 0 60px #22d3ee80;margin-bottom:0;font-style:italic;font-weight:300;line-height:.95;display:block}h1 .cc{color:#ffffff38;margin-bottom:0;line-height:.95;display:block}.sub{font-family:var(--font-sans);color:#fff9;text-shadow:0 1px 15px #0009;letter-spacing:.01em;max-width:580px;margin:0 auto 2.2rem;font-size:1.05rem;font-weight:400;line-height:1.75;animation:.8s .35s both up}.sub strong{color:#ffffffd9;font-weight:600}.btns{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;animation:.8s .5s both up;display:flex}.ba{font-family:var(--font-sans);background:var(--accent);color:rgb(var(--bg));cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;min-width:220px;padding:.9rem 2.2rem;font-size:1rem;font-weight:600;transition:opacity .15s,transform .15s;display:inline-flex;box-shadow:0 6px 28px #22d3ee73}.ba:hover{opacity:.9;transform:translateY(-1px)}.bb{font-family:var(--font-sans);color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;cursor:pointer;background:#ffffff14;border:1.5px solid #ffffff2e;border-radius:8px;min-width:200px;padding:.9rem 2rem;font-size:1rem;transition:background .15s}.bb:hover{background:#ffffff24}.hero-signup-trust{font-family:var(--font-mono);color:#ffffff8c;letter-spacing:.08em;text-align:center;margin:-.5rem 0 2rem;font-size:.72rem;animation:.8s .7s both up}html[data-theme=light] .hero-signup-trust{color:#0a0f1e8c}.sc{cursor:pointer;flex-direction:column;align-items:center;gap:.4rem;animation:.7s 1s both up;display:flex}.sct{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.2em;text-transform:uppercase;font-size:.7rem;font-weight:600}:root[data-theme=light] .sct{color:var(--text-secondary)}.sca{border:2px solid var(--text-muted);width:28px;height:28px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;animation:2.5s 1.5s infinite bob;display:flex}:root[data-theme=light] .sca{border:2px solid var(--text-secondary);color:var(--text-secondary)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.legend{z-index:10;flex-direction:column;gap:.5rem;animation:.8s .8s both up;display:flex;position:absolute;bottom:80px;right:5vw}.leg-item{font-family:var(--font-mono);color:#ffffff8c;letter-spacing:.04em;align-items:center;gap:.5rem;font-size:.72rem;display:flex}.leg-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.leg-dot--playwright{background:#38bdf8;box-shadow:0 0 6px #38bdf8}.leg-dot--cypress{background:#5eead4;box-shadow:0 0 6px #5eead4}.leg-dot--k6{background:#34d399;box-shadow:0 0 6px #34d399}.leg-dot--selenium{background:#fbbf24;box-shadow:0 0 6px #fbbf24}.leg-title{font-family:var(--font-mono);color:#ffffff47;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.3rem;font-size:.68rem}.data-src{z-index:10;font-family:var(--font-mono);color:#ffffff2e;letter-spacing:.06em;text-align:center;white-space:nowrap;font-size:.52rem;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.st{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000e0;border-top:1px solid #22d3ee1a;grid-template-columns:repeat(4,1fr);display:grid;position:relative}.sc2{text-align:center;border-right:1px solid #ffffff0d;padding:1.2rem 1rem;transition:background .2s}.sc2:last-child{border-right:none}.sc2:hover{background:#22d3ee0a}.sn{font-family:var(--font-mono);color:#fff;margin-bottom:.28rem;font-size:1.15rem;font-weight:500;line-height:1}.sl{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.65rem}@keyframes up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}html[data-theme=light] .hero{background:rgb(var(--bg))}html[data-theme=light] h1 .a{color:var(--text-primary)!important;text-shadow:none!important}html[data-theme=light] h1 .b{color:var(--accent)!important;text-shadow:0 0 40px rgba(var(--accent-rgb),.3)!important}html[data-theme=light] h1 .cc{color:#0e1f2259!important}html[data-theme=light] .sub{color:#0e1f22a6!important;text-shadow:none!important}html[data-theme=light] .sub strong{color:var(--text-primary)!important}html[data-theme=light] .bb{color:#0e1f22cc!important;background:#0e1f220f!important;border-color:#0e1f2233!important}html[data-theme=light] .kk{color:var(--accent)!important;background:rgba(var(--accent-rgb),.08)!important;border-color:rgba(var(--accent-rgb),.25)!important}html[data-theme=light] .kd{background:var(--accent)!important}html[data-theme=light] .sct{color:#0e1f224d!important}html[data-theme=light] .sca{color:#0e1f2259!important;border-color:#0e1f2226!important}html[data-theme=light] .hfade{background:linear-gradient(#faf7f0c7 0%,#faf7f073 60%,#0000 100%)!important}html[data-theme=light] .st{border-top:1px solid rgba(var(--accent-rgb),.15)!important;background:#faf7f0f2!important}html[data-theme=light] .sc2{border-right-color:#0e1f2214!important}html[data-theme=light] .sn{color:var(--text-primary)!important}html[data-theme=light] .sl{color:#0e1f2273!important}html[data-theme=light] .leg-item{color:#0e1f22b3!important}html[data-theme=light] .leg-title{color:#0e1f2266!important}html[data-theme=light] .data-src{color:#0e1f224d!important}@media (width<=860px){.nav-center,.legend{display:none}.st{grid-template-columns:repeat(2,1fr)}.sc2:nth-child(2){border-right:none}.sc2:nth-child(odd){border-bottom:1px solid #ffffff0d}}@media (width<=480px){.hc{padding:5rem 1.5rem 2rem}h1{font-size:clamp(2.5rem,12vw,4rem)}.btns{flex-direction:column;width:100%}.ba,.bb{width:100%}.data-src{white-space:normal;max-width:90%;font-size:.45rem}}.category-filters{flex-wrap:wrap;justify-content:center;gap:8px;animation:.8s 1s both fadeUp;display:flex}.filter-pill{font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:1px solid #ffffff1a;border-radius:8px;padding:10px 20px;font-size:11px;font-weight:600;transition:all .2s}.filter-pill:hover{border-color:var(--accent);color:var(--accent);background:#22d3ee1a;transform:translateY(-2px)}.filter-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.featured-section{background:var(--bg-base);width:100%;padding:1.5rem 0 2.5rem}.section-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.section-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:1.5rem;font-size:.75rem;font-weight:700}.section-title{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.02em;letter-spacing:-.015em;margin-bottom:1.25rem;font-size:clamp(2.25rem,4.8vw,3.5rem);font-weight:400;line-height:1.05}.section-title em{color:var(--text-primary);opacity:.78;font-style:italic;font-weight:400}.section-subtitle{font-family:var(--font-sans);color:var(--text-secondary);text-align:center;max-width:680px;margin:0 auto;font-size:1.1rem;font-weight:400;line-height:1.7}.section-heading{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.015em;margin-bottom:1.25rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:300;line-height:1.15}.section-subheading{font-family:var(--font-serif);color:var(--text-muted);text-align:center;max-width:650px;margin:0 auto;font-size:1.2rem;font-weight:300;line-height:1.7}.featured-tools{max-width:var(--container-max);margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem)}.featured-main{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:20px;grid-template-columns:1fr auto;align-items:start;gap:40px;width:100%;margin-bottom:20px;padding:40px 48px;transition:all .3s;display:grid}.featured-main:hover{border-color:var(--border-accent);box-shadow:0 0 40px var(--accent-glow);transform:translateY(-2px)}.featured-main-left{align-items:start;gap:24px;display:flex}.featured-main-logo{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:64px;min-width:64px;height:64px;font-size:32px;font-weight:700;display:flex;box-shadow:0 8px 24px #6366f140}.featured-main-info{flex:1}.featured-main-category{font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:8px;font-weight:700}.featured-main-name{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:8px;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700}.featured-main-description{font-family:var(--font-sans);color:var(--text-secondary);margin-bottom:16px;font-size:15px;font-weight:400;line-height:1.6}.featured-main-badges{flex-wrap:wrap;gap:8px;display:flex}.featured-badge{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;background:#6366f11a;border:1px solid #6366f133;border-radius:100px;padding:4px 12px;font-size:11px;font-weight:700}.featured-main-right{flex-direction:column;gap:12px;display:flex}.featured-stat{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:6px;font-size:1.4rem;font-weight:600;display:flex}.featured-stat .icon{font-size:18px}.featured-stat .icon.star{color:var(--warning)}.featured-stat .icon.fork{color:var(--text-muted)}.featured-main-footer{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--text-muted);grid-column:1/-1;gap:20px;padding-top:20px;font-size:13px;display:flex}.featured-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.featured-tool-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:20px;flex-direction:column;padding:32px 28px;transition:all .3s;display:flex}.featured-tool-card:hover{border-color:var(--border-accent);box-shadow:0 0 30px var(--accent-glow);transform:translateY(-4px)}.featured-header{justify-content:space-between;align-items:start;margin-bottom:20px;display:flex}.featured-logo{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;font-weight:700;display:flex;box-shadow:0 6px 20px #6366f133}.featured-badges{flex-wrap:wrap;gap:6px;display:flex}.featured-category{font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:8px;font-weight:700}.featured-name{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:8px;font-size:1.2rem;font-weight:700}.featured-description{font-family:var(--font-sans);color:var(--text-secondary);flex:1;margin-bottom:20px;font-size:14px;font-weight:400;line-height:1.6}.featured-footer{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--text-muted);gap:16px;padding-top:16px;font-size:13px;display:flex}.discover-more{text-align:center;margin-top:3rem}.discover-btn{background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:12px;padding:14px 32px;font-size:14px;font-weight:700;transition:all .2s;display:inline-block}.discover-btn:hover{opacity:.9;transform:translateY(-2px)}.stats-section{background:var(--bg-surface);width:100%;padding:2.5rem 0}.stats-grid{max-width:var(--container-max);grid-template-columns:repeat(3,1fr);gap:1rem;margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem);display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;cursor:pointer;border-radius:20px;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{border-color:var(--border-accent);box-shadow:0 0 30px var(--accent-glow);transform:translateY(-4px)}.stat-number{font-family:var(--font-sans);letter-spacing:-.04em;color:var(--accent);margin-bottom:.4rem;font-size:clamp(2.8rem,5vw,4rem);font-weight:400;line-height:1}.stat-label{font-family:var(--font-sans);color:var(--text-primary);margin-top:.4rem;font-size:.88rem;font-weight:600}.stat-subtitle{font-family:var(--font-sans);color:var(--text-secondary);font-size:14px;font-weight:400;line-height:1.5}.stats-counter{padding:var(--section-padding) 0}.stats-grid-three{grid-template-columns:repeat(3,1fr)}.stat-counter-card{padding:2rem}.recently-section,.how-it-works-section,.features-section,.filter-section-cards,.cta-section{background:var(--bg-base);width:100%;padding:3rem 0}.books-strip{background:var(--bg-base);border-top:1px solid var(--border);border-bottom:1px solid var(--border);width:100%;padding:2.5rem 0 3rem}.books-strip-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.books-strip-title{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--text-primary);margin-top:.5rem;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:600;line-height:1.15}.books-strip-view-all{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);white-space:nowrap;padding-bottom:.4rem;font-size:.78rem;font-weight:600;text-decoration:none}.books-strip-view-all:hover{color:var(--accent-2)}.books-strip-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=900px){.books-strip-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.books-strip-grid{grid-template-columns:1fr}}.books-strip-card{text-align:left;background:var(--bg-base);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-direction:column;gap:.4rem;padding:1rem 1.1rem 1.1rem;font-family:inherit;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;display:flex}.books-strip-card:hover,.books-strip-card:focus-visible{border-color:var(--accent);background:var(--bg-surface);box-shadow:0 12px 28px rgba(var(--accent-rgb), .15);outline:none;transform:translateY(-4px)}.books-strip-card:hover .books-strip-card-title,.books-strip-card:focus-visible .books-strip-card-title{color:var(--accent)}.books-strip-card-title{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.01em;font-size:1rem;font-weight:600;line-height:1.25;transition:color .18s}.quick-access-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.quick-access-card{text-align:left;background:var(--bg-base);border:1px solid var(--border);cursor:pointer;border-radius:14px;flex-direction:column;gap:.85rem;padding:1.75rem;font-family:inherit;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.quick-access-card:hover,.quick-access-card:focus-visible{border-color:var(--accent);background:var(--bg-surface);box-shadow:0 12px 28px rgba(var(--accent-rgb), .15);outline:none;transform:translateY(-4px)}.quick-access-card:hover .quick-access-card-title,.quick-access-card:focus-visible .quick-access-card-title{color:var(--accent)}.quick-access-card-pill{background:var(--accent);color:rgb(var(--bg));font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:.25rem .75rem;font-size:.7rem;font-weight:700;display:inline-block}.quick-access-card-title{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--text-primary);margin:0;font-size:1.6rem;font-weight:600;line-height:1.2;transition:color .18s}.quick-access-card-desc{font-family:var(--font-sans);color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.55}.quick-access-card-tags{flex-wrap:wrap;gap:.45rem;margin:.25rem 0 .5rem;display:flex}.quick-access-card-tag{background:var(--bg-surface);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-secondary);border-radius:6px;padding:.3rem .7rem;font-size:.75rem}.quick-access-card-tag--pro{background:rgba(var(--accent-rgb), .08);border:1px dashed var(--accent);color:var(--accent);font-weight:600}.quick-access-card-cta{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-top:.25rem;font-size:.78rem;font-weight:600}.books-strip-card-author{font-family:var(--font-sans);color:var(--text-muted);font-size:.78rem;font-weight:500}.books-strip-card-desc{font-family:var(--font-sans);color:var(--text-secondary);margin-top:.15rem;font-size:.82rem;line-height:1.45}.recently-section:nth-of-type(2n),.features-section:nth-of-type(2n){background:var(--bg-surface)}.recently-grid,.steps-grid,.features-grid,.filter-cards{max-width:var(--container-max);gap:20px;margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem);display:grid}.recently-grid{grid-template-columns:repeat(4,1fr);gap:24px}.steps-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:1px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.filter-cards{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.recent-item,.step-card,.feature-card,.filter-type-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:14px;padding:2rem;transition:all .3s}.recent-item:hover,.step-card:hover,.feature-card:hover,.filter-type-card:hover{border-color:var(--border-accent);box-shadow:0 0 20px var(--accent-glow);transform:translateY(-4px)}.recent-item{align-items:center;gap:16px;display:flex;position:relative}.recent-icon{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;font-weight:700;display:flex}.recent-info{flex:1;min-width:0}.recent-name{color:var(--text-primary);margin-bottom:4px;font-size:1rem;font-weight:700}.recent-category{font-size:11px;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.trending-badge{font-size:10px;font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;background:#22d3ee1a;border:1px solid #22d3ee4d;border-radius:100px;margin-top:6px;padding:4px 10px;font-weight:700;display:inline-block}.new-badge{font-size:10px;font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;background:#22d3ee26;border:1px solid #22d3ee66;border-radius:100px;margin-top:6px;padding:4px 10px;font-weight:700;animation:2s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.step-card{text-align:left;flex-direction:column;height:100%;padding:2rem;display:flex}.step-number{font-family:var(--font-sans);color:var(--accent);margin-bottom:1rem;font-size:1.4rem;font-weight:600}.step-title{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.8rem;font-size:1.5rem;font-weight:400}.step-description{font-family:var(--font-sans);color:var(--text-muted);flex:1;font-size:1rem;font-weight:400;line-height:1.7}.step-arrow{display:none}.feature-card{padding:36px 32px}.feature-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:16px;font-size:11px;font-weight:800}.feature-title{color:var(--text-primary);margin-bottom:12px;font-size:clamp(1.5rem,2.5vw,1.9rem);font-weight:700}.feature-description{font-family:var(--font-sans);color:var(--text-secondary);margin-bottom:24px;font-size:15px;font-weight:400;line-height:1.7}.feature-link{background:var(--accent);color:#fff;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.feature-link:hover{opacity:.9;transform:translateY(-2px)}.filter-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.filter-card-title{font-family:var(--font-display);color:var(--text-primary);font-size:2rem;font-weight:700}.filter-card-badge{color:var(--accent);text-transform:uppercase;background:#6366f11a;border:1px solid #6366f133;border-radius:100px;padding:4px 12px;font-size:11px;font-weight:700}.filter-card-description{font-family:var(--font-sans);color:var(--text-secondary);margin-bottom:20px;font-size:1rem;font-weight:400;line-height:1.7}.filter-card-count{font-family:var(--font-display);background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:600}.categories-grid-section{background:var(--bg-base);width:100%;padding:4rem 0}.categories-grid{max-width:var(--container-max);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-top:2rem;margin-left:auto;margin-right:auto;padding:0 clamp(1.5rem,4vw,3rem);display:grid}.category-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;text-align:center;border-radius:16px;flex-direction:column;align-items:center;min-height:200px;padding:1.75rem 1.25rem;transition:all .3s;display:flex}.category-card:hover{border-color:var(--border-accent);box-shadow:0 0 30px var(--accent-glow);transform:translateY(-4px)}.category-name{font-family:var(--font-sans);color:var(--text-primary);margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.category-count{font-family:var(--font-mono);color:var(--accent);margin-bottom:.75rem;font-size:.8rem;font-weight:600}.category-desc{font-family:var(--font-sans);color:var(--text-secondary);font-size:.9rem;line-height:1.5}.view-all-categories-btn{border:2px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:10px;padding:.875rem 2rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-block}.view-all-categories-btn:hover{background:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #22d3ee4d}@media (width<=768px){.categories-grid{grid-template-columns:1fr}.category-card{min-height:auto}}.cta-section{background:var(--bg-base)}.cta-card{max-width:var(--container-max);background:var(--bg-card);border:1px solid var(--border);border-radius:24px;grid-template-columns:6px 1fr;align-items:stretch;gap:0;margin:0 auto;padding:0;display:grid;overflow:hidden}.cta-card:before{content:"";background:linear-gradient(180deg, var(--accent) 0%, var(--accent-2) 100%);border-radius:24px 0 0 24px}.cta-content{flex-direction:column;gap:24px;padding:clamp(2rem,4vw,3rem);display:flex}.cta-eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);font-size:.95rem;font-weight:700;font-family:var(--font-sans);margin-bottom:16px}.cta-title{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:400;line-height:1.2}.cta-text{font-family:var(--font-serif);color:var(--text-secondary);font-size:1.05rem;font-weight:300;line-height:1.6}.cta-action{flex-direction:column;gap:16px;display:flex}.cta-btn{background:var(--accent);color:#fff;text-align:center;border-radius:12px;padding:16px 40px;font-size:16px;font-weight:700;transition:all .2s;display:inline-block}.cta-btn:hover{opacity:.9;transform:translateY(-2px)}.cta-note{font-family:var(--font-mono);color:var(--text-muted);font-size:13px}@media (width<=768px){.nav-center{display:none}.featured-main{grid-template-columns:1fr;padding:32px 24px}.featured-main-left{flex-direction:column}.featured-grid,.stats-grid,.filter-cards,.features-grid,.steps-grid{grid-template-columns:1fr}.step-arrow{transform:rotate(90deg)}}@media (width<=480px){.hero-title{font-size:clamp(2.5rem,10vw,4rem)}.hero{padding-left:1.5rem}.filter-pill{padding:5px 12px;font-size:11px}}.quick-actions-section{background:var(--bg-base);padding:4rem 0}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;display:grid}.quick-action-card{background:var(--bg-card);border:2px solid var(--border);text-align:center;cursor:pointer;border-radius:16px;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.quick-action-card:before{content:"";background:linear-gradient(90deg, var(--accent), #34d399);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.quick-action-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 32px #22d3ee33}.quick-action-card:hover:before{opacity:1}.quick-action-icon{margin-bottom:1rem;font-size:3rem}.quick-action-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;font-family:var(--font-mono);margin-bottom:.5rem}.quick-action-desc{color:var(--text-muted);font-size:.9rem;line-height:1.5}[data-theme=light] .quick-action-card{background:var(--bg-base);border-color:var(--border)}[data-theme=light] .quick-action-card:hover{border-color:var(--accent-2);box-shadow:0 12px 32px #0891b226}@media (width<=768px){.quick-actions-grid{grid-template-columns:1fr}.quick-actions-section{padding:3rem 1rem}}.trending-section{background:var(--bg-base);width:100%;padding:3rem 0 3.5rem}.trending-section .container{max-width:var(--container-max);margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem)}.trending-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.25rem;margin-bottom:2rem;display:flex}.trending-header-left{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.trending-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;color:var(--accent);text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.75rem;font-weight:700;display:inline-flex}.trending-live-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.2s infinite trending-blink;display:inline-block;box-shadow:0 0 8px #ef4444b3}@keyframes trending-blink{0%,to{opacity:1}50%{opacity:.2}}.trending-title{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.02em;letter-spacing:-.015em;margin:0 0 .5rem;font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.1}.trending-subtitle{font-family:var(--font-sans);color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.5}.trending-view-all{font-family:var(--font-mono);color:var(--accent);white-space:nowrap;padding:.5rem 0;font-size:.85rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s}.trending-view-all:hover{opacity:.85;transform:translate(2px)}.trending-scroller{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--border) transparent;width:100%;padding-bottom:.5rem;overflow:auto visible}.trending-scroller::-webkit-scrollbar{height:6px}.trending-scroller::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.trending-row{grid-auto-columns:minmax(220px,1fr);grid-auto-flow:column;gap:1rem;padding:.25rem .25rem .75rem;display:grid}.trending-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;scroll-snap-align:start;border-radius:16px;flex-direction:column;gap:.5rem;min-width:0;padding:1.25rem 1.25rem 1.1rem;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative}.trending-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 30px #22d3ee2e}.trending-rank{font-family:var(--font-serif);color:var(--text-muted);opacity:.75;pointer-events:none;font-size:1.6rem;font-style:italic;font-weight:400;line-height:1;position:absolute;top:.75rem;right:1rem}.trending-icon{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:.25rem;font-size:22px;font-weight:700;display:flex;overflow:hidden}.trending-category{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:10px;font-weight:700}.trending-name{font-family:var(--font-sans);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:1.1rem;font-weight:700;line-height:1.25;overflow:hidden}.trending-stars{font-family:var(--font-mono,var(--font-mono));color:var(--text-secondary);align-items:center;gap:.35rem;margin-top:.25rem;font-size:.85rem;font-weight:600;display:flex}.trending-star-icon{color:#f59e0b;font-size:.95rem}@media (width>=900px){.trending-scroller{scroll-snap-type:none;overflow-x:visible}.trending-row{grid-auto-flow:unset;grid-auto-columns:unset;grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width<=600px){.trending-row{grid-auto-columns:minmax(200px,80%)}.trending-header{align-items:flex-start}}.persona-picker-section{background:var(--bg-base);padding:4.5rem 0 3.5rem;position:relative}.persona-picker-section .section-header{text-align:center;margin-bottom:2.5rem}.persona-picker-section .section-title{font-size:clamp(2.5rem,5.5vw,4rem)}.persona-picker-section .section-title em{color:var(--accent);opacity:1}.persona-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;max-width:1200px;margin:0 auto;display:grid}.persona-tile{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;text-align:left;color:var(--text-primary);border-radius:16px;flex-direction:column;align-items:flex-start;gap:.5rem;min-height:140px;padding:1.25rem 1.1rem;font-family:inherit;transition:transform .25s,border-color .25s,box-shadow .25s,background .25s;display:flex}.persona-tile:hover,.persona-tile:focus-visible{border-color:var(--accent);outline:none;transform:translateY(-4px);box-shadow:0 10px 28px #22d3ee24}.persona-num{font-family:var(--font-mono);letter-spacing:.1em;color:var(--accent);margin-bottom:.5rem;font-size:.8rem;font-weight:700}.persona-label{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.01em;font-size:1.15rem;font-weight:700;line-height:1.25}.persona-sub{font-family:var(--font-sans);color:var(--text-secondary);margin-top:.25rem;font-size:.95rem;line-height:1.5}.persona-browse-all{text-align:center;margin-top:2rem}.persona-browse-link{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-secondary);border-bottom:1px dashed var(--border);padding-bottom:2px;font-size:.82rem;text-decoration:none;transition:color .2s,border-color .2s}.persona-browse-link:hover{color:var(--accent);border-bottom-color:var(--accent)}@media (width<=1024px){.persona-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.persona-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.persona-picker-section{padding:3rem 1rem 2.5rem}.persona-tile{min-height:128px;padding:1rem .9rem}}.video-link-strip{text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-base);padding:2rem 1.5rem}.video-link{font-family:var(--font-mono);letter-spacing:.04em;color:var(--accent);font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .2s}.video-link:hover{opacity:.8;text-decoration:underline}.bookmark-btn{border:1px solid var(--border,#ffffff1a);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:border-color .15s,color .15s,background .15s,transform .1s;display:inline-flex}.bookmark-btn:hover{border-color:var(--accent,var(--accent));color:var(--accent,var(--accent));background:#22d3ee0f}.bookmark-btn:active{transform:scale(.95)}.bookmark-btn.is-active{border-color:var(--accent,var(--accent));color:var(--accent,var(--accent));background:#22d3ee14}.bookmark-btn.is-active:hover{color:#ef4444;background:#ef444414;border-color:#ef4444}.brand-badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:4px;align-items:center;padding:.25rem .625rem;font-size:10px;font-weight:500;line-height:1;display:inline-flex}.brand-badge--free{background:rgb(var(--status-free-bg));color:rgb(var(--status-free-fg))}.brand-badge--new{background:rgb(var(--status-new-bg));color:rgb(var(--status-new-fg))}.brand-badge--ai{background:rgb(var(--status-ai-bg));color:rgb(var(--status-ai-fg))}.brand-badge--paid{background:rgb(var(--status-paid-bg));color:rgb(var(--status-paid-fg))}.brand-badge--deprecated{background:rgb(var(--status-deprecated-bg));color:rgb(var(--status-deprecated-fg))}.directory-page{background:var(--bg-base);min-height:100vh}.directory-layout{grid-template-columns:220px 1fr;max-width:1400px;min-height:calc(100vh - 60px);margin:0 auto;display:grid}.sidebar{border-right:1px solid var(--border);height:calc(100vh - 60px);padding:2rem 0;position:sticky;top:60px;overflow-y:auto}.sidebar-heading{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;padding:0 1.5rem;font-size:.7rem}.category-list{margin:0;padding:0;list-style:none}.category-item{font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-left:2px solid #0000;justify-content:space-between;align-items:center;width:100%;padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.category-item:hover{color:var(--text-primary);background:#ffffff14;transform:scale(1.01)}.category-item:focus{outline:2px solid var(--accent);outline-offset:-2px}.category-item.active{color:var(--accent);border-left-color:var(--accent);background:#22d3ee1a;font-weight:600}.category-name{flex:1}.count-badge{font-family:var(--font-mono);background:var(--bg-surface);border-radius:4px;padding:.25rem .5rem;font-size:.875rem;font-weight:500}.filter-section{margin-top:2rem;padding:0 1.5rem}.filter-title{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.7rem}.tech-filters{flex-direction:column;gap:.5rem;display:flex}.tech-pill{font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:4px;padding:.5rem .75rem;font-size:.7rem;transition:all .2s}.tech-pill:hover{border-color:var(--accent);color:var(--accent)}.tech-pill.active{border-color:var(--accent);color:var(--accent);background:#60a5fa0d}.submit-tool-btn{background:var(--accent);width:calc(100% - 3rem);color:var(--bg-base);font-family:var(--font-mono);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:6px;margin:2rem 1.5rem 0;padding:.75rem;font-size:.75rem;font-weight:500;transition:opacity .2s}.submit-tool-btn:hover{opacity:.9}.main-content{padding:2rem 3rem}.main-content .breadcrumb{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;margin-bottom:2rem;font-size:12px;font-weight:600;line-height:1.6}.main-content .breadcrumb a{color:var(--accent);text-decoration:none;transition:color .2s}.main-content .breadcrumb a:hover{color:var(--accent)}[data-theme=light] .main-content .breadcrumb{color:var(--text-secondary)}[data-theme=light] .main-content .breadcrumb a{color:var(--accent-2)}.page-header{margin-bottom:2rem}.page-title{margin-bottom:.5rem;font-size:2rem;font-weight:600}.system-status{font-family:var(--font-mono);color:var(--accent);letter-spacing:.05em;font-size:.75rem}.search-bar-container{margin-bottom:2rem;position:relative}.search-input{background:var(--bg-card);border:2px solid var(--border);width:100%;color:var(--text-primary);font-family:var(--font-body);border-radius:12px;padding:1rem 3rem 1rem 1.25rem;font-size:1rem;transition:all .3s}.search-input::placeholder{color:var(--text-muted);opacity:.6}.search-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #3b82f626}.search-input:hover{border-color:var(--accent)}.clear-search-btn{background:var(--bg-surface);width:24px;height:24px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;transition:all .2s;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.clear-search-btn:hover{background:var(--accent);color:#fff}.controls{justify-content:flex-end;margin-bottom:2rem;display:flex}.sort-dropdown{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-mono);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-size:.75rem}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.tool-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:8px;flex-direction:column;min-height:240px;padding:1.5rem;transition:all .3s;display:flex}.tool-card:focus{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.tool-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.tool-logo{background:var(--bg-surface);border:1px solid var(--border);width:40px;height:40px;font-size:1.25rem;font-weight:600;font-family:var(--font-mono);color:var(--accent);border-radius:6px;justify-content:center;align-items:center;display:flex}.tool-badges{gap:.5rem;display:flex}.tool-header-right{align-items:center;gap:.5rem;display:flex}.badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border-radius:3px;padding:.25rem .5rem;font-size:.6rem;font-weight:400}.badge-os{border:1px solid var(--accent);color:var(--accent);background:#60a5fa1a}.badge-paid{border:1px solid var(--accent-cyan);color:var(--accent-cyan);background:#22d3ee1a}.tool-category{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;font-size:.65rem}.tool-name{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem;font-weight:700;line-height:1.3}.tool-description{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:1.25rem;font-size:.875rem;line-height:1.7;display:-webkit-box;overflow:hidden}.tool-card[data-category=Books]{min-height:220px}.tool-card[data-category=Books] .tool-name{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:.875rem;font-size:1.05rem;font-weight:600;line-height:1.45;display:-webkit-box;overflow:hidden}.tool-card[data-category=Books] .tool-description{-webkit-line-clamp:2;margin-bottom:1rem;font-size:.8125rem;line-height:1.6}.tool-footer{border-top:1px solid var(--border);padding-top:1rem}.tool-stats{gap:1rem;display:flex}.stat-item{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.stat-icon{color:var(--accent)}.no-tools{text-align:center;padding:4rem 2rem}.no-tools-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.no-tools-text{color:var(--text-muted);margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.no-tools-reset{font-family:var(--font-sans);color:var(--accent);border:1px solid var(--accent);cursor:pointer;background:0 0;border-radius:8px;padding:.65rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.no-tools-reset:hover{background:var(--accent);color:var(--bg-base)}@media (width<=968px){.directory-layout{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);height:auto;padding:1.5rem 0;position:relative}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.main-content{padding:2rem 1.5rem}}@media (width<=640px){.nav-links{display:none}.tools-grid{grid-template-columns:1fr}}.share-button-wrapper{position:relative}.share-button{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.share-button:hover{border-color:var(--border-accent);color:var(--text-primary);background:#ffffff0d}.share-button svg{flex-shrink:0}.share-overlay{z-index:999;position:fixed;inset:0}.share-menu{background:var(--bg-card);border:1px solid var(--border);z-index:1000;border-radius:12px;min-width:240px;padding:1rem;animation:.2s slideDown;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 8px 32px #0006}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.share-menu-header{color:var(--text-primary);border-bottom:1px solid var(--border);margin-bottom:.75rem;padding-bottom:.75rem;font-size:.875rem;font-weight:700}.share-options{flex-direction:column;gap:.25rem;display:flex}.share-option{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.share-option:hover{color:var(--text-primary);background:#ffffff0d}.share-option svg{opacity:.7;flex-shrink:0}.share-option:hover svg{opacity:1}:root[data-theme=light] .share-button{color:var(--text-secondary);border-color:#0000001a}:root[data-theme=light] .share-button:hover{color:var(--text-primary);background:#00000008;border-color:#0891b24d}:root[data-theme=light] .share-menu{background:var(--bg-base);border-color:#00000014;box-shadow:0 8px 32px #0000001a}:root[data-theme=light] .share-menu-header{color:var(--text-primary);border-color:#00000014}:root[data-theme=light] .share-option{color:var(--text-secondary)}:root[data-theme=light] .share-option:hover{color:var(--text-primary);background:#00000008}@media (width<=768px){.share-menu{left:50%;right:auto;transform:translate(-50%)}}.tool-page{background:rgb(var(--bg));width:100%;min-height:100vh;transition:background .3s;overflow-x:hidden}:root[data-theme=light] .tool-page{background:var(--bg-base)}:root[data-theme=light] .tool-main{background:0 0}:root[data-theme=light] .tool-sidebar{border-right-color:var(--border)}:root[data-theme=light] .subnav-link{color:var(--text-secondary)}:root[data-theme=light] .subnav-link:hover{color:var(--text-primary);background:#0000000a}:root[data-theme=light] .subnav-link.active{color:var(--accent-2);background:#0891b21a}:root[data-theme=light] .subnav-link.active:before{background:var(--accent-2)}:root[data-theme=light] .hero-title,:root[data-theme=light] .feature-title,:root[data-theme=light] .related-name,:root[data-theme=light] .metadata-value{color:var(--text-primary)}:root[data-theme=light] .hero-description,:root[data-theme=light] .section-content,:root[data-theme=light] .feature-description,:root[data-theme=light] .use-case-description,:root[data-theme=light] .related-description{color:var(--text-secondary)}:root[data-theme=light] .section-title,:root[data-theme=light] .hero-badge,:root[data-theme=light] .use-case-title,:root[data-theme=light] .metadata-title{color:var(--accent-2)}:root[data-theme=light] .feature-card,:root[data-theme=light] .use-case,:root[data-theme=light] .related-card,:root[data-theme=light] .metadata-terminal{background:var(--bg-base);border-color:#00000014}:root[data-theme=light] .feature-card:hover,:root[data-theme=light] .use-case:hover,:root[data-theme=light] .related-card:hover{background:var(--bg-base);border-color:#0891b24d}:root[data-theme=light] .tool-hero{border-bottom-color:#00000014}:root[data-theme=light] .metadata-row{border-bottom-color:#0000000a}:root[data-theme=light] .metadata-link{color:var(--accent-2)}:root[data-theme=light] .metadata-link:hover{color:#0e7490}:root[data-theme=light] .breadcrumb{color:var(--text-muted)}:root[data-theme=light] .breadcrumb a{color:var(--accent-2)}:root[data-theme=light] .metadata-label{color:var(--text-muted)}.tool-content{grid-template-columns:260px 1fr;gap:0;width:100%;max-width:100%;min-height:calc(100vh - 60px);margin:0;padding:0;display:grid}.tool-sidebar{background:var(--bg-base);border-right:1px solid var(--border);height:calc(100vh - 60px);padding:2rem 0;position:sticky;top:60px;overflow-y:auto}.subnav{flex-direction:column;gap:2px;padding:0 .75rem;display:flex}.subnav-link{color:var(--text-muted);border-radius:8px;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.subnav-link:before{content:"";background:0 0;border-radius:50%;width:6px;height:6px;transition:all .2s}.subnav-link.active{color:var(--accent);background:#22d3ee14}.subnav-link.active:before{background:var(--accent)}.subnav-link:hover{color:var(--text-primary);background:#ffffff0a}.tool-main{background:0 0;width:100%;min-width:0;max-width:100%;margin:0;padding:3rem clamp(2rem,3vw,4rem)}.breadcrumb{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;margin-bottom:3rem;font-size:12px;font-weight:600;line-height:1.6}.breadcrumb a{color:var(--accent);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--accent)}.tool-hero{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:flex-start;gap:3rem;margin-bottom:4rem;padding-bottom:3rem;display:flex}.hero-left{flex-direction:column;flex:1;gap:1.5rem;display:flex}.hero-badge{font-size:12px;font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.1em;background:#22d3ee1a;border:1px solid #22d3ee40;border-radius:6px;width:fit-content;padding:10px 18px;font-weight:700;display:inline-block}.hero-main{flex-wrap:nowrap;align-items:center;gap:20px;display:flex}.hero-right{align-items:center;padding-top:2.5rem;display:flex}.hero-logo{color:#fff;background:linear-gradient(135deg,#ff6b2c,#ff8f5c);border-radius:18px;justify-content:center;align-items:center;width:80px;min-width:80px;height:80px;padding:20px;font-size:40px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 12px 32px #ff6b2c40}.hero-logo img{object-fit:contain;filter:brightness(1.1);width:100%;height:100%}.hero-content{flex:1;min-width:0}.hero-title{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(2rem,3.5vw,3rem);font-weight:600;line-height:1.1}.hero-description{color:var(--text-muted);max-width:none;margin-bottom:0;font-family:"Source Serif 4",Georgia,serif;font-size:1.25rem;font-weight:300;line-height:1.7}.hero-cta{background:var(--accent);color:rgb(var(--bg));font-size:15px;font-weight:700;font-family:var(--font-mono);letter-spacing:.02em;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:fit-content;padding:16px 40px;text-decoration:none;transition:all .2s;display:inline-flex}.hero-cta:hover{background:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #22d3ee66}.content-grid{grid-template-columns:minmax(600px,1fr) 380px;align-items:start;gap:3rem;width:100%;max-width:1600px;display:grid}.section{margin-bottom:4rem}.section-title{font-size:13px;font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.15em;align-items:center;gap:12px;margin-bottom:2.5rem;font-weight:800;display:flex}.section-title:before{content:"■";color:var(--accent);font-size:10px}.section-content{color:var(--text-secondary);font-family:"Source Serif 4",Georgia,serif;font-size:1.15rem;font-weight:300;line-height:1.8}.how-to-content .how-to-heading{color:var(--accent);font-size:1.1rem;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;margin:1.5rem 0 .75rem}.how-to-content .code-block{background:var(--bg-surface);border:1px solid #22d3ee33;border-radius:8px;margin:1rem 0;padding:1rem 1.5rem;overflow-x:auto}.how-to-content .code-block code{font-family:var(--font-mono);color:var(--accent);font-size:.9rem;line-height:1.6}.how-to-content p{margin:.75rem 0}:root[data-theme=light] .how-to-content .code-block{background:var(--bg-surface);border-color:#0891b24d}:root[data-theme=light] .how-to-content .code-block code{color:var(--accent-2)}.features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.feature-card{background:var(--bg-surface);border:1px solid #ffffff0f;border-radius:16px;padding:32px;transition:all .3s;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:0;width:100%;height:2px;transition:opacity .3s;position:absolute;top:0;left:0}.feature-card:hover{background:#111827;border-color:#22d3ee4d;transform:translateY(-4px)}.feature-card:hover:before{opacity:1}.feature-title{font-family:var(--font-serif);color:var(--text-primary);text-transform:uppercase;letter-spacing:.02em;margin-bottom:12px;font-size:1.3rem;font-weight:600}.feature-description{color:var(--text-muted);font-family:"Source Serif 4",Georgia,serif;font-size:1.05rem;font-weight:300;line-height:1.7}.use-cases{counter-reset:use-case-counter;flex-direction:column;gap:12px;list-style:none;display:flex}.use-case{background:var(--bg-surface);counter-increment:use-case-counter;border:1px solid #ffffff0f;border-radius:12px;padding:28px 28px 28px 68px;transition:all .3s;position:relative}.use-case:before{content:"0" counter(use-case-counter);font-family:var(--font-mono);color:var(--accent);font-size:16px;font-weight:700;position:absolute;top:28px;left:24px}.use-case:hover{background:#111827;border-color:#22d3ee40}.use-case-title{font-family:var(--font-mono);color:var(--accent);letter-spacing:.08em;margin-bottom:12px;font-size:12px;font-weight:800}.use-case-description{color:var(--text-secondary);font-family:"Source Serif 4",Georgia,serif;font-size:1.05rem;font-weight:300;line-height:1.7}.related-scroll{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.related-card{background:var(--bg-surface);cursor:pointer;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;gap:14px;padding:28px;transition:all .3s;display:flex;position:relative}.related-card:hover{background:#111827;border-color:#22d3ee4d;transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.related-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:6px;padding:12px;font-size:24px;font-weight:700;display:flex;overflow:hidden}.related-icon img{object-fit:contain;filter:brightness(1.1);width:100%;height:100%}.related-name{font-family:var(--font-serif);color:var(--text-primary);margin-bottom:6px;font-size:1.2rem;font-weight:600}.related-description{color:var(--text-muted);font-family:"Source Serif 4",Georgia,serif;font-size:.95rem;font-weight:300;line-height:1.6}.metadata-terminal{background:var(--bg-surface);border:1px solid #ffffff0f;border-radius:16px;flex-shrink:0;min-width:380px;max-width:380px;padding:32px;position:sticky;top:100px}.metadata-title{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.15em;margin-bottom:32px;font-size:12px;font-weight:800}.metadata-row{border-bottom:1px solid #ffffff0a;flex-direction:column;gap:10px;padding:18px 0;display:flex}.metadata-row:last-child{border-bottom:none}.metadata-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.metadata-value{font-family:var(--font-mono);color:var(--text-primary);font-size:15px;font-weight:700}.metadata-flag{vertical-align:-1px;margin-right:.4rem;font-size:1.1em;display:inline-block}.metadata-link{font-family:var(--font-mono);color:var(--accent);align-items:center;gap:6px;font-size:14px;font-weight:700;text-decoration:none;transition:color .2s;display:inline-flex}.metadata-link:hover{color:var(--accent)}.metadata-divider{background:var(--border);height:1px;margin:6px 0}.metadata-section{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:6px;padding:14px 0 4px;display:flex}.metadata-section-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:11px;font-weight:700}.tool-page-loading{min-height:100vh;color:var(--text-muted);background:rgb(var(--bg));justify-content:center;align-items:center;font-size:1.5rem;display:flex}@media (width<=1400px){.content-grid{grid-template-columns:minmax(500px,1fr) 350px;gap:2rem}.metadata-terminal{min-width:350px;max-width:350px;padding:24px}}@media (width<=1024px){.content-grid{grid-template-columns:1fr;gap:3rem}.metadata-terminal{min-width:100%;max-width:100%;position:static}.features-grid{grid-template-columns:1fr}}@media (width<=768px){.tool-content{grid-template-columns:1fr}.tool-sidebar{border-bottom:1px solid #ffffff0f;border-right:none;height:auto;position:static}.tool-main{padding:2rem 1.5rem}.tool-hero{flex-direction:column;gap:2rem}.hero-main{gap:14px}.hero-right{width:100%;padding-top:0}.hero-logo{border-radius:14px;width:56px;min-width:56px;height:56px;font-size:28px}.hero-title{margin-bottom:12px;font-size:clamp(1.75rem,6vw,2.5rem)}.hero-description{font-size:1rem}.hero-cta{text-align:center;width:100%}.subnav{flex-direction:row;padding:0 1.5rem 1rem;overflow-x:auto}.subnav-link{white-space:nowrap}}@media (width<=480px){.related-scroll{grid-template-columns:1fr}}.compare-page{background:var(--bg-base);min-height:100vh}.compare-main{max-width:1600px;margin:0 auto;padding:4rem 3rem}.compare-main .breadcrumb{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;margin-bottom:3rem;font-size:12px;font-weight:600;line-height:1.6}.compare-main .breadcrumb a{color:var(--accent);text-decoration:none;transition:color .2s}.compare-main .breadcrumb a:hover{color:var(--accent)}[data-theme=light] .compare-main .breadcrumb{color:var(--text-secondary)}[data-theme=light] .compare-main .breadcrumb a{color:var(--accent-2)}.compare-builder{background:var(--bg-card);border:2px solid var(--border);border-radius:24px;margin-bottom:4rem;padding:3rem;box-shadow:0 20px 60px #0000004d}.category-selection{margin-bottom:3rem}.category-selector{background:var(--bg-surface);border:2px solid var(--border);width:100%;height:56px;color:var(--text-primary);font-family:var(--font-body);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%2322D3EE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;border-radius:12px;padding:.875rem 3rem .875rem 1rem;font-size:.95rem;font-weight:500;transition:all .3s}.category-selector:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 0 0 4px #3b82f626}.category-selector:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 5px #3b82f633}.step-divider{background:linear-gradient(90deg, transparent, var(--border), transparent);height:2px;margin:3rem 0 2rem}.slot-number-center{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.1em;text-align:center;margin-bottom:2rem;font-size:1rem;font-weight:700}.compare-slots{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:3rem;margin-bottom:4rem;display:grid}.slot-number{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:1rem;font-weight:700}.compare-slot{flex-direction:column;gap:1.5rem;display:flex}.tool-selector{background:var(--bg-surface);border:2px solid var(--border);width:100%;height:56px;color:var(--text-primary);font-family:var(--font-body);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%2322D3EE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;border-radius:12px;max-height:56px;padding:.875rem 3rem .875rem 1rem;font-size:.9rem;font-weight:500;line-height:1.4;transition:all .3s}.tool-selector option{background:var(--bg-card);color:var(--text-primary);padding:.75rem 1rem;font-size:.9rem;font-weight:500;line-height:1.5}.tool-selector:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 0 0 4px #3b82f626}.tool-selector:focus{border-color:var(--accent);outline:none;transform:translateY(-2px);box-shadow:0 0 0 5px #3b82f633}.compare-divider{font-family:var(--font-mono);background:linear-gradient(135deg, var(--accent), var(--accent-cyan));-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:900}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.compare-btn{background:linear-gradient(135deg, var(--accent), var(--accent));width:100%;color:rgb(var(--bg));font-family:var(--font-mono);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;border:none;border-radius:16px;padding:1.75rem 3rem;font-size:1.25rem;font-weight:800;transition:all .3s;box-shadow:0 10px 40px #22d3ee66}.compare-btn:hover{background:linear-gradient(135deg, var(--accent), var(--accent-2));transform:translateY(-4px);box-shadow:0 15px 50px #22d3ee80}:root[data-theme=light] .compare-btn{color:var(--text-primary);background:linear-gradient(135deg, var(--accent-2), #0e7490)}:root[data-theme=light] .compare-btn:hover{background:linear-gradient(135deg,#0e7490,#155e75)}.compare-result{animation:.8s cubic-bezier(.34,1.56,.64,1) slideInScale}@keyframes slideInScale{0%{opacity:0;transform:translateY(50px)scale(.9)}50%{opacity:.5;transform:translateY(-10px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}.result-header{border-bottom:3px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:4rem;padding-bottom:2rem;animation:.6s ease-out .2s both slideInFromLeft;display:flex}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.result-title{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--text-primary);font-size:2.5rem;font-weight:700}.comparison-table-wrapper{border:2px solid var(--border);border-radius:16px;margin-bottom:4rem;animation:.7s cubic-bezier(.34,1.56,.64,1) .3s both zoomInRotate;overflow-x:auto;box-shadow:0 10px 40px #0003}@keyframes zoomInRotate{0%{opacity:0;transform:scale(.8)rotate(-2deg)}to{opacity:1;transform:scale(1)rotate(0)}}.comparison-table{border-collapse:collapse;background:var(--bg-card);width:100%}.comparison-table th,.comparison-table td{text-align:left;border-bottom:1px solid var(--border);padding:2rem 2.5rem}.comparison-table th{background:var(--bg-surface);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;font-size:1.2rem;font-weight:800;font-family:var(--font-mono);animation:.5s ease-out both fadeInDown;animation-delay:calc(var(--col-index,0) * .1s)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.comparison-table td{color:var(--text-primary);animation:.6s ease-out both fadeIn;animation-delay:calc(.4s + var(--row-index,0) * 80ms);font-size:1.15rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.comparison-table .row-label{color:var(--text-muted);font-weight:800;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;font-size:1rem}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table tbody tr:hover{background:#3b82f60d}.table-link{color:var(--accent);align-items:center;gap:.5rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.table-link:hover{color:var(--accent-cyan);transform:translate(5px)}@media (width<=1200px){.compare-slots{grid-template-columns:1fr;gap:2.5rem}.compare-divider{font-size:1.5rem;transform:rotate(90deg)}.page-title{font-size:3rem}.compare-main{padding:5rem 5vw}.compare-builder{padding:3rem 2rem}.result-header{flex-direction:column;align-items:flex-start;gap:2rem}}.recommend-page{background:var(--bg-base);min-height:100vh}.recommend-main{max-width:1600px;margin:0 auto;padding:8rem 6vw}.recommend-main .breadcrumb{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;margin-bottom:3rem;font-size:12px;font-weight:600;line-height:1.6}.recommend-main .breadcrumb a{color:var(--accent);text-decoration:none;transition:color .2s}.recommend-main .breadcrumb a:hover{color:var(--accent)}[data-theme=light] .recommend-main .breadcrumb{color:var(--text-secondary)}[data-theme=light] .recommend-main .breadcrumb a{color:var(--accent-2)}.recommender-builder{background:var(--bg-card);border:2px solid var(--border);border-radius:24px;padding:5rem;box-shadow:0 20px 60px #0000004d}.form-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:1rem;font-size:1rem;font-weight:700;display:block}.form-select{background:var(--bg-surface);border:2px solid var(--border);width:100%;height:56px;color:var(--text-primary);font-family:var(--font-body);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%2322D3EE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;border-radius:12px;padding:.875rem 3rem .875rem 1rem;font-size:.95rem;font-weight:500;transition:all .3s}.form-select option{background:var(--bg-card);color:var(--text-primary);padding:.75rem 1rem;font-size:.9rem;line-height:1.5}.form-select:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 0 0 4px #3b82f626}.form-select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 5px #3b82f633}.recommend-btn{background:linear-gradient(135deg, var(--accent), var(--accent));width:100%;color:rgb(var(--bg));font-family:var(--font-mono);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;border:none;border-radius:16px;padding:1.75rem 3rem;font-size:1.25rem;font-weight:800;transition:all .3s;box-shadow:0 10px 40px #22d3ee66}:root[data-theme=light] .recommend-btn{color:var(--text-primary);background:linear-gradient(135deg, var(--accent-2), #0e7490)}:root[data-theme=light] .recommend-btn:hover{background:linear-gradient(135deg,#0e7490,#155e75)}.error-message{color:#fca5a5;background:#ef44441a;border:2px solid #ef4444;border-radius:12px;align-items:center;gap:1rem;width:100%;margin-bottom:2rem;padding:1.5rem 2rem;font-size:1.1rem;font-weight:600;animation:.4s ease-in-out shake;display:flex}.error-icon{flex-shrink:0;font-size:1.5rem}.recommend-btn:hover{background:linear-gradient(135deg, var(--accent), var(--accent-2));transform:translateY(-4px);box-shadow:0 15px 50px #22d3ee80}.recommender-result{margin-top:5rem;animation:.8s cubic-bezier(.34,1.56,.64,1) slideInScale}.result-header{border-bottom:3px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:4rem;padding-bottom:2rem;display:flex}.result-title{color:var(--text-primary);font-size:2.5rem;font-weight:800}.reset-btn{background:var(--bg-surface);border:3px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:12px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .2s}.reset-btn:hover{border-color:var(--accent);background:var(--accent);color:#fff;transform:translateY(-3px);box-shadow:0 10px 30px #3b82f64d}.recommendations-list{flex-direction:column;gap:2.5rem;display:flex}.recommendation-card{background:var(--bg-surface);border:2px solid var(--border);animation:.6s ease-out both fadeInUp;animation-delay:calc(var(--card-index,0) * .15s);border-radius:16px;padding:2.5rem;transition:all .3s}.recommendation-card:hover{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 12px 32px #3b82f640}.recommendation-tool-name{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--text-primary);margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.recommendation-category{color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.9rem}.recommendation-description{color:var(--text-muted);margin-bottom:2rem;font-size:1.15rem;line-height:1.8}.recommendation-actions{flex-wrap:wrap;gap:1rem;display:flex}.recommendation-link{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:1rem 2rem;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.recommendation-link:hover{background:var(--accent);color:#fff;filter:brightness(.9);transform:translateY(-3px);box-shadow:0 6px 20px #3b82f659}@media (width<=768px){.recommend-main{padding:4rem 1.5rem}.recommender-builder{padding:2.5rem 2rem}.page-title{font-size:2.5rem}.result-header{flex-direction:column;align-items:flex-start;gap:1.5rem}}.submit-tool-page{background:var(--bg-base);min-height:100vh}.submit-tool-container{max-width:700px;margin:0 auto;padding:6rem 2rem 4rem}.submit-tool-header{margin-bottom:2rem}.submit-tool-title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:.5rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:600;line-height:1.1}.submit-tool-description{color:var(--text-secondary);font-size:1rem;line-height:1.6}.submit-tool-form{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem}.form-section{margin-bottom:2rem}.section-title{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;font-size:.78rem;font-weight:700}.section-description{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.form-input,.form-textarea,.form-select{background:var(--bg-surface);border:1px solid rgba(var(--text-muted-rgb), .35);width:100%;color:var(--text-primary);font-size:.95rem;font-family:var(--font-body);border-radius:8px;padding:.875rem 1rem;transition:all .2s}:root[data-theme=light] .form-input,:root[data-theme=light] .form-textarea,:root[data-theme=light] .form-select{background:var(--bg-base);border:1px solid rgba(var(--text-muted-rgb), .35);color:var(--text-primary)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #0891b21a}.form-textarea{resize:vertical;min-height:100px}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:3rem}.form-hint{color:var(--text-muted);margin-top:.5rem;font-size:.8rem}.form-consent{background:var(--bg-surface);border:1px solid rgba(var(--text-muted-rgb), .35);border-radius:8px;margin:.5rem 0 1.5rem;padding:1rem 1.1rem}.form-consent-label{color:var(--text-secondary);cursor:pointer;text-transform:none;letter-spacing:0;font-size:.9rem;font-weight:400;line-height:1.5;font-family:var(--font-sans);align-items:flex-start;gap:.7rem;display:flex}.form-consent-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin-top:2px}.form-consent-label strong{color:var(--text-primary);font-weight:600}.submit-button{background:linear-gradient(135deg, var(--accent), var(--accent));color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:8px;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0891b24d}.submit-button:disabled{opacity:.6;cursor:not-allowed}.submit-message{text-align:center;border-radius:8px;margin-top:1rem;padding:1rem;font-weight:500}.submit-message.success{color:var(--accent);background:#22d3ee1a;border:1px solid #22d3ee4d}.submit-message.error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}[data-theme=light] .submit-tool-title{color:var(--text-primary)}[data-theme=light] .submit-tool-description{color:var(--text-secondary)}[data-theme=light] .form-label{color:var(--text-primary)}[data-theme=light] .form-hint{color:var(--text-muted)}[data-theme=light] .form-input,[data-theme=light] .form-textarea,[data-theme=light] .form-select{color:#1f2937;background:#f9fafb;border-color:#e5e7eb}[data-theme=light] .form-input::placeholder,[data-theme=light] .form-textarea::placeholder{color:#9ca3af}@media (width<=768px){.submit-tool-container{padding:5rem 1rem 2rem}.submit-tool-title{font-size:1.75rem}.submit-tool-form{padding:1.5rem}}.periodic-table-container{max-width:1400px;color:var(--border);margin:0 auto;padding:2rem}.periodic-table-header{text-align:center;margin-bottom:3rem}.periodic-table-header h1{font-family:var(--font-mono);background:linear-gradient(135deg, #38bdf8, var(--accent), #34d399);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.subtitle{color:var(--text-muted);font-size:1.1rem;font-family:var(--font-sans)}.periodic-grid{perspective:1000px;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(5,1fr);gap:1.5rem;margin-bottom:3rem;display:grid}.element-card{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:200px;transform-style:preserve-3d;background:#0f172a99;border:2px solid;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.element-card:hover{border-width:3px;transform:translateY(-8px)rotateX(5deg)rotateY(5deg);box-shadow:0 20px 40px #0000004d,0 0 30px}.element-number{color:var(--text-muted);font-size:.875rem;font-weight:700;font-family:var(--font-mono);position:absolute;top:.75rem;left:.75rem}.element-symbol{font-size:3rem;font-weight:700;font-family:var(--font-mono);text-shadow:0 0 20px;margin-bottom:.5rem}.element-name{color:var(--border);text-align:center;font-size:1.125rem;font-weight:600;font-family:var(--font-sans);margin-bottom:.5rem}.element-stars{color:#fbbf24;font-size:1rem;font-weight:600;font-family:var(--font-mono);margin-bottom:.25rem}.element-category{color:var(--text-muted);text-align:center;text-overflow:ellipsis;max-width:100%;font-size:.75rem;line-height:1.2;font-family:var(--font-sans);overflow:hidden}.tool-details-card{border:2px solid var(--text-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border-radius:16px;margin-bottom:2rem;padding:2rem;animation:.3s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.details-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.details-header h2{font-family:var(--font-mono);color:var(--text-primary);margin:0;font-size:2rem;font-weight:700}.category-badge{color:var(--bg-surface);font-size:.875rem;font-weight:600;font-family:var(--font-sans);border-radius:20px;padding:.5rem 1rem}.tool-description{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;font-family:var(--font-sans);margin-bottom:1.5rem}.tool-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;display:grid}.stat{flex-direction:column;gap:.5rem;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600;font-family:var(--font-sans)}.stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;font-family:var(--font-mono)}.github-link{color:#38bdf8;font-size:1rem;font-weight:600;font-family:var(--font-mono);text-decoration:none;transition:all .2s}.github-link:hover{color:var(--accent);text-decoration:underline}.legend{border:1px solid var(--text-secondary);background:#0f172a66;border-radius:12px;margin-top:3rem;padding:2rem}.legend h3{font-family:var(--font-mono);color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem;font-weight:700}.legend-items{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.legend-item{align-items:center;gap:.75rem;display:flex}.legend-color{border-radius:4px;flex-shrink:0;width:16px;height:16px}.legend-label{color:var(--text-secondary);font-size:.9rem;font-family:var(--font-sans)}@media (width<=1024px){.periodic-grid{grid-template-rows:auto;grid-template-columns:repeat(3,1fr)}.element-card{grid-area:auto!important}}@media (width<=640px){.periodic-grid{grid-template-columns:repeat(2,1fr)}.periodic-table-header h1{font-size:1.75rem}.element-symbol{font-size:2rem}.element-name{font-size:.875rem}}.periodic-table-page{background:rgb(var(--bg));min-height:100vh;position:relative}.periodic-layout{gap:2rem;max-width:1600px;margin:0 auto;padding:80px 2rem 2rem;display:flex}.cheat-sheets-sidebar{flex-shrink:0;width:280px;height:fit-content;max-height:calc(100vh - 100px);position:sticky;top:80px;overflow-y:auto}.sidebar-header{margin-bottom:1.5rem}.sidebar-header h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.sidebar-subtitle{color:var(--text-secondary);font-size:.875rem}.cheat-sheets-list{flex-direction:column;gap:.75rem;display:flex}.cheat-sheet-item{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;padding:.875rem;transition:all .2s;display:flex}.cheat-sheet-item:hover{background:var(--bg-card-hover);border-color:var(--accent);transform:translate(4px)}.cheat-sheet-icon{background:linear-gradient(135deg, var(--accent-2), var(--accent));width:40px;height:40px;font-family:var(--font-mono);color:rgb(var(--bg));border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;display:flex}.cheat-sheet-info{flex:1;min-width:0}.cheat-sheet-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:.9375rem;font-weight:600;overflow:hidden}.cheat-sheet-stars{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.periodic-main{z-index:1;flex:1;min-width:0;position:relative}.periodic-main .breadcrumb{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;max-width:1400px;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding:0 2rem;font-size:12px;font-weight:600;line-height:1.6}.periodic-main .breadcrumb a{color:var(--accent);text-decoration:none;transition:color .2s}.periodic-main .breadcrumb a:hover{color:var(--accent)}[data-theme=light] .periodic-main .breadcrumb{color:var(--text-secondary)}[data-theme=light] .periodic-main .breadcrumb a{color:var(--accent-2)}.periodic-table-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 30%,#38bdf81a 0%,#0000 50%),radial-gradient(circle at 80% 70%,#34d3991a 0%,#0000 50%),radial-gradient(circle,#22d3ee0d 0%,#0000 70%);position:fixed;inset:0}@media (width<=968px){.periodic-layout{flex-direction:column;padding-top:80px}.cheat-sheets-sidebar{width:100%;max-height:none;margin-bottom:2rem;position:static}.cheat-sheets-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.cheat-sheet-item{text-align:center;flex-direction:column}.cheat-sheet-item:hover{transform:translateY(-2px)}}.command-periodic-table{max-width:1600px;margin:0 auto;padding:2rem}[data-theme=dark] .command-periodic-table{color:var(--border)}[data-theme=light] .command-periodic-table{color:var(--text-primary)}.command-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:3rem;display:flex}.command-title-section h1{font-family:var(--font-mono);background:linear-gradient(135deg, #38bdf8, var(--accent), #34d399);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.command-language{color:var(--text-muted);font-size:1.1rem;font-family:var(--font-sans)}.command-count{border:2px solid #38bdf8;border-radius:12px;flex-direction:column;align-items:center;padding:1rem 2rem;display:flex}[data-theme=dark] .command-count{background:#38bdf81a}[data-theme=light] .command-count{background:#38bdf833}.count-number{font-family:var(--font-mono);color:#38bdf8;font-size:3rem;font-weight:700;line-height:1}.count-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem;font-size:.875rem}.commands-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-bottom:3rem;display:grid}[data-theme=dark] .command-element{background:#0f172a99}[data-theme=light] .command-element{background:#fffc}.command-element{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);aspect-ratio:1;border:2px solid;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:130px;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.command-element:hover{border-width:3px;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #0000004d,0 0 30px}.command-number{color:var(--text-muted);font-size:.75rem;font-weight:700;font-family:var(--font-mono);position:absolute;top:.5rem;left:.5rem}.command-symbol{font-size:1.75rem;font-weight:700;font-family:var(--font-mono);text-shadow:0 0 15px;margin-bottom:.5rem;line-height:1}.command-name{text-align:center;font-size:.75rem;font-weight:600;font-family:var(--font-sans);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;margin-bottom:.25rem;line-height:1.2;display:-webkit-box;overflow:hidden}[data-theme=dark] .command-name{color:var(--border)}[data-theme=light] .command-name{color:var(--text-primary)}.command-category{text-transform:uppercase;letter-spacing:.03em;text-align:center;font-size:.625rem;font-weight:600;font-family:var(--font-mono)}.command-details-panel{border:2px solid var(--text-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border-radius:16px;margin-bottom:2rem;padding:2rem;animation:.3s ease-out slideIn}.command-details-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.command-details-header h2{font-family:var(--font-mono);color:var(--text-primary);margin:0;font-size:1.75rem;font-weight:700}.command-category-badge{color:var(--bg-surface);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600;font-family:var(--font-sans);border-radius:20px;padding:.5rem 1rem}.command-syntax{margin-bottom:1.5rem}.syntax-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600;font-family:var(--font-sans);margin-bottom:.75rem}.syntax-code{border:1px solid var(--text-secondary);font-family:var(--font-mono);color:var(--accent);white-space:pre-wrap;word-break:break-word;background:#0000004d;border-radius:8px;padding:1rem 1.5rem;font-size:1rem;display:block;overflow-x:auto}.command-description-text{margin-bottom:0}.description-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600;font-family:var(--font-sans);margin-bottom:.75rem}.command-description-text p{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;font-family:var(--font-sans);margin:0}.command-legend{border-radius:12px;margin-top:3rem;padding:2rem}[data-theme=dark] .command-legend{border:1px solid var(--text-secondary);background:#0f172a66}[data-theme=light] .command-legend{border:1px solid var(--text-secondary);background:#f1f5f999}.command-legend h3{font-family:var(--font-mono);margin-bottom:1rem;font-size:1.25rem;font-weight:700}[data-theme=dark] .command-legend h3,[data-theme=light] .command-legend h3{color:var(--text-primary)}.command-legend-items{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;display:grid}.command-legend-item{align-items:center;gap:.75rem;display:flex}.command-legend-color{border-radius:4px;flex-shrink:0;width:16px;height:16px}.command-legend-label{font-size:.875rem;font-family:var(--font-sans)}[data-theme=dark] .command-legend-label,[data-theme=light] .command-legend-label{color:var(--text-secondary)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;position:fixed;inset:0}.command-modal{z-index:1001;border:2px solid #38bdf8;border-radius:16px;width:90%;max-width:700px;max-height:80vh;padding:2rem;animation:.3s ease-out modalSlideIn;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}[data-theme=dark] .command-modal{background:linear-gradient(135deg,#1e293bf2,#0f172afa);box-shadow:0 25px 50px #00000080}[data-theme=light] .command-modal{background:linear-gradient(135deg,#fffffffa,#f8fafcfa);box-shadow:0 25px 50px #0003}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-close{color:#ef4444;cursor:pointer;width:40px;height:40px;font-size:2rem;line-height:1;font-family:var(--font-sans);background:#ef44441a;border:2px solid #ef4444;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{background:#ef444433;transform:rotate(90deg)}.modal-content{margin-top:1rem}.modal-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding-right:2rem;display:flex}.modal-header h2{font-family:var(--font-mono);margin:0;font-size:1.75rem;font-weight:700}[data-theme=dark] .modal-header h2,[data-theme=light] .modal-header h2{color:var(--text-primary)}.modal-category-badge{color:var(--bg-surface);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600;font-family:var(--font-sans);border-radius:20px;padding:.5rem 1rem}.modal-section{margin-bottom:1.5rem}.modal-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600;font-family:var(--font-sans);margin-bottom:.75rem}.modal-description{font-size:1.125rem;line-height:1.6;font-family:var(--font-sans);margin:0}[data-theme=dark] .modal-description,[data-theme=light] .modal-description{color:var(--text-secondary)}.modal-code{font-family:var(--font-mono);color:var(--accent);white-space:pre-wrap;word-break:break-word;border-radius:8px;padding:1rem 1.5rem;font-size:1rem;display:block;overflow-x:auto}[data-theme=dark] .modal-code{border:1px solid var(--text-secondary);background:#0006}[data-theme=light] .modal-code{border:1px solid var(--text-secondary);background:#f1f5f9cc}.modal-example{font-family:var(--font-mono);white-space:pre-wrap;border-left:4px solid #34d399;border-radius:8px;margin:0;padding:1rem 1.5rem;font-size:.95rem;line-height:1.6;overflow-x:auto}[data-theme=dark] .modal-example{border:1px solid var(--text-secondary);color:var(--border);background:#0006;border-left:4px solid #34d399}[data-theme=light] .modal-example{border:1px solid var(--text-secondary);color:var(--text-primary);background:#f1f5f9cc;border-left:4px solid #34d399}@media (width<=1024px){.commands-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.command-element{min-height:120px;padding:.875rem}.command-symbol{font-size:1.5rem}}@media (width<=640px){.commands-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.command-header{flex-direction:column}.command-title-section h1{font-size:1.5rem}.command-element{min-height:110px;padding:.75rem}.command-symbol{font-size:1.25rem}.command-name{font-size:.65rem}.command-category{font-size:.55rem}}.cheat-sheet-page{min-height:100vh;position:relative}[data-theme=dark] .cheat-sheet-page{background:rgb(var(--bg))}[data-theme=light] .cheat-sheet-page{background:var(--bg-base)}.cheat-sheet-main{z-index:1;min-height:100vh;padding-top:80px;position:relative}.cheat-sheet-main .breadcrumb{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;max-width:1400px;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding:0 2rem;font-size:12px;font-weight:600;line-height:1.6}.cheat-sheet-main .breadcrumb a{color:var(--accent);text-decoration:none;transition:color .2s}.cheat-sheet-main .breadcrumb a:hover{color:var(--accent)}[data-theme=light] .cheat-sheet-main .breadcrumb{color:var(--text-secondary)}[data-theme=light] .cheat-sheet-main .breadcrumb a{color:var(--accent-2)}[data-theme=dark] .cheat-sheet-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 30%,#38bdf81a 0%,#0000 50%),radial-gradient(circle at 80% 70%,#34d3991a 0%,#0000 50%),radial-gradient(circle,#22d3ee0d 0%,#0000 70%);position:fixed;inset:0}[data-theme=light] .cheat-sheet-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 30%,#38bdf814 0%,#0000 50%),radial-gradient(circle at 80% 70%,#34d39914 0%,#0000 50%),radial-gradient(circle,#22d3ee08 0%,#0000 70%);position:fixed;inset:0}.error-container h1{font-family:var(--font-serif);letter-spacing:-.02em;margin-bottom:1rem;font-size:2.25rem;font-weight:600}[data-theme=dark] .error-container h1,[data-theme=light] .error-container h1{color:var(--text-primary)}.error-container p{font-family:var(--font-sans);margin-bottom:2rem;font-size:1.125rem}[data-theme=dark] .error-container p{color:var(--text-muted)}[data-theme=light] .error-container p{color:var(--text-secondary)}.back-button{background:linear-gradient(135deg, #38bdf8, var(--accent));color:var(--bg-surface);font-family:var(--font-mono);cursor:pointer;border:none;border-radius:8px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.back-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #38bdf84d}.productivity-tools-page{background:var(--bg-base);min-height:100vh}[data-theme=light] .productivity-tools-page{background:var(--bg-base)}.productivity-main{max-width:1600px;margin:0 auto;padding:2rem 6vw 6rem}.productivity-main .breadcrumb{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;margin-bottom:2rem;font-size:12px;font-weight:600;line-height:1.6}.productivity-main .breadcrumb a{color:var(--accent);text-decoration:none;transition:color .2s}.productivity-main .breadcrumb a:hover{color:#38bdf8}[data-theme=light] .productivity-main .breadcrumb{color:var(--text-secondary)}[data-theme=light] .productivity-main .breadcrumb a{color:var(--accent-2)}.page-header{text-align:center;margin-bottom:3rem}.page-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:1rem;font-size:1rem;font-weight:800}.page-title{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.015em;margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2}[data-theme=light] .page-title{color:var(--text-primary)}.page-subtitle{color:var(--text-muted);max-width:800px;margin:0 auto;font-size:1.25rem;font-weight:400;line-height:1.7}[data-theme=light] .page-subtitle{color:var(--text-secondary)}.category-filters{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:4rem;display:flex}.filter-btn{background:var(--bg-card);border:2px solid var(--bg-card-hover);color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border-radius:12px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s}[data-theme=light] .filter-btn{background:var(--bg-base);border-color:var(--border);color:var(--text-muted)}.filter-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:var(--bg-surface)}.tools-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;width:100%;margin-bottom:4rem;display:grid}@media (width<=1400px){.tools-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.tools-grid{grid-template-columns:1fr}}.tool-card{background:var(--bg-card);border:2px solid var(--bg-card-hover);cursor:pointer;text-align:center;border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:center;min-height:240px;padding:2rem;transition:all .3s;display:flex;position:relative;overflow:hidden}[data-theme=light] .tool-card{background:var(--bg-base);border-color:var(--border)}.tool-card:before{content:"";background:linear-gradient(90deg, var(--accent), #34d399);opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.tool-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 32px #22d3ee26}.tool-card:hover:before{opacity:1}.tool-icon{text-align:center;color:var(--accent);opacity:.8;justify-content:center;align-items:center;margin-bottom:1rem;transition:all .3s;display:flex}.tool-card:hover .tool-icon{opacity:1;transform:scale(1.1)}.tool-name{color:var(--text-primary);font-size:1.25rem;font-weight:700;font-family:var(--font-sans);letter-spacing:-.01em;margin-bottom:.75rem}[data-theme=light] .tool-name{color:var(--text-primary)}.tool-description{color:var(--text-muted);margin-bottom:1rem;font-size:.95rem;line-height:1.6}[data-theme=light] .tool-description{color:var(--text-secondary)}.tool-category-badge{color:var(--accent);font-size:.75rem;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;background:#22d3ee1a;border-radius:6px;padding:.375rem .875rem;display:inline-block}.info-banner{border:2px solid var(--accent);background:linear-gradient(135deg,#22d3ee1a,#34d3991a);border-radius:16px;align-items:center;gap:2rem;padding:2.5rem;display:flex}.info-icon{flex-shrink:0;font-size:3rem}.info-content h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;font-family:var(--font-mono);margin-bottom:.5rem}[data-theme=light] .info-content h3{color:var(--text-primary)}.info-content p{color:var(--text-muted);margin:0;font-size:1rem;line-height:1.6}@media (width<=768px){.page-title{font-size:2.5rem}.page-subtitle{font-size:1rem}.info-banner{text-align:center;flex-direction:column;padding:1.5rem}.productivity-main{padding:6rem 4vw}.category-filters{gap:.5rem}.filter-btn{padding:.625rem 1.25rem;font-size:.75rem}}.tool-wrapper{width:100%;max-width:100%}.tool-actions{flex-wrap:wrap;gap:12px;margin-bottom:30px;display:flex}.tool-btn{background:var(--bg-surface);border:2px solid var(--bg-card-hover);color:var(--text-primary);font-family:var(--font-mono);cursor:pointer;text-transform:uppercase;border-radius:8px;padding:12px 24px;font-size:13px;font-weight:600;transition:all .2s}[data-theme=light] .tool-btn{background:var(--bg-base);border-color:var(--border);color:var(--text-primary)}.tool-btn:hover:not(:disabled){border-color:var(--accent);background:#22d3ee1a}[data-theme=light] .tool-btn:hover:not(:disabled){color:var(--accent-2)}.tool-btn-primary{background:var(--accent);border-color:var(--accent);color:#000;font-weight:700}.tool-btn-primary:hover{background:#38bdf8;border-color:#38bdf8}.tool-btn-danger{color:#ef4444;border-color:#ef4444}[data-theme=light] .tool-btn-danger{color:#dc2626}.tool-btn-danger:hover{background:#ef44441a}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.tool-message{border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 18px;font-size:14px;display:flex}.tool-message-success{color:#34d399;background:#34d3991a;border:2px solid #34d399}[data-theme=light] .tool-message-success{color:#047857;background:#10b9811a;border-color:#10b981}.tool-message-error{color:#ef4444;background:#ef44441a;border:2px solid #ef4444}[data-theme=light] .tool-message-error{color:#b91c1c;background:#dc26261a;border-color:#dc2626}.tool-grid{grid-template-columns:1fr 1fr;gap:24px;width:100%;display:grid}.tool-panel{width:100%}.tool-panel-title{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:11px;font-weight:700}[data-theme=light] .tool-panel-title{color:var(--accent-2)}.tool-textarea{background:var(--bg-surface);border:2px solid var(--bg-card-hover);width:100%;height:500px;color:var(--text-primary);font-family:var(--font-mono);resize:vertical;border-radius:8px;padding:20px;font-size:14px;line-height:1.6}.tool-textarea:focus{border-color:var(--accent);outline:none}.tool-textarea::placeholder{color:var(--text-muted);opacity:.5}.tool-textarea-readonly{background:var(--bg-base)}[data-theme=light] .tool-textarea{background:var(--bg-base);border-color:var(--border);color:var(--text-primary)}[data-theme=light] .tool-textarea-readonly{background:var(--bg-base)}.tool-input{background:var(--bg-surface);border:2px solid var(--bg-card-hover);width:100%;color:var(--text-primary);font-family:var(--font-mono);border-radius:8px;padding:12px 16px;font-size:14px}[data-theme=light] .tool-input{background:var(--bg-base);border-color:var(--border);color:var(--text-primary)}.tool-input:focus{border-color:var(--accent);outline:none}.tool-input::placeholder{color:var(--text-muted);opacity:.5}[data-theme=light] .tool-input::placeholder{color:var(--text-muted)}.tool-output{background:var(--bg-surface);border:2px solid var(--bg-card-hover);width:100%;min-height:400px;max-height:600px;font-family:var(--font-mono);color:var(--text-primary);border-radius:8px;padding:20px;font-size:14px;line-height:1.6;overflow-y:auto}[data-theme=light] .tool-output{background:var(--bg-base);border-color:var(--border);color:var(--text-primary)}.tool-section{margin-bottom:24px}.tool-section h3{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:11px;font-weight:700}[data-theme=light] .tool-section h3{color:var(--accent-2)}.tool-checkbox-group{background:var(--bg-surface);border:2px solid var(--bg-card-hover);border-radius:8px;flex-wrap:wrap;gap:20px;padding:16px 20px;display:flex}[data-theme=light] .tool-checkbox-group{background:var(--bg-base);border-color:var(--border)}.tool-checkbox-label{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}[data-theme=light] .tool-checkbox-label{color:var(--text-muted)}.tool-checkbox-label input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--accent)}input[type=range]{background:var(--bg-card-hover);cursor:pointer;-webkit-appearance:none;border-radius:3px;outline:none;width:100%;height:6px;margin:16px 0}[data-theme=light] input[type=range]{background:var(--border)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:18px;height:18px}input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px}.hash-output-box{background:var(--bg-surface);word-break:break-all;color:var(--text-primary);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}[data-theme=light] .hash-output-box{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border)}.diff-line{font-family:var(--font-mono);border-radius:4px;margin-bottom:2px;padding:4px 8px}.diff-line-removed{color:#ef4444;background:#ef44441a}[data-theme=light] .diff-line-removed{color:#dc2626;background:#dc262626}.diff-line-added{color:#34d399;background:#34d3991a}[data-theme=light] .diff-line-added{color:#059669;background:#05966926}.diff-line-unchanged{color:var(--text-primary);background:0 0}[data-theme=light] .diff-line-unchanged{color:var(--text-primary)}.security-warning{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border:2px solid #f59e0b;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:16px 20px;display:flex}[data-theme=light] .security-warning{background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border-color:#d97706}.security-warning-icon{flex-shrink:0;margin-top:2px;font-size:20px}.security-warning-content{flex:1}.security-warning-title{color:#f59e0b;margin-bottom:4px;font-size:14px;font-weight:700}[data-theme=light] .security-warning-title{color:#d97706}.security-warning-text{color:#fbbf24;font-size:13px;line-height:1.5}[data-theme=light] .security-warning-text{color:#92400e}@media (width<=1024px){.tool-grid{grid-template-columns:1fr}.tool-textarea{height:400px}}@media (width<=768px){.tool-btn{padding:10px 18px;font-size:12px}.tool-textarea{height:350px}}.tool-detail-page{background:var(--bg-base);min-height:100vh;padding:0 20px 60px}[data-theme=light] .tool-detail-page{background:var(--bg-base)}.tool-detail-container{max-width:1400px;margin:0 auto;padding-top:2rem}.tool-detail-container .breadcrumb{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;margin-bottom:2rem;font-size:12px;font-weight:600;line-height:1.6}.tool-detail-container .breadcrumb a{color:var(--accent);text-decoration:none;transition:color .2s}.tool-detail-container .breadcrumb a:hover{color:#38bdf8}[data-theme=light] .tool-detail-container .breadcrumb{color:var(--text-secondary)}[data-theme=light] .tool-detail-container .breadcrumb a{color:var(--accent-2)}.tool-detail-header{text-align:center;margin-bottom:2rem}.tool-detail-header h1{color:var(--text-primary);margin-bottom:.5rem;font-size:48px;font-weight:900}[data-theme=light] .tool-detail-header h1{color:var(--text-primary)}.tool-detail-header p{color:var(--text-muted);max-width:700px;margin:0 auto;font-size:18px}.tool-detail-card{background:var(--bg-card);border:2px solid var(--bg-card-hover);border-radius:16px;padding:50px;box-shadow:0 20px 60px #00000080}[data-theme=light] .tool-detail-card{background:var(--bg-surface);border-color:var(--border)}.error-container{text-align:center;max-width:600px;margin:0 auto;padding:60px 30px}.error-container h1{color:var(--text-primary);margin-bottom:20px;font-size:32px}.error-container p{color:var(--text-muted);margin-bottom:30px;font-size:16px}.back-button{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:8px;padding:14px 28px;font-size:14px;font-weight:700}.back-button:hover{background:#38bdf8}@media (width<=1024px){.tool-detail-card{padding:35px}}@media (width<=768px){.tool-detail-header h1{font-size:32px}.tool-detail-card{padding:25px}}.static-page-content{background:var(--bg-base);min-height:calc(100vh - 280px);padding:60px 20px}.static-page-container{max-width:800px;color:var(--text-primary);margin:0 auto}.static-page-container h1{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:1rem;font-size:clamp(2.25rem,4vw,3rem);font-weight:600;line-height:1.1}.static-page-container h2{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--text-primary);margin-top:2.5rem;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.static-page-container h3{font-family:var(--font-sans);color:var(--text-secondary);margin-top:1.5rem;margin-bottom:.8rem;font-size:1.15rem;font-weight:600}.static-page-container p{color:var(--text-secondary);margin-bottom:1.2rem;line-height:1.8}.static-page-container ul{margin:1rem 0 1.5rem 1.5rem;line-height:1.8}.static-page-container li{color:var(--text-secondary);margin-bottom:.5rem}.static-page-container a{color:var(--accent-cyan);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .3s}.static-page-container a:hover{border-bottom-color:var(--accent-cyan)}.static-page-container section{margin-bottom:2rem}.last-updated{color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem;font-style:italic}@media (width<=768px){.static-page-content{padding:40px 20px}.static-page-container h1{font-size:2rem}.static-page-container h2{font-size:1.5rem}}.roadmap-page{background:var(--bg-base);min-height:100vh;position:relative}.roadmap-bg-video{object-fit:cover;z-index:0;pointer-events:none;filter:brightness(.5)saturate(1.1)blur(1px);width:100%;height:100%;position:fixed;inset:0}.roadmap-bg-overlay{z-index:0;pointer-events:none;background:radial-gradient(#050c1840 0%,#050c18bf 100%);position:fixed;inset:0}[data-theme=light] .roadmap-bg-video{filter:brightness(1.05)saturate(.9)blur(1.5px);opacity:.7}[data-theme=light] .roadmap-bg-overlay{background:radial-gradient(#ffffff8c 0%,#ffffffeb 100%)}.roadmap-page.has-cinematic-bg .navbar,.roadmap-page.has-cinematic-bg .roadmap-main,.roadmap-page.has-cinematic-bg footer{z-index:2;position:relative}.roadmap-page.has-cinematic-bg .navbar{-webkit-backdrop-filter:none!important;background:#050c18eb!important;border-bottom:1px solid #ffffff14!important}[data-theme=light] .roadmap-page.has-cinematic-bg .navbar{-webkit-backdrop-filter:none!important;background:#fffffff2!important;border-bottom:1px solid #0000000f!important}.has-cinematic-bg .page-footer{-webkit-backdrop-filter:blur(18px);border-top:1px solid #ffffff0f;background:#050c1866!important}[data-theme=light] .has-cinematic-bg .page-footer{border-top:1px solid var(--border);background:#ffffffbf!important}.has-cinematic-bg .roadmap-card{-webkit-backdrop-filter:blur(20px)saturate(1.3);background:#0f172abf;border:1px solid #ffffff24}.has-cinematic-bg .roadmap-card:hover{border-color:var(--accent);background:#0f172ae0}[data-theme=light] .has-cinematic-bg .roadmap-card{background:#ffffffeb;border:1px solid #0f172a1a}[data-theme=light] .has-cinematic-bg .roadmap-card:hover{border-color:var(--accent);background:#fffffffa}.roadmap-main{max-width:1400px;margin:0 auto;padding:2rem 6vw 6rem}.roadmap-breadcrumb{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;margin-bottom:2rem;font-size:12px;font-weight:600}.roadmap-breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .2s}.roadmap-breadcrumb a:hover{color:var(--accent)}.roadmap-header{text-align:center;margin-bottom:4rem}.roadmap-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:1rem;font-size:1rem;font-weight:800;display:block}.roadmap-title{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.015em;margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2}.roadmap-subtitle{color:var(--text-secondary);max-width:700px;margin:0 auto;font-size:1.25rem;line-height:1.7}.roadmap-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.roadmap-card{background:var(--bg-card);border:2px solid var(--border);color:inherit;animation:.6s ease-out both fadeInUp;animation-delay:calc(var(--card-index,0) * .1s);border-radius:16px;flex-direction:column;padding:2rem;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.roadmap-card:before{content:"";background:var(--accent);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.roadmap-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 32px #22d3ee26}.roadmap-card:hover:before{opacity:1}.roadmap-card-icon{color:var(--accent);opacity:.8;margin-bottom:1.25rem;transition:all .3s}.roadmap-card:hover .roadmap-card-icon{opacity:1;transform:scale(1.1)}.roadmap-card-difficulty{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.difficulty-badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.7rem;font-weight:600;display:inline-flex}.difficulty-dots{align-items:center;gap:3px;display:inline-flex}.difficulty-dot{background:var(--border);border-radius:50%;width:6px;height:6px;transition:background .2s}.difficulty-dot.on{background:var(--text-secondary)}.difficulty-label{line-height:1}.roadmap-card-weeks{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.roadmap-card-title{font-family:var(--font-sans);color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem;font-weight:700;line-height:1.3}.roadmap-card-description{color:var(--text-secondary);flex:1;margin-bottom:1.25rem;font-size:.9rem;line-height:1.6}.roadmap-card-stats{font-family:var(--font-mono);color:var(--text-muted);gap:1rem;margin-bottom:1rem;font-size:.75rem;display:flex}.roadmap-card-cta{font-family:var(--font-mono);color:var(--accent);font-size:.85rem;font-weight:700;transition:letter-spacing .2s}.roadmap-card:hover .roadmap-card-cta{letter-spacing:.05em}@media (width<=1200px){.roadmap-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.roadmap-grid{grid-template-columns:1fr}.roadmap-main{padding:1.5rem 4vw 4rem}}.roadmap-card-difficulty{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.roadmap-card-progress-pct{font-family:var(--font-mono);color:var(--accent);letter-spacing:.04em;background:#22d3ee1a;border:1px solid #22d3ee4d;border-radius:999px;padding:.2rem .55rem;font-size:.7rem;font-weight:700}[data-theme=light] .roadmap-card-progress-pct{color:var(--accent-2);background:#0891b214;border-color:#0891b24d}.roadmap-card-progress-bar{background:#ffffff14;border-radius:999px;width:100%;height:4px;margin:.75rem 0 1rem;overflow:hidden}[data-theme=light] .roadmap-card-progress-bar{background:#00000014}.roadmap-card-progress-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:999px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.rd-progress-check{color:#0000;cursor:pointer;background:0 0;border:1.5px solid #ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:border-color .15s,background .15s,color .15s,transform .1s;display:inline-flex}[data-theme=light] .rd-progress-check{border-color:#00000040}.rd-progress-check:hover{border-color:var(--accent,var(--accent));background:#22d3ee14}.rd-progress-check:active{transform:scale(.9)}.rd-progress-check.is-done{background:var(--accent,var(--accent));border-color:var(--accent,var(--accent));color:rgb(var(--bg))}.rd-progress-check.is-done:hover{background:var(--accent-2);border-color:var(--accent-2)}.roadmap-detail-page{--rd-bg:var(--bg-base);--rd-fg:var(--text-primary);--rd-muted:var(--text-secondary);--rd-hairline:var(--border);--rd-card-bg:var(--bg-card);--rd-card-bg-hover:var(--bg-card-hover);--rd-accent:var(--accent);--rd-accent-soft:var(--accent-glow,#22d3ee1f);background:var(--rd-bg);min-height:100vh;color:var(--rd-fg);font-family:var(--font-body,var(--font-sans));position:relative;overflow-x:hidden}.roadmap-detail-page:before{content:"";pointer-events:none;z-index:1;opacity:.025;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:fixed;inset:0}[data-theme=light] .roadmap-detail-page:before{opacity:.04;mix-blend-mode:multiply}.rd-particles{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}.rd-main{z-index:2;max-width:1100px;margin:0 auto;padding:2rem clamp(1.5rem,5vw,3rem) 6rem;position:relative}.rd-mini-hero,.rd-phase-nav,.rd-phases{animation:.7s cubic-bezier(.16,1,.3,1) both phasesEnter}.rd-phase-nav{animation-delay:.1s}.rd-phases{animation-delay:.2s}@keyframes phasesEnter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.rd-breadcrumb{font-family:var(--font-mono);color:var(--rd-muted);letter-spacing:.1em;margin-bottom:2.5rem;font-size:11px;font-weight:500}.rd-breadcrumb a{color:var(--rd-muted);text-decoration:none;transition:color .2s}.rd-breadcrumb a:hover{color:var(--rd-fg)}.rd-hero{text-align:center;margin-bottom:2rem}.rd-hero-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);background:#22d3ee14;border:1px solid #22d3ee33;border-radius:20px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.4rem .9rem;font-size:.7rem;font-weight:700;display:inline-flex}.rd-hero-title{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.02em;margin:0 0 .75rem;font-size:clamp(1.8rem,4.5vw,2.8rem);font-weight:700;line-height:1.15}.rd-hero-desc{color:var(--text-secondary);max-width:620px;margin:0 auto 1.5rem;font-size:1.05rem;line-height:1.7}.rd-hero-stats{justify-content:center;align-items:center;gap:1.5rem;display:flex}.rd-stat{flex-direction:column;align-items:center;gap:.15rem;display:flex}.rd-stat-value{font-family:var(--font-serif);color:var(--accent);font-size:1.6rem;font-weight:700;line-height:1}.rd-stat-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.6rem;font-weight:600}.rd-stat-divider{background:var(--border);width:1px;height:28px}.rd-phase-nav{scrollbar-width:none;z-index:20;background:color-mix(in srgb, var(--rd-bg) 85%, transparent);border-bottom:1px solid var(--rd-hairline);-webkit-backdrop-filter:blur(14px);gap:0;margin-bottom:2rem;padding:1rem 0;display:flex;position:sticky;top:60px;overflow-x:auto}.rd-phase-nav::-webkit-scrollbar{display:none}.rd-phase-tab{cursor:pointer;font-family:var(--font-mono);color:var(--rd-muted);white-space:nowrap;background:0 0;border:none;border-bottom:1px solid #0000;flex-shrink:0;align-items:baseline;gap:.55rem;padding:.5rem 1.25rem;transition:color .2s,border-color .2s;display:flex;position:relative}.rd-phase-tab:hover,.rd-phase-tab.active{color:var(--rd-fg)}.rd-phase-tab.active:after{content:"";background:var(--rd-accent);height:2px;position:absolute;bottom:-1.05rem;left:1.25rem;right:1.25rem}.rd-tab-num{letter-spacing:.08em;color:var(--rd-muted);font-variant-numeric:tabular-nums;font-size:.65rem;font-weight:700}.rd-phase-tab.active .rd-tab-num{color:var(--rd-accent)}.rd-tab-title{font-family:var(--font-sans);letter-spacing:.01em;font-size:.9rem;font-weight:500}.rd-phases{flex-direction:column;gap:3rem;min-width:0;display:flex}.rd-phase-section{border-top:1px solid var(--rd-hairline);padding:4.5rem 0 4rem;scroll-margin-top:120px;position:relative}.rd-phase-section:first-of-type{border-top:none;padding-top:2.5rem}.rd-journey-strip{background:var(--rd-card-bg);border:1px solid var(--rd-hairline);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1rem 1.25rem;display:flex}.rd-journey-vehicle{flex-shrink:0;align-items:center;gap:.85rem;display:flex}.rd-journey-emoji{filter:drop-shadow(0 2px 4px #00000040);font-size:34px;line-height:1;animation:2.5s ease-in-out infinite rdJourneyBob}@keyframes rdJourneyBob{0%,to{transform:translateY(-1px)}50%{transform:translateY(1px)}}.rd-journey-where{flex-direction:column;gap:.1rem;display:flex}.rd-journey-where-label{font-family:var(--font-mono);letter-spacing:.12em;color:var(--rd-muted);text-transform:uppercase;font-size:.62rem;font-weight:700}.rd-journey-where-text{font-family:var(--font-serif);color:var(--rd-fg);font-size:1.2rem;font-style:italic;line-height:1.1}.rd-journey-dots{flex:1;justify-content:flex-end;align-items:center;gap:0;min-width:240px;margin:0;padding:0;list-style:none;display:flex}.rd-journey-dot{flex-direction:column;align-items:center;gap:.35rem;padding:0 .65rem;display:flex;position:relative}.rd-journey-dot:not(:last-child):after{content:"";background:var(--rd-hairline);height:1px;position:absolute;top:5px;left:calc(50% + 5px);right:calc(5px - 50%)}.rd-journey-dot.past:not(:last-child):after,.rd-journey-dot.active:not(:last-child):after{background:var(--rd-accent)}.rd-journey-dot-mark{background:var(--rd-card-bg);border:2px solid var(--rd-hairline);z-index:1;border-radius:50%;width:10px;height:10px;transition:all .25s;position:relative}.rd-journey-dot.past .rd-journey-dot-mark{background:var(--rd-accent);border-color:var(--rd-accent)}.rd-journey-dot.active .rd-journey-dot-mark{background:var(--rd-accent);border-color:var(--rd-accent);box-shadow:0 0 0 4px var(--rd-accent-soft);transform:scale(1.2)}.rd-journey-dot-label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--rd-accent);text-transform:uppercase;white-space:nowrap;font-size:.6rem;font-weight:700}@media (width<=640px){.rd-journey-strip{gap:.85rem;padding:.85rem 1rem}.rd-journey-emoji{font-size:28px}.rd-journey-where-text{font-size:1rem}.rd-journey-dots{min-width:100%}.rd-journey-dot{padding:0 .4rem}}.rd-chapter-meta{font-family:var(--font-mono);color:var(--rd-accent);letter-spacing:.1em;align-items:baseline;gap:.4rem;margin-bottom:.85rem;font-size:.85rem;font-weight:700;display:inline-flex}.rd-chapter-of{color:var(--rd-muted);font-weight:500}.rd-chapter-head{margin-bottom:1.5rem}.rd-chapter-title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--rd-fg);margin:0;font-size:clamp(2.25rem,4.8vw,3.5rem);font-weight:400;line-height:1.05}.rd-chapter-title em{color:var(--rd-fg);opacity:.78;font-style:italic;font-weight:400}.rd-word{opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--word-idx,0) * 60ms);display:inline-block;transform:translateY(14px)}.rd-chapter-head.is-visible .rd-word{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.rd-word{opacity:1!important;transition:none!important;transform:none!important}}.rd-chapter-desc{font-family:var(--font-sans);color:var(--rd-muted);max-width:680px;margin:0 0 2rem;font-size:1.1rem;line-height:1.7}@media (width<=768px){.rd-phase-section{grid-template-columns:1fr;column-gap:0;padding:3rem 0 2.5rem}.rd-chapter-marker{margin-bottom:.5rem;position:static}.rd-chapter-num{font-size:2.25rem}}.rd-node-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;gap:1rem;display:grid}@media (width<=640px){.rd-node-grid{grid-template-columns:1fr}}.rd-card{background:var(--rd-card-bg);border:1px solid var(--rd-hairline);opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards cardSlideIn;animation-delay:calc(var(--card-idx,0) * 60ms + .1s);text-align:left;font:inherit;color:inherit;cursor:pointer;border-radius:16px;flex-direction:column;gap:.75rem;padding:1.5rem;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .2s,background .2s;display:flex;position:relative}.rd-card:focus-visible{outline:2px solid var(--rd-accent);outline-offset:2px}.rd-card-cta{font-family:var(--font-mono);color:var(--rd-accent);letter-spacing:.06em;text-transform:uppercase;opacity:0;margin-top:-.25rem;font-size:.65rem;font-weight:600;transition:opacity .25s,transform .25s;transform:translateY(-4px)}.rd-card:hover .rd-card-cta,.rd-card:focus-visible .rd-card-cta{opacity:1;transform:translateY(0)}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.rd-card:hover{background:var(--rd-card-bg-hover);border-color:var(--rd-hairline);transform:translateY(-4px);box-shadow:0 8px 32px #0000004d}[data-theme=light] .rd-card:hover{box-shadow:0 8px 32px #00000014}.rd-card.optional{border-style:dashed}.rd-card-icon-wrap{background:var(--rd-accent-soft);width:36px;height:36px;color:var(--rd-accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.rd-card-title-area{flex:1;min-width:0}.rd-card-title{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--rd-fg);margin:.1rem 0 0;font-size:1.1rem;font-weight:700;line-height:1.3}.rd-card-optional{font-family:var(--font-mono);color:var(--rd-accent);text-transform:uppercase;letter-spacing:.06em;opacity:.7;border:1px solid;border-radius:4px;margin-top:.3rem;padding:.1rem .4rem;font-size:.6rem;font-weight:700;display:inline-block}.rd-card-bullets{flex:1;margin:0;padding:0;list-style:none}.rd-card-bullets li{color:var(--rd-muted);margin-bottom:.45rem;padding-left:1rem;font-size:.92rem;line-height:1.55;position:relative}.rd-card-bullets li:before{content:"";background:var(--rd-fg);opacity:.4;border-radius:50%;width:4px;height:4px;position:absolute;top:.6em;left:0}.rd-card-bullets li:last-child{margin-bottom:0}.rd-card-tools{border-top:1px solid var(--rd-hairline);flex-wrap:wrap;gap:.4rem;margin-top:.5rem;padding-top:.85rem;display:flex}.rd-tool-chip{font-family:var(--font-mono);color:var(--rd-fg);border:1px solid var(--rd-hairline);background:0 0;border-radius:6px;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.65rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.rd-tool-chip:hover{background:var(--rd-accent-soft);border-color:var(--rd-accent);color:var(--rd-accent)}.rd-phase-connector{color:var(--text-muted);opacity:.4;flex-direction:column;align-items:center;padding:1rem 0;display:flex}.rd-connector-line{background:var(--border);width:2px;height:24px}.rd-connector-arrow{animation:1.5s ease-in-out infinite arrowBounce;transform:rotate(90deg)}@keyframes arrowBounce{0%,to{transform:rotate(90deg)translate(0)}50%{transform:rotate(90deg)translate(3px)}}.rd-finish{border-top:1px solid var(--rd-hairline);flex-direction:column;align-items:center;gap:.85rem;margin-top:4rem;padding:5rem 0 1rem;display:flex}.rd-finish-icon{border:1px solid var(--rd-hairline);width:44px;height:44px;color:var(--rd-accent);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.rd-finish-text{font-family:var(--font-serif);color:var(--rd-fg);letter-spacing:-.01em;font-size:1.1rem;font-style:italic}@media (width<=640px){.rd-main{padding:1.5rem 1rem 4rem}.rd-phase-header{flex-direction:column;gap:.75rem;padding:1.25rem}.rd-phase-nav{top:60px}.rd-hero-title{font-size:1.5rem}.rd-phase-tab{padding:.45rem .75rem}.rd-tab-title{font-size:.7rem}}.rd-intro{background:rgb(var(--bg));width:100%;height:100vh;animation:1s cubic-bezier(.16,1,.3,1) introEnter;position:relative;overflow:hidden}@keyframes introEnter{0%{opacity:0}to{opacity:1}}.rd-intro-video{object-fit:cover;z-index:0;filter:brightness()saturate(1.15)contrast(1.05);width:100%;height:100%;position:absolute;inset:0}.rd-intro-overlay{z-index:1;pointer-events:none;background:linear-gradient(#050c188c 0%,#050c1826 22%,#050c1800 45% 60%,#050c1873 100%);position:absolute;inset:0}.rd-intro-nav-wrapper{z-index:50;position:sticky;top:0}.rd-intro-bar{z-index:15;pointer-events:none;background:#000;height:48px;position:absolute;left:0;right:0}.rd-intro-bar-top{animation:1.1s cubic-bezier(.16,1,.3,1) introBarDown;top:0}.rd-intro-bar-bottom{animation:1.1s cubic-bezier(.16,1,.3,1) introBarUp;bottom:0}@keyframes introBarDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes introBarUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.rd-intro-content{z-index:5;text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:1280px;height:100vh;margin:0 auto;padding:6rem 1.5rem;display:flex;position:relative}.rd-intro-breadcrumb{font-family:var(--font-mono);letter-spacing:.15em;font-size:.65rem;font-weight:600;position:absolute;top:100px;left:2rem}.rd-intro-breadcrumb a{color:#ffffff8c;text-decoration:none;transition:color .2s}.rd-intro-breadcrumb a:hover{color:#fff}.rd-intro-chapter{font-family:var(--font-mono);letter-spacing:.18em;color:#ffffffb3;text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.7rem;font-weight:700;display:inline-flex}.rd-intro-rec{background:#ef4444;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite introRecBlink;box-shadow:0 0 10px #ef4444e6}@keyframes introRecBlink{0%,to{opacity:1}50%{opacity:.25}}.rd-intro-title{font-family:var(--font-serif);letter-spacing:-.025em;color:#fff;max-width:1100px;margin:0 0 1.5rem;font-size:clamp(2.5rem,7vw,5.5rem);font-weight:400;line-height:.98}.rd-intro-title-em{color:#ffffff8c;font-style:italic;font-weight:400}.rd-intro-desc{font-family:var(--font-sans);color:#ffffffb3;max-width:620px;margin:0 0 1.5rem;font-size:clamp(.95rem,1.4vw,1.15rem);font-weight:400;line-height:1.65}.rd-intro-stats{font-family:var(--font-mono);letter-spacing:.08em;color:#ffffff8c;text-transform:uppercase;align-items:center;gap:.75rem;margin-bottom:3rem;font-size:.75rem;font-weight:600;display:flex}.rd-intro-stat-dot{background:#ffffff4d;border-radius:50%;width:3px;height:3px}.rd-intro-cta{font-family:var(--font-sans);color:#fff;cursor:pointer;letter-spacing:.01em;border:none;border-radius:999px;justify-content:center;align-items:center;padding:1.1rem 3.5rem;font-size:.95rem;font-weight:500;transition:transform .4s cubic-bezier(.16,1,.3,1);display:inline-flex}.rd-intro-cta:hover{transform:scale(1.04)}.rd-intro-cta:active{transform:scale(.98)}.rd-intro-scroll-hint{font-family:var(--font-mono);letter-spacing:.1em;color:#ffffff59;text-transform:uppercase;align-items:center;gap:.5rem;margin-top:2rem;font-size:.65rem;font-weight:500;animation:2.5s ease-in-out infinite hintPulse;display:flex}@keyframes hintPulse{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.7;transform:translateY(3px)}}.liquid-glass{background-blend-mode:luminosity;-webkit-backdrop-filter:blur(12px)saturate(1.4);background:#ffffff0a;border:none;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff26}.liquid-glass:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff80 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff80 100%);padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes fade-rise{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.animate-fade-rise{animation:1s cubic-bezier(.16,1,.3,1) .6s both fade-rise}.animate-fade-rise-delay{animation:1s cubic-bezier(.16,1,.3,1) .9s both fade-rise}.animate-fade-rise-delay-2{animation:1s cubic-bezier(.16,1,.3,1) 1.2s both fade-rise}.rd-mini-hero{text-align:left;flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:3rem;padding-top:.5rem;display:flex}.rd-replay-intro{border:1px solid var(--rd-hairline);color:var(--rd-muted);font-family:var(--font-mono);letter-spacing:.1em;cursor:pointer;background:0 0;border-radius:20px;padding:.45rem .85rem;font-size:.65rem;font-weight:500;transition:all .2s}.rd-replay-intro:hover{color:var(--rd-fg);border-color:var(--rd-fg)}.rd-mini-title{font-family:var(--font-serif);color:var(--rd-fg);letter-spacing:-.025em;max-width:720px;margin:0;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;line-height:1.05}.rd-mini-stats{font-family:var(--font-mono);letter-spacing:.1em;color:var(--rd-muted);text-transform:uppercase;align-items:center;gap:.75rem;font-size:.7rem;font-weight:500;display:inline-flex}.rd-mini-dot{background:var(--rd-muted);opacity:.5;border-radius:50%;width:3px;height:3px}.rd-intro-cycle{-webkit-backdrop-filter:blur(12px);font-family:var(--font-mono);letter-spacing:.06em;background:#ffffff08;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:.6rem;margin-bottom:1.75rem;padding:.6rem 1.25rem;font-size:.72rem;display:inline-flex}.rd-intro-cycle-label{color:#ffffff73;text-transform:uppercase;font-weight:600}.rd-intro-cycle-arrow{color:#ffffff4d;font-weight:500}.rd-intro-cycle-text{color:#fff;font-family:var(--font-serif);letter-spacing:0;min-width:120px;font-size:1rem;font-weight:400;animation:.55s cubic-bezier(.16,1,.3,1) cycleWord;display:inline-block}@keyframes cycleWord{0%{opacity:0;filter:blur(6px);transform:translateY(8px)}to{opacity:1;filter:blur();transform:translateY(0)}}.rd-intro-chapters{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:820px;margin-bottom:2.5rem;display:flex}.rd-intro-chip{-webkit-backdrop-filter:blur(8px);font-family:var(--font-sans);color:#ffffff8c;background:#ffffff05;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.72rem;font-weight:500;transition:all .5s cubic-bezier(.16,1,.3,1);display:inline-flex}.rd-intro-chip-num{font-family:var(--font-mono);color:#ffffff59;letter-spacing:.06em;font-size:.62rem;font-weight:700}.rd-intro-chip-title{white-space:nowrap}.rd-intro-chip.live{color:#fff;background:#ffffff14;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 16px #00000040}.rd-intro-chip.live .rd-intro-chip-num{color:#ffffffe6}.rd-intro-meta{font-family:var(--font-mono);letter-spacing:.08em;color:#ffffff73;text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:2rem;font-size:.7rem;font-weight:500;display:flex}.rd-intro-back a{color:#ffffff8c;text-decoration:none;transition:color .2s}.rd-intro-back a:hover{color:#fff}.rd-intro-cta{gap:.6rem}.rd-intro-cta-arrow{transition:transform .3s cubic-bezier(.16,1,.3,1);transform:rotate(-90deg)}.rd-intro-cta:hover .rd-intro-cta-arrow{transform:rotate(-90deg)translate(-3px)}@media (width<=640px){.rd-intro-content{padding:5rem 1rem 4rem}.rd-intro-bar{height:28px}.rd-intro-cta{padding:1rem 2.5rem}.rd-intro-chapters{max-width:100%}.rd-intro-chip{padding:.35rem .7rem;font-size:.65rem}}.cj-rail{background:var(--rd-card-bg);border:1px solid var(--rd-hairline);border-radius:16px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.cj-head{border-bottom:1px solid var(--rd-hairline);flex-direction:column;gap:.3rem;padding-bottom:.85rem;display:flex}.cj-head-label{font-family:var(--font-mono);letter-spacing:.14em;color:var(--rd-muted);text-transform:uppercase;font-size:.58rem;font-weight:700}.cj-head-now{font-family:var(--font-serif);color:var(--rd-fg);letter-spacing:-.01em;font-size:1rem;font-style:italic}.cj-stage{width:100%;min-height:360px;padding:.5rem 0;position:relative}.cj-track{background:var(--rd-hairline);pointer-events:none;border-radius:2px;width:2px;position:absolute;top:12px;bottom:12px;left:14px}.cj-track-fill{background:var(--rd-accent);border-radius:2px;width:100%;transition:height .7s cubic-bezier(.16,1,.3,1)}.cj-stops{height:100%;min-height:360px;margin:0;padding:0;list-style:none;position:relative}.cj-stop{position:absolute;left:0;right:0;transform:translateY(-50%)}.cj-stop-btn{cursor:pointer;width:100%;font:inherit;color:inherit;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:.85rem;padding:.5rem .5rem .5rem 0;transition:background .2s,transform .2s;display:flex;position:relative}.cj-stop-btn:hover{background:var(--rd-card-bg-hover)}.cj-stop-btn:active{transform:scale(.98)}.cj-stop-btn:focus-visible{outline:2px solid var(--rd-accent);outline-offset:2px}.cj-stop-dot{background:var(--rd-card-bg);border:2px solid var(--rd-hairline);z-index:2;border-radius:50%;width:12px;height:12px;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:9px;transform:translateY(-50%)}.cj-stop.past .cj-stop-dot{background:var(--rd-accent);border-color:var(--rd-accent)}.cj-stop.active .cj-stop-dot{background:var(--rd-accent);border-color:var(--rd-accent);box-shadow:0 0 0 5px var(--rd-accent-soft);transform:translateY(-50%)scale(1.25)}.cj-stop-btn:hover .cj-stop-dot{border-color:var(--rd-accent);transform:translateY(-50%)scale(1.15)}.cj-stop-info{flex:1;align-items:center;gap:.65rem;min-width:0;padding-left:36px;display:flex}.cj-stop-emoji{opacity:.4;flex-shrink:0;font-size:16px;transition:opacity .2s,transform .2s}.cj-stop.active .cj-stop-emoji,.cj-stop-btn:hover .cj-stop-emoji{opacity:1;transform:scale(1.15)}.cj-stop-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.cj-stop-label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--rd-muted);text-transform:uppercase;font-size:.62rem;font-weight:700;transition:color .2s}.cj-stop-sub{font-family:var(--font-sans);color:var(--rd-muted);opacity:.7;white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:.7rem;font-weight:500;overflow:hidden}.cj-stop.active .cj-stop-label{color:var(--rd-fg)}.cj-stop.active .cj-stop-sub{color:var(--rd-fg);opacity:1}.cj-character{z-index:3;pointer-events:none;transition:top .7s cubic-bezier(.34,1.56,.64,1);position:absolute;left:14px;transform:translate(-50%,-50%)}.cj-vehicle{filter:drop-shadow(0 3px 6px #0000004d);background:var(--rd-card-bg);border-radius:50%;padding:4px;font-size:22px;animation:.5s cubic-bezier(.34,1.56,.64,1) cjVehicleEnter,2.5s ease-in-out .5s infinite cjVehicleBob;display:block}@keyframes cjVehicleEnter{0%{opacity:0;transform:scale(0)rotate(-15deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes cjVehicleBob{0%,to{transform:translateY(-1px)}50%{transform:translateY(1px)}}.cj-foot{border-top:1px solid var(--rd-hairline);justify-content:flex-end;padding-top:.6rem;display:flex}.cj-foot-meta{font-family:var(--font-mono);letter-spacing:.1em;color:var(--rd-muted);font-size:.62rem;font-weight:700}@media (prefers-reduced-motion:reduce){.cj-character,.cj-track-fill,.cj-stop-dot{transition:none!important}.cj-vehicle{animation:none!important}}.nm-overlay{z-index:200;background:color-mix(in srgb, var(--rd-bg) 75%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.4);justify-content:center;align-items:center;padding:clamp(1rem,4vw,3rem);animation:.4s cubic-bezier(.16,1,.3,1) nmFadeIn;display:flex;position:fixed;inset:0}@keyframes nmFadeIn{0%{opacity:0}to{opacity:1}}.nm-close{border:1px solid var(--rd-hairline);background:var(--rd-card-bg);width:40px;height:40px;color:var(--rd-fg);cursor:pointer;z-index:5;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.nm-close:hover{border-color:var(--rd-accent);color:var(--rd-accent);transform:rotate(90deg)}.nm-stage{flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:1100px;animation:.6s cubic-bezier(.16,1,.3,1) nmStageIn;display:flex}@keyframes nmStageIn{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.nm-tree{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;width:100%;display:grid}.nm-branches{color:var(--rd-hairline);flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.nm-branches.nm-left .nm-branch{text-align:right;flex-direction:row}.nm-branches.nm-right .nm-branch{text-align:left;flex-direction:row}.nm-branch{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards nmBranchIn;animation-delay:calc(var(--idx,0) * 80ms + .2s);align-items:center;gap:.5rem;display:flex}@keyframes nmBranchIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.nm-branches.nm-right .nm-branch{animation-name:nmBranchInRight}@keyframes nmBranchInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.nm-leaf{font-family:var(--font-sans);color:var(--rd-fg);background:var(--rd-card-bg);border:1px solid var(--rd-hairline);border-radius:10px;flex:1;padding:.85rem 1.1rem;font-size:.95rem;line-height:1.45;transition:border-color .2s,transform .2s}.nm-branch:hover .nm-leaf{border-color:var(--rd-accent);transform:translateY(-2px)}.nm-line{width:60px;height:14px;color:var(--rd-accent);opacity:.5;flex-shrink:0}.nm-core{background:var(--rd-bg);border:2px solid var(--rd-accent);text-align:center;width:220px;height:220px;box-shadow:0 0 0 8px color-mix(in srgb, var(--rd-accent) 8%, transparent), 0 24px 64px #00000073;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;padding:1rem;display:flex;position:relative}.nm-core-pulse,.nm-core-pulse-2{border:1px solid var(--rd-accent);opacity:0;pointer-events:none;border-radius:50%;animation:3s ease-out infinite nmCorePulse;position:absolute;inset:-8px}.nm-core-pulse-2{animation-delay:1.5s}@keyframes nmCorePulse{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.nm-core-title{font-family:var(--font-serif);color:var(--rd-fg);letter-spacing:-.01em;margin:0 0 .45rem;font-size:clamp(1.3rem,1.9vw,1.7rem);font-style:italic;font-weight:600;line-height:1.15}.nm-core-meta{font-family:var(--font-mono);letter-spacing:.08em;color:var(--rd-muted);text-transform:uppercase;font-size:.65rem;font-weight:600}.nm-tools{flex-direction:column;align-items:center;gap:.6rem;display:flex}.nm-tools-label{font-family:var(--font-mono);letter-spacing:.12em;color:var(--rd-muted);text-transform:uppercase;font-size:.6rem;font-weight:700}.nm-tools-list{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.nm-tool{font-family:var(--font-mono);color:var(--rd-accent);background:var(--rd-accent-soft);border:1px solid color-mix(in srgb, var(--rd-accent) 35%, transparent);border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.7rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.nm-tool:hover{background:var(--rd-accent);color:var(--rd-bg);transform:translateY(-1px)}.nm-hint{font-family:var(--font-mono);letter-spacing:.1em;color:var(--rd-muted);opacity:.6;font-size:.6rem}@media (width<=720px){.nm-tree{grid-template-columns:1fr;gap:1.5rem}.nm-branches.nm-left .nm-branch,.nm-branches.nm-right .nm-branch{text-align:left;flex-direction:row}.nm-line{width:30px}.nm-core{width:180px;height:180px;margin:0 auto}}@media (prefers-reduced-motion:reduce){.nm-core-pulse,.nm-core-pulse-2,.cj-vehicle{animation:none!important}.nm-branch{opacity:1!important;transform:none!important}}.rd-card-why{font-family:var(--font-serif);color:var(--rd-fg);opacity:.88;border-bottom:1px dashed var(--rd-hairline);margin:0;padding-bottom:.6rem;font-size:1.05rem;font-style:italic;line-height:1.45}.nm-why{background:var(--rd-accent-soft);border:1px solid color-mix(in srgb, var(--rd-accent) 30%, transparent);border-radius:999px;align-items:flex-start;gap:.6rem;max-width:720px;padding:.85rem 1.25rem;display:inline-flex}.nm-why-icon{color:var(--rd-accent);flex-shrink:0;margin-top:2px}.nm-why-text{font-family:var(--font-serif);color:var(--rd-fg);margin:0;font-size:1.15rem;font-style:italic;line-height:1.45}.nm-milestone{background:var(--rd-card-bg);border:1px solid var(--rd-hairline);border-left:3px solid var(--rd-accent);border-radius:12px;align-items:flex-start;gap:.85rem;width:100%;max-width:720px;padding:1rem 1.25rem;display:flex}.nm-milestone-icon{color:var(--rd-accent);flex-shrink:0;margin-top:2px}.nm-milestone-body{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.nm-milestone-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--rd-accent);font-size:.6rem;font-weight:700}.nm-milestone-text{font-family:var(--font-sans);color:var(--rd-fg);margin:0;font-size:1rem;font-weight:500;line-height:1.5}@media (width<=720px){.nm-why,.nm-milestone{width:100%}}.rd-mini-progress-text{color:var(--accent,var(--accent));font-weight:600}.rd-progress-bar{background:#ffffff14;border-radius:999px;width:100%;max-width:420px;height:6px;margin-top:.25rem;overflow:hidden}[data-theme=light] .rd-progress-bar{background:#00000014}.rd-progress-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:999px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.rd-card-top{align-items:flex-start;gap:.75rem;display:flex}.rd-card.is-completed{background:linear-gradient(135deg,#22d3ee0a,#0000 60%);border-color:#22d3ee4d}.rd-card.is-completed .rd-card-title{color:var(--rd-fg)}[data-theme=light] .rd-card.is-completed{background:linear-gradient(135deg,#22d3ee14,#0000 60%);border-color:#0891b259}.books-page{background:var(--bg-base);min-height:100vh}.books-main{max-width:1280px;margin:0 auto;padding:2rem clamp(1.5rem,4vw,3rem) 6rem}.books-breadcrumb{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;margin-bottom:2rem;font-size:12px;font-weight:600}.books-breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .2s}.books-breadcrumb a:hover{color:var(--accent)}.books-header{text-align:center;margin-bottom:4rem}.books-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:1rem;font-size:.9rem;font-weight:800;display:block}.books-title{font-family:"Fraunces", var(--font-serif);color:var(--text-primary);letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:1.15}.books-subtitle{color:var(--text-secondary);max-width:680px;margin:0 auto;font-size:1.15rem;line-height:1.7}.books-groups{flex-direction:column;gap:4rem;display:flex}.book-group{animation:.6s ease-out both fadeInUp}.book-group-header{border-bottom:1px solid var(--border);align-items:center;gap:1rem;margin-bottom:2rem;padding:1.25rem 0 1.5rem;display:flex}.book-group-icon{width:44px;height:44px;color:var(--accent);background:#22d3ee1a;border:1px solid #22d3ee4d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.book-group-text{flex:1;min-width:0}.book-group-title{font-family:var(--font-sans);color:var(--text-primary);margin:0 0 .2rem;font-size:1.35rem;font-weight:700;line-height:1.3}.book-group-subtitle{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.book-group-count{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);flex-shrink:0;font-size:.7rem;font-weight:600}.book-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.book-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:16px;outline:none;flex-direction:column;padding:1.75rem 1.5rem 1.25rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.book-card:before{content:"";background:linear-gradient(90deg, var(--accent), #10b981);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.book-card:hover,.book-card:focus-visible{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 28px #22d3ee1f}.book-card:hover:before,.book-card:focus-visible:before{opacity:1}.book-card-cover{width:64px;height:64px;color:var(--accent);background:linear-gradient(135deg,#22d3ee1f,#10b9811f);border:1px solid #22d3ee33;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:1.25rem;transition:all .3s;display:flex}.book-card:hover .book-card-cover{background:linear-gradient(135deg,#22d3ee33,#10b98133);transform:scale(1.05)}.book-card-body{flex:1;margin-bottom:1.25rem}.book-card-title{font-family:var(--font-sans);color:var(--text-primary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 .75rem;font-size:1rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.book-card-description{color:var(--text-secondary);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:.88rem;line-height:1.6;display:-webkit-box;overflow:hidden}.book-card-credit{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;flex-wrap:wrap;align-items:center;gap:.3rem;margin:.6rem 0 0;font-size:.72rem;display:inline-flex}.book-card-credit-flag{vertical-align:-1px;font-size:1em}.book-card-credit-name{color:var(--text-secondary);font-weight:600}.book-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding-top:1rem;display:flex}.book-card-cta{font-family:var(--font-mono);color:var(--accent);font-size:.75rem;font-weight:700;transition:letter-spacing .2s}.book-card:hover .book-card-cta{letter-spacing:.03em}.book-card-buy{border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.03em;background:0 0;border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.7rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.book-card-buy:hover{border-color:var(--accent);color:var(--accent);background:#22d3ee14}@media (width<=960px){.book-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.books-main{padding:1.5rem 4vw 4rem}.book-group-header{flex-wrap:wrap}.book-group-count{width:100%;margin-top:.5rem}.book-cards{grid-template-columns:1fr}.books-groups{gap:3rem}}.profile-page{background:var(--bg-base);min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex}.profile-main{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:2rem clamp(1rem,4vw,2.5rem) 4rem}.profile-loading{color:var(--text-secondary);text-align:center;padding:4rem 0}.profile-breadcrumb{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-secondary);margin-bottom:1.5rem;font-size:.72rem}.profile-breadcrumb a{color:var(--text-secondary);text-decoration:none}.profile-breadcrumb a:hover{color:var(--text-primary)}.profile-header{margin-bottom:2.5rem}.profile-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;color:var(--accent,var(--accent));margin-bottom:.5rem;font-size:.7rem;display:block}.profile-title{font-family:var(--font-serif);color:var(--text-primary);word-break:break-all;margin:0 0 .5rem;font-size:clamp(1.75rem,3.5vw,2.5rem);line-height:1.15}.profile-sub{color:var(--text-secondary);margin:0;font-size:.9rem}.profile-section{margin-bottom:2rem}.profile-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin:0 0 .75rem;font-size:.85rem;font-weight:600}.profile-entitlement{background:var(--bg-card,#111827);border:1px solid var(--border,#ffffff14);border-radius:12px;align-items:flex-start;gap:.875rem;padding:1rem 1.125rem;display:flex}.profile-entitlement.is-active{background:#22c55e0a;border-color:#22c55e40}.profile-entitlement-icon{width:32px;height:32px;color:var(--text-secondary);background:#ffffff0d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-entitlement.is-active .profile-entitlement-icon{color:#22c55e;background:#22c55e26}.profile-entitlement-body{flex:1}.profile-entitlement-title{color:var(--text-primary);margin-bottom:.25rem;font-weight:600}.profile-entitlement-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.45}.profile-entitlement-meta{color:var(--text-secondary);font-size:.75rem;font-family:var(--font-mono);margin-top:.5rem}.profile-signout-btn{color:var(--text-primary);border:1px solid var(--border,#ffffff1a);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;transition:border-color .15s,background .15s;display:inline-flex}.profile-signout-btn:hover{color:#ef4444;background:#ef44440a;border-color:#ef4444}.profile-welcome{background:linear-gradient(135deg,#22d3ee0f,#0891b20a);border:1px solid #22d3ee33;border-radius:14px;margin-bottom:2.5rem;padding:1.5rem}.profile-welcome-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.profile-welcome-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;color:var(--accent,var(--accent));align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.68rem;display:inline-flex}.profile-welcome-title{font-family:var(--font-serif);color:var(--text-primary);margin:0 0 .25rem;font-size:clamp(1.4rem,3vw,1.9rem);line-height:1.2}.profile-welcome-sub{color:var(--text-secondary);margin:0;font-size:.9rem}.profile-welcome-dismiss{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:.375rem;transition:background .15s,color .15s;display:inline-flex}.profile-welcome-dismiss:hover{color:var(--text-primary);background:#ffffff0f}.profile-welcome-cards{grid-template-columns:1fr;gap:.625rem;display:grid}@media (width>=720px){.profile-welcome-cards{grid-template-columns:repeat(3,1fr)}}.profile-welcome-card{background:var(--bg-card,#111827);border:1px solid var(--border,#ffffff14);border-radius:10px;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.profile-welcome-card:hover{border-color:var(--accent,var(--accent));transform:translateY(-1px)}.profile-welcome-card-icon{width:32px;height:32px;color:var(--accent,var(--accent));background:#22d3ee1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-welcome-card-title{color:var(--text-primary);margin-bottom:.2rem;font-size:.9rem;font-weight:600}.profile-welcome-card-desc{color:var(--text-secondary);font-size:.78rem;line-height:1.4}.profile-section-head{justify-content:space-between;align-items:baseline;margin-bottom:.75rem;display:flex}.profile-section-head .profile-section-title{margin:0}.profile-section-action{color:var(--accent,var(--accent));font-size:.78rem;text-decoration:none}.profile-section-action:hover{text-decoration:underline}.profile-empty{color:var(--text-secondary);padding:.5rem 0;font-size:.85rem}.profile-empty-card{background:var(--bg-card,#111827);border:1px dashed var(--border,#ffffff1f);color:var(--text-secondary);border-radius:10px;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.profile-empty-card>svg{color:var(--text-secondary);flex-shrink:0;margin-top:2px}.profile-empty-title{color:var(--text-primary);margin-bottom:.25rem;font-weight:600}.profile-empty-desc{font-size:.85rem;line-height:1.45}.profile-empty-desc a{color:var(--accent,var(--accent));text-decoration:none}.profile-empty-desc a:hover{text-decoration:underline}.profile-bookmark-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.profile-bookmark-item{background:var(--bg-card,#111827);border:1px solid var(--border,#ffffff14);border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .875rem;transition:border-color .15s;display:flex}.profile-bookmark-item:hover{border-color:#22d3ee4d}.profile-bookmark-link{flex:1;min-width:0;text-decoration:none}.profile-bookmark-name{color:var(--text-primary);margin-bottom:.125rem;font-weight:600}.profile-bookmark-category{color:var(--text-secondary);font-size:.72rem;font-family:var(--font-mono);letter-spacing:.04em}.profile-bookmark-remove{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:.375rem .625rem;font-size:.75rem;transition:color .15s,border-color .15s,background .15s}.profile-bookmark-remove:hover{color:#ef4444;background:#ef44440a;border-color:#ef44444d}.profile-entitlement-link{color:var(--accent,var(--accent));font-weight:600;text-decoration:none}.profile-entitlement-link:hover{text-decoration:underline}.profile-roadmap-list{flex-direction:column;gap:.625rem;margin:0;padding:0;list-style:none;display:flex}.profile-roadmap-item{background:var(--bg-card,#111827);border:1px solid var(--border,#ffffff14);border-radius:10px;transition:border-color .15s}.profile-roadmap-item:hover{border-color:#22d3ee4d}.profile-roadmap-link{color:inherit;padding:.875rem 1rem;text-decoration:none;display:block}.profile-roadmap-head{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.2rem;display:flex}.profile-roadmap-title{color:var(--text-primary);font-size:.95rem;font-weight:600}.profile-roadmap-pct{font-family:var(--font-mono);color:var(--accent,var(--accent));flex-shrink:0;font-size:.78rem;font-weight:700}.profile-roadmap-sub{color:var(--text-secondary);margin-bottom:.55rem;font-size:.78rem}.profile-roadmap-bar{background:#ffffff0f;border-radius:999px;width:100%;height:5px;overflow:hidden}[data-theme=light] .profile-roadmap-bar{background:#0000000f}.profile-roadmap-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:999px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.whysignup-page{background:var(--bg-base);min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex}.whysignup-main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:2rem clamp(1rem,4vw,2rem) 5rem}.whysignup-breadcrumb{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-secondary);margin-bottom:1.5rem;font-size:.72rem}.whysignup-breadcrumb a{color:var(--text-secondary);text-decoration:none}.whysignup-breadcrumb a:hover{color:var(--text-primary)}.whysignup-header{text-align:center;margin-bottom:3rem}.whysignup-eyebrow{font-family:var(--font-mono);letter-spacing:.16em;color:var(--accent,var(--accent));margin-bottom:1rem;font-size:.7rem;display:inline-block}.whysignup-title{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.01em;margin:0 0 1rem;font-size:clamp(1.9rem,5vw,3rem);line-height:1.1}.whysignup-title em{color:var(--accent,var(--accent));font-style:italic}.whysignup-sub{max-width:640px;color:var(--text-secondary);margin:0 auto;font-size:1rem;line-height:1.55}.whysignup-cta-row{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.75rem;display:flex}.whysignup-cta-primary{background:var(--accent,var(--accent));color:rgb(var(--bg));cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.8rem 1.4rem;font-family:inherit;font-size:.92rem;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-flex}.whysignup-cta-primary:hover{opacity:.9}.whysignup-cta-secondary{color:var(--text-primary);border:1px solid var(--border,#ffffff1a);background:0 0;border-radius:10px;align-items:center;padding:.8rem 1.25rem;font-size:.92rem;text-decoration:none;transition:border-color .15s;display:inline-flex}.whysignup-cta-secondary:hover{border-color:var(--accent,var(--accent))}.whysignup-table-wrap{border:1px solid var(--border,#ffffff14);background:var(--bg-card,#111827);border-radius:14px;margin-bottom:3rem;overflow-x:auto}.whysignup-table{border-collapse:collapse;width:100%;font-size:.92rem}.whysignup-table thead th{text-align:center;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);border-bottom:1px solid var(--border,#ffffff14);white-space:nowrap;padding:1rem;font-size:.82rem;font-weight:600}.whysignup-th-feature{min-width:220px;text-align:left!important}.whysignup-th-highlight{background:#22d3ee0f;color:var(--accent,var(--accent))!important}.whysignup-th-price{text-transform:none;letter-spacing:0;color:var(--text-secondary);margin-top:.15rem;font-size:.7rem;font-weight:500;display:block}.whysignup-table tbody tr{border-bottom:1px solid var(--border,#ffffff0d)}.whysignup-table tbody tr:last-child{border-bottom:none}.whysignup-table td{text-align:center;vertical-align:middle;padding:.85rem 1rem}.whysignup-td-feature{text-align:left!important}.whysignup-td-label{color:var(--text-primary);font-weight:500}.whysignup-td-desc{color:var(--text-secondary);margin-top:.2rem;font-size:.78rem;line-height:1.4}.whysignup-td-highlight{background:#22d3ee08}.whysignup-cell{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.whysignup-cell-yes{color:#22c55e;background:#22c55e1f}.whysignup-cell-no{color:var(--text-secondary);background:#ffffff0a}.whysignup-cell-paid{color:#eab308;background:#eab3081f}.whysignup-faq{margin-bottom:3rem}.whysignup-faq-title{font-family:var(--font-serif);color:var(--text-primary);text-align:center;margin:0 0 1.25rem;font-size:1.8rem}.whysignup-faq-list{flex-direction:column;gap:.5rem;display:flex}.whysignup-faq-item{background:var(--bg-card,#111827);border:1px solid var(--border,#ffffff14);border-radius:10px;padding:0}.whysignup-faq-item summary{cursor:pointer;color:var(--text-primary);justify-content:space-between;align-items:center;padding:1rem 1.125rem;font-weight:500;list-style:none;display:flex}.whysignup-faq-item summary:after{content:"+";color:var(--text-secondary);font-size:1.4rem;line-height:1}.whysignup-faq-item[open] summary:after{content:"−"}.whysignup-faq-item summary::-webkit-details-marker{display:none}.whysignup-faq-item p{color:var(--text-secondary);margin:0;padding:0 1.125rem 1.125rem;font-size:.9rem;line-height:1.55}.whysignup-faq-item a{color:var(--accent,var(--accent));text-decoration:none}.whysignup-faq-item a:hover{text-decoration:underline}.whysignup-footer-cta{text-align:center;border-top:1px solid var(--border,#ffffff14);padding:2rem 1rem}.whysignup-footer-cta h3{font-family:var(--font-serif);color:var(--text-primary);margin:0 0 1rem;font-size:1.6rem}.paywall-overlay{z-index:1200;-webkit-backdrop-filter:blur(8px);background:#000000a6;justify-content:center;align-items:center;padding:clamp(1rem,4vw,3rem);animation:.2s pwFade;display:flex;position:fixed;inset:0}@keyframes pwFade{0%{opacity:0}to{opacity:1}}.paywall-modal{background:var(--bg-card);border:1px solid var(--border);width:100%;max-width:480px;color:var(--text-primary);border-radius:18px;padding:2rem 1.75rem 1.5rem;animation:.3s cubic-bezier(.34,1.56,.64,1) pwPop;position:relative}@keyframes pwPop{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.paywall-close{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.paywall-close:hover{color:var(--text-primary);border-color:var(--text-primary)}.paywall-icon{width:44px;height:44px;color:var(--accent);background:#22d3ee1f;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.paywall-eyebrow{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);margin-bottom:.5rem;font-size:.7rem;font-weight:700}.paywall-title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text-primary);margin:0 0 .75rem;font-size:clamp(1.5rem,3vw,1.85rem);font-weight:600;line-height:1.15}.paywall-sub{font-family:var(--font-sans);color:var(--text-secondary);margin:0 0 1.25rem;font-size:.95rem;line-height:1.55}.paywall-benefits{flex-direction:column;gap:.55rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.paywall-benefits li{color:var(--text-secondary);align-items:flex-start;gap:.5rem;font-size:.85rem;line-height:1.45;display:flex}.paywall-benefits svg{color:var(--accent);flex-shrink:0;margin-top:3px}.paywall-prices{gap:.75rem;margin-bottom:1.25rem;display:flex}.paywall-price{border:1px solid var(--border);text-align:center;background:var(--bg-surface);border-radius:12px;flex:1;padding:.75rem}.paywall-amt{font-family:var(--font-serif);color:var(--text-primary);margin-bottom:.2rem;font-size:1.75rem;font-weight:600;line-height:1;display:block}.paywall-amt-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.62rem}.paywall-cta-row{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.paywall-btn{font-family:var(--font-sans);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:.75rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.paywall-btn-primary{background:var(--accent);color:rgb(var(--bg))}.paywall-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #22d3ee40}.paywall-btn-secondary{color:var(--text-primary);border-color:var(--border);background:0 0}.paywall-btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.paywall-note{color:var(--text-muted);text-align:center;margin:0;font-size:.75rem;line-height:1.5}.cheatsheets-page{background:var(--bg-base);min-height:100vh}.cheatsheets-main{max-width:1280px;margin:0 auto;padding:2rem clamp(1.5rem,4vw,3rem) 6rem}.cheatsheets-breadcrumb{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;margin-bottom:2rem;font-size:12px;font-weight:600}.cheatsheets-breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .2s}.cheatsheets-breadcrumb a:hover{color:var(--accent)}.cheatsheets-header{text-align:center;margin-bottom:4rem}.cheatsheets-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--text-secondary);margin-bottom:.75rem;font-size:.72rem;font-weight:600;display:block}.cheatsheets-title{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.015em;margin:0 0 1rem;font-size:clamp(1.85rem,4.5vw,2.75rem);font-weight:400;line-height:1.15}.cheatsheets-subtitle{color:var(--text-secondary);max-width:580px;margin:0 auto;font-size:1rem;line-height:1.65}.cheatsheets-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-bottom:5rem;display:grid}.cheatsheet-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:12px;outline:none;flex-direction:column;padding:1.5rem;transition:border-color .2s,transform .2s,box-shadow .2s;animation:.5s ease-out both fadeInUp;display:flex;position:relative;overflow:hidden}.cheatsheet-card:hover,.cheatsheet-card:focus-visible{border-color:#ffffff2e;transform:translateY(-1px);box-shadow:0 4px 12px #0003}[data-theme=light] .cheatsheet-card:hover,[data-theme=light] .cheatsheet-card:focus-visible{border-color:#0000002e;box-shadow:0 4px 12px #0000000f}.cheatsheet-card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.cheatsheet-card-icon{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.cheatsheet-card-icon img{object-fit:contain;width:32px;height:32px}.cheatsheet-icon-letter{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:.02em;font-size:1.1rem;font-weight:600}.cheatsheet-icon-fallback{color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.cheatsheet-card-badge{border:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-secondary);background:#ffffff0a;border-radius:4px;align-items:center;gap:.3rem;padding:.28rem .55rem;font-size:.62rem;font-weight:600;display:inline-flex}[data-theme=light] .cheatsheet-card-badge{background:#00000008}.cheatsheet-card-badge.pro{color:var(--text-primary);background:#ffffff0f;border-color:#ffffff24}[data-theme=light] .cheatsheet-card-badge.pro{background:#0000000d;border-color:#0000001f}.cheatsheet-card-title{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.005em;margin:0 0 .5rem;font-size:1.05rem;font-weight:600;line-height:1.3}.cheatsheet-card-description{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0 0 1.1rem;font-size:.86rem;line-height:1.55;display:-webkit-box;overflow:hidden}.cheatsheet-card-stats{gap:1rem;margin-bottom:1rem;display:flex}.cheatsheet-stat{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:.35rem;font-size:.72rem;display:inline-flex}.cheatsheet-stat svg{color:var(--text-muted)}.cheatsheet-card-footer{border-top:1px solid var(--border);padding-top:1rem}.cheatsheet-card-cta{font-family:var(--font-sans);color:var(--text-primary);align-items:center;gap:.35rem;font-size:.85rem;font-weight:500;transition:gap .2s,color .2s;display:inline-flex}.cheatsheet-card:hover .cheatsheet-card-cta{color:var(--accent,var(--accent));gap:.55rem}.cheatsheets-coming-soon{text-align:center;background:var(--bg-surface);border:1px dashed var(--border);border-radius:16px;padding:2.5rem 1.5rem}.cheatsheets-coming-soon h2{font-family:var(--font-sans);color:var(--text-primary);margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.cheatsheets-coming-soon p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.cheatsheets-coming-soon a{color:var(--accent);font-weight:600;text-decoration:none}.cheatsheets-coming-soon a:hover{text-decoration:underline}@media (width<=960px){.cheatsheets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.cheatsheets-main{padding:1.5rem 4vw 4rem}.cheatsheets-grid{grid-template-columns:1fr}}.cheatsheet-card.is-locked{cursor:pointer;position:relative;overflow:hidden}.cheatsheet-card.is-locked>:not(.cheatsheet-card-footer){filter:blur(4px);-webkit-user-select:none;user-select:none;pointer-events:none;transition:filter .2s}.cheatsheet-card.is-locked:hover>:not(.cheatsheet-card-footer){filter:blur(3px)}.cheatsheet-card.is-locked:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#050c181a 0%,#050c188c 100%);position:absolute;inset:0}[data-theme=light] .cheatsheet-card.is-locked:before{background:linear-gradient(#ffffff1a 0%,#ffffffbf 100%)}.cheatsheet-card.is-locked .cheatsheet-card-footer{z-index:2;position:absolute;bottom:1.25rem;left:1.25rem;right:1.25rem}.cheatsheet-card.is-locked .cheatsheet-card-cta{color:var(--text-primary);border:1px solid var(--border);letter-spacing:0;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.55rem .9rem;font-size:.8rem;font-weight:500;transition:border-color .2s,color .2s;display:inline-flex}.cheatsheet-card.is-locked:hover .cheatsheet-card-cta{border-color:var(--accent,var(--accent));color:var(--accent,var(--accent))}.cheatsheets-section{margin-bottom:3rem}.cheatsheets-section-head{margin-bottom:1.25rem}.cheatsheets-section-title{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.005em;margin:0 0 .3rem;font-size:1rem;font-weight:600}.cheatsheets-section-desc{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.5}.cheatsheets-section-pro{border-top:1px solid var(--border,#ffffff14);padding-top:2rem}.cheatsheets-show-more{background:var(--bg-card,#111827);color:var(--text-primary);border:1px dashed var(--border,#ffffff26);cursor:pointer;border-radius:10px;align-items:center;gap:.6rem;padding:.85rem 1.5rem;font-family:inherit;font-size:.88rem;font-weight:500;transition:border-color .15s,background .15s,color .15s,transform .1s;display:inline-flex}.cheatsheets-show-more:hover{border-color:var(--accent,var(--accent));color:var(--accent,var(--accent));background:#22d3ee0a}.cheatsheets-show-more:active{transform:scale(.98)}.not-found-page{background:var(--bg-base);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.not-found-content{text-align:center;max-width:600px}.error-code{background:linear-gradient(135deg, var(--accent), var(--accent-cyan));-webkit-text-fill-color:transparent;font-size:10rem;font-weight:900;line-height:1;font-family:var(--font-mono);-webkit-background-clip:text;background-clip:text;margin-bottom:2rem}.error-title{color:var(--text-primary);margin-bottom:1.5rem;font-size:3rem;font-weight:800}.error-description{color:var(--text-secondary);margin-bottom:3rem;font-size:1.25rem;line-height:1.6}.error-actions{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.error-btn{font-size:1.1rem;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border-radius:12px;padding:1.25rem 2.5rem;text-decoration:none;transition:all .3s}.error-btn.primary{background:linear-gradient(135deg, var(--accent), var(--accent-cyan));color:#fff;box-shadow:0 10px 30px #3b82f666}.error-btn.primary:hover{transform:translateY(-3px);box-shadow:0 15px 45px #3b82f680}.error-btn.secondary{background:var(--bg-surface);color:var(--text-primary);border:2px solid var(--border)}.error-btn.secondary:hover{border-color:var(--accent);background:var(--bg-card-hover);transform:translateY(-3px)}@media (width<=640px){.error-code{font-size:6rem}.error-title{font-size:2rem}.error-description{font-size:1.1rem}.error-actions{flex-direction:column}.error-btn{width:100%}}.announcement-bar{background:var(--bg-surface);color:var(--text-secondary);border-bottom:1px solid var(--border);font-family:var(--font-sans);z-index:101;justify-content:center;align-items:center;gap:.75rem;padding:.6rem 1.5rem;font-size:.85rem;font-weight:500;display:flex;position:relative}.announcement-content{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;display:flex}.announcement-badge{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:var(--bg-card-hover);color:var(--text-muted);border-radius:4px;padding:.22rem .5rem;font-size:.6rem;font-weight:600;line-height:1}.announcement-text{line-height:1.4}.announcement-link{color:var(--accent);text-underline-offset:2px;font-weight:600;text-decoration:none;transition:color .15s}.announcement-link:hover{color:var(--accent-2);text-decoration:underline}.announcement-link-btn{font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.announcement-close{color:var(--text-muted);cursor:pointer;opacity:.7;background:0 0;border:none;padding:.25rem;font-size:.85rem;line-height:1;transition:opacity .15s,color .15s;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.announcement-close:hover{opacity:1;color:var(--text-primary)}@media (width<=640px){.announcement-bar{padding:.5rem 2.5rem .5rem 1rem;font-size:.78rem}}:root{--bg:250 247 240;--surface:255 255 255;--border-rgb:232 226 211;--text-primary-rgb:14 31 34;--text-secondary-rgb:61 74 72;--text-muted-rgb:107 120 118;--accent-rgb:15 118 110;--accent-hover-rgb:13 148 136;--status-free-bg:209 250 229;--status-free-fg:6 78 59;--status-new-bg:219 234 254;--status-new-fg:30 58 138;--status-ai-bg:237 233 254;--status-ai-fg:76 29 149;--status-paid-bg:254 243 199;--status-paid-fg:120 53 15;--status-deprecated-bg:254 228 199;--status-deprecated-fg:146 64 14;--font-serif:"Fraunces", Georgia, "Times New Roman", serif;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, Monaco, Consolas, monospace;--bg-base:rgb(var(--bg));--bg-surface:rgb(var(--surface));--bg-card:rgb(var(--surface));--bg-card-hover:rgb(var(--border-rgb));--border:rgba(var(--border-rgb), 1);--border-accent:rgba(var(--accent-rgb), .4);--text-primary:rgb(var(--text-primary-rgb));--text-secondary:rgb(var(--text-secondary-rgb));--text-muted:rgb(var(--text-muted-rgb));--accent:rgb(var(--accent-rgb));--accent-cyan:rgb(var(--accent-rgb));--accent-glow:rgba(var(--accent-rgb), .15);--accent-2:rgb(var(--accent-hover-rgb));--success:rgb(var(--status-free-fg));--warning:rgb(var(--status-paid-fg));--font-display:var(--font-serif);--font-body:var(--font-sans);--container-max:1200px;--section-padding:clamp(4rem, 8vw, 8rem)}:root[data-theme=dark],[data-theme=dark],.dark{--bg:2 15 18;--surface:10 26 29;--border-rgb:28 41 40;--text-primary-rgb:245 241 235;--text-secondary-rgb:196 209 206;--text-muted-rgb:139 154 152;--accent-rgb:94 234 212;--accent-hover-rgb:123 245 221;--status-free-bg:5 46 43;--status-free-fg:94 234 212;--status-new-bg:4 44 83;--status-new-fg:133 183 235;--status-ai-bg:31 16 56;--status-ai-fg:175 169 236;--status-paid-bg:42 31 16;--status-paid-fg:212 165 116;--status-deprecated-bg:58 42 5;--status-deprecated-fg:250 199 117}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);letter-spacing:-.005em;color:rgb(var(--text-primary-rgb));background:rgb(var(--bg));width:100vw;margin:0;padding:0;font-size:15px;font-weight:400;line-height:1.6;overflow-x:hidden}#root{width:100vw;min-height:100vh;overflow-x:hidden}h1{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text-primary);font-size:clamp(3.5rem,7vw,6.5rem);font-weight:600;line-height:1.05}h2{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--text-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:600}h3,h4,h5,h6{font-family:var(--font-sans);color:var(--text-primary);font-weight:600;line-height:1.2}h3{letter-spacing:-.01em;font-size:clamp(1.5rem,3vw,2rem)}.page-title-hero{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text-primary);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:600;line-height:1.1}.page-title-standard{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--text-primary);font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.2}p,li,span{font-family:var(--font-sans);font-weight:400;line-height:1.7}a{color:inherit;text-decoration:none;transition:all .2s}button{font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;font-weight:500;transition:all .2s}input,select,textarea,label{font-family:var(--font-sans)}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}code,pre,kbd,samp,[class*=badge],[class*=-mono],[class*=stat-value],[class*=eyebrow]{font-family:var(--font-mono)}.tagline,.brand-tagline{font-family:var(--font-serif);letter-spacing:.22em;font-variant:small-caps;color:var(--accent);font-size:.75rem;font-weight:500}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes float1{0%,to{transform:translate(0)}50%{transform:translate(30px,-40px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(-20px,30px)}}@keyframes float3{0%,to{transform:translate(0)}50%{transform:translate(15px,-20px)}}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem)}.section-full{background:var(--bg-base);width:100%}.text-gradient{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.scroll-reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.scroll-reveal:first-child{transition-delay:0s}.scroll-reveal:nth-child(2){transition-delay:.1s}.scroll-reveal:nth-child(3){transition-delay:.2s}.scroll-reveal:nth-child(4){transition-delay:.3s}.scroll-reveal:nth-child(5){transition-delay:.4s}.scroll-reveal:nth-child(6){transition-delay:.5s}