:root{--background:#f7f8fc;--surface:#fff;--surface-strong:#eef1f7;--ink:#111827;--muted:#667085;--line:#d9dee8;--brand:#d9941f;--brand-dark:#925f0e;--violet:#7456e8;--orange:#ee9b3b;--blue:#3b82f6;--green:#0f9f8f;--pink:#d946ef;--slate:#4b5563;--navy:#101827}*{box-sizing:border-box}html{background:var(--background)}body{background:var(--background);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:inherit}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.page-shell{background:linear-gradient(#fbfcff 0%,#f3f5fa 48%,#f7f8fc 100%);min-height:100vh}.container{width:min(1180px,100% - 32px);margin:0 auto}.hero{color:#fff;background-image:linear-gradient(#090d17c4,#090d17d4),url(/logo.png);background-position:50%;background-size:cover;border-bottom:1px solid #ffffff1f;position:relative;overflow:hidden}.topbar{justify-content:space-between;align-items:center;gap:18px;padding-top:18px;display:flex}.brand-mark{color:#fff;letter-spacing:0;font-size:15px;font-weight:900;text-decoration:none}.topbar-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.language-switch{background:#090d178f;border:1px solid #ffffff38;border-radius:999px;align-items:center;display:flex;overflow:hidden}.language-switch button{color:#d6deeb;cursor:pointer;background:0 0;border:0;min-height:34px;padding:0 10px;font-size:13px;font-weight:800}.language-switch button.active{color:#101827;background:#fff}.login-link,.join-link{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;width:auto!important;padding:6px 12px!important;font-size:10px!important}.login-link{color:#fff;background:#ffffff14;border:1px solid #fff3}.join-link{color:#111827;background:#f2b947}.hero-inner{text-align:center;width:min(1180px,100% - 32px);margin:0 auto;padding:56px 0 42px}.hero-kicker{color:#f8d38b;background:#0a0f19b8;border:1px solid #ffffff3d;border-radius:999px;align-items:center;margin-bottom:16px;padding:8px 14px;font-size:13px;font-weight:850;display:inline-flex}.hero h1{color:#fff;letter-spacing:0;margin:0;font-size:clamp(38px,6vw,68px);font-weight:900;line-height:.98}.hero-copy{color:#d6deeb;max-width:780px;margin:18px auto 0;font-size:17px;line-height:1.7}.hero-actions,.center-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.hero-link,.primary-button,.secondary-button,.view-more-button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:850;text-decoration:none;display:inline-flex}.hero-link,.view-more-button{color:#0f172a;background:#f2b947}.hero-link.secondary{color:#fff;background:#ffffff14;border-color:#fff3}.search-panel{background:#0a0f19d6;border:1px solid #ffffff2e;border-radius:12px;width:min(820px,100%);margin:32px auto 0;padding:10px;box-shadow:0 18px 50px #00000047}.search-panel input{color:#fff;background:#111827;border:0;border-radius:8px;outline:none;width:100%;min-height:54px;padding:0 18px;font-size:16px}.search-panel input::placeholder{color:#8c98aa}.section-pad{padding:34px 0 72px}.nav-wrap{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8f9fdeb;border-bottom:1px solid #d9dee8e6;position:sticky;top:0}.nav-row{justify-content:space-between;align-items:center;gap:20px;min-height:76px;display:flex}.dropdown-wrap{flex:none;position:relative}.all-tools-button{min-height:48px;color:var(--ink);cursor:pointer;background:linear-gradient(#fff,#f3f5fb);border:1px solid #d2d8e5;border-radius:12px;align-items:center;gap:10px;padding:0 16px;font-weight:900;display:inline-flex;box-shadow:0 10px 22px #10182714}.all-tools-button span{color:var(--muted);font-size:12px}.dropdown-menu{border:1px solid var(--line);background:#fff;border-radius:12px;width:330px;padding:10px;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 24px 60px #0f172a2e}.dropdown-menu p{color:var(--muted);text-transform:uppercase;margin:6px 10px 8px;font-size:12px;font-weight:900}.dropdown-menu button{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;gap:4px;padding:12px;display:grid}.dropdown-menu button span{font-weight:900}.dropdown-menu button small{color:var(--muted);line-height:1.45}.dropdown-menu button:hover,.dropdown-menu button.active{color:var(--brand-dark);background:#f2f4fb}.category-tabs{background:#eef1f7;border-radius:16px;justify-content:flex-end;gap:8px;padding:10px 0;display:flex;overflow-x:auto}.category-tabs button,.category-link{color:#344054;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex:none;align-items:center;gap:8px;min-height:46px;padding:0 16px;font-size:14px;font-weight:900;text-decoration:none;display:inline-flex}.category-tabs button.active,.category-link.active{color:#101827;background:#fff;border-color:#d7dce8;box-shadow:0 10px 24px #1018271f}.tab-icon{background:#697180;border-radius:4px;width:16px;height:16px;display:inline-block}.tab-icon.featured{background:linear-gradient(135deg,#697180,#1f2937)}.tab-icon.text{background:var(--violet)}.tab-icon.image{background:var(--orange)}.tab-icon.video{background:var(--blue)}.tab-icon.audio{background:var(--green)}.tab-icon.productivity{background:var(--slate)}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin:34px 0 22px;display:flex}.section-heading h2,.category-hero h1,.detail-title h1,.auth-card h1,.blog-hero h1{color:var(--ink);letter-spacing:0;margin:0;font-weight:900}.section-heading h2{font-size:30px}.section-heading p,.category-hero p,.detail-lede,.muted,.blog-hero p,.auth-card p{color:var(--muted);line-height:1.7}.tool-grid,.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.function-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.function-card{min-height:136px;color:var(--ink);text-align:left;cursor:pointer;background:#ffffffeb;border:1px solid #edf0f6;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex;position:relative;box-shadow:0 16px 34px #1018270d}.function-card:hover,.function-card.active{border-color:#cdd5e3;transform:translateY(-2px);box-shadow:0 22px 42px #1018271a}.function-card strong{margin-bottom:8px;font-size:18px;display:block}.function-card small{color:#98a2b3;font-size:14px;font-weight:750;line-height:1.5;display:block}.function-icon{border-radius:999px;flex:none;place-items:center;width:48px;height:48px;display:grid;box-shadow:inset 0 0 0 8px #ffffff2e}.function-icon.violet{background:var(--violet)}.function-icon.orange{background:var(--orange)}.function-icon.blue{background:var(--blue)}.function-icon.green{background:var(--green)}.function-icon.pink{background:var(--pink)}.function-icon.slate{background:var(--slate)}.function-icon:before{content:"";border:2px solid #fff;border-radius:4px;width:18px;height:18px}.tool-card,.blog-card{border:1px solid var(--line);min-height:100%;color:inherit;background:var(--surface);border-radius:10px;flex-direction:column;text-decoration:none;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex;overflow:hidden;box-shadow:0 14px 30px #1018270f}.tool-card:hover,.blog-card:hover{border-color:#c7cedb;transform:translateY(-3px);box-shadow:0 18px 36px #1018271c}.tool-media{aspect-ratio:16/10;background:#e8edf5;position:relative;overflow:hidden}.tool-media img,.blog-card img{object-fit:cover;width:100%;height:100%;display:block}.logo-chip{background:#ffffffeb;border:1px solid #0f172a1f;border-radius:8px;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:12px;left:12px;overflow:hidden;box-shadow:0 10px 18px #0f172a29}.logo-chip img,.detail-logo img{object-fit:contain;width:28px;height:28px}.logo-fallback{color:var(--ink);font-size:16px;font-weight:900;position:absolute}.tool-body,.blog-card div{flex-direction:column;flex:1;padding:18px;display:flex}.tool-body h3,.blog-card h3{color:var(--ink);margin:0 0 8px;font-size:18px}.tool-body p,.blog-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.blog-card img{height:170px}.blog-card span{color:var(--brand-dark);margin-bottom:8px;font-size:12px;font-weight:900}.tool-meta{color:var(--brand-dark);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:18px;font-size:13px;font-weight:850;display:flex}.empty-state{text-align:center;background:#fff;border:1px dashed #b8c0cf;border-radius:12px;padding:42px 24px}.category-hero,.detail-text,.auth-card,.blog-article{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-top:32px;padding:28px}.breadcrumb{color:var(--brand-dark);margin-top:28px;font-weight:850;text-decoration:none;display:inline-flex}.category-layout,.detail-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:28px;margin-top:28px;display:grid}.category-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.side-panel{border:1px solid var(--line);color:#fff;background:#101827;border-radius:12px;padding:22px;position:sticky;top:102px}.side-panel h3{color:#f8d38b;margin:0 0 12px}.side-panel p{color:#cbd5e1;line-height:1.65}.primary-button{color:#101827;background:#f2b947;width:100%}.secondary-button{color:#fff;background:#1f2a3d;border-color:#344054;width:100%;margin-top:10px}.detail-screen{border:1px solid var(--line);background:#e8edf5;border-radius:12px;width:100%;overflow:hidden}.detail-screen img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.detail-title{align-items:center;gap:16px;margin-top:24px;display:flex}.detail-logo{border:1px solid var(--line);background:#fff;border-radius:10px;flex:none;place-items:center;width:58px;height:58px;display:grid;position:relative;overflow:hidden}.info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.info-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px}.info-card h2,.detail-text h2{margin:0 0 12px;font-size:18px}.info-card ul{color:var(--muted);margin:0;padding-left:18px;line-height:1.7}.detail-text p,.blog-article p{color:var(--muted);margin:0 0 18px;line-height:1.85}.badge-row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.badge{color:#344054;background:#fff;border:1px solid #cfd6e3;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:850}.knowledge-section{border-top:1px solid var(--line);margin-top:64px;padding-top:24px}.blog-hero{max-width:820px;margin-top:34px}.blog-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.05}.blog-cover{aspect-ratio:16/7;object-fit:cover;border-radius:12px;width:100%;margin-top:26px}.auth-page{background:linear-gradient(#111827 0%,#f7f8fc 100%);place-items:center;min-height:100vh;padding:32px 16px;display:grid}.auth-card{width:min(460px,100%);margin:0;box-shadow:0 24px 60px #1018272e}.auth-actions{gap:12px;margin-top:24px;display:grid}.google-button,.auth-submit{border:1px solid var(--line);min-height:46px;color:var(--ink);background:#fff;border-radius:8px;justify-content:center;align-items:center;font-weight:900;text-decoration:none;display:flex}.auth-submit{background:#f2b947;border-color:#e1a62f}.auth-note{color:var(--muted);margin-top:18px;font-size:13px;line-height:1.6}@media (max-width:1080px){.tool-grid,.blog-grid,.related-grid,.function-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-layout,.detail-layout{grid-template-columns:1fr}.side-panel{position:static}}@media (max-width:780px){.topbar,.nav-row{flex-direction:column;align-items:stretch}.topbar-actions{z-index:50;flex-direction:row;justify-content:flex-end;align-items:center;gap:4px;display:flex;position:absolute;top:8px;right:8px}.language-switch button,.login-link,.join-link{white-space:nowrap;border-radius:999px!important;width:auto!important;padding:4px 8px!important;font-size:10px!important}}.topbar-actions,.login-link,.join-link,.hero-link{width:100%}.hero-inner{padding:42px 0 30px}.category-tabs{justify-content:flex-start;width:100%}.dropdown-menu{width:min(330px,100vw - 32px)}.tool-grid,.blog-grid,.related-grid,.function-grid,.category-tool-grid,.info-grid{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:flex-start}.category-hero,.detail-text,.auth-card,.blog-article{padding:20px}.hero-actions{flex-direction:column}:root{--bg-dark-hex:#0a0a0c;--gold-glow:#d4af3714;--gold-accent:#d4af37;--gold-muted:#aa8c2c;--text-primary:#f3f4f6;--text-muted:#9ca3af}body{background-color:var(--bg-dark-hex)!important;color:var(--text-primary)!important;background-image:radial-gradient(circle at 50% 0,#d4af3712 0%,#0000 50%),linear-gradient(#0a0a0c 0%,#030304 100%)!important;background-attachment:fixed!important}.hero-glow-ambient{opacity:.85;pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 30%,#d4af371f 0%,#0000 60%),radial-gradient(circle at 30% 20%,#b48c280d 0%,#0000 40%);width:100%;max-width:1400px;height:600px;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero-glow-ambient:before{content:"M";color:#0000;background:linear-gradient(#d4af370a 0%,#0000 80%);letter-spacing:-.05em;filter:blur(2px);-webkit-background-clip:text;background-clip:text;font-family:Times New Roman,serif;font-size:32rem;font-weight:900;position:absolute;top:10%;left:50%;transform:translate(-50%)}.hero h1{text-shadow:0 0 40px #d4af3726;background:linear-gradient(135deg,#fff 30%,#f3e5ab 70%,#d4af37 100%)!important;-webkit-text-fill-color:transparent!important;color:#0000!important;-webkit-background-clip:text!important;background-clip:text!important}.tool-card,.function-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#12121699!important;border:1px solid #d4af371a!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.tool-card:hover,.function-card.active,.function-card:hover{transform:translateY(-2px);background:#18181ecc!important;border-color:#d4af3766!important;box-shadow:0 0 25px #d4af3726!important}.nav-wrap{z-index:999!important}.dropdown-menu{z-index:1000!important;color:#111827!important;background:#fff!important}.tool-media{position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0,#1e1b4b,#09090b)!important}.tool-media img:not(.logo-chip img){z-index:2;position:relative}.tool-media:before{content:"";z-index:1;border:2px solid #a855f733;border-radius:12px;width:60px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #a855f71a}@media (max-width:768px){.topbar{position:relative}.topbar-actions{transform-origin:100% 0;z-index:50;flex-wrap:nowrap;align-items:center;gap:5px;display:flex;position:absolute;top:10px;right:10px;transform:scale(.65)}.language-switch button,.login-link,.join-link{white-space:nowrap;border-radius:999px!important;padding:4px 6px!important;font-size:10px!important}}@media (max-width:780px){.tool-grid,.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.tool-card img,.tool-media{object-fit:cover;height:85px!important}.tool-card h3{font-size:10px!important;line-height:1.2!important}.tool-card p{font-size:8px!important;line-height:1.2!important}.tool-card{overflow:hidden;border-radius:10px!important}}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;display:grid!important}.tool-card{width:100%!important;max-width:none!important}