@charset "UTF-8";
:root{--paper:#f8f8f2;--ink:#253d34;--muted:#7d867e;--line:#dfe3d9;--green:#285a45;--lime:#dae8a4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #92aa4d;outline-offset:5px}button{color:inherit}.header{max-width:1280px;margin:auto;height:98px;display:flex;align-items:center;gap:74px;padding:0 46px;border-bottom:1px solid var(--line)}.brand{font-size:38px;letter-spacing:-2.5px;font-weight:800}.brand-dot{color:#82a24b}.domain{font-size:19px;font-weight:500;letter-spacing:-.8px}.header nav{display:flex;gap:35px;font-size:14px;align-items:center;height:100%}.header nav a{height:100%;display:flex;align-items:center;gap:6px;position:relative;color:#738076}.header nav a:hover,.header nav .current{color:var(--ink)}.header nav .current:after{position:absolute;content:"";bottom:-1px;height:3px;background:var(--green);left:0;right:0}.tiny{font-size:9px;border:1px solid var(--line);padding:3px 5px;border-radius:4px}.header-note{margin-left:auto;font-size:11px;color:var(--muted)}.header-note span{margin-left:10px}main{max-width:1188px;margin:auto;padding:0 0}.hero{display:flex;align-items:center;justify-content:space-between;min-height:340px;padding:48px 0 40px}.eyebrow,.section-index{font-size:10px;letter-spacing:2px;font-weight:600;color:#74816b}.status-dot,.small-dot{display:inline-block;width:6px;height:6px;background:#729c5b;border-radius:50%;margin-right:8px}.hero h1{font-weight:600;font-size:47px;letter-spacing:-1.5px;line-height:1.4;margin:18px 0 15px}.title-dot{color:#8da950}.hero p{font-size:13px;color:#7a8178;line-height:1.9}.mobile-break{display:none}.orbit{position:relative;width:320px;height:250px;margin-right:48px}.orbit-ring{border:1px solid #d4ddc6;position:absolute;border-radius:50%;inset:35px 14px;transform:rotate(-25deg)}.orbit-ring.two{inset:12px 63px;transform:rotate(35deg)}.orbit-core{position:absolute;top:78px;left:115px;transform:rotate(-9deg);font-size:77px;font-weight:800;line-height:80px;letter-spacing:-8px}.orbit-core span{font-size:46px;color:#8ea953;position:absolute;top:-5px;right:-27px}.orbit-stamp{position:absolute;border:1px solid #d3ddc4;background:var(--paper);border-radius:50%;display:grid;place-items:center}.stamp-a{top:22px;left:51px;width:58px;height:58px;font:600 16px Georgia;transform:rotate(-18deg);background:#e9eddd}.stamp-b{right:16px;top:88px;width:52px;height:52px;font-size:30px;background:#dce8ae}.stamp-c{bottom:24px;left:57px;width:38px;height:38px;font-size:20px;transform:rotate(15deg)}.orbit-word{position:absolute;right:24px;top:14px;font:9px monospace;letter-spacing:1px;transform:rotate(14deg)}.orbit-spark{position:absolute;right:84px;bottom:43px;font-size:28px}.orbit-caption{position:absolute;bottom:0;right:45px;font-size:10px;letter-spacing:3px;color:var(--muted)}.directory{background:#fff;border:1px solid var(--line);border-radius:17px;padding:29px 32px 0;box-shadow:0 5px 20px #243f2b03}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-index{font-size:9px;letter-spacing:1.7px}h2{font-size:23px;font-weight:600;letter-spacing:-.6px;margin:9px 0}.heading-note{font-size:11px;font-weight:400;color:var(--muted);margin-left:17px;letter-spacing:0}.external-note{font-size:10px;color:#92988f}.search{display:flex;align-items:center;gap:13px;background:#f5f6f1;border:1px solid #e4e7de;border-radius:9px;margin:22px 0 19px;padding:0 16px;height:53px}.search:focus-within{border-color:#839b6e;box-shadow:0 0 0 3px #8fa46e19}.search svg{width:20px;height:20px;stroke:#7a8975;stroke-width:1.6;flex-shrink:0}.search input{width:100%;min-width:0;border:0;outline:0;background:none;font-size:13px;color:var(--ink)}.search input::placeholder{color:#93998d}.search input::-webkit-search-cancel-button{display:none}.search button{border:0;background:none;font-size:22px}.search kbd{border:1px solid #dce1d4;border-radius:4px;padding:2px 7px;color:#90998a;font-size:12px}.filter-row{display:flex;align-items:center;gap:16px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:0;background:transparent;border-radius:6px;padding:9px 16px;font-size:12px;color:#7a8477;white-space:nowrap}.filters button:hover{background:#f2f4ec}.filters button[aria-pressed="true"]{background:var(--green);color:white}.filter-row>span{margin-left:auto;font-size:10px;color:#92988f;white-space:nowrap}.site-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:23px 10px;padding:30px 0 28px}.site-link{display:flex;align-items:center;flex-direction:column;padding:8px 3px 10px;border-radius:10px;position:relative;transition:background .15s,transform .15s}.site-link:hover{background:#f5f7ef;transform:translateY(-3px)}.site-link:after{content:"↗";position:absolute;right:12px;top:5px;color:#80916e;opacity:0;font-size:12px}.site-link:hover:after{opacity:1}.site-icon{width:56px;height:56px;border:1px solid #e8eae4;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 3px 8px #243f2b05;overflow:hidden}.site-icon img{width:31px;height:31px;object-fit:contain}.icon-fallback{font-weight:700;font-size:19px;color:var(--green)}.site-name{font-size:12px;margin-top:11px}.site-category{font-size:9px;color:#a1a69d;margin-top:5px}.directory-footer{display:flex;justify-content:space-between;border-top:1px solid #edf0e8;padding:16px 0;font-size:10px;color:#92998a}.small-dot{width:4px;height:4px;background:#a5b390}.hand-arrow{margin-left:8px}.tools-section{padding:43px 0 34px}.pill{font-size:10px;padding:7px 11px;border:1px solid #dce2ce;border-radius:20px;color:#7d8c65}.section-description{font-size:12px;color:var(--muted);margin:8px 0 22px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-card{display:flex;align-items:center;text-align:left;border:1px solid var(--line);background:transparent;border-radius:10px;padding:22px 20px;gap:17px}.tool-card:hover{background:#f0f3e7;border-color:#b9c5a7}.tool-icon{font:24px Georgia;width:38px;color:#71835a}.qr-icon{font-size:33px}.tool-info{display:flex;flex-direction:column;gap:8px}.tool-info strong{font-size:13px;font-weight:500}.tool-info>span{font-size:10px;color:#919786}.tool-arrow{margin-left:auto;color:#97a187}.friends-section{border-top:1px solid var(--line);padding:42px 46px 40px;display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#eef1e6;border-radius:13px;margin-bottom:40px}.friends-copy h2{font-size:30px;line-height:1.5;margin:14px 0}.friends-copy p{font-size:12px;color:#808974;line-height:1.9}.friends-status{display:inline-block;font-size:10px;margin-top:13px;color:#79856c}.friend-placeholder{border:1px solid #cad3bc;align-self:center;border-radius:9px;background:#f9faf5;transform:rotate(-2deg);box-shadow:8px 8px 0 #e1e7d5}.window-top{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #dde2d3;padding:12px 15px;font:10px monospace;color:#8e9a7f}.window-top span:first-child{letter-spacing:2px;font-size:7px;color:#bdc8ad}.window-body{text-align:center;padding:23px 20px}.pixel-spark{font-size:44px;color:#8fa45a}.window-body h3{font-size:17px;line-height:1.8;font-weight:500;margin:5px 0 15px}.placeholder-label{font-size:9px;color:#9ca48e;border:1px dashed #ced6c0;padding:5px 12px;border-radius:4px}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;padding:28px 0 34px}.footer-brand{font-size:28px}.footer-brand .domain{font-size:15px}footer p{font-size:10px;color:#86907e;line-height:1.9}footer p span{margin-left:15px}footer>a:last-child{margin-left:auto;font-size:10px;color:#7c8970}.empty-state{text-align:center;padding:50px 10px;color:var(--muted)}.empty-state>span{font-size:40px}.empty-state h3{font-size:16px;color:var(--ink)}.empty-state p{font-size:12px}.text-button{border:0;background:none;font-size:12px;text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}dialog{border:1px solid var(--line);border-radius:16px;padding:38px;max-width:calc(100% - 40px);width:390px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#18312655;backdrop-filter:blur(3px)}dialog h2{font-size:22px;margin-top:20px}dialog p{font-size:13px;line-height:1.9;color:var(--muted)}.dialog-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:25px}.dialog-ok{margin-top:15px;background:var(--green);color:white;padding:11px 22px;border:0;border-radius:7px}@media(min-width:1500px){main{max-width:1188px}}@media(max-width:1280px){main{margin:0 46px}.header{gap:45px}.hero{min-height:325px}.site-grid{gap:18px 6px}.filters button{padding:9px 12px}}@media(max-width:900px){.header{padding:0 28px;gap:40px}.header-note{display:none}main{margin:0 28px}.hero h1{font-size:39px}.orbit{margin-right:0;transform:scale(.85);transform-origin:right center;width:260px}.heading-note{display:none}.site-grid{grid-template-columns:repeat(6,1fr)}.external-note{font-size:9px}.tool-card{padding:18px 13px;gap:8px}.tool-info>span{line-height:1.5}.friends-section{gap:30px;padding:34px}.header nav{gap:25px}.filter-row{align-items:flex-start}.filter-row>span{padding-top:10px}.filters{gap:3px}}@media(max-width:600px){.header{height:auto;padding:20px 20px 0;gap:14px;flex-wrap:wrap}.brand{font-size:32px}.header nav{width:100%;height:47px;gap:26px;font-size:12px}.tiny{font-size:8px}.header .brand{margin-bottom:2px}main{margin:0 18px}.hero{padding:32px 4px 27px;min-height:0;position:relative}.eyebrow{font-size:7px;letter-spacing:1.2px}.hero h1{font-size:34px;line-height:1.4;margin:17px 0 12px}.hero p{font-size:11px;line-height:1.9;max-width:260px}.mobile-break{display:block}.orbit{position:absolute;right:-10px;top:41px;width:170px;height:170px;transform:scale(.62);transform-origin:right top;opacity:.55}.orbit-ring{inset:20px -50px 0 -50px}.orbit-ring.two{inset:-5px -10px -25px -10px}.orbit-core{left:45px;top:44px}.orbit-word,.orbit-caption{display:none}.stamp-a{left:-25px;top:5px}.stamp-b{right:-50px;top:70px}.stamp-c{left:0;bottom:-14px}.orbit-spark{right:-5px;bottom:0}.directory{padding:21px 16px 0;border-radius:12px}.section-heading{gap:8px}h2{font-size:20px}.external-note{display:none}.section-index{font-size:8px}.search{margin-top:17px;height:48px;padding:0 12px}.search input{font-size:12px}.search kbd{display:none}.filter-row{display:block}.filters{gap:5px}.filters button{font-size:10px;padding:7px 10px}.filter-row>span{display:block;text-align:right;margin-top:6px;padding:0;font-size:9px}.site-grid{grid-template-columns:repeat(4,1fr);gap:13px 3px;padding:16px 0 20px}.site-icon{width:47px;height:47px}.site-icon img{width:27px;height:27px}.site-name{font-size:10px}.site-category{font-size:8px}.directory-footer{font-size:8px;gap:10px;line-height:1.7}.directory-footer>span:last-child{white-space:nowrap}.tool-grid{grid-template-columns:1fr;gap:9px}.tools-section{padding:31px 0}.tool-card{padding:19px 20px;gap:18px}.tool-info>span{font-size:11px}.tool-icon{width:33px}.friends-section{grid-template-columns:1fr;padding:29px 24px;gap:20px}.friends-copy h2{font-size:27px}.friend-placeholder{margin:10px 5px 8px}.friends-copy p{font-size:12px}.window-body{padding:20px}footer{flex-wrap:wrap;gap:12px;padding:22px 0}footer p{order:3;width:100%;margin:0;font-size:9px}footer p span{margin-left:10px}.footer-brand{font-size:25px}.hero-copy{position:relative;z-index:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}