@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans SC,system-ui,sans-serif;color:#17232d;background:#f7fbfe;font-synthesis:none;text-rendering:optimizeLegibility;--ink: oklch(.25 .025 245);--muted: oklch(.51 .028 240);--line: oklch(.89 .017 235);--surface: oklch(1 0 0);--soft: oklch(.968 .012 235);--blue: oklch(.55 .105 230);--blue-dark: oklch(.42 .105 230);--blue-soft: oklch(.94 .04 230);--green: oklch(.58 .12 155)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f7fbfe}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.shell{width:min(1180px,calc(100% - 48px));margin:0 auto}.topbar{position:sticky;top:0;z-index:20;height:68px;border-bottom:1px solid color-mix(in oklch,var(--line),transparent 28%);background:color-mix(in srgb,var(--surface) var(--header-opacity, 72%),transparent);-webkit-backdrop-filter:blur(16px) saturate(1.18);backdrop-filter:blur(16px) saturate(1.18)}.topbar-inner{width:min(1240px,calc(100% - 48px));height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.brand-mark{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;color:#fff;background:var(--blue)}.brand-mark img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.nav{display:flex;align-items:center;gap:28px;margin-right:auto}.nav a{position:relative;padding:24px 0 22px;color:var(--muted);font-size:14px;transition:color .18s ease}.nav a:hover,.nav a.active{color:var(--ink)}.nav a.active:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--blue)}.top-actions{display:flex;align-items:center;gap:10px}.top-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:13px;background:var(--surface);transition:border .18s ease,color .18s ease}.top-search:hover{border-color:var(--blue);color:var(--blue-dark)}.icon-button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--surface)}.mobile-menu{display:none}.hero{border-bottom:1px solid var(--line);background:var(--surface)}.hero-inner{position:relative;display:flex;width:min(1180px,calc(100% - 48px));min-height:430px;margin:0 auto;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:1;width:min(690px,72%);padding:70px 0 66px}.hero-kicker,.section-kicker{display:flex;align-items:center;gap:8px;margin:0 0 19px;color:var(--blue-dark);font-size:13px;font-weight:600}.hero h1{max-width:640px;margin:0;color:var(--ink);font-size:clamp(40px,5vw,66px);line-height:1.1;letter-spacing:-.045em;text-wrap:balance}.hero-text{max-width:530px;margin:24px 0 30px;color:var(--muted);font-size:17px;line-height:1.8}.search-box{display:flex;align-items:center;width:min(590px,100%);height:54px;padding-left:17px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 4px 14px #17232d0d}.search-box>svg{flex:0 0 auto;color:var(--blue)}.search-box input{min-width:0;flex:1;height:100%;padding:0 13px;border:0;outline:0;color:var(--ink);background:transparent}.search-box input::placeholder{color:#6d7d88}.search-box button,.solid-button{align-self:stretch;padding:0 23px;border:0;border-radius:0 7px 7px 0;color:#fff;background:var(--blue);font-weight:600;transition:background .18s ease}.search-box button:hover,.solid-button:hover{background:var(--blue-dark)}.hero-hint{display:flex;gap:19px;margin-top:15px;color:var(--muted);font-size:12px}.hero-hint span+span:before{content:"";display:inline-block;width:3px;height:3px;margin:0 10px 3px 0;border-radius:50%;background:var(--line)}.hero-image{position:absolute;right:-30px;bottom:0;width:48%;height:100%;object-fit:cover;opacity:.86;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 26%);mask-image:linear-gradient(to right,transparent 0%,black 26%)}.hero-quiet-art{position:absolute;right:2%;bottom:0;width:39%;height:86%;opacity:.8}.hero-quiet-art:before,.hero-quiet-art:after,.hero-quiet-art span{position:absolute;display:block;content:"";border:1px solid oklch(.55 .105 230 / .17);border-radius:50%}.hero-quiet-art:before{right:8%;bottom:8%;width:290px;height:290px;background:#d4f0ff5e;background:oklch(.94 .04 230 / .37)}.hero-quiet-art:after{right:26%;bottom:28%;width:170px;height:170px;background:#127ca314}.hero-quiet-art span:nth-child(1){right:47%;bottom:16%;width:78px;height:78px;background:#318f5a1c}.hero-quiet-art span:nth-child(2){right:1%;bottom:48%;width:32px;height:32px;background:#127ca340}.hero-quiet-art span:nth-child(3){right:36%;bottom:1%;width:22px;height:22px;background:#318f5a47}.section{padding-top:58px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2{margin:0;font-size:22px;letter-spacing:-.025em}.section-heading p{margin:8px 0 0;color:var(--muted);font-size:13px}.section-heading>a,.announcement>a{display:flex;align-items:center;gap:5px;color:var(--blue-dark);font-size:13px;font-weight:600}.category-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.category-item{display:flex;min-height:76px;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);transition:border .18s ease,transform .18s ease}.category-item:hover{border-color:#127ca373;transform:translateY(-2px)}.category-icon{display:grid;width:35px;height:35px;flex:0 0 auto;place-items:center;border-radius:7px;color:var(--blue);background:var(--blue-soft)}.category-item>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.category-item strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.category-item small{color:var(--muted);font-size:12px}.category-item>svg{color:var(--muted)}.announcement{display:flex;align-items:center;gap:13px;min-height:66px;margin-top:54px;padding:15px 18px;border:1px solid oklch(.55 .105 230 / .18);border-radius:8px;background:var(--blue-soft)}.announcement>svg{flex:0 0 auto;color:var(--blue-dark)}.announcement>div{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px;font-size:13px}.announcement span{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.resource-grid{display:grid;grid-template-columns:repeat(var(--resource-grid-columns, 3),minmax(0,1fr));gap:15px}.resource-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);transition:border .18s ease,transform .2s ease,box-shadow .2s ease}.resource-card:hover{border-color:#127ca380;box-shadow:0 6px 18px #17232d12;transform:translateY(-3px)}.resource-media{position:relative;display:grid;height:176px;place-items:center;color:var(--blue);background:linear-gradient(145deg,var(--blue-soft),oklch(.97 .008 240))}.resource-media span{margin-top:8px;color:var(--muted);font-size:11px}.resource-media.has-image{display:block}.resource-media img{width:100%;height:100%;object-fit:cover}.resource-card-body{padding:16px 17px 14px}.resource-pin-badge{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;margin-right:7px;padding:3px 6px;border-radius:4px;color:var(--ui-primary-strong);background:color-mix(in srgb,var(--ui-primary) 12%,var(--surface));font-size:10px;font-weight:750;line-height:1.2;vertical-align:middle}.resource-pin-badge svg{color:currentColor}.resource-media .resource-media-pin{position:absolute;z-index:1;top:10px;left:10px;margin:0;background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:0 2px 7px #0f172a1f}.card-overline{display:flex;justify-content:space-between;gap:10px;color:var(--blue-dark);font-size:11px}.card-overline span:last-child{color:var(--muted)}.resource-card h3{display:-webkit-box;overflow:hidden;margin:10px 0 8px;font-size:16px;line-height:1.45;letter-spacing:-.015em;-webkit-box-orient:vertical;-webkit-line-clamp:2}.resource-card p{display:-webkit-box;overflow:hidden;min-height:39px;margin:0;color:var(--muted);font-size:12px;line-height:1.62;-webkit-box-orient:vertical;-webkit-line-clamp:2}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.card-bottom svg{color:var(--blue);transition:transform .18s ease}.resource-card:hover .card-bottom svg{transform:translate(3px)}.directory{padding-top:59px;padding-bottom:84px}.directory-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:28px}.directory-head h1{margin:0;font-size:34px;letter-spacing:-.04em}.directory-head p:not(.section-kicker){margin:9px 0 0;color:var(--muted);font-size:13px}.directory-search{display:flex;width:min(360px,100%);height:44px;align-items:center;padding-left:13px;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.directory-search svg{color:var(--muted)}.directory-search input{min-width:0;flex:1;padding:0 11px;border:0;outline:0;background:transparent}.directory-search button{display:grid;width:42px;height:42px;place-items:center;border:0;border-radius:0 6px 6px 0;color:#fff;background:var(--blue)}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px;padding-bottom:18px;border-bottom:1px solid var(--line)}.filter{padding:7px 11px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:var(--surface);font-size:12px}.filter span{margin-left:6px;color:color-mix(in oklch,var(--muted),transparent 30%)}.filter:hover,.filter.active{border-color:var(--blue);color:var(--blue-dark);background:var(--blue-soft)}.pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;margin-top:34px;color:var(--muted);font-size:13px}.pagination button{display:grid;min-width:40px;min-height:40px;place-items:center;padding:0 10px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:var(--surface);font-size:12px;transition:color .18s ease,border-color .18s ease,background .18s ease}.pagination button:not(:disabled):hover{color:var(--blue-dark);border-color:color-mix(in srgb,var(--blue) 45%,var(--line));background:var(--blue-soft)}.pagination .pagination-page.active{color:#fff;border-color:transparent;background:var(--ui-action-gradient);font-weight:750}.pagination-arrow svg{pointer-events:none}.pagination-ellipsis{display:grid;min-width:24px;min-height:40px;place-items:center;color:var(--muted)}.pagination button:disabled{cursor:not-allowed;opacity:.45}.detail{padding-top:36px;padding-bottom:84px}.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:29px;padding:0;color:var(--muted);background:transparent;border:0;font:inherit;font-size:13px;cursor:pointer}.back-link:hover{color:var(--blue-dark)}.back-link:focus-visible{color:var(--blue-dark);outline:2px solid var(--blue);outline-offset:5px;border-radius:3px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start}.detail-top{padding-bottom:25px;border-bottom:1px solid var(--line)}.detail-category{display:inline-flex;align-items:center;gap:6px;color:var(--blue-dark);font-size:12px;font-weight:600}.detail-top h1{max-width:780px;margin:13px 0 9px;font-size:clamp(30px,4vw,48px);line-height:1.18;letter-spacing:-.045em;text-wrap:balance}.detail-subtitle{margin:0;color:var(--muted);line-height:1.7}.resource-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px;color:var(--muted);font-size:12px}.resource-meta span{display:inline-flex;align-items:center;gap:5px}.detail-cover{display:block;width:100%;max-height:500px;margin-top:30px;border-radius:8px;object-fit:cover}.detail-content,.gallery{max-width:730px;margin-top:36px}.detail-content h2,.gallery h2{margin:0 0 17px;font-size:21px}.detail-content p{margin:0 0 13px;color:#2b3742;font-size:15px;line-height:1.9;white-space:pre-wrap}.gallery>div{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.gallery img{width:100%;max-height:260px;border-radius:6px;object-fit:cover}.detail-image-trigger{display:block;width:100%;padding:0;overflow:hidden;border:0;border-radius:6px;background:transparent;cursor:zoom-in}.detail-image-trigger.cover-trigger{border-radius:8px}.detail-image-trigger .detail-cover{margin-top:30px}.image-preview-dialog{width:min(1120px,calc(100vw - 40px));max-width:none;max-height:calc(100vh - 40px);padding:0;overflow:visible;border:0;border-radius:8px;background:transparent}.image-preview-dialog::backdrop{background:#081220d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.image-preview-dialog img{display:block;width:100%;max-height:calc(100vh - 40px);border-radius:8px;object-fit:contain;background:#fff}.image-preview-close{position:absolute;top:10px;right:10px;display:grid;width:38px;height:38px;place-items:center;color:#fff;background:#081220b8;border:0;border-radius:50%}.image-preview-close:hover{background:#081220e6}.detail-side{position:sticky;top:93px;display:grid;gap:13px}.download-panel,.info-panel{padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.panel-title{display:flex;align-items:center;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--line);color:var(--ink);font-weight:600}.panel-title svg{color:var(--blue)}.download-list{display:grid;gap:8px;padding-top:13px}.download-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid var(--line);border-radius:6px;color:var(--blue-dark);background:var(--soft);transition:border .18s ease,background .18s ease}.download-list a:hover{border-color:var(--blue);background:var(--blue-soft)}.download-list a>span{display:flex;min-width:0;flex-direction:column;gap:3px}.download-list strong{font-size:13px}.download-list small{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.empty-download{margin:15px 0 2px;color:var(--muted);font-size:12px;line-height:1.6}.info-panel h3{margin:0 0 12px;font-size:15px}.info-panel dl{display:grid;gap:9px;margin:0}.info-panel dl div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.info-panel dt{color:var(--muted)}.info-panel dd{margin:0;text-align:right}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;padding-top:13px;border-top:1px solid var(--line)}.tag-list span{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:4px;color:var(--blue-dark);background:var(--blue-soft);font-size:11px}.related{margin-top:64px;padding-top:28px;border-top:1px solid var(--line)}.related .resource-grid{grid-template-columns:repeat(3,1fr)}.empty-state,.failure,.not-found{display:flex;align-items:center;justify-content:center;min-height:250px;border:1px dashed var(--line);border-radius:8px;text-align:center;background:var(--surface)}.empty-state{flex-direction:column;color:var(--muted)}.empty-state svg{color:var(--blue)}.empty-state h3{margin:13px 0 4px;color:var(--ink);font-size:16px}.empty-state p{margin:0;font-size:13px}.failure{gap:13px;justify-content:flex-start;padding:30px;text-align:left}.failure svg{flex:0 0 auto;color:#b45b2e}.failure h2{margin:0 0 5px;font-size:17px}.failure p{margin:0;color:var(--muted);font-size:13px}.not-found{min-height:430px;flex-direction:column;gap:13px;color:var(--muted)}.not-found h1{margin:0;color:var(--ink);font-size:24px}.solid-button{display:inline-flex;align-items:center;min-height:38px;padding:0 17px;border-radius:6px}.detail-loading{min-height:650px;padding-top:50px}.big-block{min-height:520px;border-radius:8px}.tall-block{min-height:280px;border-radius:8px}.skeleton{background:linear-gradient(90deg,var(--soft) 0%,oklch(.98 .012 235) 50%,var(--soft) 100%);background-size:200% 100%;animation:skeleton 1.4s ease-in-out infinite}.resource-card.skeleton{height:330px}.resource-card.skeleton .resource-card-body{display:grid;gap:9px}.resource-card.skeleton i{display:block;width:86%;height:10px;border-radius:3px;background:var(--line)}.resource-card.skeleton i:nth-child(2){width:65%}.resource-card.skeleton i:nth-child(3){width:45%}.category-item.skeleton{min-height:76px;border-color:transparent}@keyframes skeleton{0%{background-position:180% 0}to{background-position:-20% 0}}footer{margin-top:28px;border-top:1px solid var(--line);background:var(--surface)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 0}.footer-inner strong{font-size:14px}.footer-inner p{margin:7px 0 0;color:var(--muted);font-size:12px}.footer-inner>div:last-child{display:flex;align-items:center;gap:17px;color:var(--muted);font-size:11px}.footer-inner>div:last-child span{display:inline-flex;align-items:center;gap:5px}.footer-inner svg{color:var(--green)}@media (max-width: 850px){.hero-copy{width:100%}.hero-image,.hero-quiet-art{opacity:.32;right:-15%;width:70%}.resource-grid,.category-row{grid-template-columns:repeat(2,1fr)}.detail-layout{grid-template-columns:1fr;gap:32px}.detail-side{position:static;grid-template-columns:repeat(2,1fr)}.related .resource-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 620px){.shell,.topbar-inner,.hero-inner{width:min(100% - 28px,520px)}.topbar{height:60px}.topbar-inner{gap:10px}.nav{position:absolute;top:59px;right:14px;left:14px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:5px;border:1px solid var(--line);border-radius:7px;background:var(--surface);box-shadow:0 8px 24px #17232d1a}.nav.open{display:flex}.nav a{padding:12px}.nav a.active:after{right:10px;bottom:7px;left:auto;width:3px;height:18px;border-radius:3px}.top-search{display:none}.mobile-menu{display:grid}.hero-inner{min-height:490px}.hero-copy{padding:57px 0 55px}.hero h1{max-width:390px;font-size:42px}.hero-text{font-size:15px}.hero-hint{display:block;line-height:2}.hero-hint span+span:before{margin-left:5px}.search-box{height:50px}.search-box button{padding:0 17px}.section{padding-top:45px}.section-heading h2{font-size:20px}.category-row,.resource-grid,.related .resource-grid{grid-template-columns:1fr}.category-item{min-height:68px}.announcement{align-items:flex-start;margin-top:42px}.announcement>a{display:none}.directory{padding-top:42px}.directory-head{display:block;margin-bottom:22px}.directory-head h1{font-size:29px}.directory-search{width:100%;margin-top:20px}.detail{padding-top:25px}.detail-top h1{font-size:31px}.detail-side{grid-template-columns:1fr}.gallery>div{grid-template-columns:1fr}.footer-inner{display:block;padding:24px 0}.footer-inner>div:last-child{justify-content:space-between;margin-top:20px}.filter-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:13px}.filter{flex:0 0 auto}.resource-media{height:190px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.user-button{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:50%;color:var(--blue-dark);background:var(--blue-soft)}.portal-hero{position:relative;min-height:510px;overflow:hidden;color:#fff;background:#1c3346}.portal-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.72}.portal-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#0e1c28a1}.portal-hero-inner{position:relative;z-index:1;padding-top:115px}.portal-hero-inner>p{display:flex;align-items:center;gap:8px;margin:0 0 19px;color:#b7def3;font-size:13px;font-weight:600}.portal-hero h1{max-width:720px;margin:0;color:#fff;font-size:54px;line-height:1.12;letter-spacing:-.04em;text-wrap:balance}.hero-description{max-width:600px;margin-top:17px;color:#d9e3ea;font-size:16px;line-height:1.8}.portal-search{display:flex;width:min(620px,100%);height:57px;align-items:center;gap:11px;margin-top:31px;padding-left:18px;border:1px solid oklch(1 0 0 / .38);border-radius:9px;color:#354a5c;background:#fffffff7;box-shadow:0 9px 25px #0a131a2e}.portal-search input{min-width:0;flex:1;height:100%;border:0;outline:0;color:var(--ink);background:transparent}.portal-search button{align-self:stretch;padding:0 27px;border:0;border-radius:0 8px 8px 0;color:#fff;background:var(--blue);font-weight:600}.hot-words{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px;color:#d6dfe7;font-size:12px}.hot-words button{padding:0;border:0;color:inherit;background:transparent}.hot-words button:hover{color:#fff;text-decoration:underline}.hot-words button+button:before{content:"·";margin-right:7px;color:#b6c3cd}.portal-shell{position:relative;margin-top:-27px;padding-bottom:75px}.portal-categories{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:0 7px 18px #17232d14}.portal-category{display:flex;min-width:0;align-items:center;justify-content:center;gap:7px;min-height:61px;padding:0 11px;border-right:1px solid var(--line);color:var(--muted);font-size:13px}.portal-category:last-child{border-right:0}.portal-category svg{color:var(--blue)}.portal-category small{color:color-mix(in oklch,var(--muted),transparent 32%)}.portal-category:hover,.portal-category.active{color:var(--blue-dark);background:var(--blue-soft)}.portal-category.active{border-radius:8px 0 0 8px;font-weight:600}.notice-strip{display:flex;align-items:center;gap:9px;margin:22px 0 28px;padding:12px 14px;border:1px solid oklch(.55 .105 230 / .2);border-radius:7px;color:var(--muted);background:#ebf7fe;font-size:12px}.notice-strip>svg{flex:0 0 auto;color:var(--blue)}.notice-strip strong{flex:0 0 auto;color:var(--ink)}.notice-strip span{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}.notice-strip a{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;color:var(--blue-dark);font-weight:600}.portal-layout{display:grid;grid-template-columns:minmax(0,1fr) 284px;align-items:start;gap:31px}.feed{min-width:0}.feed-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.feed-head .section-kicker{margin:0 0 5px;font-size:11px}.feed-head h2{margin:0;font-size:24px;letter-spacing:-.025em}.feed-head>a{display:inline-flex;align-items:center;gap:5px;color:var(--blue-dark);font-size:13px;font-weight:600}.resource-feed{border-top:1px solid var(--line)}.feed-item{position:relative;display:flex;align-items:center;gap:18px;padding:18px 27px 18px 0;border-bottom:1px solid var(--line);background:transparent;transition:background .18s ease,padding .18s ease}.feed-item:hover{padding-right:21px;background:#ffffff94}.feed-image{display:grid;width:167px;height:112px;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:7px;color:var(--blue);background:var(--blue-soft)}.feed-image img{width:100%;height:100%;object-fit:cover}.feed-body{min-width:0;flex:1}.feed-body h3{display:-webkit-box;overflow:hidden;margin:0;color:var(--ink);font-size:17px;line-height:1.4;letter-spacing:-.014em;-webkit-box-orient:vertical;-webkit-line-clamp:2}.feed-body p{display:-webkit-box;overflow:hidden;margin:7px 0 9px;color:var(--muted);font-size:12px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.feed-tags{display:flex;overflow:hidden;gap:6px;margin-bottom:10px;white-space:nowrap}.feed-tags span{padding:3px 6px;border-radius:4px;color:var(--muted);background:var(--soft);font-size:10px}.feed-tags .type-tag{color:var(--blue-dark);background:var(--blue-soft)}.feed-meta{display:flex;gap:12px;color:var(--muted);font-size:11px}.feed-meta span{display:inline-flex;align-items:center;gap:4px}.feed-arrow{flex:0 0 auto;color:var(--blue);opacity:0;transform:translate(-5px);transition:opacity .18s ease,transform .18s ease}.feed-item:hover .feed-arrow{opacity:1;transform:translate(0)}.feed-item.skeleton{min-height:148px;border-bottom:1px solid var(--line)}.home-sidebar{display:grid;gap:14px}.sidebar-block{padding:17px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.sidebar-block h3{margin:0 0 13px;font-size:14px}.side-categories{display:grid}.side-categories a{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.side-categories a:first-child{padding-top:0}.side-categories a:last-child{padding-bottom:0;border-bottom:0}.side-categories a:hover{color:var(--blue-dark)}.side-categories b{display:grid;min-width:20px;height:19px;place-items:center;border-radius:4px;color:var(--blue-dark);background:var(--blue-soft);font-size:10px}.side-copy{margin:0;color:var(--muted);font-size:12px;line-height:1.75}.side-action{display:inline-flex;align-items:center;gap:5px;margin-top:14px;color:var(--blue-dark);font-size:12px;font-weight:600}.side-tags{display:flex;flex-wrap:wrap;gap:6px}.side-tags button{display:inline-flex;align-items:center;gap:3px;padding:5px 7px;border:1px solid var(--line);border-radius:4px;color:var(--muted);background:var(--soft);font-size:11px}.side-tags button:hover{border-color:var(--blue);color:var(--blue-dark)}@media (max-width: 900px){.portal-categories{grid-template-columns:repeat(4,1fr)}.portal-category:nth-child(4),.portal-category:last-child{border-right:0}.portal-layout{grid-template-columns:1fr}.home-sidebar{grid-template-columns:repeat(3,1fr)}.portal-hero h1{font-size:47px}}@media (max-width: 620px){.user-button{display:none}.portal-hero{min-height:456px}.portal-hero-inner{padding-top:73px}.portal-hero h1{font-size:39px}.hero-description{font-size:14px}.portal-search{height:51px;margin-top:24px}.portal-search button{padding:0 17px}.portal-categories{grid-template-columns:repeat(2,1fr)}.portal-category{justify-content:flex-start;border-bottom:1px solid var(--line)}.portal-category:nth-child(2n){border-right:0}.portal-category:nth-last-child(-n+2){border-bottom:0}.portal-category.active{border-radius:8px 0 0}.notice-strip{align-items:flex-start}.notice-strip span{overflow:visible;white-space:normal}.notice-strip a{display:none}.home-sidebar{grid-template-columns:1fr}.feed-item{align-items:flex-start;gap:12px;padding:14px 0}.feed-image{width:108px;height:86px}.feed-body h3{font-size:14px}.feed-body p{margin:4px 0 6px;-webkit-line-clamp:1}.feed-tags{margin-bottom:7px}.feed-meta{gap:7px;font-size:10px}.feed-meta span:first-child,.feed-meta span:last-child{display:none}.feed-arrow{display:none}}.brand{gap:0;font-size:18px;letter-spacing:-.03em}.top-search{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit}.header-search-form{display:flex;width:min(330px,38vw);height:36px;align-items:center;gap:7px;padding-left:10px;border:1px solid var(--blue);border-radius:7px;color:var(--blue-dark);background:var(--surface)}.header-search-form input{min-width:0;flex:1;border:0;outline:0;color:var(--ink);background:transparent;font-size:13px}.header-search-form button{display:grid;width:33px;height:33px;place-items:center;border:0;border-radius:6px;color:var(--muted);background:transparent}.portal-hero>img{object-fit:contain;background:#0d1720;opacity:.86}.portal-shade{background:#0d172087}.portal-category{gap:5px;min-height:50px}.portal-category.active{border-radius:8px 0 0 8px}.portal-category small{margin-left:2px}.feed-image img,.resource-media img,.detail-cover,.gallery img{object-fit:contain;background:#0d1720}.detail-cover{max-height:none;height:auto}.gallery img{max-height:420px}@media (max-width: 620px){.header-search-form{position:absolute;top:60px;right:14px;width:calc(100% - 28px);max-width:none;height:43px;box-shadow:0 8px 20px #17232d1f}.portal-category{justify-content:center;min-height:46px}.portal-category.active{border-radius:8px 0 0}}.login-link,.account-link{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 10px;border:1px solid var(--line);border-radius:6px;color:var(--blue-dark);font-size:12px;font-weight:600;background:var(--surface)}.login-link:hover,.account-link:hover{border-color:var(--blue);background:var(--blue-soft)}.account-menu{display:flex;align-items:center;gap:7px}.account-menu button,.quiet-button{padding:6px 8px;border:0;color:var(--muted);background:transparent;font-size:12px}.account-menu button:hover,.quiet-button:hover{color:var(--blue-dark)}.auth-page{display:grid;min-height:calc(100vh - 166px);place-items:center;padding:62px 0}.auth-panel{width:min(460px,100%);padding:32px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.auth-panel h1,.page-intro h1,.account-header h1{margin:0;font-size:29px;letter-spacing:-.03em}.auth-panel>div>p:last-child{margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.75}.auth-panel form,.submission-form{display:grid;gap:16px;margin-top:27px}.auth-panel label,.submission-form>label{display:grid;gap:7px;color:var(--ink);font-size:13px;font-weight:600}.auth-panel input,.submission-form input,.submission-form textarea,.comment-form textarea{width:100%;border:1px solid var(--line);border-radius:6px;outline:0;color:var(--ink);background:var(--surface);font:inherit;transition:border .18s ease,box-shadow .18s ease}.auth-panel input,.submission-form input{height:42px;padding:0 11px}.submission-form textarea,.comment-form textarea{min-height:180px;padding:11px;resize:vertical;line-height:1.7}.auth-panel input:focus,.submission-form input:focus,.submission-form textarea:focus,.comment-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #127ca31f}.auth-submit,.submit-action{display:inline-flex;width:fit-content;align-items:center;justify-content:center;gap:7px;min-height:42px;border-radius:6px}.auth-switch{margin:20px 0 0;color:var(--muted);font-size:13px}.auth-switch a,.login-note a,.comments-empty a{margin-left:7px;color:var(--blue-dark);font-weight:600}.form-error,.form-success{margin:0;padding:9px 11px;border-radius:6px;font-size:12px;line-height:1.5}.form-error{color:#901f1a;background:#ffe8e5;background:oklch(.95 .035 28)}.form-success{color:#004725;color:oklch(.35 .1 155);background:#ddf6e4}.verification-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.verification-input .quiet-button{min-width:112px;height:42px;justify-content:center;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface-soft)}.submit-page{padding-top:57px;padding-bottom:84px}.page-intro{max-width:670px;padding-bottom:26px;border-bottom:1px solid var(--line)}.page-intro>p:not(.section-kicker){margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.75}.login-note{font-size:13px!important}.submission-form{max-width:760px;margin-top:30px}.screenshot-field{display:grid;gap:10px;padding:17px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.screenshot-field>div{display:grid;gap:4px}.screenshot-field strong{font-size:13px}.screenshot-field span{color:var(--muted);font-size:12px}.upload-trigger{width:fit-content;padding:8px 11px;border:1px solid var(--line);border-radius:6px;color:var(--blue-dark);background:var(--surface);font-size:12px;font-weight:600}.upload-trigger:hover{border-color:var(--blue)}.upload-trigger input{display:none}.submission-preview{width:100%;max-height:420px;border-radius:6px;object-fit:contain;background:#0d1720}.favorite-button{display:flex;width:100%;align-items:center;justify-content:center;gap:7px;min-height:38px;margin-bottom:8px;border:1px solid var(--line);border-radius:6px;color:var(--blue-dark);background:var(--surface);font-size:13px;font-weight:600}.favorite-button span{margin-left:3px;color:var(--muted);font-weight:400}.favorite-button:hover:not(:disabled),.favorite-button.active{border-color:var(--blue);background:var(--blue-soft)}.favorite-button:disabled{cursor:not-allowed;opacity:.68}.favorite-hint{display:block;margin:0 0 17px;color:var(--muted);font-size:11px;text-align:center}.favorite-hint:hover{color:var(--blue-dark)}.comments{max-width:730px;margin-top:43px;padding-top:28px;border-top:1px solid var(--line)}.comments-head{display:flex;align-items:center;gap:8px}.comments-head h2{margin:0;font-size:21px}.comments-head span{display:grid;min-width:22px;height:21px;place-items:center;border-radius:4px;color:var(--blue-dark);background:var(--blue-soft);font-size:11px}.comment-form{display:grid;gap:10px;margin-top:17px}.comment-form textarea{min-height:100px}.comment-form .solid-button{display:inline-flex;width:fit-content;align-items:center;gap:6px;min-height:38px;border-radius:6px}.comment-login{display:flex;align-items:center;gap:8px;margin-top:17px;padding:12px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:12px}.comment-login svg{color:var(--blue)}.comment-login a{margin-left:auto;color:var(--blue-dark);font-weight:600}.comment-list{display:grid;gap:17px;margin-top:24px}.comment-item{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px}.comment-avatar,.account-avatar{display:grid;place-items:center;border-radius:50%;color:var(--blue-dark);background:var(--blue-soft);font-size:13px;font-weight:700}.comment-avatar{width:32px;height:32px}.comment-author{display:flex;align-items:center;gap:8px;font-size:12px}.comment-author span{color:var(--muted);font-size:11px}.comment-item p{margin:6px 0 0;color:#2b3742;font-size:13px;line-height:1.7;white-space:pre-wrap}.comments-empty{margin-top:17px;padding:18px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}.comment-placeholder{height:86px;margin-top:17px;border-radius:7px;background:var(--soft);animation:skeleton 1.4s ease-in-out infinite}.gate{display:flex;min-height:490px;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center}.gate svg{color:var(--blue)}.gate h1{margin:14px 0 6px;color:var(--ink);font-size:24px}.gate p{margin:0 0 20px;font-size:13px}.gate .solid-button{display:inline-flex;align-items:center;height:40px;border-radius:6px}.account-page{padding-top:50px;padding-bottom:84px}.account-header{display:flex;align-items:center;gap:15px;padding-bottom:26px;border-bottom:1px solid var(--line)}.account-avatar{width:54px;height:54px;font-size:21px}.account-header p{margin:7px 0 0;color:var(--muted);font-size:13px}.account-header .quiet-button{margin-left:auto}.account-section{margin-top:43px}.submission-list{display:grid;margin-top:16px;border-top:1px solid var(--line)}.submission-list>div{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}.submission-list strong{font-size:14px}.submission-list p{display:-webkit-box;max-width:600px;overflow:hidden;margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2}.status{flex:0 0 auto;padding:4px 7px;border-radius:4px;font-size:11px}.status-pending,.status-reviewing{color:#865900;color:oklch(.5 .11 75);background:#fff0d7;background:oklch(.96 .045 80)}.status-approved{color:#004725;color:oklch(.35 .1 155);background:#ddf6e4}.status-rejected{color:#901f1a;background:#ffe8e5;background:oklch(.95 .035 28)}@media (max-width: 620px){.account-menu{display:none}.auth-page{min-height:auto;padding:38px 0}.auth-panel{padding:23px}.submit-page,.account-page{padding-top:39px}.comment-login{align-items:flex-start;flex-wrap:wrap}.comment-login a{width:100%;margin-left:26px}.account-header{align-items:flex-start}.account-header .quiet-button{padding-right:0}.submission-list>div{flex-direction:column;gap:8px}}:root{font-family:Inter,Noto Sans SC,system-ui,sans-serif;--ink: #0b1c30;--muted: #434655;--line: #d8e0ef;--surface: #fff;--soft: #eff4ff;--blue: #2563eb;--blue-dark: #004ac6;--blue-soft: #e5eeff;--green: #2563eb;background:#f8f9ff}body{background:#f8f9ff;color:var(--ink)}.shell{width:min(1280px,calc(100% - 48px))}.topbar{height:64px;border-bottom-color:#dbe2ee;background:#f8f9ffeb}.topbar-inner{width:min(1280px,calc(100% - 48px));gap:38px}.brand{color:#004ac6;font-family:Hanken Grotesk,Inter,sans-serif;font-size:20px;letter-spacing:-.02em}.nav{gap:27px}.nav a{padding:22px 0 19px;color:#434655;font-size:14px}.nav a:hover,.nav a.active{color:#004ac6}.nav a.active:after{height:2px;background:#004ac6}.top-search,.login-link,.account-link{border:0;background:transparent}.top-search{padding:8px;color:#0b1c30}.top-search span{display:none}.login-link{min-height:0;padding:8px}.publish-link{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 17px;border-radius:8px;color:#fff;background:#004ac6;font:600 12px Geist,Inter,sans-serif}.publish-link:hover{background:#2563eb}.header-search-form{border-color:#2563eb;box-shadow:none}.stitch-hero{position:relative;display:grid;min-height:382px;place-items:center;overflow:hidden;background:#e5eeff}.stitch-hero>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(var(--hero-image-blur, 0));opacity:var(--hero-image-opacity, .82);transform:scale(1.01)}.stitch-hero-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--ui-light-background, #f8f9ff) var(--hero-overlay-strength, 30%),transparent)}.stitch-hero-content{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;text-align:center}.stitch-hero h1,.detail-top h1,.auth-panel h1,.page-intro h1,.account-header h1{font-family:Hanken Grotesk,Inter,sans-serif;letter-spacing:-.02em}.stitch-hero h1{margin:0;color:#004ac6;font-size:48px;line-height:1.16}.stitch-hero p{margin:12px 0 27px;color:#0b1c30;font-size:17px}.stitch-search{display:flex;width:min(560px,100%);height:58px;align-items:center;gap:11px;padding:0 20px;border:1px solid #c3c6d7;border-radius:12px;background:#ffffffe6;box-shadow:0 5px 12px #0b1c300d;color:#737686}.stitch-search input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:#0b1c30;font-size:16px}.stitch-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}.stitch-chips button,.filter{padding:7px 14px;border:1px solid #d8e0ef;border-radius:999px;color:#434655;background:#ffffffd6;font:600 12px Geist,Inter,sans-serif}.stitch-chips button:hover,.filter:hover,.filter.active{border-color:#2563eb;color:#fff;background:#2563eb}.stitch-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:40px;padding-top:54px;padding-bottom:80px}.stitch-main{min-width:0}.stitch-section-head{display:flex;align-items:center;justify-content:space-between;min-height:42px;margin-bottom:24px;padding:0 0 12px;border-bottom:1px solid #e1e6f0}.stitch-section-head h2,.sidebar-block h3{position:relative;margin:0;padding-left:14px;font-family:Hanken Grotesk,Inter,sans-serif;font-size:20px}.stitch-section-head h2:before,.sidebar-block h3:before{position:absolute;top:3px;bottom:3px;left:0;width:3px;border-radius:3px;background:#2563eb;content:""}.stitch-section-head a{color:#004ac6;font-size:13px;font-weight:600}.stitch-notice{display:flex;align-items:center;gap:8px;margin:-6px 0 18px;color:#434655;font-size:12px}.stitch-notice svg{color:#2563eb}.stitch-sidebar{display:grid;align-content:start;gap:24px}.sidebar-block{padding:20px;border:1px solid #d8e0ef;border-radius:8px;background:#fff;box-shadow:none}.sidebar-block h3{margin-bottom:18px;font-size:16px}.hub-links{display:grid;gap:5px}.hub-links a{display:flex;align-items:center;gap:10px;min-height:39px;padding:0 10px;border-radius:6px;color:#434655;font-size:12px;font-weight:600}.hub-links a:first-child{color:#fff;background:#2563eb}.hub-links a:hover:not(:first-child){color:#004ac6;background:#eff4ff}.join-button{display:flex;min-height:39px;align-items:center;justify-content:center;margin-top:18px;border-radius:6px;color:#fff;background:#004ac6;font-size:12px;font-weight:600}.stitch-tags button{border-radius:999px;color:#434655;background:#e5eeff}.side-copy{color:#434655;line-height:1.75}.side-action{color:#004ac6}.resource-grid{grid-template-columns:repeat(var(--resource-grid-columns, 3),minmax(0,1fr));gap:20px}.resource-card{border-color:#d8e0ef;border-radius:8px;box-shadow:none;transition:border .2s ease,box-shadow .2s ease,transform .2s ease}.resource-card:hover{border-color:#2563eb73;box-shadow:0 10px 15px -8px #0b1c3024;transform:translateY(-2px)}.resource-media{height:auto;aspect-ratio:16 / 9;background:#e5eeff}.resource-media img{object-fit:contain;transition:transform .35s ease}.resource-card:hover .resource-media img{transform:scale(1.03)}.resource-card-body{display:flex;min-height:174px;flex-direction:column;padding:16px}.resource-card h3{margin:0 0 10px;color:#0b1c30;font-family:Hanken Grotesk,Inter,sans-serif;font-size:17px;line-height:1.4}.card-tags{display:flex;flex-wrap:wrap;gap:6px}.card-tags span{padding:4px 7px;border-radius:3px;color:#434655;background:#e5eeff;font:600 10px Geist,Inter,sans-serif}.card-tags span:first-child{color:#003ea8;background:#dbe1ff}.resource-card p{min-height:0;margin:12px 0;-webkit-line-clamp:2}.card-bottom{margin-top:auto;padding-top:11px}.card-bottom span{display:inline-flex;align-items:center;gap:4px}.card-bottom span:first-child{color:#434655}.card-bottom span+span{margin-left:9px}.stitch-directory{display:grid;grid-template-columns:320px minmax(0,1fr);gap:64px;padding-top:72px;padding-bottom:88px}.filter-panel{position:sticky;top:88px;height:fit-content;padding:30px;border:1px solid #d8e0ef;border-radius:8px;background:#fff}.filter-panel h2{margin:0 0 24px;padding-bottom:20px;border-bottom:1px solid #e1e6f0;font-family:Hanken Grotesk,Inter,sans-serif;font-size:23px}.filter-panel .directory-search{width:100%;height:62px;padding-left:17px;border:0;border-radius:6px;background:#eff4ff}.filter-panel .directory-search button{width:0;overflow:hidden;padding:0;opacity:0}.filter-group{margin-top:28px}.filter-group h3{margin:0 0 12px;color:#434655;font:600 12px Geist,Inter,sans-serif}.filter-group>div{display:flex;flex-wrap:wrap;gap:8px}.filter-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px;padding-top:20px;border-top:1px solid #e1e6f0}.filter-actions button{height:40px;border:0;border-radius:6px;color:#434655;background:#e5eeff;font-weight:600}.filter-actions button:last-child{color:#fff;background:#2563eb}.directory-results .directory-head{align-items:start;margin-bottom:28px}.directory-results .directory-head p{margin:0 0 7px;color:#434655;font-size:13px}.directory-results .directory-head h1{font-family:Hanken Grotesk,Inter,sans-serif;font-size:27px;letter-spacing:-.02em}.pagination button{min-width:40px;min-height:40px;border-radius:6px}.pagination button:not(:disabled):first-child,.pagination button:not(:disabled):last-child{color:#004ac6}.detail,.submit-page,.account-page{padding-top:60px}.detail-layout{gap:42px}.detail-top h1{font-size:40px;letter-spacing:-.02em}.detail-cover,.gallery img{border-radius:8px}.download-panel,.info-panel,.auth-panel,.screenshot-field{border-color:#d8e0ef;box-shadow:none}.detail-content p,.comment-item p{color:#434655}.auth-panel,.submission-form,.legal-page article{border-color:#d8e0ef;box-shadow:none}.auth-panel h1,.page-intro h1{font-size:32px}.submission-form textarea,.comment-form textarea{border-color:#d8e0ef}.account-section .resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.legal-page{padding-top:52px;padding-bottom:84px}.legal-page article{max-width:770px;margin:0 auto;padding:52px;border:1px solid #d8e0ef;border-radius:8px;background:#fff}.legal-page h1{margin:0;text-align:center;font-family:Hanken Grotesk,Inter,sans-serif;font-size:31px}.legal-updated{margin:10px 0 32px;color:#434655;font-size:13px;text-align:center}.legal-page section{margin-top:38px}.legal-page h2{margin:0 0 15px;color:#0b1c30;font-family:Hanken Grotesk,Inter,sans-serif;font-size:19px}.legal-page p,.legal-page li{color:#434655;font-size:14px;line-height:1.9}.legal-page ul{padding-left:20px}footer{border-color:#d8e0ef;background:#e5eeff}.footer-inner{min-height:112px}.footer-inner strong{color:#004ac6;font:700 12px Geist,Inter,sans-serif}.footer-inner p,.footer-inner>div:last-child{color:#434655}.footer-inner>div:last-child a{color:#434655}.footer-inner svg{color:#004ac6}@media (max-width: 960px){.stitch-layout{grid-template-columns:1fr}.stitch-sidebar{grid-template-columns:repeat(3,1fr)}.stitch-directory{grid-template-columns:1fr;gap:25px}.filter-panel{position:static}.filter-panel .directory-search{max-width:450px}.resource-grid,.account-section .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 620px){.shell,.topbar-inner{width:min(100% - 28px,560px)}.topbar-inner{gap:10px}.publish-link{display:none}.top-search{display:grid}.stitch-hero{min-height:360px}.stitch-hero h1{font-size:36px}.stitch-hero p{font-size:14px}.stitch-search{height:53px}.stitch-layout{gap:22px;padding-top:36px}.stitch-sidebar,.resource-grid,.account-section .resource-grid{grid-template-columns:1fr}.stitch-directory{padding-top:34px;padding-bottom:60px}.filter-panel{padding:20px}.detail-top h1{font-size:31px}.legal-page{padding-top:34px}.legal-page article{padding:25px 20px}.footer-inner{min-height:0}.nav a{padding:12px}}.nav a[href*=platform].active{color:#434655}.nav a[href*=platform].active:after{display:none}.detail-layout>article{display:flex;flex-direction:column}.detail-top{order:0}.detail-content{order:1;max-width:760px;margin-top:30px}.detail-cover{order:2;width:100%;height:min(420px,52vw);max-height:420px;margin-top:25px;object-fit:contain;background:#e5eeff}.gallery{order:3}.comments{order:4}.detail-top h1{max-width:820px;margin-top:12px;font-size:31px;line-height:1.3;letter-spacing:-.015em}.detail-content h2{font-size:19px}.detail-content p{font-size:14px;line-height:1.85}.legal-content{color:#434655;font-size:14px;line-height:1.9;white-space:pre-wrap}.legal-content p{margin:0 0 22px}.legal-content p:last-child{margin-bottom:0}@media (max-width: 620px){.detail-top h1{font-size:25px}.detail-cover{height:300px;max-height:300px}}.nav a[href*="platform=windows"],.nav a[href*="platform=android"]{display:none}.tools-page{min-height:620px;padding-top:56px;padding-bottom:84px}.tools-header{padding-bottom:29px;border-bottom:1px solid var(--line)}.tools-header p{margin:0 0 11px;color:var(--blue-dark);font-size:13px;font-weight:700}.tools-header h1{margin:0;font-size:34px;letter-spacing:-.025em}.tools-header span{display:block;margin-top:10px;color:var(--muted);font-size:14px}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}.tool-card{display:flex;min-height:232px;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.tool-card>img,.tool-mark{width:100%;height:104px;object-fit:cover;background:var(--blue-soft)}.tool-mark{display:grid;place-items:center;color:var(--blue)}.tool-card>div:not(.tool-mark){flex:1;padding:17px 18px 12px}.tool-card h2{margin:0;font-size:16px}.tool-card p{margin:9px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.tool-card a{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-top:1px solid var(--line);color:var(--blue-dark);font-size:13px;font-weight:700}.tool-card:hover{border-color:var(--blue)}@media (max-width: 820px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.tools-page{padding-top:36px}.tools-grid{grid-template-columns:1fr}.tools-header h1{font-size:28px}}:root{--ui-primary: #2563eb;--ui-primary-strong: #004ac6;--ui-light-background: #f8f9ff;--ui-light-surface: #ffffff;--ui-light-text: #0b1c30;--ui-dark-background: #101827;--ui-dark-surface: #172033;--ui-dark-text: #f4f7fb;--ui-page-gradient: linear-gradient(145deg, #f8f9ff, #edf4ff, #f8fbff);--ui-dark-page-gradient: linear-gradient(145deg, #101827, #132744, #101827);--ui-action-gradient: linear-gradient(135deg, #2563eb, #004ac6);--ui-action-gradient-hover: linear-gradient(135deg, #3473f4, #003da8)}html[data-theme=light]{--ink: var(--ui-light-text);--muted: color-mix(in srgb, var(--ui-light-text) 70%, var(--ui-light-background));--line: color-mix(in srgb, var(--ui-light-text) 14%, var(--ui-light-surface));--surface: var(--ui-light-surface);--soft: color-mix(in srgb, var(--ui-primary) 7%, var(--ui-light-background));--blue: var(--ui-primary);--blue-dark: var(--ui-primary-strong);--blue-soft: color-mix(in srgb, var(--ui-primary) 12%, var(--ui-light-surface));--green: var(--ui-primary);background:var(--ui-light-background)}html[data-theme=dark]{--ink: var(--ui-dark-text);--muted: color-mix(in srgb, var(--ui-dark-text) 68%, var(--ui-dark-background));--line: color-mix(in srgb, var(--ui-dark-text) 17%, var(--ui-dark-surface));--surface: var(--ui-dark-surface);--soft: color-mix(in srgb, var(--ui-primary) 9%, var(--ui-dark-background));--blue: color-mix(in srgb, var(--ui-primary) 82%, white);--blue-dark: color-mix(in srgb, var(--ui-primary) 68%, white);--blue-soft: color-mix(in srgb, var(--ui-primary) 18%, var(--ui-dark-surface));--green: color-mix(in srgb, var(--ui-primary) 74%, white);background:var(--ui-dark-background)}body{color:var(--ink);background:var(--ui-page-gradient) fixed;transition:color .18s ease,background-color .18s ease}html[data-theme=dark] body{background:var(--ui-dark-page-gradient) fixed}.theme-toggle{flex:0 0 36px;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.theme-toggle:hover{color:var(--blue-dark);border-color:var(--blue);background:var(--blue-soft)}html[data-theme=light] .topbar{background:color-mix(in srgb,var(--ui-light-background) var(--header-opacity, 72%),transparent)}html[data-theme=dark] .topbar{background:color-mix(in srgb,var(--ui-dark-background) var(--header-opacity, 72%),transparent)}.stitch-hero{margin-top:-64px;padding-top:64px}html[data-theme=dark] .stitch-hero{background:var(--soft)}html[data-theme=dark] .stitch-hero-wash{background:color-mix(in srgb,var(--ui-dark-background) var(--hero-overlay-strength, 30%),transparent)}html[data-theme=dark] .stitch-hero>img{opacity:var(--hero-image-opacity, .82)}html[data-theme=dark] .stitch-hero h1,html[data-theme=dark] .brand,html[data-theme=dark] .stitch-section-head a,html[data-theme=dark] .side-action,html[data-theme=dark] .tool-card a,html[data-theme=dark] .auth-switch a,html[data-theme=dark] .login-note a,html[data-theme=dark] .comments-empty a{color:var(--blue-dark)}html[data-theme=dark] .stitch-hero p,html[data-theme=dark] .resource-card h3,html[data-theme=dark] .filter-panel h2,html[data-theme=dark] .detail-content h2,html[data-theme=dark] .detail-top h1,html[data-theme=dark] .legal-page h1,html[data-theme=dark] .legal-page h2,html[data-theme=dark] .tool-card h2,html[data-theme=dark] .auth-panel h1,html[data-theme=dark] .page-intro h1{color:var(--ink)}html[data-theme=dark] .nav a,html[data-theme=dark] .stitch-section-head p,html[data-theme=dark] .resource-card p,html[data-theme=dark] .side-copy,html[data-theme=dark] .filter-group h3,html[data-theme=dark] .detail-content p,html[data-theme=dark] .legal-page p,html[data-theme=dark] .legal-page li,html[data-theme=dark] .legal-content,html[data-theme=dark] .comment-item p,html[data-theme=dark] .tool-card p,html[data-theme=dark] .footer-inner p,html[data-theme=dark] .footer-inner>div:last-child{color:var(--muted)}html[data-theme=dark] .nav a:hover,html[data-theme=dark] .nav a.active{color:var(--blue-dark)}html[data-theme=dark] .stitch-search,html[data-theme=dark] .header-search-form,html[data-theme=dark] .sidebar-block,html[data-theme=dark] .resource-card,html[data-theme=dark] .filter-panel,html[data-theme=dark] .download-panel,html[data-theme=dark] .info-panel,html[data-theme=dark] .auth-panel,html[data-theme=dark] .screenshot-field,html[data-theme=dark] .legal-page article,html[data-theme=dark] .tool-card,html[data-theme=dark] .empty-state,html[data-theme=dark] .failure,html[data-theme=dark] .not-found,html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select{color:var(--ink);background:var(--surface);border-color:var(--line)}html[data-theme=dark] .stitch-chips button,html[data-theme=dark] .filter,html[data-theme=dark] .quiet-button,html[data-theme=dark] .favorite-button{color:var(--muted);background:var(--surface);border-color:var(--line)}html[data-theme=dark] .resource-media,html[data-theme=dark] .detail-cover,html[data-theme=dark] .tool-mark{background:var(--blue-soft)}html[data-theme=dark] .hub-links a:first-child,html[data-theme=dark] .join-button,html[data-theme=dark] .publish-link,html[data-theme=dark] .solid-button{color:#fff;background:var(--ui-action-gradient)}html[data-theme=dark] footer{border-color:var(--line);background:var(--soft)}html[data-theme=dark] .nav{--mobile-nav-background: var(--surface)}@media (max-width: 620px){html[data-theme=dark] .nav{background:var(--mobile-nav-background);border-color:var(--line)}.theme-toggle{display:grid}}.account-avatar,.comment-avatar{overflow:hidden;flex:0 0 auto}.account-avatar img,.comment-avatar img{display:block;width:100%;height:100%;object-fit:cover}.profile-editor{display:grid;gap:18px;max-width:760px;margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}.profile-avatar-editor{display:flex;align-items:center;gap:16px}.account-avatar.large{width:78px;height:78px;font-size:26px}.profile-avatar-editor label{display:inline-flex;min-height:38px;align-items:center;gap:7px;padding:0 13px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:7px;font-size:12px;font-weight:650;cursor:pointer}.profile-avatar-editor label:hover{color:var(--blue-dark);border-color:var(--blue);background:var(--blue-soft)}.profile-avatar-editor input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.profile-editor>label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:650}.profile-editor input,.profile-editor textarea{width:100%;min-height:42px;padding:10px 12px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:7px;outline:0;font:inherit}.profile-editor textarea{min-height:110px;resize:vertical;line-height:1.65}.profile-editor input:focus,.profile-editor textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 13%,transparent)}.profile-editor .editor-actions{display:flex;align-items:center;gap:9px}.avatar-crop-dialog{width:min(620px,calc(100% - 28px));max-width:none;padding:0;overflow:hidden;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 44px #0f172a3d}.avatar-crop-dialog::backdrop{background:#0f172a99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.avatar-crop-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid var(--line)}.avatar-crop-header h2{display:flex;align-items:center;gap:8px;margin:0;font-size:17px}.avatar-crop-header h2 svg{color:var(--blue)}.avatar-crop-header p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.avatar-crop-close{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;padding:0;color:var(--muted);background:transparent;border:0;border-radius:6px;cursor:pointer}.avatar-crop-close:hover{color:var(--ink);background:var(--soft)}.avatar-crop-close:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.avatar-crop-workspace{position:relative;height:390px;overflow:hidden;background:#101827}.avatar-crop-zoom{display:grid;grid-template-columns:42px minmax(0,1fr) 52px;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.avatar-crop-zoom span{font-size:12px;font-weight:700}.avatar-crop-zoom input{width:100%;accent-color:var(--blue)}.avatar-crop-zoom output{color:var(--blue-dark);font-size:11px;font-weight:750;text-align:right;font-variant-numeric:tabular-nums}.avatar-crop-error{margin:12px 20px 0}.avatar-crop-actions{display:flex;justify-content:flex-end;gap:9px;padding:16px 20px}.avatar-crop-actions .solid-button,.avatar-crop-actions .quiet-button{display:inline-flex;min-width:112px;min-height:40px;align-items:center;justify-content:center;gap:7px}.avatar-crop-actions .solid-button:disabled,.avatar-crop-actions .quiet-button:disabled{cursor:not-allowed;opacity:.58}@media (max-width: 620px){.account-header{align-items:flex-start;flex-wrap:wrap}.account-header>div:nth-child(2){min-width:0;flex:1}.account-header .quiet-button{margin-left:69px}.profile-avatar-editor{align-items:flex-start;flex-direction:column}.avatar-crop-workspace{height:320px}.avatar-crop-header{padding:15px}.avatar-crop-zoom,.avatar-crop-actions{padding:14px 15px}.avatar-crop-actions .solid-button,.avatar-crop-actions .quiet-button{min-width:0;flex:1}}@media (prefers-reduced-motion: reduce){.profile-avatar-editor label,.avatar-crop-close{transition:none}}.detail-top h1{max-width:none;font-size:22px;line-height:1.4;letter-spacing:0;white-space:nowrap}.detail-content a{color:var(--blue-dark);font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in oklch,var(--blue),transparent 55%);text-underline-offset:3px;overflow-wrap:anywhere;transition:color .16s ease,text-decoration-color .16s ease}.detail-content a:hover{color:var(--blue);text-decoration-color:currentColor}@media (max-width: 620px){.detail-top h1{font-size:22px;white-space:normal}}.resource-media.has-image{background:#fff}.resource-media.has-image img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}.detail-cover{width:auto;max-width:min(100%,720px);height:auto;max-height:480px;align-self:center;margin:24px auto 0;border:0;border-radius:0;background:transparent;object-fit:contain}.gallery>div{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px}.gallery img{width:auto;max-width:min(100%,680px);height:auto;max-height:440px;border:0;border-radius:0;background:transparent;object-fit:contain}html[data-theme=dark] .resource-media.has-image,html[data-theme=dark] .resource-media.has-image img{background:var(--surface)}html[data-theme=dark] .detail-cover,html[data-theme=dark] .gallery img{background:transparent}@media (max-width: 620px){.detail-cover{width:auto;max-width:100%;height:auto;max-height:380px}.gallery img{max-height:360px}}.stitch-sidebar.compact{gap:15px}.stitch-sidebar.compact .sidebar-block{padding:16px}.stitch-sidebar.compact .sidebar-block h3{margin-bottom:13px}.stitch-sidebar.compact .hub-links{gap:2px}.stitch-sidebar.compact .hub-links a{min-height:34px;padding-inline:8px}.stitch-sidebar.compact .join-button{min-height:36px;margin-top:12px}.side-ranking{display:grid;gap:0;margin:0;padding:0;list-style:none}.side-ranking a{color:inherit}.side-ranking span,.side-ranking strong,.side-ranking small{display:block;min-width:0}.ranking-media{position:relative;display:grid;flex:0 0 auto;place-items:center;overflow:hidden;color:var(--blue);background:var(--blue-soft)}.ranking-media img{display:block;width:100%;height:100%;object-fit:cover}.ranking-media b{position:absolute;top:8px;left:0;min-width:48px;padding:5px 8px;color:#fff;background:var(--blue);border-radius:0 4px 4px 0;font-size:10px;line-height:1}.ranking-lead{margin-bottom:5px}.ranking-lead a{position:relative;display:block;overflow:hidden;border-radius:6px}.ranking-lead .ranking-media{width:100%;aspect-ratio:16 / 9}.ranking-lead>a>span{position:absolute;right:0;bottom:0;left:0;padding:35px 12px 11px;color:#fff;background:linear-gradient(transparent,#051126db)}.ranking-lead strong{display:-webkit-box;overflow:hidden;color:#fff;font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ranking-lead small{margin-top:4px;color:#ffffffc7;font-size:10px}.ranking-meta{display:flex!important;min-width:0;align-items:center;justify-content:space-between;gap:8px}.ranking-meta>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-meta time{flex:0 0 auto;white-space:nowrap}.ranking-row a{display:flex;min-width:0;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--line)}.ranking-row:last-child a{border-bottom:0}.ranking-row .ranking-media{width:68px;height:46px;border-radius:5px}.ranking-row .ranking-media b{top:4px;min-width:34px;padding:4px 5px;font-size:8px}.ranking-row>a>span{flex:1}.ranking-row strong{display:-webkit-box;overflow:hidden;color:var(--ink);font-size:11px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ranking-row small{margin-top:3px;color:var(--muted);font-size:9px}.side-ranking a:hover strong{color:var(--blue-dark)}.ranking-lead a:hover strong{color:#fff}.ranking-skeleton{height:180px;border-radius:6px;background:linear-gradient(90deg,var(--soft),var(--surface),var(--soft));background-size:200% 100%;animation:skeleton 1.4s ease-in-out infinite}.random-page{min-height:680px;padding-top:58px;padding-bottom:88px}.random-header{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px;padding-bottom:26px;border-bottom:1px solid var(--line)}.random-header>div{min-width:0}.random-header p{display:flex;align-items:center;gap:7px;margin:0 0 10px;color:var(--blue-dark);font-size:13px;font-weight:700}.random-header h1{max-width:720px;margin:0;color:var(--ink);font-family:Hanken Grotesk,Inter,sans-serif;font-size:32px;line-height:1.3;letter-spacing:-.02em}.random-header span{display:block;margin-top:10px;color:var(--muted);font-size:14px}.random-header .solid-button{flex:0 0 auto}@media (max-width: 620px){.random-page{padding-top:36px;padding-bottom:64px}.random-header{align-items:stretch;flex-direction:column}.random-header h1{font-size:25px}.random-header .solid-button{width:100%}}.community-page{min-height:660px;padding-top:58px;padding-bottom:88px}.community-header{max-width:760px;padding-bottom:27px;border-bottom:1px solid var(--line)}.community-header p{display:flex;align-items:center;gap:7px;margin:0 0 10px;color:var(--blue-dark);font-size:13px;font-weight:700}.community-header h1{margin:0;color:var(--ink);font-size:34px;letter-spacing:0}.community-header span{display:block;max-width:65ch;margin-top:11px;color:var(--muted);font-size:14px;line-height:1.75}.community-link-list{display:grid;max-width:760px;margin-top:24px;border-top:1px solid var(--line)}.community-link-list a{display:flex;min-height:78px;align-items:center;gap:14px;padding:13px 4px;border-bottom:1px solid var(--line)}.community-link-list a>span:nth-child(2){min-width:0;flex:1}.community-link-index{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;color:var(--blue-dark);background:var(--blue-soft);border-radius:7px;font-size:11px;font-weight:700}.community-link-list strong{display:block;color:var(--ink);font-size:15px}.community-link-list small{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.5}.community-link-list svg{flex:0 0 auto;color:var(--blue)}.community-link-list a:hover strong{color:var(--blue-dark)}.community-empty{display:grid;max-width:760px;min-height:220px;margin-top:24px;place-items:center;align-content:center;padding:28px;color:var(--muted);border:1px dashed var(--line);border-radius:8px;text-align:center}.community-empty svg{color:var(--blue)}.community-empty h2{margin:13px 0 5px;color:var(--ink);font-size:17px}.community-empty p{margin:0;font-size:13px}@media (max-width: 620px){.community-page{padding-top:36px;padding-bottom:64px}.community-header h1{font-size:27px}.community-link-list a{min-height:72px}}.resource-media,.ranking-media{position:relative;overflow:hidden}.resource-media.has-image img,.ranking-media.has-image img{object-fit:contain;background:var(--surface);transform:scale(.985);transition:transform .26s cubic-bezier(.22,1,.36,1),filter .22s ease}.resource-card:hover .resource-media img,.side-ranking a:hover .ranking-media img{filter:saturate(1.04);transform:scale(1)}.resource-card:active{transform:translateY(-1px) scale(.995)}.card-bottom{gap:10px}.card-bottom .card-byline{min-width:0;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.card-bottom .card-identity{display:flex;min-width:0;align-items:center;gap:10px;margin:0}.card-bottom .card-identity>span,.card-bottom .card-identity>time{display:inline-flex;min-width:0;align-items:center;gap:4px;margin:0;color:var(--muted);font-size:11px;white-space:nowrap}.card-bottom .card-identity svg{color:var(--blue)}.card-bottom .card-engagement{display:flex;flex:0 0 auto;align-items:center;gap:10px;margin-left:auto}.card-bottom .card-engagement>span{display:inline-flex;align-items:center;gap:3px;margin:0;color:var(--muted);font-variant-numeric:tabular-nums}.card-bottom .card-engagement svg{color:var(--blue);transform:none}.resource-grid .resource-card{display:flex;height:100%;flex-direction:column}.resource-grid .resource-card-body{display:flex;flex:1;flex-direction:column}.resource-grid .resource-card .card-bottom{width:100%;margin-top:auto}.resource-card:hover .card-engagement svg{transform:none}.engagement-panel{display:grid;gap:9px}.like-button,.favorite-button{display:flex;width:100%;min-height:42px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:var(--surface);font-size:13px;font-weight:700;transition:border-color .18s ease,color .18s ease,background .18s ease,transform .12s ease}.like-button span,.favorite-button span{color:var(--muted);font-variant-numeric:tabular-nums}.like-button:hover:not(:disabled),.favorite-button:hover:not(:disabled),.like-button.active,.favorite-button.active{border-color:var(--blue);color:var(--blue-dark);background:var(--blue-soft)}.like-button:active:not(:disabled),.favorite-button:active:not(:disabled){transform:scale(.98)}.like-button:disabled,.favorite-button:disabled{cursor:not-allowed;opacity:.58}.latest-comments-list{display:grid}.latest-comments-list>a{display:flex;min-width:0;gap:9px;padding:10px 0;border-bottom:1px solid var(--line);transition:color .18s ease,transform .18s cubic-bezier(.22,1,.36,1)}.latest-comments-list>a:first-child{padding-top:0}.latest-comments-list>a:last-child{padding-bottom:0;border-bottom:0}.latest-comments-list>a:hover{color:var(--blue-dark);transform:translate(2px)}.latest-comment-avatar{display:grid;width:30px;height:30px;flex:0 0 auto;overflow:hidden;place-items:center;border-radius:50%;color:var(--blue-dark);background:var(--blue-soft);font-size:11px;font-weight:700}.latest-comment-avatar img{width:100%;height:100%;object-fit:cover}.latest-comments-list>a>span:last-child{min-width:0}.latest-comments-list strong,.latest-comments-list small,.latest-comments-list em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.latest-comments-list strong{color:var(--ink);font-size:11px}.latest-comments-list small{margin-top:3px;color:var(--muted);font-size:11px}.latest-comments-list em{margin-top:4px;color:var(--blue-dark);font-size:9px;font-style:normal}.latest-comment-context{display:flex;min-width:0;align-items:center;gap:7px;margin-top:4px}.latest-comment-context em{min-width:0;flex:1;margin-top:0}.latest-comment-time{display:block;flex:0 0 auto;color:var(--muted);font-size:9px;white-space:nowrap}.comment-author .comment-time{display:inline;color:var(--muted);font-size:11px}.comment-admin-badge{display:inline-flex;min-height:18px;align-items:center;padding:0 5px;border-radius:4px;color:var(--blue-dark)!important;background:var(--blue-soft);font-size:9px!important;font-weight:700}.latest-comments-empty{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;line-height:1.6}.latest-comments-empty svg{flex:0 0 auto;color:var(--blue)}.latest-comments-skeleton{height:96px;border-radius:6px;background:linear-gradient(90deg,var(--soft),var(--surface),var(--soft));background-size:200% 100%;animation:skeleton 1.4s ease-in-out infinite}.detail-side .sidebar-block{padding:18px}.detail-side .sidebar-block h3{margin-bottom:15px}@media (max-width: 620px){.card-bottom .card-engagement{gap:8px}.detail-side{position:static}}@media (prefers-reduced-motion: reduce){.resource-media.has-image img,.ranking-media.has-image img,.resource-card,.latest-comments-list>a,.like-button,.favorite-button{transition:none;transform:none}}.notification-menu{position:relative}.notification-trigger{position:relative;display:grid;width:34px;height:34px;place-items:center;padding:0;border:0;border-radius:7px;color:var(--ink);background:transparent}.notification-trigger:hover,.notification-trigger[aria-expanded=true]{color:var(--blue-dark);background:var(--blue-soft)}.notification-trigger>span{position:absolute;top:-4px;right:-5px;display:grid;min-width:17px;height:17px;place-items:center;padding:0 4px;border:2px solid var(--surface);border-radius:999px;color:#fff;background:#dc2626;font-size:9px;font-weight:700}.notification-panel{position:absolute;z-index:45;top:43px;right:0;width:min(370px,calc(100vw - 28px));overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 4px 8px #0b1c301f}.notification-panel-head{display:flex;min-height:47px;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line)}.notification-panel-head strong{font-size:14px}.notification-panel-head button{border:0;color:var(--blue-dark);background:transparent;font-size:11px;font-weight:600}.notification-list{max-height:390px;overflow-y:auto}.notification-item{display:grid;width:100%;grid-template-columns:8px minmax(0,1fr);gap:8px;padding:12px 15px;border:0;border-bottom:1px solid var(--line);color:var(--ink);background:var(--surface);text-align:left}.notification-item:hover{background:var(--soft)}.notification-item.unread{background:var(--blue-soft)}.notification-dot{width:6px;height:6px;margin-top:6px;border-radius:50%;background:transparent}.notification-item.unread .notification-dot{background:var(--blue)}.notification-item>span:last-child{display:grid;min-width:0;gap:3px}.notification-item strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.notification-item small{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:11px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notification-item time{color:var(--muted);font-size:10px}.notification-empty{display:grid;min-height:130px;place-items:center;align-content:center;gap:8px;color:var(--muted);font-size:12px}.notification-login{display:block;padding:11px 15px;color:var(--blue-dark);font-size:11px;font-weight:600;text-align:center}.announcement-popup-backdrop{position:fixed;z-index:70;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#0b1c308a}.announcement-popup{position:relative;width:min(470px,100%);padding:28px;border-radius:8px;color:var(--ink);background:var(--surface);box-shadow:0 4px 8px #0b1c302e}.announcement-popup-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:8px;color:var(--blue-dark);background:var(--blue-soft)}.announcement-popup-close{position:absolute;top:13px;right:13px;display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:6px;color:var(--muted);background:transparent}.announcement-popup-close:hover{color:var(--ink);background:var(--soft)}.announcement-popup>p{margin:18px 0 5px;color:var(--blue-dark);font-size:12px;font-weight:700}.announcement-popup h2{margin:0;font-size:22px;letter-spacing:0}.announcement-popup>div:not(.announcement-popup-icon){margin:13px 0 24px;color:var(--muted);font-size:14px;line-height:1.8;white-space:pre-wrap}.announcement-popup .solid-button{min-height:40px;border-radius:6px}.comment-replying{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:6px;color:var(--blue-dark);background:var(--blue-soft);font-size:12px}.comment-replying button{display:grid;width:24px;height:24px;place-items:center;border:0;border-radius:5px;color:inherit;background:transparent}.comment-reply-button{margin-top:5px;padding:3px 0;border:0;color:var(--blue-dark);background:transparent;font-size:11px;font-weight:600}.comment-thread{display:grid;gap:13px;padding-bottom:18px;border-bottom:1px solid var(--line)}.comment-thread:last-child{padding-bottom:0;border-bottom:0}.comment-thread-replies{display:grid;gap:13px;margin-left:42px;padding-left:14px;border-left:1px solid var(--line)}.comment-body{min-width:0}.comment-avatar{overflow:hidden}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-item.is-reply .comment-avatar{width:28px;height:28px;font-size:11px}.comment-reply-context{display:block;margin-top:4px;color:var(--muted);font-size:11px}.comment-reply-context strong{color:var(--blue-dark)}.submission-form select{width:100%;height:42px;padding:0 11px;border:1px solid var(--line);border-radius:6px;outline:0;color:var(--ink);background:var(--surface);font:inherit;transition:border .18s ease,box-shadow .18s ease}.submission-form select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #127ca31f}.feedback-page{padding-top:57px;padding-bottom:84px}.feedback-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,300px);gap:54px;align-items:start}.feedback-form{max-width:none}.feedback-form fieldset{display:grid;gap:16px;margin:0;padding:0 0 24px;border:0;border-bottom:1px solid var(--line)}.feedback-form fieldset+fieldset{padding-top:7px}.feedback-form legend{margin-bottom:16px;color:var(--ink);font-size:17px;font-weight:700}.feedback-form label{display:grid;gap:7px;color:var(--ink);font-size:13px;font-weight:600}.feedback-form textarea{min-height:150px}.field-hint,.field-error{font-size:11px;font-weight:400;line-height:1.55}.field-hint{color:var(--muted)}.field-error{color:#901f1a}.feedback-notes{margin-top:30px;padding:21px;border-radius:8px;color:var(--muted);background:var(--soft)}.feedback-notes>svg{color:var(--blue-dark)}.feedback-notes h2{margin:12px 0 9px;color:var(--ink);font-size:16px}.feedback-notes p{margin:0;font-size:12px;line-height:1.75}.feedback-notes p+p{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.feedback-resource-context{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--surface);transition:border-color .18s ease,background .18s ease}.feedback-resource-context:hover{border-color:var(--blue);background:var(--soft)}.feedback-resource-context>span{display:grid;min-width:0;gap:4px}.feedback-resource-context small{color:var(--muted);font-size:11px}.feedback-resource-context strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.feedback-resource-context>svg{flex:0 0 auto;color:var(--blue-dark)}.feedback-resource-context.loading{justify-content:flex-start;color:var(--muted);font-size:12px}.resource-report-link{display:flex;min-height:38px;align-items:center;gap:7px;margin-top:2px;padding:0 11px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:var(--surface);font-size:12px;font-weight:600;transition:border-color .18s ease,color .18s ease,background .18s ease}.resource-report-link svg:last-child{margin-left:auto}.resource-report-link:hover{border-color:var(--blue);color:var(--blue-dark);background:var(--blue-soft)}@media (max-width: 620px){.notification-panel{position:fixed;top:60px;right:14px;left:14px;width:auto}.announcement-popup{padding:23px 20px}}@media (max-width: 760px){.feedback-page{padding-top:39px}.feedback-layout{grid-template-columns:1fr;gap:24px}.feedback-notes{margin-top:0}.comment-thread-replies{margin-left:18px;padding-left:10px}}.home-content-surface{position:relative;isolation:isolate;background:var(--home-theme-gradient, transparent)}.home-content-surface:before{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background-image:var(--home-background-image, none);background-repeat:no-repeat;background-position:center var(--home-background-position, top);background-size:var(--home-background-size, cover);opacity:var(--home-background-opacity, .28);content:"";pointer-events:none}.home-content-surface>*{position:relative;z-index:1}html[data-theme=dark] .home-content-surface{background:var(--ui-dark-page-gradient)}.home-carousel{padding-top:30px}.home-carousel-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.home-carousel-heading>div{display:grid;gap:2px}.home-carousel-heading span{color:var(--blue-dark);font-size:11px;font-weight:700}.home-carousel-heading strong{font-size:18px}.home-carousel-heading>small{color:var(--muted);font-size:10px}.home-carousel-viewport{overflow:hidden;padding:2px 0 7px}.home-carousel-viewport.manual{overflow-x:auto;scrollbar-width:thin}.home-carousel-track{display:flex;width:max-content;gap:var(--carousel-gap, 16px)}.home-carousel-track.moving{animation:home-carousel-scroll var(--carousel-duration, 34s) linear infinite}.home-carousel-track.direction-right{animation-direction:reverse}.home-carousel-viewport.pause-on-hover:hover .home-carousel-track,.home-carousel-viewport.pause-on-hover:focus-within .home-carousel-track{animation-play-state:paused}.home-carousel-card{display:grid;width:var(--carousel-card-width, 320px);height:var(--carousel-card-height, 118px);flex:0 0 var(--carousel-card-width, 320px);grid-template-columns:calc(var(--carousel-card-height, 118px) - 28px) minmax(0,1fr) 20px;align-items:center;gap:13px;padding:10px;border:1px solid #d8e0ef;border-radius:8px;background:var(--surface);transition:border-color .18s ease,transform .18s ease}.home-carousel-card:hover{border-color:var(--blue);transform:translateY(-2px)}.home-carousel-media{display:grid;width:100%;height:calc(var(--carousel-card-height, 118px) - 20px);place-items:center;overflow:hidden;border-radius:6px;color:var(--blue-dark);background:var(--blue-soft)}.home-carousel-media img{width:100%;height:100%;object-fit:var(--carousel-image-fit, contain)}.home-carousel-copy{display:grid;min-width:0;gap:8px}.home-carousel-copy strong{display:-webkit-box;overflow:hidden;font-size:14px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}.home-carousel-copy small{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.home-carousel-card>svg{color:var(--blue)}.home-carousel-loading{height:var(--carousel-card-height, 118px);border-radius:8px;background:var(--soft);animation:skeleton 1.4s ease-in-out infinite}@keyframes home-carousel-scroll{to{transform:translate(calc(-50% - var(--carousel-half-gap, 8px)))}}@media (max-width: 620px){.home-carousel{width:100%;padding:24px 14px 0}.home-carousel-heading>small{display:none}.home-carousel-card{width:min(var(--carousel-card-width, 320px),calc(100vw - 42px));flex-basis:min(var(--carousel-card-width, 320px),calc(100vw - 42px))}}@media (max-width: 620px){.stitch-hero{margin-top:-60px;padding-top:60px}}@media (prefers-reduced-motion: reduce){.home-carousel-track.moving{animation:none}.home-carousel-viewport{overflow-x:auto;scrollbar-width:thin}}.search-page{min-height:calc(100vh - 148px);padding-top:58px;padding-bottom:88px}.search-page-header{max-width:900px;margin:0 auto;text-align:center}.search-page-header h1{margin:0 0 22px;color:var(--ink);font-family:Hanken Grotesk,Inter,sans-serif;font-size:30px;letter-spacing:-.02em}.search-page-form{display:flex;width:100%;min-height:58px;align-items:center;gap:12px;padding:7px 8px 7px 18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);transition:border-color .18s ease,box-shadow .18s ease}.search-page-form:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 14%,transparent)}.search-page-form>svg{flex:0 0 auto;color:var(--muted)}.search-page-form input{min-width:0;flex:1;border:0;outline:0;color:var(--ink);background:transparent;font:inherit;font-size:15px}.search-page-form input::placeholder{color:color-mix(in srgb,var(--ink) 62%,transparent)}.search-page-form button{display:inline-flex;min-height:42px;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:0;border-radius:6px;color:#fff;background:var(--blue);font-size:13px;font-weight:700;transition:background-color .16s ease,transform .16s cubic-bezier(.22,1,.36,1)}.search-page-form button:hover:not(:disabled){background:var(--blue-dark)}.search-page-form button:active:not(:disabled){transform:scale(.98)}.search-page-form button:disabled{cursor:not-allowed;opacity:.48}.search-results{max-width:1080px;margin:42px auto 0}.search-results-heading{display:flex;min-height:42px;align-items:end;justify-content:space-between;gap:24px;margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid var(--line)}.search-results-heading>div{display:flex;min-width:0;align-items:baseline;gap:12px}.search-results-heading h2{overflow:hidden;margin:0;color:var(--ink);font-family:Hanken Grotesk,Inter,sans-serif;font-size:20px;line-height:1.35;letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap}.search-results-heading span{flex:0 0 auto;color:var(--muted);font-size:12px}.search-results-heading>a{flex:0 0 auto;color:var(--blue-dark);font-size:12px;font-weight:700}.search-result-list{display:grid;gap:12px}.search-result-row{display:grid;min-width:0;min-height:156px;grid-template-columns:214px minmax(0,1fr);gap:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--surface);transition:border-color .18s ease,transform .18s cubic-bezier(.22,1,.36,1)}.search-result-row:hover{border-color:color-mix(in srgb,var(--blue) 52%,var(--line));transform:translate(3px)}.search-result-media{display:grid;min-width:0;overflow:hidden;place-items:center;color:var(--blue-dark);background:var(--soft)}.search-result-media img{width:100%;height:100%;object-fit:contain;transition:transform .24s cubic-bezier(.22,1,.36,1)}.search-result-row:hover .search-result-media img{transform:scale(1.025)}.search-result-content{display:flex;min-width:0;flex-direction:column;padding:18px 20px 15px}.search-result-title-line{display:flex;min-width:0;align-items:center;gap:12px}.search-result-title-line strong{overflow:hidden;flex:1;color:var(--ink);font-family:Hanken Grotesk,Inter,sans-serif;font-size:18px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.search-result-title-line>svg{flex:0 0 auto;color:var(--blue);transition:transform .18s cubic-bezier(.22,1,.36,1)}.search-result-row:hover .search-result-title-line>svg{transform:translate(3px)}.search-result-description{display:-webkit-box;overflow:hidden;max-width:72ch;margin-top:8px;color:var(--muted);font-size:12px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-wrap:pretty}.search-result-tags{display:flex;overflow:hidden;flex-wrap:nowrap;gap:6px;margin-top:10px}.search-result-tags i{flex:0 0 auto;padding:3px 7px;border-radius:4px;color:var(--blue-dark);background:var(--blue-soft);font-size:9px;font-style:normal;font-weight:700}.search-result-footer{display:flex;min-width:0;align-items:center;gap:13px;margin-top:auto;padding-top:11px;color:var(--muted);font-size:10px}.search-result-footer>span,.search-result-footer>time,.search-result-stats>span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.search-result-stats{display:inline-flex;align-items:center;gap:10px;margin-left:auto}.search-result-stats svg{color:var(--blue)}.search-empty{display:grid;max-width:1080px;min-height:260px;margin:42px auto 0;place-items:center;align-content:center;padding:28px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);background:var(--surface);text-align:center}.search-empty.initial{max-width:900px;margin-top:38px}.search-empty>svg{color:var(--blue)}.search-empty h2{margin:12px 0 5px;color:var(--ink);font-size:17px}.search-empty p{margin:0;font-size:12px}.search-empty a{margin-top:16px;color:var(--blue-dark);font-size:12px;font-weight:700}.search-result-skeleton{pointer-events:none}.search-result-skeleton .search-result-media,.search-result-skeleton i{background:linear-gradient(90deg,var(--soft),var(--surface),var(--soft));background-size:200% 100%;animation:skeleton 1.4s ease-in-out infinite}.search-result-skeleton .search-result-content{gap:12px}.search-result-skeleton i{display:block;width:72%;height:12px;border-radius:3px}.search-result-skeleton i:nth-child(2){width:92%;height:9px}.search-result-skeleton i:nth-child(3){width:48%;height:9px;margin-top:auto}@media (max-width: 720px){.search-page{padding-top:36px;padding-bottom:62px}.search-page-header h1{margin-bottom:16px;font-size:25px}.search-page-form{min-height:52px;padding-left:14px}.search-page-form button{min-height:38px;padding:0 13px}.search-results{margin-top:30px}.search-results-heading{align-items:flex-start}.search-results-heading>div{display:grid;gap:3px}.search-results-heading h2{max-width:calc(100vw - 132px);font-size:17px}.search-result-row{min-height:128px;grid-template-columns:124px minmax(0,1fr)}.search-result-content{padding:13px 14px 11px}.search-result-title-line strong{font-size:15px}.search-result-description{margin-top:6px;font-size:11px;-webkit-line-clamp:1}.search-result-tags{margin-top:7px}.search-result-tags i:nth-child(n+4){display:none}.search-result-footer{gap:8px;padding-top:8px}.search-result-footer>time{display:none}.search-result-stats{gap:7px}.search-result-stats>span:nth-child(2),.search-result-stats>span:nth-child(4){display:none}}@media (max-width: 430px){.search-page-form button{width:40px;padding:0;font-size:0}.search-result-row{min-height:116px;grid-template-columns:104px minmax(0,1fr)}.search-result-content{padding:11px 12px 10px}.search-result-description{display:none}.search-result-tags i:nth-child(n+3){display:none}.search-result-footer>span:first-child{max-width:76px;overflow:hidden;text-overflow:ellipsis}}@media (prefers-reduced-motion: reduce){.search-result-row,.search-result-media img,.search-result-title-line>svg,.search-page-form button{transition:none}.search-result-row:hover,.search-result-row:hover .search-result-media img,.search-result-row:hover .search-result-title-line>svg{transform:none}}.site-gate,.maintenance-page{min-height:100vh;background:var(--ui-light-background, #f5f8fd);color:var(--ui-light-text, #0b1c30)}.site-gate{display:grid;place-items:center}.site-gate-spinner{width:28px;height:28px;border:2px solid #d7e1ee;border-top-color:#2563eb;border-radius:50%;animation:maintenance-spin .8s linear infinite}.maintenance-page{display:grid;place-items:center;padding:32px 20px}.maintenance-content{display:grid;width:min(660px,100%);place-items:center;text-align:center}.maintenance-mark{display:grid;width:64px;height:64px;place-items:center;color:#1d5ed8;background:#e8f0ff;border-radius:12px}.maintenance-status{display:inline-flex;min-height:28px;align-items:center;gap:8px;margin-top:24px;padding:0 10px;color:#2459a9;background:#edf4ff;border-radius:999px;font-size:12px;font-weight:700}.maintenance-status i{width:7px;height:7px;border-radius:50%;background:#2d6cdf;animation:maintenance-pulse 1.8s ease-in-out infinite}.maintenance-content h1{max-width:16ch;margin:20px 0 0;font-size:36px;line-height:1.2;letter-spacing:0;text-wrap:balance}.maintenance-content>p{max-width:62ch;margin:16px 0 0;color:#52657b;font-size:15px;line-height:1.8;white-space:pre-wrap;text-wrap:pretty}.maintenance-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}.maintenance-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:0 18px;border:1px solid transparent;border-radius:7px;font-size:13px;font-weight:700;transition:background .18s ease,border-color .18s ease,transform .18s ease}.maintenance-button:hover{transform:translateY(-1px)}.maintenance-button.primary{color:#fff;background:#2563eb;border-color:#2563eb}.maintenance-button.primary:hover{background:#174fc4;border-color:#174fc4}.maintenance-button.secondary{color:#183452;background:#fff;border-color:#ccd8e8}.maintenance-button.secondary:hover{background:#f1f5fa;border-color:#9fb1c8}.maintenance-content>small{margin-top:32px;color:#718198;font-size:11px}@keyframes maintenance-spin{to{transform:rotate(360deg)}}@keyframes maintenance-pulse{50%{opacity:.35;transform:scale(.82)}}@media (max-width: 620px){.maintenance-content h1{font-size:28px}.maintenance-content>p{font-size:14px}.maintenance-actions,.maintenance-button{width:100%}}@media (prefers-reduced-motion: reduce){.site-gate-spinner,.maintenance-status i{animation:none}.maintenance-button{transition:none}.maintenance-button:hover{transform:none}}html[data-theme] .publish-link,html[data-theme] .join-button,html[data-theme] .hub-links a:first-child,html[data-theme] .solid-button,html[data-theme] .search-box button,html[data-theme] .portal-search button,html[data-theme] .directory-search button,html[data-theme] .search-page-form button,html[data-theme] .maintenance-button.primary{color:#fff;background:var(--ui-action-gradient);background-size:130% 130%;border-color:transparent;box-shadow:0 4px 8px color-mix(in srgb,var(--ui-primary) 20%,transparent);transition:background-position .18s ease,box-shadow .18s ease,transform .18s ease}html[data-theme] .publish-link:hover,html[data-theme] .join-button:hover,html[data-theme] .hub-links a:first-child:hover,html[data-theme] .solid-button:hover,html[data-theme] .search-box button:hover,html[data-theme] .portal-search button:hover,html[data-theme] .directory-search button:hover,html[data-theme] .search-page-form button:hover,html[data-theme] .maintenance-button.primary:hover{color:#fff;background:var(--ui-action-gradient-hover);background-position:100% 50%;border-color:transparent;box-shadow:0 5px 8px color-mix(in srgb,var(--ui-primary-strong) 24%,transparent)}.site-gate,.maintenance-page{background:var(--ui-page-gradient)}html[data-theme=dark] .site-gate,html[data-theme=dark] .maintenance-page{background:var(--ui-dark-page-gradient)}@media (prefers-reduced-motion: reduce){html[data-theme] .publish-link,html[data-theme] .join-button,html[data-theme] .hub-links a:first-child,html[data-theme] .solid-button,html[data-theme] .search-box button,html[data-theme] .portal-search button,html[data-theme] .directory-search button,html[data-theme] .search-page-form button,html[data-theme] .maintenance-button.primary{transition:none}}html[data-theme] .brand,html[data-theme] .nav a:hover,html[data-theme] .nav a.active,html[data-theme] .stitch-hero h1,html[data-theme] .stitch-section-head a,html[data-theme] .side-action,html[data-theme] .hub-links a:hover:not(:first-child),html[data-theme] .pagination .pagination-arrow:not(:disabled),html[data-theme] footer .footer-inner strong,html[data-theme] footer .footer-inner svg{color:var(--blue-dark)}html[data-theme] .nav a.active:after,html[data-theme] .stitch-section-head h2:before,html[data-theme] .sidebar-block h3:before{background:var(--ui-action-gradient)}html[data-theme] .header-search-form,html[data-theme] .stitch-chips button:hover,html[data-theme] .stitch-chips button:focus-visible,html[data-theme] .filter:hover,html[data-theme] .filter.active,html[data-theme] .resource-card:hover,html[data-theme] .tool-card:hover{border-color:var(--blue)}html[data-theme] .stitch-chips button:hover,html[data-theme] .stitch-chips button:focus-visible,html[data-theme] .filter:hover,html[data-theme] .filter.active,html[data-theme] .filter-actions button:last-child{color:#fff;background:var(--ui-action-gradient)}html[data-theme] .stitch-hero,html[data-theme] .resource-media,html[data-theme] .detail-cover,html[data-theme] .card-tags span,html[data-theme] .stitch-tags button,html[data-theme] footer{background:var(--blue-soft)}html[data-theme] .card-tags span:first-child{color:var(--blue-dark);background:color-mix(in srgb,var(--blue) 16%,var(--surface))}html[data-theme] .hub-links a:hover:not(:first-child){background:var(--soft)}html[data-theme] .stitch-notice svg{color:var(--blue)}html[data-theme] .auth-panel input:focus,html[data-theme] .submission-form input:focus,html[data-theme] .submission-form textarea:focus,html[data-theme] .submission-form select:focus,html[data-theme] .comment-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 14%,transparent)}html[data-theme] .site-gate-spinner{border-top-color:var(--blue)}html[data-theme] .maintenance-mark,html[data-theme] .maintenance-status{color:var(--blue-dark);background:var(--blue-soft)}html[data-theme] .maintenance-status i{background:var(--blue)}.card-tags .platform-tag,.feed-tags .platform-tag,.search-result-tags .platform-tag{color:var(--blue-dark);background:color-mix(in srgb,var(--blue) 16%,var(--surface))}.card-tags .category-tag,.feed-tags .category-tag,.search-result-tags .category-tag{color:var(--muted);background:var(--soft)}.directory-sort{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:236px;margin:-11px 0 26px;padding:4px;border:1px solid var(--line);border-radius:9px;background:var(--soft)}.directory-sort button{min-height:38px;padding:0 14px;border:1px solid transparent;border-radius:6px;color:var(--muted);background:transparent;font:700 12px Geist,Inter,sans-serif;cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease}.directory-sort button:hover{color:var(--blue-dark);background:color-mix(in srgb,var(--surface) 74%,transparent)}.directory-sort button.active{border-color:var(--blue);color:#fff;background:var(--ui-action-gradient, var(--blue))}.directory-sort button:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 36%,transparent);outline-offset:2px}@media (max-width: 760px){.directory-sort{display:grid;width:100%;min-width:0;margin:-2px 0 20px}.directory-sort button{min-height:44px;font-size:13px}}@media (prefers-reduced-motion: reduce){.directory-sort button{transition:none}}@media (max-width: 760px){.stitch-directory{gap:20px;padding-top:22px}.filter-panel{padding:15px;border-radius:10px}.filter-panel h2{margin-bottom:13px;padding-bottom:11px;font-size:19px}.filter-panel .directory-search{height:48px;padding-left:13px}.filter-group{margin-top:16px}.filter-group h3{margin-bottom:8px;font-size:13px}.filter-options{gap:7px}.filter-options .filter{min-height:40px;padding:0 13px;font-size:13px}.compact-filter-group .filter-options{flex-wrap:wrap;gap:6px}.compact-filter-group .filter-options .filter{min-height:32px;padding:0 9px;border-radius:999px;font-size:11px;line-height:1}.filter-actions{gap:9px;margin-top:18px;padding-top:13px}.filter-actions button{height:42px}}@media (max-width: 760px){.stitch-hero{min-height:312px;padding:28px 0 24px}.stitch-hero-content{align-items:stretch;text-align:left}.stitch-hero h1{max-width:12ch;font-size:31px;line-height:1.2;overflow-wrap:anywhere;text-wrap:balance}.stitch-hero p{margin:8px 0 18px;font-size:14px;line-height:1.6}.stitch-search{width:100%;min-height:52px;height:52px;padding:0 15px;border-radius:10px}.stitch-search input{min-width:0;font-size:16px}.stitch-chips{width:calc(100% + 28px);justify-content:flex-start;flex-wrap:nowrap;gap:8px;margin:16px -14px -7px;padding:0 14px 7px;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:14px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.stitch-chips button{min-height:44px;flex:0 0 auto;padding:0 14px;scroll-snap-align:start;white-space:nowrap}.stitch-chips::-webkit-scrollbar,.stitch-sidebar::-webkit-scrollbar,.filter-group>div::-webkit-scrollbar,.home-carousel-viewport::-webkit-scrollbar{display:none}.home-carousel{width:min(calc(100% - 28px),560px);padding:23px 0 0}.home-carousel-heading{margin-bottom:11px}.home-carousel-heading strong{font-size:17px}.home-carousel-viewport,.home-carousel-viewport.manual{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.home-carousel-track.moving{animation:none}.home-carousel-card{width:min(82vw,326px);height:max(108px,var(--carousel-card-height, 118px));flex-basis:min(82vw,326px);grid-template-columns:82px minmax(0,1fr) 18px;gap:11px;scroll-snap-align:start}.home-carousel-media{height:84px}.home-carousel-copy strong{font-size:13px}.stitch-layout{grid-template-columns:minmax(0,1fr);gap:25px;padding-top:29px;padding-bottom:calc(56px + env(safe-area-inset-bottom))}.stitch-section-head{min-height:44px;align-items:center;margin-bottom:15px;padding-bottom:10px}.stitch-section-head h2{min-width:0;font-size:19px}.stitch-section-head a{display:inline-flex;min-height:44px;flex:0 0 auto;align-items:center;gap:4px;margin-right:-8px;padding:0 8px}.stitch-notice{align-items:flex-start;margin:-1px 0 14px;font-size:12px;line-height:1.55}.stitch-notice svg{margin-top:1px}.stitch-main .resource-grid,.directory-results .resource-grid,.account-section .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.resource-grid .resource-card{min-width:0;border-radius:10px}.resource-media{height:auto;aspect-ratio:4 / 3}.resource-media.has-image img{object-fit:contain;transform:none}.resource-media .resource-media-pin{top:7px;left:7px;padding:3px 5px;font-size:9px}.resource-card-body{min-height:0;padding:11px 11px 10px}.resource-card h3{min-height:2.8em;margin:0 0 8px;font-size:14px;line-height:1.4;overflow-wrap:anywhere}.card-tags{flex-wrap:nowrap;gap:5px;overflow:hidden}.card-tags span{flex:0 0 auto;max-width:100%;padding:4px 6px;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.resource-card p{min-height:0;margin:9px 0;font-size:11px;line-height:1.55;-webkit-line-clamp:2}.card-bottom{min-height:28px;gap:0;margin-top:auto;padding-top:8px;font-size:10px}.card-bottom .card-engagement{width:100%;justify-content:space-between;gap:5px;margin-left:0}.card-bottom .card-engagement>span{min-width:0;font-size:10px}.stitch-sidebar{display:grid;grid-auto-columns:minmax(262px,calc(100vw - 58px));grid-auto-flow:column;grid-template-columns:none;gap:12px;margin:0 -14px;padding:0 14px 5px;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:14px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.stitch-sidebar .sidebar-block{min-width:0;margin:0;padding:16px;scroll-snap-align:start}.stitch-sidebar .sidebar-block h3{margin-bottom:13px;font-size:15px}.stitch-sidebar .hub-links a,.stitch-sidebar .join-button{min-height:44px}.stitch-sidebar .side-tags{max-height:154px;overflow-y:auto;padding-right:2px}.stitch-sidebar .side-tags button{min-height:36px;padding-inline:10px}.stitch-directory{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding-top:26px;padding-bottom:calc(56px + env(safe-area-inset-bottom))}.filter-panel{padding:16px;border-radius:10px}.filter-panel h2{margin:0 0 14px;padding-bottom:13px;font-size:19px}.filter-panel .directory-search{height:50px;min-height:50px;padding-left:13px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.filter-panel .directory-search input{font-size:16px}.filter-panel .directory-search button{display:grid;width:48px;height:48px;flex:0 0 48px;padding:0;opacity:1}.filter-group{margin-top:18px}.filter-group h3{margin-bottom:9px;font-size:12px}.filter-group>div{flex-wrap:nowrap;gap:8px;margin-right:-16px;padding:0 16px 6px 0;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.filter{min-height:44px;flex:0 0 auto;padding:0 14px;border-radius:999px;scroll-snap-align:start;white-space:nowrap}.filter-actions{gap:9px;margin-top:18px;padding-top:15px}.filter-actions button{min-height:46px}.directory-results .directory-head{min-height:48px;align-items:center;margin:0}.directory-results .directory-head h1{font-size:22px;line-height:1.28;overflow-wrap:anywhere}.directory-results .directory-head p{margin-bottom:4px}.search-page{min-height:calc(100vh - 60px);padding-top:28px;padding-bottom:calc(58px + env(safe-area-inset-bottom))}.search-page-header{text-align:left}.search-page-header h1{margin-bottom:14px;font-size:25px}.search-page-form{min-height:54px;gap:9px;padding:5px 5px 5px 14px;border-radius:10px}.search-page-form input{font-size:16px}.search-page-form button{min-width:44px;min-height:44px;padding:0 13px;border-radius:7px}.search-results{margin-top:27px}.search-results-heading{min-height:48px;align-items:center;gap:12px;margin-bottom:13px;padding-bottom:11px}.search-results-heading>div{min-width:0}.search-results-heading h2{max-width:none;font-size:16px}.search-results-heading>a{display:inline-flex;min-height:44px;align-items:center;margin-right:-6px;padding:0 6px;white-space:nowrap}.search-result-list{gap:10px}.search-result-row{min-height:132px;grid-template-columns:minmax(106px,32%) minmax(0,1fr);border-radius:10px}.search-result-media{padding:5px;background:var(--soft)}.search-result-media img{object-fit:contain;transform:none}.search-result-content{padding:12px 12px 10px}.search-result-title-line{gap:7px}.search-result-title-line strong{font-size:15px;line-height:1.35}.search-result-description{margin-top:5px;font-size:11px;line-height:1.55;-webkit-line-clamp:1}.search-result-tags{gap:5px;margin-top:7px}.search-result-tags i{max-width:76px;padding:3px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-footer{gap:7px;padding-top:7px}.search-result-footer>span:first-child{max-width:86px;overflow:hidden;text-overflow:ellipsis}.search-result-stats{gap:8px}.search-result-stats>span:nth-child(2),.search-result-stats>span:nth-child(4){display:none}.pagination{gap:5px;margin-top:24px}.pagination button,.pagination-ellipsis{min-width:44px;min-height:44px}}@media (max-width: 480px){.stitch-hero{min-height:296px;padding-top:24px}.stitch-hero h1{font-size:28px}.stitch-hero p{font-size:13px}.home-carousel-card{width:calc(100vw - 56px);flex-basis:calc(100vw - 56px)}.stitch-main .resource-grid,.directory-results .resource-grid,.account-section .resource-grid{gap:10px}.resource-card-body{padding:10px}.resource-card h3{margin-bottom:7px;font-size:13px}.resource-card p{display:none}.card-bottom{min-height:25px;padding-top:7px}.stitch-sidebar{grid-auto-columns:minmax(248px,calc(100vw - 48px))}.filter-panel{padding:14px}.filter-group>div{margin-right:-14px;padding-right:14px}.filter-actions{grid-template-columns:1fr 1.15fr}.search-page-form button{width:44px;min-width:44px;padding:0;font-size:0}.search-result-row{min-height:118px;grid-template-columns:102px minmax(0,1fr)}.search-result-content{padding:10px 11px 9px}.search-result-description{display:none}.search-result-tags i:nth-child(n+3){display:none}.search-result-footer>time,.search-result-stats>span:nth-child(3){display:none}}@media (hover: none),(pointer: coarse){.resource-card:active,.search-result-row:active,.home-carousel-card:active{border-color:var(--blue);transform:scale(.985)}.stitch-chips button:active,.filter:active,.pagination button:not(:disabled):active{border-color:var(--blue);color:var(--blue-dark);background:var(--blue-soft)}.resource-card:hover,.search-result-row:hover,.home-carousel-card:hover{box-shadow:none}}@media (prefers-reduced-motion: reduce){.home-carousel-track.moving{animation:none}.resource-card,.resource-media.has-image img,.search-result-row,.search-result-media img,.home-carousel-card{transition:none;transform:none}}@media (max-width: 760px){.stitch-search:focus-within,.filter-panel .directory-search:focus-within,.search-page-form:focus-within{border-color:var(--blue);outline:2px solid color-mix(in srgb,var(--blue) 20%,transparent);outline-offset:2px}.stitch-search input,.filter-panel .directory-search input,.search-page-form input{min-height:44px}:is(.stitch-chips button,.filter,.filter-actions button,.pagination button,.search-page-form button):focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 42%,transparent);outline-offset:2px}.home-carousel-heading{align-items:center;gap:12px}.home-carousel-heading>small{display:inline-flex;max-width:13.5em;align-items:center;justify-content:flex-end;color:var(--muted);font-size:10px;line-height:1.35;text-align:right}.home-carousel-viewport.manual{scroll-padding-inline:2px;scroll-snap-type:x mandatory}.home-carousel-card{touch-action:pan-x}.stitch-chips{scrollbar-width:none;touch-action:pan-x}.stitch-chips:after{content:"›";position:sticky;right:0;display:grid;width:28px;min-width:28px;height:44px;place-items:center;color:var(--blue-dark);background:linear-gradient(to right,transparent,color-mix(in srgb,var(--surface) 82%,transparent) 45%);font-size:22px;line-height:1;pointer-events:none}.filter-panel{scroll-margin-top:68px}.filter-group h3{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:24px}.filter-group h3:after{content:"左右滑动";flex:0 0 auto;color:var(--muted);font-size:10px;font-weight:500}.filter-group>div{scrollbar-width:none;touch-action:pan-x}.filter{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border-color:color-mix(in srgb,var(--line) 72%,var(--blue) 28%);color:var(--ink);font-size:13px;font-weight:650;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.filter.active{position:relative;padding-right:29px;border-color:var(--blue);color:#fff;background:var(--ui-action-gradient, var(--blue));font-weight:750}.filter.active:after{content:"✓";position:absolute;right:10px;display:grid;width:14px;height:14px;place-items:center;border:1px solid rgb(255 255 255 / .56);border-radius:50%;color:#fff;font-size:9px;line-height:1}.filter-actions{position:sticky;bottom:calc(var(--mobile-bottom-nav-outer-height, 83px) + 8px);z-index:2;margin-inline:-2px;padding:14px 2px 2px;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--surface) 94%,transparent) 38%)}.filter-actions button{min-height:48px;font-size:14px}.filter-actions button:last-child{background:var(--ui-action-gradient, var(--blue))}.directory-results .directory-head{position:relative;min-height:56px;padding:2px 0 10px}.directory-results .directory-head p{color:var(--muted);font-size:12px}.directory-results .directory-head p b{color:var(--blue-dark);font-size:14px}.resource-grid .resource-card{min-height:0;overflow:hidden;touch-action:manipulation}.resource-grid .resource-media{overflow:hidden;background:color-mix(in srgb,var(--soft) 78%,var(--surface))}.resource-grid .resource-media.has-image img{padding:4px;object-position:center}.resource-grid .resource-card h3{min-height:2.8em;color:var(--ink);text-wrap:pretty}.resource-grid .card-tags{position:relative;padding-bottom:1px;-webkit-mask-image:linear-gradient(to right,#000 0 calc(100% - 12px),transparent);mask-image:linear-gradient(to right,#000 0 calc(100% - 12px),transparent)}.resource-grid .card-bottom{min-height:48px;align-items:flex-start;flex-wrap:wrap;row-gap:3px;border-top-color:color-mix(in srgb,var(--line) 78%,transparent)}.resource-grid .card-bottom .card-identity{display:flex;width:100%;min-width:0;flex:0 0 100%;align-items:center;margin:0}.resource-grid .card-bottom .card-identity .card-byline{display:inline-flex;max-width:calc(100% - 76px)}.resource-grid .card-bottom .card-identity>time{display:inline-flex;min-width:0;min-height:24px;align-items:center;color:var(--muted);font-size:10px;white-space:nowrap}.resource-grid .card-bottom .card-engagement{width:100%;justify-content:space-between;gap:4px;margin-left:0}.resource-grid .card-engagement>span{min-height:24px;align-items:center}.resource-grid .card-engagement>span:first-child{color:var(--ink);font-weight:650}.resource-grid .resource-card.skeleton{height:auto;min-height:242px}.resource-grid .resource-card.skeleton .resource-media{min-height:0}.search-page-header h1,.search-results-heading h2,.directory-results .directory-head h1{text-wrap:balance}.search-page-form{touch-action:manipulation}.search-result-row{overflow:hidden;touch-action:manipulation}.search-result-row:active{border-color:var(--blue);transform:scale(.99)}.search-result-media{background:color-mix(in srgb,var(--soft) 78%,var(--surface))}.search-result-media.has-image img{padding:4px;object-position:center}.search-result-title-line{align-items:flex-start}.search-result-title-line strong{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-wrap:pretty}.search-result-title-line>svg{margin-top:2px}.search-result-footer{min-height:24px}.search-result-footer>span:first-child{color:var(--muted)}.search-result-stats>span:first-child{color:var(--ink);font-weight:650}.pagination{flex-wrap:nowrap;justify-content:flex-start;width:calc(100% + 4px);margin-inline:-2px;padding:3px 2px 8px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;scroll-padding-inline:4px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.pagination::-webkit-scrollbar{display:none}.pagination button,.pagination-ellipsis{flex:0 0 auto;min-width:44px;min-height:44px;scroll-snap-align:center}.pagination .pagination-page.active{border-color:var(--blue)}.empty-state,.search-empty,.failure{min-height:218px;padding:28px 22px;text-wrap:pretty}.empty-state h3,.search-empty h2{text-wrap:balance}.empty-state p,.search-empty p,.failure p{max-width:28ch;line-height:1.65}.search-result-skeleton .search-result-content{min-height:0}.stitch-sidebar.compact .hub-links a,.stitch-sidebar.compact .join-button{min-height:44px}.stitch-sidebar.compact .hub-links a{padding-inline:11px}.stitch-sidebar.compact .join-button{margin-top:14px}}@media (max-width: 480px){.home-carousel-heading>small{max-width:10em;font-size:9px}.stitch-chips:after{width:24px;min-width:24px}.filter-panel{padding:14px}.filter{min-height:43px;padding-inline:12px;font-size:12px}.filter.active{padding-right:27px}.filter.active:after{right:8px}.filter-actions{bottom:calc(var(--mobile-bottom-nav-outer-height, 83px) + 6px)}.filter-actions button{min-height:46px;font-size:13px}.resource-grid .resource-media.has-image img{padding:3px}.resource-grid .resource-card.skeleton{min-height:212px}.search-result-row{grid-template-columns:96px minmax(0,1fr)}.search-result-title-line strong{font-size:14px}.search-result-media.has-image img{padding:3px}.search-result-footer>span:first-child{max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-stats{gap:6px}.pagination{gap:4px}.pagination button,.pagination-ellipsis{min-width:42px;min-height:42px}.empty-state,.search-empty,.failure{min-height:196px;padding:24px 18px}}@media (max-width: 760px) and (hover: none),(max-width: 760px) and (pointer: coarse){.filter:active,.filter-actions button:active,.pagination button:not(:disabled):active,.stitch-chips button:active{transform:scale(.975)}}@media (max-width: 760px) and (prefers-reduced-motion: reduce){.filter,.search-result-row,.filter-actions button,.pagination button,.stitch-chips button{transition:none}.search-result-row:active,.filter:active,.filter-actions button:active,.pagination button:not(:disabled):active,.stitch-chips button:active{transform:none}}.mobile-resource-actions{display:none}@media (max-width: 760px){.detail{padding-top:24px;padding-bottom:calc(168px + env(safe-area-inset-bottom))}.back-link{min-height:44px;margin-bottom:13px;padding:0 4px;font-size:14px}.detail-layout{gap:24px}.detail-top{padding-bottom:18px}.detail-top h1{margin:10px 0 8px;font-size:26px;line-height:1.32;letter-spacing:-.02em;text-wrap:balance}.detail-subtitle{font-size:14px;line-height:1.72}.resource-meta{gap:7px 12px;margin-top:14px;font-size:12px}.resource-meta span{min-height:24px}.detail-content,.gallery,.comments{max-width:none;margin-top:30px}.detail-content h2,.gallery h2,.comments-head h2{font-size:19px}.detail-content p{margin-bottom:16px;font-size:16px;line-height:1.9;overflow-wrap:anywhere}.detail-content a{text-underline-offset:4px}.gallery>div{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.detail-image-trigger{display:grid;min-height:180px;max-height:440px;place-items:center;border-radius:10px;background:var(--soft)}.gallery img{display:block;width:auto;max-width:100%;max-height:min(58vh,420px);margin:0 auto;object-fit:contain}.image-preview-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.image-preview-dialog img{max-height:calc(100dvh - 24px)}.image-preview-close{top:8px;right:8px;width:44px;height:44px}.detail-side{position:static;gap:12px}.download-panel,.info-panel,.detail-side .sidebar-block{padding:15px;border-radius:10px}.detail-side .side-tags{gap:8px}.detail-side .side-tags button{min-height:40px;padding:0 11px;border-radius:7px;font-size:12px}.panel-title{min-height:30px;padding-bottom:12px}.download-list{gap:9px;padding-top:12px}.download-list a{min-height:52px;padding:10px 12px;border-radius:8px}.download-list strong{font-size:14px}.download-list small{font-size:12px}.engagement-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.like-button,.favorite-button{min-height:48px;border-radius:8px}.resource-report-link,.favorite-hint{grid-column:1 / -1;min-height:46px;border-radius:8px}.resource-report-link{padding:0 12px;font-size:13px}.favorite-hint{display:flex;align-items:center;justify-content:center;margin:0;text-align:center}.related{margin-top:42px;padding-top:23px}.related .resource-grid{grid-template-columns:minmax(0,1fr)}.comments{scroll-margin-top:78px;padding-top:23px}.comments-head{min-height:32px}.comments-head span{min-width:26px;height:24px;border-radius:6px;font-size:12px}.comment-form{gap:12px;margin-top:15px}.comment-form textarea{min-height:130px;padding:12px;font-size:16px;line-height:1.7}.comment-form .solid-button{width:100%;min-height:48px;justify-content:center;border-radius:8px}.comment-login{min-height:82px;gap:10px;padding:14px;border-radius:9px;font-size:13px}.comment-login a{min-height:36px;margin-left:0;padding:8px 0}.comment-list{gap:18px;margin-top:22px}.comment-thread{gap:14px;padding-bottom:20px}.comment-item{grid-template-columns:36px minmax(0,1fr);gap:10px}.comment-avatar{width:36px;height:36px}.comment-author{min-height:24px;flex-wrap:wrap;gap:3px 8px;font-size:13px}.comment-author span,.comment-author .comment-time{font-size:11px}.comment-item p{margin-top:7px;font-size:14px;line-height:1.75;overflow-wrap:anywhere}.comment-reply-button{min-height:40px;margin-top:7px;padding:7px 4px;font-size:12px}.comment-replying{min-height:44px;padding:8px 11px;border-radius:8px}.comment-replying button{width:36px;height:36px}.comment-thread-replies{gap:14px;margin-left:16px;padding-left:10px}.comment-item.is-reply .comment-avatar{width:30px;height:30px;font-size:12px}.auth-page,.submit-page,.feedback-page,.account-page,.tools-page,.community-page,.random-page{padding-top:32px;padding-bottom:max(56px,env(safe-area-inset-bottom))}.auth-panel{padding:22px 20px;border-radius:12px}.auth-panel h1,.page-intro h1,.account-header h1{font-size:26px;line-height:1.28;text-wrap:balance}.auth-panel>div>p:last-child,.page-intro>p:not(.section-kicker){font-size:14px;line-height:1.75}.auth-panel form,.submission-form{gap:19px;margin-top:23px}.auth-panel input,.submission-form input,.submission-form select,.profile-editor input,.profile-editor textarea,.submission-form textarea,.feedback-form textarea{min-height:48px;font-size:16px}.submission-form textarea,.feedback-form textarea{min-height:170px;padding:12px}.verification-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.verification-input .quiet-button{min-height:48px;padding:0 12px;border:1px solid var(--line);border-radius:8px;color:var(--blue-dark);background:var(--soft);font-weight:700;white-space:nowrap}.auth-submit,.submit-action,.profile-editor>.solid-button{width:100%;min-height:48px;justify-content:center;border-radius:8px}.screenshot-field{gap:12px;padding:15px;border-radius:10px}.screenshot-field>div{gap:5px}.upload-trigger{display:inline-flex;width:100%;min-height:48px;align-items:center;justify-content:center;padding:0 14px;border-radius:8px;font-size:13px}.submission-preview{max-height:min(52vh,360px);border-radius:8px;background:var(--soft)}.feedback-layout{gap:22px}.feedback-notes{padding:17px;border-radius:10px}.feedback-resource-context{min-height:72px;padding:13px;border-radius:9px}.account-header{align-items:center;flex-wrap:wrap;gap:10px}.account-header .account-avatar{width:58px;height:58px;font-size:21px}.account-header>div:nth-child(2){min-width:0;flex:1 1 calc(100% - 70px)}.account-header>div:nth-child(2) p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-header .quiet-button{display:inline-flex;min-height:44px;flex:1 1 calc(50% - 5px);align-items:center;justify-content:center;margin:2px 0 0;padding:0 10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--surface);font-size:13px;font-weight:650}.profile-editor{gap:16px;margin-top:18px;padding-top:19px}.profile-avatar-editor{gap:14px}.profile-avatar-editor label{min-height:44px;padding:0 14px;border-radius:8px;font-size:13px}.account-section{margin-top:38px}.submission-list>div{gap:10px;padding:14px 0}.avatar-crop-dialog{width:calc(100vw - 24px);border-radius:12px}.avatar-crop-workspace{height:min(52vh,340px)}.avatar-crop-close{width:44px;height:44px}.avatar-crop-actions .solid-button,.avatar-crop-actions .quiet-button{min-height:48px}.tools-header h1,.community-header h1,.random-header h1{font-size:27px;line-height:1.28}.tools-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:24px}.tool-card{display:grid;min-height:128px;grid-template-columns:108px minmax(0,1fr);border-radius:10px}.tool-card>img,.tool-card>.tool-mark{width:100%;height:100%;min-height:128px;grid-column:1;grid-row:1 / span 2}.tool-card>div:not(.tool-mark){min-width:0;padding:15px 15px 7px;grid-column:2;grid-row:1}.tool-card h2{font-size:16px}.tool-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tool-card a{min-height:44px;padding:9px 15px 12px;border-top:0;grid-column:2;grid-row:2;font-size:13px}.community-link-list{margin-top:20px}.community-link-list a{min-height:78px;gap:12px;padding:12px 2px}.community-link-index{width:44px;height:44px;flex-basis:44px;border-radius:9px}.community-link-list strong{font-size:15px}.random-header .solid-button{min-height:48px}.mobile-resource-actions{position:fixed;z-index:30;right:14px;bottom:calc(var(--mobile-bottom-nav-outer-height, 83px) + 8px);left:14px;display:grid;grid-template-columns:minmax(0,1fr) repeat(3,48px);gap:8px;padding:8px;border-radius:12px;background:var(--surface);box-shadow:0 4px 8px color-mix(in srgb,var(--ink) 18%,transparent)}.mobile-resource-actions.is-hidden{pointer-events:none;opacity:0;transform:translateY(calc(100% + 16px))}.mobile-resource-actions>a,.mobile-resource-actions>button{display:inline-flex;min-width:0;min-height:48px;align-items:center;justify-content:center;gap:6px;padding:0 8px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--soft);font-size:12px;font-weight:700}.mobile-resource-actions>:first-child{overflow:hidden;border-color:transparent;color:#fff;background:var(--ui-action-gradient, var(--blue));text-overflow:ellipsis;white-space:nowrap}.mobile-resource-actions>:first-child span{overflow:hidden;text-overflow:ellipsis}.mobile-resource-download{text-decoration:none}.mobile-resource-actions>button:disabled{opacity:.58}.mobile-resource-actions>:focus-visible,.detail :is(button,a):focus-visible,.auth-page :is(button,a,input):focus-visible,.submit-page :is(button,a,input,textarea):focus-visible,.feedback-page :is(button,a,input,textarea,select):focus-visible,.account-page :is(button,a,input,textarea):focus-visible{outline:2px solid var(--blue);outline-offset:2px}}@media (max-width: 480px){.detail{padding-top:18px;padding-bottom:calc(158px + env(safe-area-inset-bottom))}.detail-top h1{font-size:23px}.resource-meta{gap:5px 10px;font-size:11px}.resource-meta svg{width:14px;height:14px}.detail-image-trigger{min-height:150px}.engagement-panel{grid-template-columns:minmax(0,1fr)}.comment-thread-replies{margin-left:9px;padding-left:9px}.comment-item{grid-template-columns:32px minmax(0,1fr);gap:9px}.comment-avatar{width:32px;height:32px}.verification-input{grid-template-columns:minmax(0,1fr)}.verification-input .quiet-button{width:100%}.auth-panel{padding:20px 16px}.auth-panel h1,.page-intro h1,.account-header h1{font-size:24px}.profile-avatar-editor{align-items:flex-start;flex-direction:column}.account-header .quiet-button{flex-basis:100%}.tool-card{grid-template-columns:96px minmax(0,1fr)}.tool-card>img,.tool-card>.tool-mark{min-height:124px}.mobile-resource-actions{right:10px;bottom:calc(var(--mobile-bottom-nav-outer-height, 83px) + 6px);left:10px;grid-template-columns:minmax(0,1fr) repeat(3,46px);gap:6px;padding:6px}.mobile-resource-actions>a,.mobile-resource-actions>button{min-height:46px;padding:0 6px}}@media (hover: none) and (max-width: 760px){.detail-image-trigger:active,.download-list a:active,.like-button:active:not(:disabled),.favorite-button:active:not(:disabled),.mobile-resource-actions>:active:not(:disabled){transform:scale(.985)}}@media (prefers-reduced-motion: reduce){.detail-image-trigger,.download-list a,.like-button,.favorite-button,.mobile-resource-actions>a,.mobile-resource-actions>button{transition:none}.detail-image-trigger:active,.download-list a:active,.like-button:active:not(:disabled),.favorite-button:active:not(:disabled),.mobile-resource-actions>:active:not(:disabled){transform:none}}@media (max-width: 760px){.auth-page.shell,.submit-page.shell,.feedback-page.shell,.account-page.shell,.tools-page.shell,.community-page.shell{width:min(calc(100% - 32px),560px)}.auth-page,.submit-page,.feedback-page,.account-page,.tools-page,.community-page{padding-bottom:calc(28px + var(--mobile-bottom-nav-outer-height, 83px))}.auth-page :is(input,select,textarea),.submit-page :is(input,select,textarea),.feedback-page :is(input,select,textarea),.account-page :is(input,select,textarea){box-sizing:border-box;font-size:16px;scroll-margin-block:76px 148px}.auth-page :is(input,select,textarea),.submit-page :is(input,select,textarea),.feedback-page :is(input,select,textarea),.account-page :is(input,select,textarea){border-radius:10px}.auth-page :is(input,select,textarea):focus-visible,.submit-page :is(input,select,textarea):focus-visible,.feedback-page :is(input,select,textarea):focus-visible,.account-page :is(input,select,textarea):focus-visible{border-color:var(--blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 17%,transparent)}.auth-panel,.submission-form,.feedback-form,.profile-editor{width:100%}.auth-panel{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--line) 88%,var(--blue));box-shadow:0 4px 8px color-mix(in srgb,var(--ink) 7%,transparent)}.auth-panel:before{position:absolute;top:0;right:20px;left:20px;height:3px;border-radius:0 0 999px 999px;background:var(--ui-action-gradient, var(--blue));content:""}.auth-panel>div:first-child{padding-top:5px}.auth-panel form,.submission-form,.feedback-form,.profile-editor{gap:17px}.auth-panel label,.submission-form>label,.feedback-form label,.profile-editor>label{gap:8px;font-size:13px;letter-spacing:.01em}.auth-panel label:focus-within,.submission-form>label:focus-within,.feedback-form label:focus-within,.profile-editor>label:focus-within{color:var(--blue-dark)}.auth-switch{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:13px}.auth-switch a{display:inline-flex;min-height:40px;align-items:center;margin-left:0;padding:0 5px;text-decoration:none}.verification-input .quiet-button,.account-header .quiet-button,.profile-avatar-editor label,.upload-trigger{touch-action:manipulation}.form-error,.form-success{display:flex;min-height:48px;align-items:center;padding:10px 12px;border:1px solid currentColor;border-radius:10px;font-size:13px;line-height:1.55}.solid-button.auth-submit,.solid-button.submit-action,.profile-editor>.solid-button,.gate .solid-button{min-height:50px;border-radius:10px;box-shadow:0 7px 16px color-mix(in srgb,var(--blue) 22%,transparent);font-size:14px;letter-spacing:.01em;touch-action:manipulation}.solid-button:disabled,.quiet-button:disabled,.upload-trigger:has(input:disabled){cursor:not-allowed;opacity:.55}.gate,.submit-page>.page-intro:only-child{min-height:min(56dvh,460px);padding:26px 20px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,var(--soft));box-shadow:0 4px 8px color-mix(in srgb,var(--ink) 5%,transparent)}.submit-page>.page-intro:only-child{display:grid;place-content:center;text-align:center}.submit-page>.page-intro:only-child .solid-button{width:100%;min-height:50px;justify-content:center;margin-top:7px}.screenshot-field{position:relative;gap:13px;border-style:dashed;border-color:color-mix(in srgb,var(--blue) 38%,var(--line));background:color-mix(in srgb,var(--blue-soft) 56%,var(--surface))}.screenshot-field>input{min-width:0}.screenshot-field:focus-within{border-color:var(--blue);background:color-mix(in srgb,var(--blue-soft) 72%,var(--surface))}.upload-trigger{border-color:color-mix(in srgb,var(--blue) 42%,var(--line));color:var(--blue-dark);background:var(--surface)}.upload-trigger:active{background:var(--blue-soft)}.submission-preview{display:block;min-height:160px;max-height:min(48dvh,360px);border:1px solid color-mix(in srgb,var(--line) 76%,transparent);object-fit:contain}.login-note{display:flex;gap:8px;margin-top:16px!important;padding:11px 12px;border-radius:9px;color:var(--muted);background:var(--soft);line-height:1.6}.feedback-layout{gap:18px}.feedback-form fieldset{gap:17px;padding-bottom:22px}.feedback-form legend{font-size:18px}.feedback-form .field-hint{max-width:52ch;font-size:12px}.feedback-resource-context{box-shadow:0 4px 8px color-mix(in srgb,var(--ink) 5%,transparent)}.feedback-resource-context:active{border-color:var(--blue);background:var(--blue-soft)}.feedback-notes{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:11px;margin-top:2px;border:1px solid color-mix(in srgb,var(--line) 88%,var(--blue));background:color-mix(in srgb,var(--soft) 82%,var(--surface))}.feedback-notes>svg{margin-top:2px;grid-row:1 / span 3}.feedback-notes h2{margin:0 0 6px}.feedback-notes p+p{grid-column:2}.account-header{padding-bottom:20px}.account-header .quiet-button{min-height:46px;border-color:color-mix(in srgb,var(--line) 88%,var(--blue));font-size:13px;touch-action:manipulation}.account-header .quiet-button:active,.profile-avatar-editor label:active{color:var(--blue-dark);background:var(--blue-soft)}.account-section{scroll-margin-top:76px}.submission-list>div{position:relative;gap:9px;padding:16px 0}.submission-list>div>div{min-width:0}.submission-list strong{display:-webkit-box;overflow:hidden;padding-right:2px;font-size:15px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.submission-list p{max-width:none;font-size:13px;line-height:1.65}.status{min-height:26px;padding:5px 8px;border-radius:999px;font-size:11px;line-height:1.45}.profile-editor{padding:18px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 94%,var(--soft))}.profile-avatar-editor{padding-bottom:15px;border-bottom:1px solid var(--line)}.tool-card,.community-link-list a{touch-action:manipulation}.tool-card{border-color:color-mix(in srgb,var(--line) 88%,var(--blue));box-shadow:0 4px 8px color-mix(in srgb,var(--ink) 4%,transparent)}.tool-card a{border-radius:0 0 10px;text-decoration:none}.community-link-list{gap:8px;border-top:0}.community-link-list a{min-height:82px;padding:13px 10px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.community-link-list a:active,.tool-card a:active{color:var(--blue-dark);background:var(--blue-soft)}.community-empty{min-height:200px;border-radius:12px}}@media (max-width: 480px){.auth-page.shell,.submit-page.shell,.feedback-page.shell,.account-page.shell,.tools-page.shell,.community-page.shell{width:calc(100% - 24px)}.auth-page,.submit-page,.feedback-page,.account-page,.tools-page,.community-page{padding-top:24px}.auth-panel{padding:20px 16px}.auth-switch{align-items:flex-start;flex-direction:column;gap:3px}.auth-switch a{margin-top:-2px}.gate,.submit-page>.page-intro:only-child{min-height:min(52dvh,390px);padding:22px 16px;border-radius:12px}.submission-form textarea,.feedback-form textarea{min-height:150px}.feedback-notes{grid-template-columns:1fr;row-gap:0}.feedback-notes>svg{margin-bottom:10px;grid-row:auto}.feedback-notes p+p{grid-column:auto}.submission-list>div{align-items:flex-start;flex-direction:column}.status{margin-top:1px}.profile-editor{padding:15px}.tool-card{grid-template-columns:88px minmax(0,1fr)}.tool-card>img,.tool-card>.tool-mark{min-height:118px}.community-link-list a{gap:10px;padding:12px 9px}}@media (hover: none) and (max-width: 760px){.solid-button:active:not(:disabled),.quiet-button:active:not(:disabled),.upload-trigger:active,.tool-card:active,.community-link-list a:active{transform:scale(.985)}}@media (prefers-reduced-motion: reduce){.auth-panel,.auth-panel input,.submission-form input,.submission-form textarea,.feedback-form :is(input,select,textarea),.profile-editor :is(input,textarea),.solid-button,.quiet-button,.upload-trigger,.tool-card,.community-link-list a{transition:none!important}.solid-button:active:not(:disabled),.quiet-button:active:not(:disabled),.upload-trigger:active,.tool-card:active,.community-link-list a:active{transform:none}}.mobile-bottom-nav{display:none}@media (max-width: 760px){:root{--mobile-bottom-nav-height: 68px;--mobile-bottom-nav-outer-height: calc( var(--mobile-bottom-nav-height) + 7px + max(7px, env(safe-area-inset-bottom)) + 1px )}body[data-mobile-navigation=enabled],body:has(.mobile-bottom-nav){padding-bottom:var(--mobile-bottom-nav-outer-height)}.topbar .nav,.topbar .mobile-menu{display:none!important}.mobile-bottom-nav{position:fixed;z-index:38;right:0;bottom:0;left:0;display:block;box-sizing:border-box;min-height:calc(var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom));padding:7px max(10px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));border-top:1px solid color-mix(in srgb,var(--line) 92%,transparent);background:color-mix(in srgb,var(--surface) 96%,transparent);backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08)}.mobile-bottom-nav__inner{display:grid;width:min(100%,540px);min-height:var(--mobile-bottom-nav-height);grid-template-columns:repeat(6,minmax(44px,1fr));align-items:stretch;margin:0 auto}.mobile-bottom-nav__item{position:relative;display:grid;min-width:44px;min-height:54px;align-content:center;justify-items:center;gap:3px;padding:4px 2px;border:0;border-radius:10px;color:var(--muted);background:transparent;font:650 11px/1.2 Inter,Noto Sans SC,system-ui,sans-serif;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;transition:color .18s ease,background-color .18s ease,transform .15s ease}.mobile-bottom-nav__item>svg,.mobile-bottom-nav__icon-wrap{display:grid;width:28px;height:28px;place-items:center}.mobile-bottom-nav__icon-wrap{position:relative}.mobile-bottom-nav__item--active{color:var(--blue-dark);background:color-mix(in srgb,var(--blue) 12%,var(--surface))}.mobile-bottom-nav__item:active:not(:disabled){transform:scale(.96)}.mobile-bottom-nav__item:focus-visible{z-index:1;outline:2px solid var(--blue);outline-offset:-2px}.mobile-bottom-nav__item:disabled{cursor:default;opacity:.55}.mobile-bottom-nav__badge{position:absolute;top:-4px;right:-6px;display:grid;min-width:17px;height:17px;place-items:center;padding:0 4px;border:2px solid var(--surface);border-radius:999px;color:#fff;background:var(--ui-primary-strong, var(--blue-dark));font-size:9px;font-weight:750;font-variant-numeric:tabular-nums;line-height:1}.mobile-more-backdrop{position:fixed;z-index:39;top:0;right:0;bottom:0;left:0;border:0;background:color-mix(in srgb,var(--ink) 28%,transparent);cursor:default}.mobile-more-sheet{position:fixed;z-index:40;right:max(10px,env(safe-area-inset-right));bottom:calc(var(--mobile-bottom-nav-outer-height) + 8px);left:max(10px,env(safe-area-inset-left));width:min(calc(100% - 20px),540px);margin:0 auto;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 4px 8px color-mix(in srgb,var(--ink) 16%,transparent)}.mobile-more-sheet__head{display:flex;min-height:34px;align-items:center;justify-content:space-between;margin-bottom:10px}.mobile-more-sheet__head strong{color:var(--ink);font-size:15px}.mobile-more-sheet__head button{display:grid;width:44px;height:44px;place-items:center;margin:-5px -5px -5px 0;border:0;border-radius:9px;color:var(--muted);background:transparent}.mobile-more-sheet__head button:active{color:var(--blue-dark);background:var(--blue-soft)}.mobile-more-sheet__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-more-sheet__links a{display:flex;min-height:68px;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--soft);text-decoration:none;touch-action:manipulation}.mobile-more-sheet__links a:active,.mobile-more-sheet__links a.active{border-color:var(--blue);color:var(--blue-dark);background:var(--blue-soft)}.mobile-more-sheet__links svg{flex:0 0 auto;color:var(--blue-dark)}.mobile-more-sheet__links span{display:grid;min-width:0;gap:3px}.mobile-more-sheet__links strong,.mobile-more-sheet__links small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-more-sheet__links strong{font-size:12px}.mobile-more-sheet__links small{color:var(--muted);font-size:10px}@media (hover: hover) and (pointer: fine){.mobile-bottom-nav__item:hover:not(:disabled){color:var(--blue-dark);background:var(--blue-soft)}}}@media (max-width: 760px) and (max-height: 480px) and (orientation: landscape){:root{--mobile-bottom-nav-height: 54px}.mobile-bottom-nav__item{min-height:44px;gap:1px;padding-block:2px;font-size:10px}.mobile-bottom-nav__item>svg,.mobile-bottom-nav__icon-wrap{width:24px;height:24px}.mobile-more-sheet{bottom:calc(var(--mobile-bottom-nav-outer-height) + 6px);padding:12px}.mobile-more-sheet__links a{min-height:62px;padding:8px}}@media (prefers-reduced-motion: reduce){.mobile-bottom-nav__item{transition:none}}@media (max-width: 760px){html{-webkit-text-size-adjust:100%}body{min-width:0;overscroll-behavior-x:none}.topbar{height:56px}.topbar-inner{width:min(calc(100% - 24px),560px);gap:8px}.brand{min-width:0;flex:1 1 auto;overflow:hidden;font-size:16px}.brand>span{overflow:hidden;text-overflow:ellipsis}.top-actions{flex:0 0 auto;gap:4px}.topbar .login-link,.topbar .account-menu{display:none}.topbar .top-search,.topbar .notification-trigger,.topbar .publish-link,.topbar .theme-toggle{display:grid;width:44px;min-width:44px;height:44px;place-items:center;padding:0;border-radius:9px}.topbar .top-search{border-color:var(--line);background:var(--surface)}.topbar .publish-link{border:1px solid var(--line);color:var(--blue-dark);background:var(--surface);font-size:11px;font-weight:700}.topbar .top-search>span{display:none}.topbar .notification-menu{display:grid}.topbar .header-search-form{position:fixed;top:64px;right:12px;left:12px;z-index:46;width:auto;max-width:none;height:48px;border-radius:10px;box-shadow:0 8px 22px color-mix(in srgb,var(--ink) 16%,transparent)}.topbar .header-search-form input{font-size:16px}.topbar .notification-panel{top:64px;right:12px;left:12px;width:auto;max-height:min(560px,calc(100dvh - 148px));border-radius:12px}.topbar .notification-list{max-height:min(430px,calc(100dvh - 225px))}.stitch-hero{margin-top:-56px;padding-top:56px}main{min-height:calc(100dvh - 56px)}:is(button,a,input,select,textarea){-webkit-tap-highlight-color:transparent}.mobile-bottom-nav,.mobile-resource-actions{transition:opacity .16s ease,transform .18s cubic-bezier(.16,1,.3,1)}body[data-mobile-keyboard=open] .mobile-bottom-nav,body[data-mobile-keyboard=open] .mobile-resource-actions{pointer-events:none;opacity:0;transform:translateY(calc(100% + env(safe-area-inset-bottom)))}}@media (max-width: 360px){.topbar-inner{width:calc(100% - 20px);gap:3px}.topbar .top-search,.topbar .notification-trigger,.topbar .publish-link,.topbar .theme-toggle{width:44px;min-width:44px;height:44px}.topbar .publish-link{font-size:10px}}@media (prefers-reduced-motion: reduce){.mobile-bottom-nav,.mobile-resource-actions{transition:none}}