/* Original youth-geek accents, limited to the store homepage. */
.home-shortcuts{display:flex;gap:8px 20px;flex-wrap:wrap;margin-top:15px}.home-shortcuts a{display:inline-flex;align-items:center;min-height:44px;color:#244ce5;font-size:13px;text-decoration:underline;text-underline-offset:5px}
.catalog-search{margin:22px 0 26px;max-width:760px}.catalog-search>label{display:block;font-size:15px;font-weight:600;margin-bottom:10px}.catalog-search>div{display:flex;align-items:center;gap:12px;padding:7px 8px 7px 16px;border:1.5px solid #182022;border-radius:9px;background:#fff;box-shadow:3px 3px 0 #d9fa74}.catalog-search>div>span{width:20px;flex:none;color:#52616b}.catalog-search svg{width:20px;height:20px}.catalog-search input{border:0;box-shadow:none;min-width:0;width:100%;padding:10px 0;font-size:16px;background:transparent}.catalog-search .button{flex-shrink:0;min-height:44px}.catalog-search p{font-size:13px;color:#52616b;line-height:1.8;margin-top:12px}.catalog-search>div:focus-within{outline:2px solid #244ce5;outline-offset:4px}
.home-help{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;margin:55px 0;padding:30px 0;border-top:1px solid #cbd4dd;scroll-margin-top:130px}.home-help-heading>span{font:italic 700 18px var(--font-display);color:#244ce5}.home-help h2{font-size:28px;line-height:1.5;margin:13px 0}.home-help-heading p{font-size:15px;line-height:1.9;color:#52616b}.home-help details{border-bottom:1px solid #cbd4dd}.home-help summary{cursor:pointer;font-size:16px;line-height:1.7;padding:17px 5px;font-weight:600;min-height:48px}.home-help details p{font-size:15px;line-height:1.95;color:#52616b;padding:0 5px 17px}.home-help details a{display:inline-flex;align-items:center;min-height:44px;margin:0 5px 15px;color:#244ce5;text-decoration:underline;text-underline-offset:4px}.home-help summary:focus-visible,.home-shortcuts a:focus-visible{outline:3px solid #244ce5;outline-offset:4px}
@media(max-width:700px){.home-help{grid-template-columns:1fr;gap:15px;margin:35px 0}.home-help h2{font-size:24px}.catalog-search>div{gap:8px;padding-left:10px}.catalog-search .button{font-size:13px;padding-inline:12px}.home-shortcuts{gap:4px 17px}.catalog-search p{font-size:13px}.home-help summary{font-size:15px}}
.hero-motto{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:20px;font-size:11px;color:#354955}
.hero-motto>span:first-child{border:1px solid #182022;border-radius:3px;background:#d9fa74;padding:3px 8px;font-weight:650;transform:rotate(-3deg);box-shadow:2px 2px 0 #182022}
.hero-motto i{font-style:normal;color:#244ce5;font-size:20px}
.zine-heading{display:flex;align-items:center;gap:15px;margin:15px 0 17px;min-height:72px}
.zine-issue{display:grid;place-items:center;width:44px;height:44px;border:2px solid #182022;border-radius:50%;background:#ffe45e;color:#182022;font:italic 700 21px var(--font-display);transform:rotate(-8deg);box-shadow:2px 2px 0 #182022;flex:none}
.zine-label{font:italic 700 16px/1.4 var(--font-display);color:#244ce5}
.zine-rule{height:1px;background:#cbd4dd;flex:1}
.zine-heading>img{width:105px;height:75px;object-fit:contain;flex:none;transform:rotate(7deg)}
body[data-market-page=skills] .collections .section-heading h2,body[data-market-page=skills] .learning-section .section-heading h2{font-size:25px}
body[data-market-page=skills] .collections .section-heading{margin-bottom:25px}
body[data-market-page=skills] .topic-grid{gap:24px}
body[data-market-page=skills] .topic-card{border-radius:5px 5px 19px 5px}
body[data-market-page=skills] .topic-card:before{content:"";position:absolute;inset:9px;border:1px dashed #18202245;border-radius:2px 2px 10px 2px;pointer-events:none;z-index:-1}
body[data-market-page=skills] .topic-violet:before{border-color:#ffffff60}
body[data-market-page=skills] .topic-card:after{content:"";position:absolute;left:-9px;bottom:43px;width:16px;height:16px;background:#fff;border:2px solid #182022;border-radius:50%;pointer-events:none}
body[data-market-page=skills] .topic-label{border-radius:3px;box-shadow:2px 2px 0 #18202235}
body[data-market-page=skills] .topic-foot{min-height:35px;border-top:1px dashed #18202266;padding-top:10px}
body[data-market-page=skills] .topic-violet .topic-foot{border-color:#ffffff66}
.zine-paper-art{position:absolute;width:185px;height:133px;right:-8px;bottom:38px;transform:rotate(-12deg);pointer-events:none}
body[data-market-page=skills] .lesson-video{border:1.5px solid #182022;padding:14px 14px 0;background:#fff;border-radius:8px;box-shadow:5px 5px 0 #d9fa74}
body[data-market-page=skills] .video-stage{border-radius:3px;box-shadow:none}
body[data-market-page=skills] .lesson-video:before{content:"";display:block;height:8px;margin:0 3px 12px;background:repeating-linear-gradient(90deg,#182022 0 10px,transparent 10px 20px);opacity:.85}
body[data-market-page=skills] .lesson-video figcaption{padding-top:16px}
body[data-market-page=skills] .video-source{padding-bottom:9px}
body[data-market-page=skills] .catalog-heading>div:first-child:before{display:none}
body[data-market-page=skills] .card-actions{border-top:1px dashed #bcc8d3}
body[data-market-page=skills] .skill-card .get-pill{border:1px solid #b7c5e8;border-radius:5px;box-shadow:2px 2px 0 #e0e7f6}
body[data-market-page=skills] .creator-studio{display:grid;grid-template-columns:1fr 1.1fr;gap:34px;padding:38px 35px;background:#eef7de;overflow:visible;margin:65px 5px 65px 0}
body[data-market-page=skills] .creator-studio:after{display:none}
.studio-copy{min-width:0}
.studio-label{font:italic 700 14px/1.6 var(--font-display);color:#244ce5}
body[data-market-page=skills] .creator-studio h2{font-family:var(--font-ui);font-style:normal;font-size:clamp(25px,2.8vw,38px);line-height:1.5;letter-spacing:0;margin-top:13px}
body[data-market-page=skills] .creator-studio p{color:#415543;font-size:15px;max-width:480px;margin:17px 0}
.studio-tags{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 23px}
.studio-tags span{padding:4px 10px;border:1px solid #182022;border-radius:4px;background:#fff;font-size:12px;box-shadow:2px 2px 0 #18202220}
.studio-tags span:nth-child(2){background:#ffe45e;transform:rotate(-4deg)}
.studio-tags span:nth-child(3){background:#ffe1d4;transform:rotate(3deg)}
body[data-market-page=skills] .creator-studio .button{display:inline-flex;margin:0 14px 5px 0;background:#244ce5;border:2px solid #182022;color:#fff;box-shadow:3px 3px 0 #182022}
.studio-secondary{display:inline-flex;min-height:44px;align-items:center;gap:6px;font-size:13px;color:#244ce5}
.studio-illustration{position:relative;min-width:0;align-self:center}
.studio-illustration>img{width:100%;height:auto;display:block;transform:rotate(2deg);filter:drop-shadow(3px 4px 0 #182022)}
.studio-tape{display:block;position:absolute;top:-12px;left:30px;z-index:1;font:italic 700 12px/1.5 var(--font-display);padding:6px 13px;background:#ffe45e;border:1px solid #182022;transform:rotate(-5deg)}
.studio-caption{display:block;text-align:right;font:italic 700 14px/1.5 var(--font-display);color:#244ce5;margin:15px 5px 0}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 html[data-motion=on] .zine-heading>img{transition:transform .3s}
 html[data-motion=on] .zine-heading:hover>img{transform:rotate(-5deg) translateY(-3px)}
 html[data-motion=on] .studio-illustration>img{transition:transform .3s}
 html[data-motion=on] .studio-illustration:hover>img{transform:rotate(0)}
}
@media(max-width:950px){
 body[data-market-page=skills] .creator-studio{grid-template-columns:1fr 1fr;gap:25px;padding:30px 24px}
 .studio-tape{font-size:10px;left:15px}
 .zine-paper-art{width:170px;right:12px}
}
@media(max-width:700px){
 .hero-motto{font-size:10px;margin-top:16px;gap:8px}
 .zine-heading{gap:11px;margin:13px 0 15px;min-height:60px}
 .zine-issue{width:34px;height:34px;font-size:17px}
 .zine-label{font-size:12px;max-width:150px}
 .zine-heading>img{width:70px;height:55px}
 body[data-market-page=skills] .collections .section-heading h2,body[data-market-page=skills] .learning-section .section-heading h2{font-size:21px}
 body[data-market-page=skills] .topic-grid{gap:17px 14px}
 body[data-market-page=skills] .lesson-video{padding:10px 10px 0;margin-right:4px}
 body[data-market-page=skills] .lesson-video:before{height:6px;margin-bottom:9px}
 .zine-paper-art{width:130px;height:104px;right:0;bottom:35px}
 body[data-market-page=skills] .creator-studio{grid-template-columns:1fr;padding:27px 22px;gap:30px;margin:45px 5px 45px 0}
 body[data-market-page=skills] .creator-studio h2{font-size:28px}
 body[data-market-page=skills] .creator-studio p{font-size:14px}
 .studio-label{font-size:12px}
 .studio-illustration{margin:6px 0 0}
 .studio-tape{font-size:10px}
 .studio-caption{font-size:12px}
}
@media(max-width:360px){.zine-label{font-size:11px;max-width:120px}.zine-heading>img{width:58px;height:50px}.zine-rule{display:none}.zine-heading{justify-content:space-between}.hero-motto{font-size:9px}.studio-tags{gap:8px}.studio-tags span{font-size:11px;padding:4px 8px}}
.club-hero-pal{position:absolute;right:-2px;top:38px;width:108px;height:108px;object-fit:contain;z-index:7;transform:rotate(11deg);filter:drop-shadow(3px 3px 0 #fff) drop-shadow(-3px -3px 0 #fff);pointer-events:none}
.club-code-pin{position:absolute;left:0;top:43%;z-index:5;padding:5px 10px;background:#d9fa74;color:#182022;border:2px solid #182022;box-shadow:3px 3px 0 #182022;font:italic 700 20px/1.3 var(--font-display);transform:rotate(-12deg)}
.curiosity-club{--club-tint:#eef7de;position:relative;display:grid;grid-template-columns:minmax(210px,1fr) minmax(360px,1.5fr);gap:20px 35px;align-items:center;padding:25px 30px 15px;margin:4px 0 27px;border:2px solid #182022;border-radius:12px 12px 28px 12px;background:var(--club-tint);box-shadow:5px 5px 0 #182022}
.curiosity-club:before{content:"";position:absolute;top:-11px;left:31px;width:72px;height:21px;background:#ffe45ee0;transform:rotate(-6deg);border-inline:1px solid #18202220}
.curiosity-club[data-companion=tape-fox]{--club-tint:#fff0e7}
.curiosity-club[data-companion=orbit-rabbit]{--club-tint:#f1edff}
.club-intro>span{font:italic 700 15px/1.6 var(--font-display);color:#244ce5}
.club-intro h2{font-size:25px;line-height:1.5;margin:6px 0 8px;letter-spacing:0}
.club-intro p{font-size:14px;line-height:1.8;color:#435663;max-width:350px;min-height:51px}
.club-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.club-pal{display:flex;flex-direction:column;align-items:center;position:relative;background:#ffffff85;color:#182022;border:1.5px solid #18202240;border-radius:9px;padding:4px 8px 12px;min-width:0;min-height:145px;cursor:pointer}
.club-pal>img{width:105px;height:105px;max-width:100%;object-fit:contain;pointer-events:none}
.club-pal>span{font-size:14px;font-weight:600;line-height:1.7}
.club-pal>small{font-size:10px;color:#51636f;letter-spacing:.06em}
.club-pal[aria-pressed=true]{background:#fff;border-color:#182022;box-shadow:3px 3px 0 #182022}
.club-pal[aria-pressed=true]:after{content:"✳";position:absolute;top:4px;right:7px;color:#244ce5;font-size:20px;line-height:1}
.club-pal:focus-visible,.club-footer a:focus-visible{outline:3px solid #244ce5;outline-offset:5px}
.club-footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:10px;border-top:1px dashed #18202235;font-size:12px;color:#465963}
.club-footer a{display:inline-flex;align-items:center;gap:7px;min-height:44px;color:#244ce5;font-weight:600}
.club-footer svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
body[data-market-page=skills] .catalog-heading>div:first-child:before{content:"THE TOOL EDIT / 好工具集合";display:block;width:fit-content;padding:4px 10px;margin-bottom:13px;color:#244ce5;background:#eef2ff;border:1px solid #244ce540;border-radius:3px;font-size:11px;letter-spacing:.04em;transform:rotate(-2deg)}
body[data-market-page=skills] .skill-cover{height:110px}
body[data-market-page=skills] .skill-cover:before{content:"";position:absolute;inset:8px;border:1px dashed #18202225;border-radius:5px;pointer-events:none}
body[data-market-page=skills] .cover-v1 .library-buddy{width:119px;height:113px}
body[data-market-page=skills] .cover-sticker{box-shadow:3px 3px 0 #18202235;border:2px solid #182022}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 html[data-motion=on] .club-pal{transition:box-shadow .18s,background .18s}
 html[data-motion=on] .club-pal:hover{box-shadow:3px 3px 0 #244ce5;background:#fff}
 html[data-motion=on] .club-pal img{transition:transform .22s cubic-bezier(.2,.8,.2,1)}
 html[data-motion=on] .club-pal:hover img{transform:translateY(-5px) rotate(-5deg)}
 html[data-motion=on] body[data-market-page=skills] .cover-sticker{transition:transform .22s}
 html[data-motion=on] body[data-market-page=skills] .skill-card:hover .cover-sticker{transform:rotate(-7deg) translateY(-2px)}
}
@media(max-width:1000px){.curiosity-club{grid-template-columns:1fr 1.3fr;padding:24px 22px 12px;gap:19px}.club-pal>img{width:90px;height:90px}.club-pal{min-height:136px}.club-intro h2{font-size:22px}.club-hero-pal{width:90px;height:90px;top:40px}.club-code-pin{font-size:17px;padding:4px 8px}}
@media(max-width:700px){.curiosity-club{grid-template-columns:1fr;padding:24px 18px 10px;margin:25px 3px 30px 0;gap:17px}.club-intro p{min-height:0;max-width:none;font-size:14px}.club-intro h2{font-size:23px}.club-intro>span{font-size:14px}.club-roster{gap:11px}.club-pal{padding:7px 4px 10px;min-height:132px}.club-pal>img{height:85px;width:85px}.club-pal>span{font-size:13px}.club-pal>small{font-size:9px}.club-footer{gap:4px;flex-wrap:wrap;font-size:11px;padding-top:12px}.club-footer a{font-size:12px}.club-hero-pal{width:90px;height:90px;right:0;top:35px}.club-code-pin{left:0;top:45%;font-size:15px}.club-pal[aria-pressed=true]:after{font-size:15px;right:4px}}
@media(min-width:551px) and (max-width:700px){body[data-market-page=skills] .cover-v1 .library-buddy{width:90px;height:96px;right:0}}
@media(max-width:360px){.club-roster{gap:8px}.curiosity-club{padding-inline:13px}.club-pal>img{height:75px;width:75px}.club-pal{min-height:125px}.club-hero-pal{width:77px;height:77px;top:43px}.club-code-pin{font-size:13px}.club-intro h2{font-size:21px}}