:root{--ink:#25272d;--muted:#7b808c;--orange:#ed754a;--soft-orange:#fff0e8;--line:#e8eaee;--paper:#f7f8fa;--white:#fff;--sidebar:216px;--shadow:0 16px 50px #2630430b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default}a,button,input,select,textarea{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--orange)}::selection{background:#ffd9c8;color:#54270d}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.35;letter-spacing:-.045em}p{color:var(--muted)}.icon{flex-shrink:0;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip-link{position:fixed;left:240px;top:-70px;background:var(--ink);color:white;padding:10px 20px;z-index:100}.skip-link:focus{top:12px}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);z-index:30;padding:32px 20px 20px;display:flex;flex-direction:column;overflow:auto}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 34px}.brand-mark{width:39px;height:39px;border-radius:13px;background:var(--orange);color:white;display:grid;place-items:center;box-shadow:0 7px 18px #ed754a25}.brand-mark svg{width:27px;height:27px}.brand b{font-size:20px;letter-spacing:-1px;display:block;line-height:1.5}.brand small{font-size:8px;letter-spacing:1.5px;display:block;color:#9699a1}.side-link{height:45px;border-radius:9px;display:flex;align-items:center;gap:12px;padding:0 13px;margin:4px 0;color:#696e78;font-size:13px;transition:background .2s,color .2s}.side-link .icon{width:18px;height:18px;color:#979ba5}.side-link:hover{background:#f5f6f8;color:#20222a}.side-link.active{background:var(--soft-orange);color:#c85b33;font-weight:650}.side-link.active .icon{color:var(--orange)}.side-dot{display:none;width:5px;height:5px;background:var(--orange);border-radius:50%;margin-left:auto}.side-link.active .side-dot{display:block}.side-number,.saved-count{margin-left:auto;font-size:10px;color:#9196a2;font-variant-numeric:tabular-nums}.nav-caption{font-size:10px;color:#a0a3ab;margin:27px 13px 10px;letter-spacing:1.5px}.side-bottom{margin-top:auto;padding-top:32px}.side-note{background:#f9f6f1;border:1px solid #f0e9de;border-radius:12px;padding:17px 14px;font-weight:600;color:#746453;font-size:13px;position:relative;overflow:hidden}.side-note:after{content:'✦';font-size:55px;font-weight:300;color:#dfcdb3;position:absolute;right:10px;top:5px}.side-note span{display:block;font-size:7px;color:#ae9c84;letter-spacing:1.7px;margin-top:12px}.side-bottom>a{font-size:11px;color:#90949e;display:flex;justify-content:space-between;margin:20px 12px 0}.side-bottom>a svg{width:15px}.shell{margin-left:var(--sidebar)}.topbar{height:82px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f7f8faf5;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.top-location{font-size:11px;color:#9297a1;letter-spacing:.3px}.top-location span{margin:0 12px;color:#c8cad1}.top-location strong{color:#555b66;font-weight:500}.topbar nav{display:flex;align-items:center;gap:30px;font-size:12px;color:#747985}.topbar nav>a:not(.button):hover{color:var(--orange)}.button{border:1px solid transparent;display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:12px 22px;background:var(--orange);border-radius:9px;color:white;font-weight:600;font-size:13px;transition:transform .22s,box-shadow .22s,background .22s;min-height:44px}.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ed754a26;background:#df673c}.button .icon{width:17px;height:17px}.button-small{font-size:11px;padding:9px 14px;min-height:35px}.button.dark{background:#292b30}.button.secondary{background:white;border-color:var(--line);color:#626873}.button.secondary:hover{background:#f9fafb;box-shadow:none}.icon-button{display:inline-flex;justify-content:center;align-items:center;width:34px;height:34px;padding:0;background:none;border:0;border-radius:8px;color:#a3a7b0}.icon-button:hover{background:#f5f5f5;color:var(--orange)}main{max-width:1360px;padding:0 48px;margin:auto}.hero{min-height:342px;display:grid;grid-template-columns:1.25fr 1fr;position:relative;align-items:center;padding:34px 0 20px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:2.3px;color:#a28671;display:flex;align-items:center;gap:8px}.eyebrow i{height:5px;width:5px;border-radius:50%;background:var(--orange)}.hero h1{font-size:43px;font-weight:750;letter-spacing:-1.7px;line-height:1.45;margin:15px 0 15px}.hero h1 .underline-word{color:var(--orange);position:relative;white-space:nowrap}.underline-word svg{position:absolute;left:0;bottom:-12px;width:100%;height:18px;stroke:#f3b89c;stroke-width:3;fill:none;z-index:-1}.hero p{font-size:12px;line-height:1.95;margin-bottom:25px}.hero-meta{display:flex;gap:23px;color:#989da6;font-size:10px}.hero-meta span{display:flex;align-items:center;gap:6px}.hero-meta .icon{width:13px;height:13px}.compass-art{height:285px;position:relative;width:350px;margin:auto;isolation:isolate}.compass-art:before{content:'';position:absolute;inset:14px;border-radius:50%;background:radial-gradient(ellipse,#f9dec4a6 0,transparent 68%);filter:blur(6px);z-index:-1}.orbit{position:absolute;width:300px;height:206px;border:1px solid #dfd7cb;border-radius:50%;left:20px;top:38px;transform:rotate(-25deg)}.orbit-two{transform:rotate(44deg);border-style:dashed;border-color:#dcd9d3;width:330px;height:150px;top:70px;left:2px}.compass-disc{position:absolute;width:197px;height:197px;left:72px;top:32px;transform:rotate(-16deg);border-radius:50%;background:linear-gradient(145deg,#fffefa,#d8cfc1);border:5px solid #f4eee4;box-shadow:4px 13px 0 #c7bcad,9px 26px 36px #78582b24,inset 0 0 0 1px #fff;animation:compassFloat 7s ease-in-out infinite}.disc-ticks{position:absolute;inset:11px;border-radius:50%;background:repeating-conic-gradient(#9e9488 0deg 1deg,transparent 1deg 10deg);mask:radial-gradient(transparent 67%,#000 68%);-webkit-mask:radial-gradient(transparent 67%,#000 68%)}.disc-inner{position:absolute;inset:28px;border:1px solid #d6ccbd;border-radius:50%;background:radial-gradient(circle,#fffcf6,#f0e8db);box-shadow:inset 2px 5px 12px #aa9b8730}.disc-inner:before,.disc-inner:after{content:'';position:absolute;background:#d2c9bb}.disc-inner:before{width:1px;height:100%;left:50%}.disc-inner:after{height:1px;width:100%;top:50%}.needle{position:absolute;left:calc(50% - 17px);top:-7px;width:34px;height:73px;background:linear-gradient(90deg,#e75c2c 50%,#ff9972 50%);clip-path:polygon(50% 0,100% 100%,50% 83%,0 100%);transform:rotate(30deg);transform-origin:50% 100%;z-index:2}.needle-bottom{position:absolute;left:calc(50% - 17px);top:50%;width:34px;height:67px;background:linear-gradient(90deg,#b1a696 50%,#e2d8c9 50%);clip-path:polygon(0 0,50% 17%,100% 0,50% 100%);transform:rotate(30deg);transform-origin:50% 0;z-index:2}.disc-center{position:absolute;left:calc(50% - 6px);top:calc(50% - 6px);width:12px;height:12px;border:3px solid #fff8ea;background:#ab8b66;border-radius:50%;z-index:3;box-shadow:0 3px 5px #6a4f3433}.floating-symbol{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;position:absolute;background:linear-gradient(145deg,#fff,#e8e7e4);box-shadow:0 10px 18px #4d4d5415,inset 0 0 0 1px white;color:#b1a18b;transform:rotate(13deg);animation:float 5s ease-in-out infinite}.floating-symbol svg{width:26px;height:26px}.symbol-bag{right:0;top:46px;color:#de7951}.symbol-bolt{left:9px;bottom:35px;transform:rotate(-15deg);background:linear-gradient(140deg,#ffbe8a,#ef9154);color:#fff4e7;animation-delay:-2s}.orbit-label{position:absolute;font-size:9px;font-family:monospace;color:#aaa08e}.label-n{left:160px;top:6px}.label-e{right:33px;top:182px}.art-caption{font-size:7px;letter-spacing:3px;position:absolute;bottom:2px;left:99px;color:#a69a87}.spark{position:absolute;color:#dca67d;font-size:22px;font-style:normal}.spark-one{left:35px;top:14px}.spark-two{right:38px;bottom:26px;font-size:15px}.search-zone{background:white;border:1px solid #e9e9e8;border-radius:14px;padding:12px 17px 13px;box-shadow:var(--shadow);margin-top:16px}.search-form{display:flex;align-items:center;gap:13px;border:1px solid var(--line);background:white;border-radius:10px;padding:8px 9px 8px 18px}.search-zone .search-form{border:0;padding:3px 0 9px;border-bottom:1px solid #f0f1f3;border-radius:0}.search-form>.icon{color:#9ca3af;width:21px;height:21px}.search-form input{flex:1;width:0;min-width:60px;border:0;background:transparent;outline:none;color:#414650;font-size:13px;padding:7px 0}.search-form input::placeholder{color:#a0a5af}.search-form:focus-within{box-shadow:0 0 0 2px #ed754a22}.search-form button{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--ink);color:white;border:0;padding:10px 19px;border-radius:8px;font-size:12px;transition:background .2s}.search-form button:hover{background:var(--orange)}kbd{font-family:inherit;border:1px solid #e7e9ed;border-radius:4px;color:#b0b4bd;padding:0 5px;font-size:10px}.search-form>kbd{padding:1px 7px;margin-right:10px}.quick-search{display:flex;gap:17px;align-items:center;padding:12px 1px 0;font-size:10px;color:#8b919c}.quick-search>span:first-child{color:#b0b4bc}.quick-search a:hover{color:var(--orange)}.quick-search .search-hint{margin-left:auto;font-size:9px;color:#a7acb5}.scene-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0 44px}.scene-card{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:11px;padding:17px 18px;transition:transform .2s,background .2s;background:#f9fafb}.scene-card:hover{transform:translateY(-3px);background:white}.scene-number{font-size:23px;letter-spacing:-1px;font-weight:300;color:#c7c1b6}.scene-card h2{font-size:13px;margin:0 0 3px;letter-spacing:0;font-weight:600}.scene-card p{margin:0;font-size:10px;color:#a1a5ae}.scene-card>.icon{width:16px;margin-left:auto;color:#b3b6bf}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2{font-size:23px;margin:8px 0 0;letter-spacing:-.8px}.section-heading>a{font-size:11px;color:#9196a0;display:flex;align-items:center;gap:7px}.section-heading>a:hover{color:var(--orange)}.section-heading>a .icon{width:15px}.edition{font-size:10px;display:flex;align-items:center;gap:12px;color:#9fa3ab}.edition span{border:1px solid #e4e6e9;border-radius:5px;padding:4px 7px;font-size:8px;letter-spacing:1px}.filter-row{display:flex;align-items:center;gap:7px;padding-bottom:17px;border-bottom:1px solid var(--line);overflow:auto;scrollbar-width:thin}.filter{background:none;border:0;white-space:nowrap;font-size:11px;color:#8a8f99;padding:8px 13px;border-radius:7px;transition:background .2s,color .2s}.filter:hover{background:#eeeef0;color:#505661}.filter.active{background:#292c33;color:white}.filter span{font-size:8px;background:#ffffff24;border-radius:3px;padding:1px 4px;margin-left:4px}.result-bar{display:flex;justify-content:space-between;align-items:center;margin:16px 0;font-size:10px;color:#a2a6af}.result-bar label{display:flex;align-items:center;gap:8px}.result-bar select{border:0;background:none;font-size:10px;color:#8b909a;padding:3px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.tool-card{border:1px solid #e8eaee;border-radius:13px;background:white;padding:20px 21px 15px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;min-height:181px}.tool-card:hover{transform:translateY(-4px);border-color:#e8c5b6;box-shadow:0 12px 30px #4437280a}.card-top{display:flex;align-items:center;gap:11px}.tool-mark{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;background:var(--mark);border-radius:12px;color:#fff;font-size:22px;font-weight:750;letter-spacing:-1px;box-shadow:inset 0 0 0 1px #00000004}.tool-title{font-size:14px;font-weight:650;letter-spacing:-.3px}.tool-title:hover{color:var(--orange)}.card-category{display:block;font-size:9px;color:#a1a6b0;margin-top:3px}.card-top>.favorite{margin-left:auto;align-self:flex-start;width:27px;height:27px;color:#c4c8d0}.favorite .icon{width:16px;height:16px}.favorite[aria-pressed=true]{color:#dc8639!important}.favorite[aria-pressed=true] svg{fill:#f8c978;stroke:#dc923e}.tool-card p{font-size:11px;line-height:1.85;margin:15px 0 17px;min-height:40px;color:#8a909b}.card-bottom{display:flex;justify-content:space-between;align-items:center}.card-bottom>div{display:flex;gap:5px;flex-wrap:wrap}.tag{display:inline-block;font-size:9px;line-height:1.4;padding:4px 7px;background:#f5f6f8;border-radius:4px;color:#959aa5}.visit{color:#b5bac3;display:flex;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid #edf0f2;border-radius:6px;transition:all .2s}.visit svg{width:12px;height:12px}.visit:hover{color:var(--orange);background:var(--soft-orange);border-color:#f4d3c4}.community-banner{display:flex;align-items:center;gap:26px;padding:30px 32px;background:#f7ede3;border:1px solid #ede2d6;border-radius:15px;position:relative;margin:40px 0}.community-graphic{width:73px;height:73px;display:grid;place-items:center;background:#ead5bc;box-shadow:inset 0 1px 0 #fff7;border-radius:22px;transform:rotate(-9deg);position:relative;color:#977247;flex-shrink:0}.community-graphic>.icon{width:40px;height:40px;stroke-width:1.4}.community-graphic span{position:absolute;right:-8px;top:-8px;color:#be9670;font-size:26px}.community-banner h2{font-size:21px;margin:7px 0 7px;letter-spacing:-.8px}.community-banner p{font-size:11px;color:#a19385;margin:0}.community-banner .button{margin-left:auto;font-size:11px;white-space:nowrap;padding:12px 18px}.community-banner .eyebrow{font-size:8px;color:#b1967a}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:52px 0}.principles span{font-size:9px;color:#b0b3bb;letter-spacing:1px}.principles h3{font-size:13px;font-weight:600;margin:10px 0 6px;letter-spacing:0}.principles p{font-size:10px;color:#a4a8b0;margin:0}footer{border-top:1px solid var(--line);padding:28px 48px 24px;max-width:1360px;margin:auto;display:grid;grid-template-columns:1fr auto;gap:7px 30px;color:#9ba0aa;font-size:10px}.footer-brand{color:#717783;font-weight:600;display:flex;gap:6px;align-items:center;font-size:12px}.footer-brand svg{width:18px;height:18px}footer p{margin:0;grid-column:1;font-size:10px}footer div{grid-column:2;grid-row:1/3;display:flex;align-items:center;gap:22px}footer a:hover{color:var(--orange)}footer small{grid-column:1/-1;font-size:9px;color:#b3b7bf;margin-top:17px}.menu-open,.close-menu,.menu-overlay{display:none}.breadcrumbs{display:flex;gap:10px;font-size:10px;color:#a0a5ad;margin:28px 0}.breadcrumbs a:hover{color:var(--orange)}.breadcrumbs [aria-current]{color:#666e7b}.page-hero{padding:30px 0 40px;max-width:850px}.page-hero h1{font-size:42px;font-weight:700;margin:16px 0 19px;line-height:1.5;letter-spacing:-1.6px}.page-hero p{font-size:14px;line-height:1.9;max-width:690px;margin:0}.title-dot{color:var(--orange)}.category-emblem{float:right;display:grid;place-items:center;width:84px;height:84px;background:#fff0e6;color:#d17c54;border-radius:25px;transform:rotate(8deg);margin:15px 30px}.category-emblem .icon{width:40px;height:40px}.category-guide{display:flex;gap:16px;border:1px solid #e9dfd3;background:#f9f3eb;padding:20px 23px;border-radius:12px;margin-bottom:35px;align-items:flex-start}.category-guide>.icon{color:#be9270;margin-top:3px}.category-guide p{color:#aa937d;font-size:12px;margin:0;line-height:1.9}.category-tools,.related-tools{margin-bottom:40px}.related-categories{margin:45px 0}.related-categories h2{font-size:20px}.related-categories>div{display:flex;gap:10px;flex-wrap:wrap}.related-categories a{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);padding:12px 17px;border-radius:9px;font-size:12px;color:#7d8490}.related-categories a>.icon{width:15px}.related-categories a:hover{color:var(--orange)}.tool-hero{display:flex;gap:25px;align-items:center;padding:36px 0 42px}.tool-hero>.tool-mark{width:94px;height:94px;font-size:43px;border-radius:27px}.tool-hero h1{font-size:38px;margin:10px 0}.tool-hero p{font-size:13px;margin-bottom:15px}.tags{display:flex;gap:7px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:35px;align-items:start;margin-bottom:55px}.detail-content{background:white;border:1px solid var(--line);border-radius:15px;padding:30px}.detail-content section+section{margin-top:32px;padding-top:28px;border-top:1px solid #f0f1f2}.detail-content h2{font-size:18px;margin-bottom:16px}.detail-content p{font-size:13px;line-height:1.95}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{display:flex;align-items:center;font-size:13px;gap:15px;margin:12px 0;color:#707987}.feature-list span{color:#d4b49a;font-size:11px;min-width:22px}.tool-action{background:#fff;border:1px solid var(--line);border-radius:15px;padding:25px;position:sticky;top:107px}.tool-action h2{font-size:23px;margin:15px 0 10px}.domain{font-size:11px;color:#9da4af;overflow-wrap:anywhere;display:block;margin-bottom:20px}.tool-action .button{width:100%;margin:5px 0}.tool-action p{font-size:10px;text-align:center;margin:10px 0 20px}.tool-action hr{border:0;border-top:1px solid var(--line);margin:23px 0}.tool-action h3{font-size:13px;line-height:1.8}.tool-action>a:last-child{font-size:12px;color:var(--orange)}.source-note{font-size:10px;color:#a1a7b1;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.source-note svg{width:12px;height:12px}.source-note a{color:#8f8276}.muted{color:#a3a9b3!important}.community-hero{max-width:100%;text-align:center;padding-top:26px;padding-bottom:45px}.community-hero .eyebrow{justify-content:center}.community-hero h1{font-size:39px}.community-hero h1 span{color:var(--orange)}.community-hero p{margin:auto;font-size:13px}.group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.group-card{background:white;border-radius:17px;border:1px solid var(--line);overflow:hidden}.group-art{height:180px;position:relative;display:grid;place-items:center;background:#fceadd;overflow:hidden}.group-art:before,.group-art:after{content:'';position:absolute;width:200px;height:200px;border:1px solid #ffffff98;border-radius:50%;left:calc(50% - 100px);top:-16px}.group-art:after{width:260px;height:260px;top:-46px;left:calc(50% - 130px)}.group-art-1{background:#e3efea}.group-art-2{background:#e4e8f4}.group-art img{border-radius:30px;z-index:1;box-shadow:0 16px 26px #56493625;transform:rotate(-7deg)}.group-index{position:absolute;bottom:11px;font-size:7px;letter-spacing:2px;color:#786e6288}.group-body{padding:25px 23px}.group-body h2{font-size:19px;margin:16px 0 7px}.group-body h3{font-size:11px;font-weight:500;color:#9b8f83;letter-spacing:0}.group-body p{font-size:12px;line-height:1.9;min-height:68px}.group-number{padding:15px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px}.group-number span{font-size:10px;color:#9ba2af}.group-number strong{font-size:17px;letter-spacing:.8px;font-weight:550}.group-body .button{width:100%;margin-top:3px}.group-card:nth-child(2) .button{background:#4b9981}.group-card:nth-child(3) .button{background:#6480c1}.group-join{display:block;text-align:center;font-size:9px;color:#9098a4;margin-top:14px;min-height:15px}.group-join svg{width:10px;height:10px}.join-guide{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:55px 0}.join-guide h2{font-size:24px;margin:15px 0}.join-guide p{font-size:12px;line-height:1.9}.rules{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:16px 0}summary{font-size:13px;cursor:pointer;font-weight:550;list-style:none;display:flex;align-items:center;justify-content:space-between}summary:after{content:'+';font-size:18px;color:#a4a8b1}details[open] summary:after{content:'−'}details p{margin:14px 0 0}.favorites-section,.search-results{margin:20px 0 55px}.favorites-section #favorite-total{font-size:12px;color:var(--orange);background:var(--soft-orange);padding:4px 8px;border-radius:5px;vertical-align:middle;margin-left:8px}.empty-state{padding:55px 20px 65px;text-align:center;border:1px dashed #dfe3e9;border-radius:16px;background:#fff9;margin:20px 0}.empty-state>.icon{width:35px;height:35px;color:#c2af95;margin:0 auto 20px}.empty-state h2,.empty-state h3{font-size:22px}.empty-state p{font-size:12px}.empty-state .button{margin-top:12px}.search-results>p{font-size:12px}.submit-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:start;margin-bottom:55px}.recommend-form{background:white;border:1px solid var(--line);border-radius:15px;padding:30px}.recommend-form label{display:block;font-size:12px;font-weight:600;margin-bottom:21px}.recommend-form input,.recommend-form select,.recommend-form textarea{width:100%;margin-top:8px;border:1px solid #e0e4e9;background:#fafbfc;border-radius:8px;padding:11px 13px;color:#616c7c;resize:vertical;font-weight:400}.recommend-form input::placeholder,.recommend-form textarea::placeholder{color:#a8aeb7;font-size:11px}.recommend-form button{width:100%}.form-note{font-size:10px!important;line-height:1.8;text-align:center;margin:13px 0 0}.submission-guide{padding:25px 0}.submission-guide h2{font-size:24px;margin:15px 0 25px}.submission-guide ol{list-style:none;padding:0;counter-reset:steps}.submission-guide li{counter-increment:steps;position:relative;padding-left:40px;margin:30px 0}.submission-guide li:before{content:'0'counter(steps);position:absolute;left:0;color:#ceb79e;font-size:16px}.submission-guide b{font-size:14px}.submission-guide p{font-size:12px;margin:7px 0}.submission-guide>a{color:var(--orange);font-size:12px}.submission-result{border:1px solid #e0d5c5;border-radius:15px;background:#fffcf5;padding:30px;margin-bottom:45px}.submission-result h2{font-size:22px}.submission-result p{font-size:12px}.submission-result pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5eee3;padding:20px;border-radius:9px;font:12px/1.9 inherit;color:#72675a}.submission-result .button{margin-right:10px}.prose{max-width:780px;padding-bottom:60px}.prose h2{font-size:21px;margin:35px 0 16px}.prose p{font-size:14px;line-height:2.1}.prose p a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}.prose .button{margin-top:20px}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:10px 0 50px}.directory-grid section{background:white;border:1px solid var(--line);border-radius:12px;padding:22px}.directory-grid h2{font-size:16px}.directory-grid h2>a{display:flex;gap:10px;align-items:center}.directory-grid ul{list-style:none;padding:0;margin:20px 0 0}.directory-grid li>a{display:flex;align-items:center;justify-content:space-between;color:#929aa8;font-size:12px;padding:8px 0}.directory-grid li .icon{width:14px;height:14px}.directory-grid a:hover{color:var(--orange)}.error-page{margin:70px 0}.error-number{font-size:100px;font-weight:250;letter-spacing:-7px;color:#decbb8}.error-page h1{font-size:28px}.error-page p{font-size:14px}#toast{position:fixed;bottom:28px;left:calc(50% + 108px);transform:translate(-50%,20px);z-index:100;background:#252831;color:white;padding:13px 22px;border-radius:10px;box-shadow:0 10px 35px #0002;font-size:12px;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;max-width:85vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid var(--line);border-radius:15px;width:min(520px,90vw);padding:30px;color:var(--ink)}dialog::backdrop{background:#12192766;backdrop-filter:blur(4px)}dialog h2{font-size:22px}dialog p{font-size:12px}dialog textarea{width:100%;min-height:150px;border:1px solid #ddd;border-radius:6px;padding:12px}dialog .dialog-close{position:absolute;right:10px;top:10px}.tool-card.reveal{animation:appear .4s ease both}@keyframes float{50%{translate:0 -8px}}@keyframes compassFloat{50%{translate:0 -6px;rotate:5deg}}@keyframes appear{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.hero{min-height:385px}.hero h1{font-size:49px}.compass-art{transform:scale(1.1)}.tool-card{min-height:188px}.tool-card p{font-size:12px}.tool-title{font-size:15px}}@media(max-width:1200px){:root{--sidebar:195px}.sidebar{padding:27px 14px 17px}.brand{padding-left:6px;gap:8px}.brand b{font-size:18px}.brand-mark{width:35px;height:35px}.topbar{padding:0 30px}main{padding:0 30px}.topbar nav{gap:20px}.hero h1{font-size:35px}.hero-meta{gap:14px;font-size:9px}.compass-art{transform:scale(.87);margin-left:-10px;width:330px}.tool-card{padding:17px 16px 14px}.tool-mark{width:37px;height:37px;font-size:20px}.tool-title{font-size:13px}.card-top{gap:9px}.tag{font-size:8px}.filter{padding:8px 10px}.community-banner{padding:25px;gap:20px}.community-banner h2{font-size:18px}.community-graphic{width:60px;height:60px}.community-banner p{max-width:320px}.scene-card{padding:15px 13px;gap:9px}.scene-card h2{font-size:11px}.scene-number{font-size:20px}.scene-card p{font-size:9px}.detail-layout{grid-template-columns:minmax(0,1fr) 245px;gap:23px}.detail-content{padding:24px}.tool-action{padding:21px}.group-grid{gap:14px}.group-body{padding:21px 17px}.group-body h2{font-size:17px}.group-body p{font-size:11px;min-height:80px}.group-number strong{font-size:14px}footer{padding:28px 30px}.submit-layout{gap:40px}#toast{left:calc(50% + 98px)}}@media(max-width:1000px){:root{--sidebar:184px}.brand b{font-size:17px}.brand small{font-size:6px}.brand-mark{width:31px;height:31px;border-radius:10px}.brand-mark svg{width:23px;height:23px}.side-link{font-size:12px;gap:10px}.sidebar{padding:27px 12px 17px}.top-location{display:none}.topbar{justify-content:flex-end;height:72px}.hero{grid-template-columns:1fr .65fr;min-height:330px}.compass-art{width:310px;transform:scale(.73);transform-origin:center;left:-24px}.hero h1{font-size:31px;white-space:nowrap}.hero p{font-size:11px}.hero-meta span:last-child{display:none}.scene-row{gap:10px}.scene-card>.icon{display:none}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card p{font-size:12px}.tool-title{font-size:14px}.filter-row{gap:3px}.filter{font-size:10px;padding:8px 9px}.edition{display:none}.community-banner{flex-wrap:wrap}.community-banner .button{margin-left:80px}.community-banner p{max-width:unset}.principles{gap:20px}footer div{gap:12px;font-size:9px}.group-grid{grid-template-columns:1fr}.group-card{display:grid;grid-template-columns:190px 1fr}.group-art{height:100%;min-height:265px}.group-art:before{top:40px}.group-art:after{top:10px}.group-body{padding:25px}.group-body p{min-height:0}.group-number{margin-top:15px}.group-body .button{width:auto;font-size:11px}.group-join{display:inline-block;margin-left:12px}.join-guide{gap:30px}.detail-layout{grid-template-columns:1fr}.tool-action{position:static;display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}.tool-action .eyebrow,.tool-action h2,.tool-action .domain{grid-column:1/-1}.tool-action hr,.tool-action h3,.tool-action>a:last-child{grid-column:1/-1}.tool-action p{grid-column:1/-1;margin-bottom:0}.tool-action hr{width:100%;margin:15px 0}.directory-grid{grid-template-columns:repeat(2,1fr)}.submit-layout{grid-template-columns:1fr;gap:15px}.submission-guide ol{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.submission-guide li{padding-left:0;padding-top:30px;margin:0}.submission-guide li:before{top:0}.submission-guide>a{display:block;margin-top:25px}.hero{overflow:hidden}.page-hero h1{font-size:36px}}@media(max-width:760px){:root{--sidebar:216px}.sidebar{transform:translateX(-100%);transition:transform .25s;padding:30px 20px 20px;z-index:60}.sidebar.open{transform:translateX(0)}.brand b{font-size:20px}.brand small{font-size:8px}.brand-mark{width:36px;height:36px}.side-link{font-size:13px}.shell{margin-left:0}.topbar{height:64px;padding:0 20px;justify-content:space-between}.topbar nav{gap:18px;font-size:11px}.button-small{font-size:10px;padding:8px 10px;min-height:33px;gap:5px}.topbar .button-small svg{width:14px}.menu-open{display:inline-flex}.close-menu{display:flex;position:absolute;top:3px;right:3px;width:25px;height:25px}.menu-overlay:not([hidden]){display:block;position:fixed;inset:0;background:#20283066;backdrop-filter:blur(2px);z-index:50;border:0;width:100%}body.menu-visible{overflow:hidden}main{padding:0 22px}.hero{padding:25px 0 15px;grid-template-columns:1fr .8fr;min-height:306px}.hero h1{font-size:34px;letter-spacing:-1.5px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-meta{font-size:9px;gap:18px}.hero p{font-size:11px}.compass-art{transform:scale(.75);left:-10px}.search-zone{margin-top:5px;padding:10px 13px}.quick-search{gap:14px;font-size:9px}.search-hint{display:none}.scene-row{margin:20px 0 36px}.scene-number{display:none}.scene-card{padding:13px 12px}.scene-card h2{font-size:11px}.scene-card p{font-size:9px}.section-heading h2{font-size:23px}.tool-grid{gap:12px}.tool-card{padding:18px 17px 13px}.tool-card p{font-size:11px}.community-banner{padding:24px;gap:18px;margin:32px 0}.community-banner h2{font-size:19px}.community-banner .button{margin-left:77px;font-size:11px}.principles{margin:37px 0;gap:15px}.principles h3{font-size:12px}.principles p{font-size:9px}.principles span{font-size:8px}footer{padding:25px 22px;grid-template-columns:1fr}footer div{grid-column:1;grid-row:auto;margin-top:13px;gap:20px;font-size:10px}footer small{margin-top:8px;font-size:8px}#toast{left:50%}.page-hero{padding:18px 0 33px}.page-hero h1{font-size:33px}.page-hero p{font-size:12px}.breadcrumbs{margin:23px 0;font-size:9px}.category-emblem{width:65px;height:65px;border-radius:20px;margin-right:6px}.category-emblem svg{width:30px;height:30px}.category-guide{padding:17px;gap:12px}.category-guide p{font-size:11px}.group-card{grid-template-columns:165px 1fr}.group-body{padding:21px}.group-body h2{font-size:19px}.group-join{display:block;margin-left:0;text-align:left}.group-body .button{width:100%}.community-hero h1{font-size:31px}.join-guide{grid-template-columns:1fr;padding:30px 0 45px;gap:20px}.join-guide h2{font-size:23px}.tool-hero{padding:20px 0 32px;gap:18px}.tool-hero>.tool-mark{width:70px;height:70px;border-radius:20px;font-size:31px}.tool-hero h1{font-size:28px}.tool-hero p{font-size:11px}.detail-content{padding:22px}.detail-content p{font-size:12px}.feature-list li{font-size:12px}.detail-content h2{font-size:17px}.source-note{font-size:9px}.submission-guide ol{display:block}.submission-guide li{padding:0 0 0 40px;margin:25px 0}.submission-guide li:before{top:0}.recommend-form{padding:23px}.prose p{font-size:13px}.directory-grid{gap:15px}.directory-grid section{padding:18px}.directory-grid h2{font-size:14px}}@media(max-width:520px){main{padding:0 18px}.topbar{padding:0 17px}.topbar nav{gap:16px}.topbar nav>a:nth-child(2){display:none}.hero{display:block;min-height:300px;padding-top:28px;overflow:hidden}.hero-copy{position:relative;z-index:2}.hero h1{font-size:32px;margin-top:14px;line-height:1.5}.hero p{font-size:11px;line-height:1.9;max-width:260px;margin-bottom:21px}.hero-meta{font-size:9px;gap:17px}.compass-art{position:absolute;right:-112px;left:auto;top:20px;transform:scale(.49);transform-origin:center;opacity:.7;z-index:0}.hero-meta span:nth-child(2){display:none}.hero h1 .underline-word{background:#f7f8fa90}.hero .eyebrow{max-width:220px}.search-form{gap:10px;padding:9px 10px}.search-form input{font-size:11px}.search-form>kbd{display:none}.search-form button{padding:9px 12px;font-size:11px;gap:7px}.search-form button .icon{width:14px}.search-form>.icon{width:17px}.quick-search{gap:11px;font-size:9px;flex-wrap:wrap}.quick-search>span:first-child{display:none}.scene-row{gap:8px;margin-top:16px}.scene-card{padding:13px 10px}.scene-card h2{font-size:10px;line-height:1.5}.scene-card p{font-size:8px;line-height:1.5}.section-heading{margin-bottom:18px}.section-heading h2{font-size:22px}.eyebrow{font-size:8px;letter-spacing:1.8px}.filter-row{margin-right:-18px;padding-right:18px;gap:4px}.filter{font-size:10px;padding:8px 12px}.result-bar{margin:14px 0;font-size:9px}.tool-grid{grid-template-columns:1fr;gap:12px}.tool-card{padding:19px 20px 14px;min-height:163px}.tool-mark{width:42px;height:42px;border-radius:12px;font-size:22px}.tool-title{font-size:15px}.card-category{font-size:9px}.card-top{gap:12px}.card-top>.favorite{width:32px;height:32px}.tool-card p{font-size:12px;min-height:0;margin:13px 0 16px;line-height:1.85}.tag{font-size:9px}.visit{width:30px;height:30px}.community-banner{padding:24px 20px;gap:15px}.community-graphic{width:47px;height:47px;border-radius:14px}.community-graphic>.icon{width:28px;height:28px}.community-graphic span{font-size:19px;right:-5px}.community-banner>div:nth-child(2){flex:1}.community-banner h2{font-size:17px;line-height:1.5;max-width:250px}.community-banner p{font-size:10px;line-height:1.9}.community-banner .eyebrow{font-size:7px;letter-spacing:1.5px}.community-banner .button{margin:0;width:100%}.principles{grid-template-columns:1fr;gap:22px}.principles>div{border-bottom:1px solid var(--line);padding-bottom:20px}.principles h3{font-size:14px;margin-top:6px}.principles p{font-size:11px}.principles span{font-size:9px}.page-hero h1{font-size:29px}.community-hero h1{font-size:28px}.community-hero h1 span{display:block}.group-grid{gap:23px}.group-card{display:block}.group-art{height:170px;min-height:170px}.group-art:before{top:-16px}.group-art:after{top:-46px}.group-body{padding:25px}.group-body p{font-size:12px}.group-number strong{font-size:18px}.group-join{text-align:center}.category-emblem{float:none;display:none}.category-guide p{font-size:11px}.related-categories>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.related-categories a{padding:12px 10px;font-size:10px;gap:8px}.related-categories a>.icon:last-child{margin-left:auto}.tool-hero{align-items:flex-start;gap:15px}.tool-hero>.tool-mark{width:60px;height:60px;font-size:29px;border-radius:18px;margin-top:5px}.tool-hero .eyebrow{font-size:7px;letter-spacing:1px}.tool-hero h1{font-size:25px;margin:9px 0}.tool-hero p{font-size:12px}.tool-action{display:block}.tool-action h2{font-size:24px}.detail-layout{gap:20px;margin-bottom:35px}.source-note{gap:10px 15px}.directory-grid{grid-template-columns:1fr}.submission-result{padding:22px}.submission-result .button{display:flex;margin:10px 0}.prose h2{font-size:19px}.error-number{font-size:85px}.error-page h1{font-size:23px}.skip-link{left:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.tool-card:hover,.scene-card:hover,.button:hover{transform:none}}

/* Readability and compact mobile identity. */
.mobile-brand{display:none}.tool-card p{color:#727b89}.card-category{color:#838b97}.tag{color:#727b89}.hero p,.page-hero p,.group-body p{color:#747d8b}.scene-card p{color:#828b97}.principles p{color:#828b97}.category-guide p{color:#88735f}.muted{color:#818a98!important}.community-banner p{color:#8c7c6c}.result-bar{color:#7f8794}.form-note{color:#7f8794}.quick-search{color:#7a8492}.search-form input::placeholder{color:#87909d}.source-note{color:#7d8794}
@media(max-width:760px){.sidebar{visibility:hidden}.sidebar.open{visibility:visible}.mobile-brand{display:block;font-size:16px;font-weight:700;letter-spacing:-.6px;margin-right:auto;margin-left:9px}.topbar nav>a:not(.button){display:none}.menu-open{color:#697383}}