/* Taoke Base · 2026 visual system. Components share one spacing and motion scale. */
:root{--paper:#f8f8f6;--ink:#202125;--muted:#666b76;--orange:#fa7043;--soft-orange:#fff0e9;--line:#e8e8e4;--sidebar:228px;--ease:cubic-bezier(.22,1,.36,1)}
body{background:var(--paper);font-feature-settings:'ss01' on;letter-spacing:.05px}h1,h2,h3{letter-spacing:-.045em}p{color:var(--muted)}
.sidebar{background:#1d2027;color:#fff;border:0;padding:35px 18px 22px;background-image:radial-gradient(ellipse at 0 100%,#34302f 0,transparent 65%)}
.brand{gap:12px;padding:0 12px 35px}.brand-mark{width:42px;height:42px;background:linear-gradient(135deg,#ffa675,#fa6b3d);border-radius:13px;box-shadow:0 6px 17px #fa704325,inset 0 1px 1px #ffddb9}.brand b{font-size:21px;font-weight:650;letter-spacing:.3px}.brand small{font-size:8px;letter-spacing:2.7px;color:#a7a8b0;margin-top:4px}.side-link{color:#b5b7c0;height:47px;border-radius:11px;padding:0 14px;margin:5px 0;position:relative;transition:background .25s,color .25s,translate .25s}.side-link .icon{color:#8a8e9a;stroke-width:1.6}.side-link:hover{color:#fff;background:#ffffff09;translate:2px 0}.side-link:hover .icon{color:#ffb18a}.side-link.active{background:linear-gradient(105deg,#fc8253,#f16b43);color:#fff;box-shadow:0 5px 20px #0002,inset 0 1px 0 #ffad7b}.side-link.active .icon{color:#fff}.side-link.active .side-dot{background:#fff}.side-link.active .saved-count,.side-link.active .side-number{color:#fff;background:#ffffff25}.saved-count,.side-number{font-size:10px;color:#a2a5b1;padding:1px 5px;border-radius:5px}.nav-caption{font-size:10px;color:#858997;letter-spacing:1px;margin:26px 14px 10px}.side-note{background:linear-gradient(120deg,#ffffff07,#ffffff02);border:1px solid #ffffff12;color:#ddd7cf;border-radius:14px;padding:19px 17px;font-size:13px;font-weight:500;line-height:1.8}.side-note:after{color:#edac7d;font-size:59px;right:13px;top:3px}.side-note span{color:#99979a;font-size:7px;letter-spacing:1.8px}.side-bottom>a{color:#a9acb6;font-size:11px}.side-bottom>a:hover{color:#fff}
.topbar{height:80px;background:#f8f8f6e8;border-color:#e9e9e5;padding:0 40px}.top-location{font-size:12px;color:#7c7e86}.topbar nav{font-size:12px;gap:28px}.topbar nav>a[aria-current]{color:#23242a;font-weight:600}.button{border-radius:12px;min-height:46px;padding:12px 21px;background:linear-gradient(120deg,#ff9160,#f56c42);box-shadow:0 3px 7px #e4782920,inset 0 1px 0 #ffffff3d;transition:transform .3s var(--ease),box-shadow .3s,background .3s;position:relative;overflow:hidden}.button:after{content:'';position:absolute;inset:0;transform:translateX(-120%) skewX(-15deg);background:linear-gradient(90deg,transparent,#ffffff35,transparent);pointer-events:none}.button:hover:after{transform:translateX(120%) skewX(-15deg);transition:transform .65s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ef754638}.button:active{transform:translateY(0) scale(.98)}.button-small{min-height:36px;padding:8px 15px;font-size:11px;border-radius:9px}.button.secondary{box-shadow:none;background:white}.button.dark{background:#25282f}.button .icon{transition:transform .25s}.button:hover .icon:last-child{transform:translateX(3px)}main{padding:0 40px;max-width:1510px}
.hero{margin-top:26px;min-height:402px;padding:37px 40px 32px;border-radius:25px;background:#21242b;color:white;grid-template-columns:1.2fr 1fr;overflow:hidden;isolation:isolate;box-shadow:0 15px 32px #2223270c,inset 0 1px 0 #fff1}.hero:before,.collection-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 40%,#8b4c313d,transparent 55%),linear-gradient(120deg,#282a30,#1e2128);z-index:-2}.hero:after{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.16' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.17;z-index:-1;pointer-events:none}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:9px;letter-spacing:2.2px;color:#8a7166;font-weight:600}.hero .eyebrow,.collection-hero .eyebrow{color:#c4b7a9;font-size:8px;letter-spacing:2.2px}.eyebrow i{width:5px;height:5px;background:#ffc59c;border-radius:50%;box-shadow:0 0 12px #ffa678;display:inline-block}.hero h1{font-size:clamp(37px,3.6vw,57px);line-height:1.3;font-weight:650;letter-spacing:-2px;margin:20px 0 18px;white-space:nowrap}.hero-gradient{color:#ffb584;background:linear-gradient(110deg,#ffd1a3 10%,#ff9f77 70%,#ff7346);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{color:#b7b6bd;font-size:12px;line-height:1.95;margin-bottom:22px}.hero-cta{display:inline-flex;align-items:center;gap:22px;font-size:12px;font-weight:600;color:#f4eee8;margin-bottom:30px}.hero-cta>span{border:1px solid #ffffff30;display:grid;place-items:center;border-radius:50%;width:30px;height:30px;transition:background .25s,transform .25s}.hero-cta .icon{width:16px}.hero-cta:hover>span{background:var(--orange);border-color:var(--orange);transform:translateX(5px)}.hero-meta{font-size:9px;color:#aaa7ab;gap:18px}.hero-meta span:last-child{display:none}.hero-meta .icon{color:#cfad94;width:13px;height:13px}
.base-universe{position:relative;width:340px;height:330px;justify-self:center;perspective:900px;transform:translate(var(--hero-x,0px),var(--hero-y,0px));transition:transform .65s var(--ease)}.universe-grid{position:absolute;inset:-15px;background:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,#000 5%,transparent 67%)}.base-sphere{position:absolute;left:65px;top:57px;width:215px;height:215px;border-radius:50%;background:radial-gradient(circle at 30% 22%,#fff3c8 0,#ffc88c 12%,#ff9d62 31%,#ec673b 58%,#823a2c 78%,#332329 95%);box-shadow:inset -13px -18px 30px #421e23b0,inset 3px 3px 10px #fff9,0 0 60px #ff9c4726,14px 40px 45px #0004;animation:sphere-breathe 8s ease-in-out infinite;isolation:isolate}.base-sphere:before{content:'';position:absolute;inset:8px;border-radius:50%;border:1px solid #fff3;transform:rotate(-35deg) scaleX(.55)}.base-sphere:after{content:'';position:absolute;inset:24px -6px;border-radius:50%;border:1px solid #ffdfb247;transform:rotate(-35deg) scaleY(.55)}.sphere-glyph{position:absolute;inset:0;display:grid;place-items:center;transform:rotate(-18deg);color:#fff1cc}.sphere-glyph svg{width:109px;height:109px;stroke-width:.55;filter:drop-shadow(1px 3px 2px #813f32)}.sphere-glint{position:absolute;left:37px;top:24px;width:73px;height:35px;border-radius:50%;background:#fff1c9;filter:blur(18px);opacity:.65}.orbital{position:absolute;left:-12px;top:94px;width:369px;height:137px;border:1px solid #f9cf9b40;border-radius:50%;transform:rotate(-32deg);z-index:2;pointer-events:none}.orbital:before{content:'';position:absolute;left:43px;bottom:13px;width:6px;height:6px;border-radius:50%;background:#ffe6bd;box-shadow:0 0 15px #ffbd73}.orbital-b{transform:rotate(53deg);border-color:#eac7a426;width:320px;height:210px;left:18px;top:56px;z-index:0}.orbital-b:before{left:auto;right:25px;top:22px;background:#e3b490;width:4px;height:4px}.orbit-chip{position:absolute;display:flex;align-items:center;gap:10px;border:1px solid #ffffff26;background:linear-gradient(120deg,#ffffff1a,#ffffff07);backdrop-filter:blur(15px);color:#f5e6d6;border-radius:13px;padding:12px 13px;z-index:3;box-shadow:0 12px 24px #0002;font-size:11px;transform:rotate(-7deg)}.orbit-chip>.icon{width:21px;height:21px;color:#ffb78b;stroke-width:1.3}.orbit-chip small{display:block;color:#c0b4ac;font-size:6px;letter-spacing:1.3px;margin-top:3px}.chip-a{top:40px;left:-11px;animation:chip-drift 7s ease-in-out infinite}.chip-a i{width:5px;height:5px;background:#f0d5a4;border-radius:50%;margin-left:4px}.chip-b{bottom:42px;right:-6px;transform:rotate(7deg);animation:chip-drift 7s ease-in-out -3s infinite}.universe-coordinate{position:absolute;bottom:0;left:39px;font-size:6px;color:#aa8c77;letter-spacing:2px}.universe-spark{position:absolute;color:#d7b49b;font-weight:200;font-size:23px}.s-one{right:26px;top:22px}.s-two{left:13px;bottom:45px;font-size:17px}
.search-zone{margin:21px 0 0;padding:14px 19px 12px;border-radius:17px;border-color:#e8e7e2;box-shadow:0 5px 15px #24242504;transition:border-color .25s,box-shadow .25s}.search-zone:focus-within{border-color:#ffb38f;box-shadow:0 0 0 4px #ffb38f13,0 8px 22px #8e47240a}.search-zone .search-form:focus-within{box-shadow:none}.search-form input{font-size:13px}.search-form button{background:#292b32;border-radius:10px;padding:12px 20px;transition:background .25s}.search-form button:hover{background:var(--orange)}.quick-search{font-size:10px;gap:18px}.quick-search a{border-radius:4px;transition:color .2s}.quick-search>span:first-child{color:#7d8087}.quick-search .search-hint{color:#7b7e85}.scene-row{gap:14px;margin:20px 0 43px}.scene-card{border-radius:15px;background:#f0eeea;border-color:transparent;padding:18px 17px;gap:13px;overflow:hidden;position:relative;transition:background .25s,transform .3s var(--ease),box-shadow .3s}.scene-card:nth-child(2){background:#eeedf4}.scene-card:nth-child(3){background:#eaf0ed}.scene-card:hover{transform:translateY(-3px);background:#ffede0;box-shadow:0 8px 20px #29252609}.scene-card:nth-child(2):hover{background:#e7e2f5}.scene-card:nth-child(3):hover{background:#deece3}.scene-number{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#ffffffb3;color:#a07a59;flex-shrink:0}.scene-number .icon{width:20px;height:20px}.scene-card:nth-child(2) .scene-number{color:#8a78b0}.scene-card:nth-child(3) .scene-number{color:#648b76}.scene-card h2{font-size:12px;font-weight:650;margin-bottom:4px}.scene-card p{font-size:10px;color:#76777f}.scene-card>.icon{display:block;width:15px;color:#8b8b90;transition:transform .25s}.scene-card:hover>.icon{transform:translateX(4px)}
.section-heading h2{font-size:26px;letter-spacing:-.9px;font-weight:650;margin-top:9px}.heading-accent{position:relative;white-space:nowrap}.heading-accent:after{content:'';position:absolute;height:7px;background:#ffbb974d;bottom:1px;inset-inline:0;z-index:-1;border-radius:3px}.section-heading .eyebrow{font-size:8px;color:#8d8279;letter-spacing:1.9px}.edition{color:#7e8088}.edition span{border-radius:20px;padding:5px 9px}.filter-row{border:0;gap:5px;padding:5px;background:#eeefeb;border-radius:12px;margin-bottom:6px}.filter{flex:1;padding:10px 8px;font-size:11px;color:#666b75;border-radius:9px;transition:background .22s,box-shadow .22s,color .22s}.filter.active{background:#fff;color:#e37047;box-shadow:0 2px 7px #2327300a}.filter span{color:#ed754a;background:#fff0e7;font-size:9px}.filter:hover{background:#ffffff70}.result-bar{margin:19px 0 15px;font-size:10px;color:#7c8089}.result-bar select{color:#626773}.tool-grid{gap:16px}.tool-card{padding:23px 22px 18px;border-radius:18px;border:1px solid #e9e9e5;min-height:202px;box-shadow:0 2px 3px #24252402;transition:transform .35s var(--ease),box-shadow .35s,border-color .3s;isolation:isolate;overflow:hidden}.tool-card:before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(260px circle at var(--spot-x,50%) var(--spot-y,0%),#fff0e299,transparent 75%);opacity:0;transition:opacity .3s;z-index:-1}.tool-card:hover:before{opacity:1}.tool-card:hover{transform:translateY(-5px);border-color:#e5c6b5;box-shadow:0 14px 30px #3a30240c,0 3px 7px #3a302405}.tool-mark{width:45px;height:45px;border-radius:14px;font-size:23px;box-shadow:inset 0 1px 1px #ffffff50,0 4px 9px color-mix(in srgb,var(--mark) 19%,transparent);background:linear-gradient(145deg,#ffffff33,transparent 65%),var(--mark);transition:transform .4s var(--ease)}.tool-card:hover .tool-mark{transform:rotate(-5deg) scale(1.05)}.tool-title{font-size:15px;font-weight:650}.card-top{gap:12px}.card-category{font-size:9px;color:#828590;margin-top:3px}.card-top>.favorite{width:29px;height:29px;align-self:center;border:1px solid transparent;border-radius:50%;color:#b3b7c0;transition:background .25s,color .25s,transform .25s}.card-top>.favorite:hover{background:#fff4df;color:#cb8a34;transform:rotate(-10deg)}.favorite[aria-pressed=true]{background:#fff6e6}.favorite[aria-pressed=true] svg{fill:#ffc773;stroke:#d89533}.tool-card p{font-size:12px;line-height:1.85;color:#727780;margin:17px 0;min-height:44px}.card-bottom{border-top:1px solid #f1f1ee;padding-top:12px}.tag{background:#f5f5f2;border-radius:5px;padding:4px 7px;font-size:9px;color:#757981}.visit{border:0;background:#f5f5f2;width:28px;height:28px;border-radius:8px;color:#91959d}.visit:hover{color:white;background:var(--orange)}.visit .icon{width:13px;height:13px}.favorite-pop{animation:favorite-pop .45s var(--ease)}
.community-banner{margin:40px 0;border:0;border-radius:21px;padding:33px;background:radial-gradient(ellipse at 100% 0,#53453e77,transparent 70%),#272a31;color:white;overflow:hidden;isolation:isolate}.community-banner:after{content:'';position:absolute;width:210px;height:210px;border:1px solid #ffffff0b;border-radius:50%;right:24px;top:-67px;box-shadow:0 0 0 24px #ffffff03,0 0 0 49px #ffffff02;z-index:-1}.community-graphic{background:linear-gradient(145deg,#ffe3bc,#e1ac7e);color:#8e5c38;width:65px;height:65px;border-radius:20px;box-shadow:0 7px 15px #0002,inset 0 1px 1px white}.community-graphic span{color:#ffd5ac}.community-banner h2{font-size:22px;font-weight:600}.community-banner p{color:#b6b5b9;font-size:11px}.community-banner .eyebrow{color:#d7b99b;font-size:7px}.community-banner .button{background:#f4d6b7;color:#5b3d2a;box-shadow:inset 0 1px 0 #fff8;padding:12px 17px}.principles{margin:48px 0;gap:30px}.principles>div{padding-left:18px;border-left:1px solid #d9d8d2}.principles span{color:#a18d7c;font-size:9px}.principles h3{font-size:14px}.principles p{font-size:11px;color:#797d85}footer{padding:30px 40px;color:#7f848b}footer p{color:#85888f}footer small{color:#8b8f96}
.breadcrumbs{font-size:11px;margin:25px 0;color:#858993}.page-hero{padding:20px 0 35px}.page-hero h1{font-weight:650;font-size:43px;letter-spacing:-1.5px;line-height:1.4}.page-hero p{color:#727780;font-size:13px}.category-emblem{background:linear-gradient(135deg,#ffead0,#f8c7a3);box-shadow:0 8px 18px #d8904b16,inset 0 1px 1px white}.category-guide{border-radius:15px;background:#f1ede7;border-color:#e9e1d7}.category-guide p{color:#826c58}.detail-content,.tool-action,.recommend-form,.group-card,.directory-grid section{border-radius:20px;box-shadow:0 5px 20px #30272104}.tool-action{background:linear-gradient(155deg,#fffaf4,#fff);border-color:#eddfd1}.tool-hero>.tool-mark{border-radius:26px}.detail-content h2{font-weight:650}.detail-content p,.feature-list li{color:#626b77}.group-card{transition:transform .35s var(--ease),box-shadow .35s}.group-card:hover{transform:translateY(-5px);box-shadow:0 18px 30px #3027210c}.group-art{background:radial-gradient(circle at 35% 30%,#fff8e8,transparent 70%),#f6d3b9}.group-art-1{background:radial-gradient(circle at 35% 30%,#f5fff7,transparent 70%),#b8dbcd}.group-art-2{background:radial-gradient(circle at 35% 30%,#f4f2ff,transparent 70%),#c4c5e7}.group-art img{transition:transform .5s var(--ease)}.group-card:hover .group-art img{transform:rotate(3deg) translateY(-5px)}.group-index{color:#756c67;font-size:7px}.group-body p{color:#717882}.group-body h3{color:#7b7471}.group-number{border-color:#eee9e2}.group-number strong{font-weight:650}.group-card:nth-child(2) .button{background:linear-gradient(120deg,#71aa94,#508b74)}.group-card:nth-child(3) .button{background:linear-gradient(120deg,#949aca,#767eaf)}.recommend-form input,.recommend-form textarea,.recommend-form select{border-radius:10px;transition:border .2s,box-shadow .2s}.recommend-form input:focus,.recommend-form textarea:focus{border-color:#f3b293;box-shadow:0 0 0 3px #fa70430a}.submission-result{border-radius:18px}.source-note{color:#79828d}.muted{color:#7b838e!important}
.collection-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;background:#22252d;color:white;padding:43px 42px;border-radius:25px;min-height:328px}.collection-hero:before{background:radial-gradient(ellipse at 90% 30%,#72655266,transparent 70%),linear-gradient(115deg,#252832,#23252c)}.collection-hero h1{font-size:39px;line-height:1.45;font-weight:600;margin:19px 0 17px;letter-spacing:-1.5px}.collection-hero h1>span{color:#f4c79f}.collection-hero p{color:#b8b9c2;line-height:1.9;font-size:12px;margin-bottom:20px}.collection-hero .hero-cta{margin:0}.collection-art{height:250px;position:relative;width:290px;justify-self:center;perspective:900px}.collection-halo{position:absolute;inset:-40px;border-radius:50%;background:radial-gradient(circle,#d7b88c25,transparent 67%)}.stack-card{position:absolute;width:170px;height:207px;border-radius:17px;border:1px solid #ffffff30;box-shadow:0 15px 35px #0003;left:59px;top:19px;display:flex;flex-direction:column;align-items:flex-start;padding:21px;transform-origin:50% 90%;backdrop-filter:blur(15px)}.stack-back{transform:translate(-35px,0) rotate(-20deg);background:linear-gradient(135deg,#8b939c8f,#66727888);color:#d8dbe2}.stack-mid{transform:translate(39px,-3px) rotate(19deg);background:linear-gradient(135deg,#c5a890b3,#806d6277);color:#ffddba}.stack-card>span:not(.collection-star){font-size:7px;letter-spacing:1.5px;margin-top:15px}.stack-front{background:linear-gradient(155deg,#fff4e5ef,#efc9a8e6);color:#694c38;transform:rotate(-5deg);box-shadow:0 18px 35px #0004,inset 0 1px 1px #fff;animation:collection-float 8s ease-in-out infinite}.collection-star{background:linear-gradient(135deg,#ffe6bd,#db9e64);width:49px;height:49px;display:grid;place-items:center;border-radius:13px;box-shadow:0 3px 6px #a1723426,inset 0 1px 0 #fff8}.collection-star svg{width:29px;height:29px;fill:#fff0d2;stroke:#b88755;stroke-width:1}.stack-front b{font-size:13px;font-weight:650;margin:22px 0 7px;letter-spacing:.2px}.stack-front small{font-size:5px;letter-spacing:1px;color:#926e50}.stack-front .mini-lines{display:block;width:75%;height:4px;background:#b78e602a;border-radius:3px;margin-top:18px}.mini-lines:after{content:'';display:block;width:65%;height:4px;background:#b78e602a;border-radius:3px;margin-top:10px}.collection-orbit{position:absolute;inset:-4px;border:1px solid #ddc4a41a;border-radius:50%;transform:rotate(-30deg) scaleY(.8);z-index:-1}.collection-note{display:flex;gap:25px;justify-content:flex-end;padding:19px 4px 30px;color:#83858d;font-size:10px}.collection-note>span{display:flex;align-items:center;gap:6px}.collection-note .icon{width:13px;height:13px;color:#b89a7a}.favorites-section{min-height:380px;margin-bottom:55px}.favorites-section .section-heading{margin-bottom:23px}#favorite-total{font-size:12px;display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;min-width:25px;height:25px;border:1px solid #e5ddd4;background:#eee8df;color:#9e7e60;border-radius:8px;margin-left:10px;letter-spacing:0}.collection-empty{padding:42px 20px 30px;background:radial-gradient(ellipse at 50% 10%,#fbf0e5,transparent 48%),#fff;border:1px solid #e9e6e0;border-radius:22px;min-height:400px;position:relative}.empty-illustration{position:relative;width:123px;height:85px;margin:0 auto 24px;display:grid;place-items:center}.empty-illustration>span{display:grid;place-items:center;width:66px;height:66px;background:linear-gradient(145deg,#fff6e7,#f4d5b8);border:1px solid #edcbae;border-radius:19px;transform:rotate(-9deg);box-shadow:0 10px 20px #a7773b12,inset 0 1px 1px white;z-index:1}.empty-illustration svg{width:32px;height:32px;stroke:#c29162;fill:#fff2db;stroke-width:1.1}.empty-illustration i{position:absolute;inset:0;border:1px solid #ecd6bd88;border-radius:50%;transform:rotate(-25deg)}.empty-illustration i:last-child{inset:10px -16px;transform:rotate(25deg);border-style:dashed;border-color:#e9d1b955}.collection-empty .eyebrow{justify-content:center;font-size:7px;color:#b19379}.collection-empty h2{font-size:22px;font-weight:600;margin:13px 0 13px}.collection-empty p{font-size:12px;line-height:1.9;color:#86858b}.collection-empty>.button{font-size:12px;margin-top:5px}.empty-topics{display:flex;align-items:center;justify-content:center;gap:24px;border-top:1px solid #f0eeeb;margin:30px auto 0;padding-top:22px;max-width:520px}.empty-topics a{font-size:10px;color:#89868b;display:flex;align-items:center;gap:7px}.empty-topics .icon{width:14px;height:14px;color:#b39c86}.empty-topics a:hover{color:var(--orange)}
#toast{background:#272a32eb;backdrop-filter:blur(12px);border:1px solid #ffffff20;border-radius:13px;box-shadow:0 10px 25px #0002;font-size:12px;padding:13px 23px}.reveal{animation:refined-enter .65s var(--ease) both}.tool-card.reveal:nth-child(3n+2){animation-delay:65ms}.tool-card.reveal:nth-child(3n+3){animation-delay:130ms}.page-hero,.hero-copy,.collection-hero>div:first-child{animation:refined-enter .75s var(--ease) both}.filter-enter{animation:filter-enter .38s var(--ease) both}.scene-card:focus-visible,.tool-card:focus-within{border-color:#e5aa8b}.side-link:focus-visible{outline-color:#ffad7f}
@keyframes sphere-breathe{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-9px) rotate(3deg)}}@keyframes chip-drift{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes collection-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(-2deg)}}@keyframes refined-enter{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes filter-enter{from{opacity:.25;translate:0 9px;scale:.98}to{opacity:1;translate:0 0;scale:1}}@keyframes favorite-pop{0%,100%{scale:1}35%{scale:1.3;rotate:-15deg}65%{scale:.95;rotate:5deg}}
@media(min-width:1600px){.hero{min-height:440px}.base-universe{scale:1.1}.hero h1{font-size:62px}.hero p{font-size:14px}.hero-cta{font-size:13px}.tool-card{min-height:213px}.tool-card p{font-size:13px}}
@media(max-width:1200px){:root{--sidebar:205px}.sidebar{padding:30px 14px 20px}.brand{padding-left:8px;gap:10px}.brand b{font-size:19px}.brand-mark{width:36px;height:36px}.brand small{font-size:7px;letter-spacing:2px}main{padding:0 28px}.topbar{padding:0 28px}.hero{padding:30px;min-height:375px;grid-template-columns:1.2fr 1fr}.hero h1{font-size:40px}.base-universe{scale:.86;width:310px;margin-left:-20px}.hero p{font-size:11px}.hero-meta{font-size:8px;gap:14px}.scene-card{padding:15px 13px;gap:10px}.scene-number{width:33px;height:33px}.scene-card h2{font-size:11px}.scene-card p{font-size:9px}.tool-card{padding:20px 18px 16px}.tool-title{font-size:14px}.tool-mark{width:40px;height:40px}.tool-card p{font-size:11px}.collection-hero{padding:35px 30px}.collection-hero h1{font-size:34px}.collection-art{scale:.85;width:265px}.community-banner h2{font-size:19px}.community-banner{gap:21px}.community-graphic{width:54px;height:54px}.community-banner p{max-width:300px}.section-heading h2{font-size:24px}.filter{font-size:10px;padding:9px 6px}footer{padding-inline:28px}}
@media(max-width:1000px){:root{--sidebar:185px}.brand{gap:9px;padding-inline:4px}.brand b{font-size:17px}.brand small{font-size:6px}.brand-mark{width:32px;height:32px;border-radius:10px}.brand-mark .icon{width:24px}.side-link{font-size:12px;padding-inline:12px;gap:10px}.hero{min-height:358px;padding:30px 26px}.hero h1{font-size:35px}.base-universe{position:absolute;right:-43px;top:14px;scale:.75;opacity:.8}.hero-copy{max-width:80%}.hero p{max-width:300px}.hero .hero-meta{font-size:8px}.hero .eyebrow{font-size:7px;letter-spacing:1.5px}.scene-number{display:none}.scene-card>.icon{width:13px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card p{font-size:12px}.filter-row{overflow:auto}.filter{flex:none;padding:9px 13px}.community-banner .button{margin-left:75px}.collection-hero{min-height:315px;padding:30px;grid-template-columns:1fr}.collection-hero h1{font-size:33px}.collection-art{position:absolute;right:-55px;scale:.65;opacity:.6;z-index:-1}.collection-hero p{max-width:330px}.collection-note{justify-content:flex-start}.group-card{border-radius:21px}.group-body p{min-height:0}.group-body .button{width:auto}.topbar{height:72px}.tool-action{position:static}.collection-empty h2{font-size:21px}}
@media(max-width:760px){:root{--sidebar:228px}.sidebar{padding:30px 18px 22px}.brand b{font-size:21px}.brand small{font-size:8px}.brand-mark{width:42px;height:42px}.side-link{font-size:13px}.topbar{height:66px;padding:0 22px}.mobile-brand{font-size:17px;letter-spacing:.3px;margin-left:8px}.menu-open{color:#5e626b}.close-menu{color:#a9aab3;top:7px;right:7px}.close-menu:hover{background:#ffffff10}.shell{margin-left:0}main{padding:0 22px}.hero{margin-top:20px;min-height:355px;padding:30px;border-radius:22px}.hero h1{font-size:40px}.base-universe{right:4px;top:3px;scale:.78;opacity:.9}.hero-copy{max-width:none}.hero p{font-size:12px}.hero .eyebrow{font-size:8px}.hero-meta span:nth-child(2){display:flex}.hero-meta{font-size:9px!important}.hero-meta span:last-child{display:none}.search-zone{margin-top:18px}.scene-row{margin-bottom:35px;gap:10px}.scene-number{display:grid}.scene-card{padding:14px 11px;gap:9px}.scene-card h2{font-size:10px}.scene-card p{font-size:9px}.scene-card>.icon{display:none}.section-heading h2{font-size:24px}.tool-card{padding:20px 18px 16px}.tool-title{font-size:14px}.tool-grid{gap:14px}.community-banner{padding:27px;gap:18px}.community-banner .button{margin-left:72px}.community-banner p{max-width:none}.community-banner h2{font-size:20px}.collection-hero{min-height:320px;padding:32px}.collection-art{right:8px;scale:.75;opacity:.8}.collection-hero h1{font-size:35px}.collection-note{padding-bottom:27px;font-size:9px;gap:20px}.page-hero h1{font-size:36px}.group-body .button{width:100%}.principles{gap:22px}.principles>div{padding-left:12px}.principles h3{font-size:13px}.principles p{font-size:10px}.principles span{font-size:8px}footer{padding-inline:22px}.collection-empty h2{font-size:22px}.favorites-section{margin-bottom:40px}}
@media(max-width:520px){main{padding:0 16px}.topbar{padding:0 16px;height:64px}.topbar .button-small{font-size:10px;padding:8px 11px}.hero{display:block;min-height:430px;padding:26px 24px;margin-top:16px;border-radius:20px}.hero h1{font-size:36px;line-height:1.36;letter-spacing:-1.5px;margin:20px 0 16px}.hero p{font-size:11px;line-height:1.95;max-width:260px}.hero .eyebrow{font-size:6px;letter-spacing:1.7px}.hero-cta{font-size:11px;gap:15px;margin:0}.hero-cta>span{width:27px;height:27px}.hero-meta{position:absolute;bottom:-113px;left:0;gap:14px;font-size:8px!important}.base-universe{right:-69px;top:191px;scale:.57;transform-origin:center;opacity:.9;z-index:0}.hero-copy{z-index:2}.hero-meta span:nth-child(2){display:none}.hero p{margin-bottom:20px}.search-zone{padding:12px 13px 11px;border-radius:15px;margin-top:15px}.search-form input{font-size:11px}.search-form button{font-size:10px;padding:10px 11px;gap:6px;border-radius:8px}.search-form>.icon{width:17px}.quick-search{gap:15px;font-size:9px}.quick-search>span:first-child{display:none}.quick-search .search-hint{display:none}.scene-row{margin:15px 0 33px;gap:8px}.scene-card{display:block;padding:13px 10px;border-radius:13px;min-width:0}.scene-number{width:30px;height:30px;border-radius:9px;margin-bottom:9px}.scene-number .icon{width:17px;height:17px}.scene-card h2{font-size:10px;letter-spacing:0;margin-bottom:4px;white-space:nowrap}.scene-card p{font-size:8px;line-height:1.5}.section-heading h2{font-size:23px;letter-spacing:-.8px}.section-heading .eyebrow{font-size:6px;letter-spacing:1.6px}.section-heading{margin-bottom:19px}.filter-row{margin-right:0;padding:4px;gap:3px;border-radius:10px}.filter{font-size:10px;padding:9px 13px;border-radius:7px}.result-bar{font-size:9px;margin:15px 0 13px}.tool-grid{grid-template-columns:1fr;gap:14px}.tool-card{padding:22px 21px 17px;min-height:190px;border-radius:17px}.tool-title{font-size:16px}.tool-mark{width:45px;height:45px;border-radius:14px}.tool-card p{font-size:12px;margin:17px 0;min-height:0}.card-category{font-size:10px}.card-top>.favorite{width:33px;height:33px}.card-bottom{padding-top:12px}.tag{font-size:9px}.community-banner{border-radius:19px;padding:25px 22px;gap:16px;margin:30px 0}.community-graphic{width:45px;height:45px;border-radius:15px}.community-banner h2{font-size:17px;line-height:1.5}.community-banner p{font-size:10px}.community-banner .eyebrow{font-size:6px}.community-banner .button{margin:2px 0 0;width:100%;font-size:12px}.principles{margin:30px 0;gap:23px}.principles>div{border-bottom:0;border-left:2px solid #e2d5c9;padding:0 0 0 17px}.principles h3{font-size:14px}.principles p{font-size:11px}.principles span{font-size:8px}footer{padding:26px 17px}footer small{font-size:8px}footer div{font-size:10px;gap:18px}.breadcrumbs{font-size:10px;margin:21px 0}.page-hero h1{font-size:32px}.page-hero p{font-size:12px}.collection-hero{padding:27px 24px;min-height:380px;display:block;border-radius:20px}.collection-hero .eyebrow{font-size:6px;letter-spacing:1.5px}.collection-hero h1{font-size:31px;line-height:1.5;margin:17px 0 15px}.collection-hero p{font-size:11px;max-width:235px;position:relative;z-index:1}.collection-hero .hero-cta{font-size:11px}.collection-art{scale:.55;right:-62px;top:171px;opacity:.9;height:250px;z-index:-1}.collection-note{font-size:8px;padding:17px 0 25px;gap:15px}.collection-note .icon{width:12px;height:12px}.favorites-section .section-heading h2{font-size:24px}.collection-empty{padding:35px 18px 24px;min-height:380px;border-radius:18px}.collection-empty h2{font-size:19px;line-height:1.5}.collection-empty .eyebrow{font-size:6px;letter-spacing:1.4px}.collection-empty p{font-size:11px}.collection-empty>.button{font-size:11px;padding:12px 17px}.empty-topics{gap:18px;margin-top:26px;padding-top:22px}.empty-topics a{font-size:9px;gap:5px}.empty-topics .icon{width:12px;height:12px}.tool-hero h1{font-size:27px}.tool-hero>.tool-mark{width:60px;height:60px;border-radius:18px}.tool-action{border-radius:18px}.detail-content{padding:24px 21px}.detail-content p{font-size:13px}.feature-list li{font-size:12px}.group-body .button{width:100%}.group-body{padding:26px}.community-hero h1{font-size:30px}.category-guide p{font-size:12px;line-height:1.85}.collection-empty .empty-illustration{margin-bottom:23px}.source-note{font-size:10px;line-height:1.8}}
@media(max-width:359px){.hero h1{font-size:31px}.hero{padding-inline:20px}.hero p{font-size:10px}.scene-card{padding:12px 8px}.scene-card h2{font-size:9px}.scene-card p{font-size:7px}.collection-hero{padding-inline:20px}.collection-hero h1{font-size:27px}.collection-note{font-size:7px;gap:10px}.collection-empty h2{font-size:17px}.section-heading h2{font-size:21px}.empty-topics{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.base-universe{transform:none}.tool-card:hover,.group-card:hover,.scene-card:hover,.button:hover{transform:none}.side-link:hover{translate:none}}
/* Keep the desktop navigation rail visually continuous when its contents scroll. */
.sidebar{scrollbar-width:thin;scrollbar-color:#55565d transparent}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#55565d;border-radius:5px}.sidebar::-webkit-scrollbar-track{background:transparent}
/* Resource library: accommodate ten categories and a five-character brand. */
.brand{gap:9px;padding-inline:8px}.brand b{font-size:18px;letter-spacing:0;white-space:nowrap}.brand small{font-size:7px;letter-spacing:1.7px}.brand-mark{width:38px;height:38px;flex-shrink:0}.sidebar{padding-top:28px}.sidebar .brand{padding-bottom:22px}.side-link{height:41px;margin:3px 0}.nav-caption{margin-top:20px}.side-note{font-size:11px}.filter-row{flex-wrap:wrap;gap:5px}.filter{flex:0 0 auto;padding:10px 13px}.source-note .access-state{display:flex;align-items:center;gap:6px;color:#688579}.source-note .access-state .icon{width:13px;height:13px}.hero-meta span:nth-child(2){display:flex}.top-location{white-space:nowrap}.community-banner{margin-bottom:50px}
@media(max-width:1200px){.brand b{font-size:16px}.brand small{font-size:6px;letter-spacing:1.4px}.brand-mark{width:34px;height:34px}.brand{gap:8px;padding-inline:3px}.filter{padding:9px 12px}}
@media(max-width:1000px) and (min-width:761px){.brand b{font-size:14px}.brand small{font-size:5.5px;letter-spacing:1px}.brand-mark{width:29px;height:29px}.brand-mark .icon{width:21px;height:21px}.brand{gap:7px}.side-link{font-size:11px}.sidebar{padding-inline:12px}}
@media(max-width:760px){.brand b{font-size:18px}.brand small{font-size:7px}.brand-mark{width:38px;height:38px}.brand{padding-inline:8px}.side-link{font-size:13px}.sidebar{padding-inline:18px}.filter-row{flex-wrap:nowrap;overflow:auto;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.mobile-brand{font-size:16px}}
@media(max-width:520px){.hero-meta{gap:12px}.hero-meta span:nth-child(2){display:flex}.hero-meta{font-size:7px!important}.filter{padding:9px 12px}.source-note{font-size:9px}.community-hero h1 span{display:inline}}