@font-face{font-family:Rubik;src:url(/Rubik-VariableFont_wght.ttf)format("truetype-variations"),url(/Rubik-VariableFont_wght.ttf)format("truetype");font-weight:300 900;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f4f1ea;--surface:#ffffffc2;--foreground:#172033;--muted:#596177;--line:#1720331f;--accent:#cb5f2b;--accent-strong:#8f3e16;--shadow:0 24px 60px #1720331f;--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--page-width:1120px;--font-body:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;--font-heading:"Avenir Next","Segoe UI",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:#333;-webkit-font-smoothing:antialiased;background-color:#fff;font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}main{padding-top:80px}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-family:Rubik,sans-serif;font-weight:700;line-height:1.3}a{color:#4785ff;text-decoration:none;transition:all .3s}hr{border-top:1px solid #e5e5e5;border-bottom:none}.shell{padding:40px 0 64px}.hero{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:linear-gradient(140deg,#ffffffc7,#fff8efe0);padding:36px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#cb5f2b47,#0000 72%);border-radius:999px;width:220px;height:220px;position:absolute;inset:auto -48px -48px auto}.eyebrow{font-family:var(--font-heading);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-strong);margin:0 0 14px;font-size:13px;font-weight:700}.title{font-family:var(--font-heading);letter-spacing:-.04em;margin:0;font-size:clamp(2.4rem,6vw,4.8rem);line-height:.96}.lede{max-width:60ch;color:var(--muted);margin:18px 0 0;font-size:1.05rem;line-height:1.7}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:24px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:22px}.card h2,.card h3{font-family:var(--font-heading);margin:0 0 12px}.card p,.card li{color:var(--muted);line-height:1.65}.code{background:#1720330f;border-radius:999px;align-items:center;padding:4px 10px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.88rem;display:inline-flex}.stack{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.stack li{border-bottom:1px solid #17203314;padding-bottom:12px}.stack li:last-child{border-bottom:0;padding-bottom:0}.badge-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.badge{color:var(--accent-strong);font-family:var(--font-heading);background:#cb5f2b1f;border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:700}.empty-state{border-radius:var(--radius-md);background:#ffffff8a;border:1px dashed #1720332e;margin-top:24px;padding:24px}.section-stack{flex-direction:column;gap:24px;margin-top:24px;display:flex}.section-title{font-family:var(--font-heading);letter-spacing:-.03em;margin:0 0 14px;font-size:1.4rem}.article-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;margin-top:24px;display:grid}.article-main,.article-sidebar{flex-direction:column;gap:16px;display:flex}.article-main.card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:0;border-radius:0;padding:0}.article-sidebar .card{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:#fff;border:1px solid #e5e5e5;border-radius:1rem;padding:1.5rem;font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.article-sidebar .card h2{color:#313c45;margin:0 0 1rem;font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:20px;font-weight:400}.article-sidebar .card p,.article-sidebar .card li{color:#596177}.article-sidebar .token,.article-sidebar .meta-copy,.article-sidebar .stack{font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.article-meta{color:var(--muted);font-family:var(--font-heading);flex-wrap:wrap;gap:10px 16px;margin-top:18px;font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.92rem;display:flex}.widget-title{color:#313c45;margin:0 0 1rem;font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:20px;font-weight:400}.toc-content li::marker{color:#4785ff}.toc-content>nav>ul{margin:0}.toc-content>nav>ul+ul{margin-top:10px}.toc-link{color:#313c45;padding:4px 0;font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:400;line-height:1.4;text-decoration:none;transition:color .2s,transform .2s;display:block}.toc-link:hover,.toc-link-active{color:#4785ff}.toc-link-active{font-weight:500}.toc-content ul ul{margin-top:4px;margin-left:20px}.article-cover{border-radius:calc(var(--radius-md) - 4px);border:1px solid #17203314;width:100%;height:auto;margin-bottom:28px}.token-list{flex-wrap:wrap;gap:10px;display:flex}.token{color:var(--foreground);font-family:var(--font-heading);background:#1720330f;border-radius:999px;padding:8px 12px;font-size:.86rem}.meta-copy{color:var(--muted);overflow-wrap:anywhere;margin:0;line-height:1.7}.content-card{flex-direction:column;gap:16px;display:flex}.content-card-title{font-family:var(--font-heading);letter-spacing:-.03em;margin:0;font-size:1.35rem;line-height:1.15}.content-card-summary{margin:0}.content-card-meta{color:var(--muted);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.06em;flex-wrap:wrap;gap:8px 14px;font-size:.84rem;display:flex}.content-card-footer{flex-direction:column;gap:10px;margin-top:auto;display:flex}.content-card-link{width:fit-content;color:var(--accent-strong);font-family:var(--font-heading);font-weight:700}.taxonomy-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.taxonomy-link{flex-direction:column;gap:10px;display:flex}.taxonomy-label{font-family:var(--font-heading);font-size:1.1rem;font-weight:700}.taxonomy-meta{color:var(--muted)}.tag-index-grid{flex-direction:column;gap:12px;display:flex}.tag-index-card{color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:16px;padding:20px 24px;text-decoration:none;transition:all .2s;display:flex}.tag-index-card:hover{border-color:#fbbf24;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.tag-index-card-icon{background:#f8f9fa;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tag-index-card-icon svg{width:20px;height:20px}.tag-index-card-body{flex:1;min-width:0}.tag-index-card-name{color:#1f2937;margin:0;font-size:1rem;font-weight:600;line-height:1.4}.tag-index-card:hover .tag-index-card-name{color:#d97706}.tag-index-card-count{color:#9ca3af;margin-top:2px;font-size:.8rem;display:block}.tag-index-card-arrow{color:#d1d5db;flex-shrink:0;transition:all .2s}.tag-index-card:hover .tag-index-card-arrow{color:#d97706;transform:translate(2px)}.tag-count{color:#9ca3af;background:#f3f4f6;border-radius:8px;flex-shrink:0;margin-left:auto;padding:1px 6px;font-size:.7rem}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pagination-link{border:1px solid var(--line);min-width:112px;font-family:var(--font-heading);background:#ffffff9e;border-radius:999px;justify-content:center;align-items:center;padding:10px 14px;font-weight:700;display:inline-flex}.pagination-link-muted{color:var(--muted)}.pagination-copy{color:var(--muted);font-family:var(--font-heading)}.article-content.prose{color:#313c45;padding:32px 0;font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.7}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{color:#313c45;letter-spacing:0;margin:32px 0 16px;scroll-margin-top:108px;font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;line-height:1.3}.prose{color:var(--foreground);font-size:1.04rem;line-height:1.85}.prose>:first-child{margin-top:0}.prose :where(h1,h2,h3,h4){font-family:var(--font-heading);letter-spacing:-.03em;margin:2em 0 .6em;line-height:1.2}.prose :where(p,ul,ol,blockquote,pre,table){margin:0 0 1.2em}.prose :where(ul,ol){padding-left:1.25em}.prose li+li{margin-top:.4em}.prose a{color:var(--accent-strong);text-underline-offset:.16em;text-decoration:underline}.prose blockquote{border-radius:0 var(--radius-sm)var(--radius-sm)0;color:var(--muted);background:#cb5f2b14;border-left:4px solid #cb5f2b99;padding:12px 18px}.prose :where(code,pre){font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.prose code{background:#17203312;border-radius:6px;padding:.12em .35em;font-size:.92em}.prose pre{border-radius:var(--radius-sm);color:#f5f7fb;background:#1d2433;padding:16px 18px;overflow-x:auto}.prose pre code{color:inherit;background:0 0;padding:0}.prose img{border-radius:var(--radius-sm);width:100%;height:auto}.admin-layout{min-height:100vh;display:flex}.admin-sidebar{z-index:100;color:#e0e2e8;background:#1a1d23;flex-direction:column;width:240px;height:100vh;padding:24px 16px;display:flex;position:fixed;top:0;left:0}.admin-sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:24px;padding:0 8px 24px;display:flex}.admin-sidebar-logo{background:var(--accent);color:#fff;width:36px;height:36px;font-family:var(--font-heading);border-radius:10px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex}.admin-sidebar-title{font-family:var(--font-heading);color:#fff;font-size:1.15rem;font-weight:700}.admin-sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.admin-sidebar-tab{appearance:none;color:#fff9;width:100%;font-family:var(--font-heading);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-size:.92rem;font-weight:600;transition:background .15s,color .15s;display:flex}.admin-sidebar-tab:hover{color:#fff;background:#ffffff0f}.admin-sidebar-tab.is-active{color:#f0a070;background:#cb5f2b33}.admin-sidebar-tab-icon{flex-shrink:0;font-size:1.15rem;line-height:1}.admin-sidebar-tab-label{white-space:nowrap}.admin-sidebar-tab-badge{color:#fff;text-align:center;background:#ef4444;border-radius:10px;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:.7rem;font-weight:700;line-height:20px}.admin-sidebar-footer{border-top:1px solid #ffffff14;padding-top:20px}.admin-sidebar-back{color:#ffffff80;font-family:var(--font-heading);border-radius:10px;padding:10px 14px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:block}.admin-sidebar-back:hover{color:#fff;background:#ffffff0f}.admin-main{background:var(--bg-surface);flex-direction:column;flex:1;gap:24px;min-height:100vh;margin-left:240px;padding:32px 40px 80px;display:flex}.admin-content-header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:16px;display:flex}.admin-content-title{font-family:var(--font-heading);color:var(--foreground);margin:0;font-size:1.65rem;font-weight:800}.admin-content-desc{color:var(--muted);margin:6px 0 0;font-size:.92rem}.admin-panel{flex-direction:column;gap:20px;display:flex}.admin-panel-wide{grid-column:1/-1}.admin-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:16px;display:flex}@media (max-width:768px){.admin-sidebar{z-index:200;flex-direction:row;width:100%;height:auto;padding:8px 12px;position:fixed;top:auto;bottom:0;left:0}.admin-sidebar-brand,.admin-sidebar-footer{display:none}.admin-sidebar-nav{flex-direction:row;justify-content:center;gap:4px;width:100%}.admin-sidebar-tab{flex-direction:column;align-items:center;gap:4px;padding:8px 16px;font-size:.78rem}.admin-main{margin-left:0;padding:20px 16px 100px}}.admin-form{flex-direction:column;gap:18px;display:flex}.admin-toolbar{grid-template-columns:180px 180px 180px minmax(0,1fr) auto;align-items:end;gap:16px;display:grid}.admin-toolbar-search{min-width:0}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field-grid-compact{grid-template-columns:repeat(4,minmax(0,1fr))}.field{flex-direction:column;gap:8px;display:flex}.field-label{font-family:var(--font-heading);letter-spacing:.02em;font-size:.88rem;font-weight:700}.field-input{border-radius:var(--radius-sm);width:100%;min-width:0;color:var(--foreground);font:inherit;background:#ffffffd6;border:1px solid #1720331f;padding:12px 14px}.article-page-main{width:100%;margin:0;padding-top:80px}.article-page{color:#333;-webkit-font-smoothing:antialiased;background:#fff;min-height:100vh;font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.article-page .main-container{width:100%;max-width:1320px;margin:0 auto;padding:2rem}.article-page .breadcrumb{color:#666;align-items:center;gap:8px;margin-bottom:24px;font-size:14px;display:flex}.article-page .breadcrumb a{color:#4785ff;text-decoration:none}.article-page .breadcrumb-active{color:#313c45;font-weight:500}.article-page .article-layout{grid-template-columns:1fr 360px;align-items:start;gap:2.5rem;margin-top:0;display:grid}.article-page .article-main{background:#fff;overflow:hidden}.article-page .article-sidebar{flex-direction:column;gap:16px;display:flex}.article-page .article-hero{aspect-ratio:912/501;border-radius:16px;width:100%;overflow:hidden}.article-page .article-hero-image{object-fit:cover;width:100%;height:100%}.article-page .article-header{padding:32px 0 0}.article-page .article-title{color:#313c45;margin:0 0 24px;font-size:32px;font-weight:600;line-height:1.2}.article-page .article-meta{color:inherit;flex-wrap:wrap;justify-content:start;align-items:center;gap:8px;margin-top:0;display:flex}.article-page .article-author{color:#313c45;font-size:16px;font-weight:500}.article-page .article-date{color:gray;font-size:14px}.recent-post-date-container{align-items:center;gap:4px;display:flex}.article-download-banner{border-radius:12px;width:100%;margin-bottom:24px;text-decoration:none;transition:opacity .2s;display:block;overflow:hidden}.article-download-banner:hover{opacity:.92}.article-download-banner img{border-radius:12px;width:100%;height:auto;display:block}.article-content{color:#313c45;padding:32px 0;font-size:16px;line-height:1.7}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{color:#313c45;letter-spacing:0;margin:32px 0 16px;font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;line-height:1.3}.article-content h1{font-size:28px}.article-content h2{font-size:24px}.article-content h3{font-size:20px}.article-content p{margin:0 0 16px}.article-content ul,.article-content ol{margin:16px 0;padding-left:24px}.article-content li{margin:8px 0}.article-content a{color:#4785ff;text-decoration:none}.article-content a:hover{text-decoration:underline}.article-content img{background:0 0;border-radius:8px;max-width:100%;height:auto;margin:1rem 0;display:block}.article-content p img{margin:1rem auto}.sidebar-widget{background:#fff;border:1px solid #e5e5e5;border-radius:1rem;padding:1.5rem;font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.widget-title{color:#313c45;margin:0 0 1rem;font-size:20px;font-weight:400}.recent-posts-widget{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:0}.recent-posts-widget .widget-title{background:#f7f7f7;border-bottom:1px solid #e5e5e5;border-radius:16px 16px 0 0;margin-bottom:0;padding:16px 20px}.recent-posts-list{flex-direction:column;gap:16px;padding:12px;display:flex}.recent-post-item{align-items:flex-start;gap:12px;display:flex}.recent-post-image{border-radius:8px;flex-shrink:0;width:60px;height:60px;overflow:hidden}.recent-post-thumbnail{object-fit:cover;width:100%;height:100%}.recent-post-content{flex:1;min-width:0;padding-bottom:12px}.recent-post-item:not(:last-child) .recent-post-content{border-bottom:1px solid #e5e5e5}.recent-post-title{margin:10px 0 4px;font-size:14px;font-weight:500;line-height:1.3}.recent-post-title a{color:#313c45;text-decoration:none;transition:color .2s}.recent-post-title a:hover{color:#4785ff}.recent-post-date{color:gray;font-size:12px}.author-widget{text-align:left}.author-header{flex-direction:column;gap:1rem;margin-bottom:1rem;display:flex}.author-avatar{background:#f4f4f4;border-radius:16px;flex-shrink:0;width:72px;height:72px;overflow:hidden}.avatar-svg{width:52px;height:52px;margin:10px auto;display:block}.author-name{color:#1e293b;margin:0 0 .5rem;font-size:1.25rem;font-weight:700;line-height:1.2}.author-meta{align-items:center;gap:.25rem;display:flex}.author-date{color:#64748b;font-size:.875rem;line-height:1.4}.author-bio{color:#64748b;margin-bottom:1rem;font-size:.875rem;line-height:1.6}.youtube-widget{background:#f3f6fd;border:none;border-radius:16px;width:100%;height:92px;padding:16px 20px}.youtube-content{align-items:center;gap:1rem;display:flex}.youtube-logo{align-items:center;gap:.75rem;display:flex}.giggle-logo{flex-shrink:0;width:52px;height:52px}.youtube-text{color:gray;font-size:16px;font-weight:400}.youtube-subscribe{flex-shrink:0;height:24px}.youtube-btn{border:1px solid #e5e5e5;border-radius:2px;display:flex;overflow:hidden}.youtube-main{color:#fff;background:red;flex:1;align-items:center;gap:4px;padding:2px 8px;display:flex}.youtube-subscriber-count{color:#737373;text-align:center;background:#fff;align-items:center;padding:0 8px;font-size:11px;display:flex}.youtube-btn:hover{background:#e60000;transform:translateY(-1px)}.youtube-play-icon{flex-shrink:0;width:16px;height:13px}.youtube-btn-text{color:#fff;font-size:.875rem;font-weight:500}.tag-component{color:gray;background:#f7f7f7;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;text-decoration:none;transition:all .2s;display:inline-flex}.tag-component:hover{color:#475569;background:#e2e8f0;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.tag-component.tag-small{border-radius:6px;padding:.25rem .5rem;font-size:.75rem}.tag-component.tag-default{white-space:nowrap;border-radius:6px;padding:3px 6px}.tag-component.tag-active{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fbbf24);border-color:#f59e0b}.tag-component.tag-active .tag-name{color:#92400e}.tag-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.tag-icon svg{width:16px;height:16px}.tag-name{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.tag-component.tag-default .tag-name{flex:1;margin-right:auto}.topic-tags{flex-wrap:wrap;gap:.75rem;display:flex}.download-widget{background:#f7f7f7;border:1px solid #e5e5e5;border-radius:20px;padding:24px;position:relative;overflow:hidden}.download-content{z-index:2;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.download-left{flex:1;max-width:280px}.download-widget .widget-title{color:#313c45;margin-bottom:20px;font-size:16px;font-weight:400;line-height:1.3}.download-buttons{flex-direction:column;gap:12px;display:flex}.download-btn{width:186px;height:48px;color:inherit;background:#fff;border:1px solid #e5e5e5;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;text-decoration:none;transition:all .2s;display:flex}.download-btn:hover{border-color:#d0d0d0;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.download-icon{flex-shrink:0;width:24px;height:24px}.download-text{flex-direction:column;gap:2px;display:flex}.download-label{color:gray;font-size:10px;font-weight:400;line-height:1}.download-store{color:#313c45;font-size:14px;font-weight:600;line-height:1}.download-mascot{z-index:1;position:absolute;inset-block-end:-22px;inset-inline-end:-9px}.mascot-image{width:100px;height:auto;display:block}.sticky-download{z-index:1;background:#fff;margin-bottom:-16px;padding-bottom:16px;position:sticky;top:80px}.toc-widget{background:#f7f7f7;border:1px solid #e5e5e5;border-radius:16px;padding:24px}.toc-content ul{margin:0;padding:0 0 0 20px;list-style-type:disc}.toc-content ul li::marker{color:#4785ff}.toc-item{margin:8px 0}.toc-link{color:#313c45;padding:4px 0;font-size:14px;line-height:1.4;text-decoration:none;transition:color .2s;display:block}.toc-link:hover{color:#4785ff}.toc-content ul ul{margin-top:4px;margin-left:20px;list-style-type:disc}.toc-content ul ul .toc-link{color:gray;padding:3px 0;font-size:13px}.toc-content ul ul ul{list-style-type:square}.toc-content ul ul ul .toc-link{color:#999;font-size:12px}.related-storybooks-widget{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:0;overflow:hidden}.storybooks-widget-title{color:#313c45;background:#f7f7f7;border-bottom:1px solid #e5e5e5;border-radius:16px 16px 0 0;margin:0;padding:16px 20px;font-size:16px;font-weight:600}.related-storybooks-list{flex-direction:column;display:flex}.storybook-item{cursor:pointer;border-bottom:1px solid #f3f3f3;flex-direction:row;align-items:flex-start;gap:12px;padding:12px 20px;text-decoration:none;transition:background .15s;display:flex}.storybook-item:last-child{border-bottom:none}.storybook-item:hover{background:#fafafa}.storybook-cover{object-fit:cover;background:#f3f3f3;border-radius:6px;flex-shrink:0;width:48px;height:64px;display:block}.storybook-body{flex:1;min-width:0}.storybook-title{color:#313c45;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.storybook-author{color:#56bb8e;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.4;overflow:hidden}.storybooks-loading{justify-content:center;align-items:center;gap:6px;padding:28px 20px;display:flex}.storybooks-loading span{background:#d1d5db;border-radius:999px;width:8px;height:8px;animation:1.2s ease-in-out infinite storybooks-pulse}.storybooks-loading span:nth-child(2){animation-delay:.2s}.storybooks-loading span:nth-child(3){animation-delay:.4s}@keyframes storybooks-pulse{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}.related-resources-section{border-top:1px solid #e5e5e5;margin-top:48px;padding-top:32px}.related-resources-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.related-resources-title{color:#1c1c1c;margin:0;font-size:24px;font-weight:800;line-height:30px}.related-resources-rows{overflow:hidden}.related-resources-row{display:none}.related-resources-row.active{flex-wrap:wrap;gap:20px;display:flex}.refresh-btn{color:#1c1c1c;white-space:nowrap;cursor:pointer;background:#fff;border:1.5px solid #e5e5e5;border-radius:50px;justify-content:center;align-items:center;gap:4px;padding:10px 12px;font-family:Nunito,sans-serif;font-size:14px;font-weight:800;line-height:18px;transition:all .2s;display:inline-flex}.refresh-btn:hover{color:#7d52f4;border-color:#7d52f4}.refresh-btn:active{background:#f5f0ff}.related-resource-card{flex-direction:column;flex:0 220px;gap:10px;min-width:150px;text-decoration:none;transition:opacity .2s;display:flex}.related-resource-card:hover{opacity:.85}.related-resource-card:hover .related-resource-cover img{transform:scale(1.04)}.related-resource-cover{aspect-ratio:240/130;background:#d6d6d6;border-radius:8px;width:100%;overflow:hidden}.related-resource-cover img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.related-resource-info{flex-direction:column;gap:8px;display:flex}.related-resource-text{flex-direction:column;gap:4px;display:flex}.related-resource-title{color:#202630;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:18px;font-weight:800;line-height:22px;display:-webkit-box;overflow:hidden}.related-resource-desc{color:#a3a3a3;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:500;line-height:18px;overflow:hidden}.related-resource-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.related-resource-date{color:gray;white-space:nowrap;font-size:14px;line-height:18px}.related-resource-tag{color:gray;white-space:nowrap;background:#f7f7f7;border-radius:6px;align-items:center;gap:2px;padding:3px 8px 3px 6px;font-size:14px;line-height:18px;display:inline-flex}.mobile-download-float{display:none}@media (max-width:900px){.mobile-download-float{cursor:pointer;white-space:nowrap;z-index:999;background:#ffd100;border:none;border-radius:99px;justify-content:center;align-items:center;gap:10px;width:335px;max-width:calc(100vw - 40px);height:44px;padding:0 28px;text-decoration:none;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000026}.mobile-download-float:active{opacity:.85;transform:translate(-50%)scale(.97)}.mobile-download-float svg{flex-shrink:0}.mobile-download-float span{color:#0e1216;letter-spacing:0;font-family:Nunito,sans-serif;font-size:16px;font-weight:800;line-height:20px}}@media (max-width:768px){.article-page .article-layout{grid-template-columns:1fr}.article-page .article-sidebar{order:2}.article-page .article-header{padding:24px 0 0}.article-page .article-title{font-size:28px}.article-content{padding:24px 0}.recent-post-item{gap:8px}.recent-post-image{width:50px;height:50px}.sticky-download{position:unset}}@media (max-width:600px){.article-download-banner{border-radius:8px;margin-bottom:16px}.article-download-banner img{border-radius:8px}}@media (max-width:480px){.article-page .main-container{padding:1rem}.article-page .breadcrumb{gap:6px;margin-bottom:16px;font-size:12px}.article-page .article-header{padding:16px 0 0}.article-page .article-title{font-size:24px}.article-content{padding:16px 0;font-size:15px}.toc-widget{padding:16px}.recent-post-title{font-size:13px}.recent-post-date{font-size:11px}.download-widget{padding:16px}.download-left{max-width:200px}.download-widget .widget-title{margin-bottom:16px;font-size:14px}.download-buttons{gap:8px}.download-btn{gap:8px;width:170px;padding:6px 8px}.download-icon{width:20px;height:20px}.download-label{font-size:9px}.download-store{font-size:12px}.mascot-image{width:80px}.youtube-widget{padding:1rem}.giggle-logo{width:40px;height:40px}.youtube-text{font-size:1rem}.youtube-btn-text{font-size:.75rem}.youtube-subscriber-count{padding:.0625rem .25rem;font-size:.625rem}.author-name{font-size:1.1rem}.tag-component.tag-default{padding:.5rem}.tag-component.tag-small{padding:.2rem .4rem;font-size:.7rem}.tag-icon svg{width:14px;height:14px}.related-resources-title{font-size:18px;line-height:24px}.related-resource-card{width:46vw;min-width:130px;max-width:180px}}@media (max-width:900px){.related-refresh-btn{display:none}.related-resources-rows{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.related-resources-rows::-webkit-scrollbar{height:4px}.related-resources-rows::-webkit-scrollbar-thumb{background:#e5e5e5;border-radius:2px}.related-resources-row,.related-resources-row.active{display:contents}.related-resource-card{scroll-snap-align:start;flex:none;width:42vw;min-width:140px;max-width:200px}.related-resource-cover{aspect-ratio:240/130;width:100%;height:auto}.related-resource-title{font-size:14px;line-height:1.4}.related-resource-desc,.related-resource-date{font-size:12px}}@media (max-width:480px){.related-resources-title{font-size:18px;line-height:24px}.related-resource-card{width:46vw;min-width:130px;max-width:180px}}.field-input:focus{outline-offset:1px;border-color:#cb5f2b70;outline:2px solid #cb5f2b47}.field-textarea{resize:vertical}.field-textarea-small{min-height:110px}.field-textarea-large{min-height:340px}.admin-actions{flex-wrap:wrap;gap:12px;display:flex}.admin-button{appearance:none;background:var(--accent);color:#fff;font-family:var(--font-heading);cursor:pointer;border:0;border-radius:999px;padding:12px 18px;font-size:.96rem;font-weight:700;transition:transform .16s,opacity .16s,background .16s}.admin-button:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-1px)}.admin-button:disabled{opacity:.52;cursor:not-allowed}.admin-button-secondary{color:var(--foreground);background:#1720331f}.admin-button-secondary:hover:not(:disabled){background:#1720332e}.admin-button-danger{background:#b6462d}.admin-button-danger:hover:not(:disabled){background:#8e311d}.admin-result{border-radius:var(--radius-md);border:1px solid #1720331f;padding:18px}.admin-result-success{background:#56976f1a;border-color:#56976f3d}.admin-result-error{background:#b6462d1a;border-color:#b6462d3d}.admin-result-title{font-family:var(--font-heading);margin:0;font-weight:700}.admin-json{border-radius:var(--radius-sm);background:#1720330f;margin:16px 0 0;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.88rem;line-height:1.55;overflow:auto}.admin-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.admin-stat-card{border-radius:var(--radius-md);background:#ffffffbd;border:1px solid #1720331a;padding:18px}.admin-stat-label{color:var(--muted);font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:700;display:block}.admin-stat-value{font-family:var(--font-heading);margin-top:10px;font-size:2rem;line-height:1;display:block}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;vertical-align:top;border-top:1px solid #1720331a;padding:16px}.admin-table thead th{color:var(--muted);font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;border-top:0;font-size:.82rem;font-weight:700}.admin-table-title{font-family:var(--font-heading);margin:0 0 8px;font-size:1rem}.admin-chip-stack{flex-wrap:wrap;gap:8px;display:flex}.admin-status-chip{color:var(--accent-strong);font-family:var(--font-heading);background:#cb5f2b1f;border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:700}.admin-status-chip-muted{color:var(--foreground);background:#17203314}.admin-inline-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-link-button{color:var(--foreground);font-family:var(--font-heading);cursor:pointer;background:#ffffffc7;border:1px solid #1720331f;border-radius:999px;justify-content:center;align-items:center;padding:9px 12px;font-size:.88rem;font-weight:700;display:inline-flex}.admin-link-button-danger{color:#8e311d;background:#b6462d14;border-color:#b6462d3d}.admin-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.admin-modal-content{background:var(--color-surface,#fff);border-radius:12px;flex-direction:column;width:100%;max-width:800px;max-height:85vh;display:flex;box-shadow:0 20px 60px #0003}.admin-modal-header{border-bottom:1px solid #17203314;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.admin-modal-header h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;font-weight:600;overflow:hidden}.admin-modal-close{cursor:pointer;color:var(--color-text-secondary,#666);background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px 8px;font-size:1.25rem}.admin-modal-close:hover{background:#0000000f}.admin-modal-body{flex:1;padding:24px;overflow-y:auto}.admin-editor-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.admin-editor-form{min-width:0}.admin-editor-preview{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;max-height:calc(100vh - 48px);display:flex;position:sticky;top:24px;overflow:hidden}.admin-editor-preview-header{color:#6b7280;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:12px 20px;font-size:.85rem;font-weight:600}.admin-editor-preview-body{flex:1;padding:24px;overflow-y:auto}@media (max-width:1100px){.admin-editor-split{grid-template-columns:1fr}.admin-editor-preview{max-height:600px;position:static}}@media (max-width:720px){.shell{padding:20px 0 40px}.hero{padding:24px}.article-layout{grid-template-columns:1fr}.article-content.prose{padding:24px 0}.sidebar-widget{padding:1.5rem}.toc-widget{padding:24px}.pagination{flex-direction:column;align-items:stretch}.pagination-link{width:100%}.admin-grid,.admin-toolbar,.field-grid,.field-grid-compact,.admin-stat-grid,.admin-editor-split{grid-template-columns:1fr}.admin-editor-preview{max-height:500px;position:static}}@media (max-width:480px){.article-content.prose{padding:16px 0;font-size:15px}.toc-widget{padding:16px}}.learning-resources-page{padding-top:80px}.hero-section{justify-content:center;padding:2rem;display:flex}.hero-banner{background-image:url(/blog/images/blog-banner.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;width:1272px;height:360px;box-shadow:0 8px 32px #0000001a}.hero-banner.category-songs{background-image:url(/blog/images/category-songs-banner.jpg)}.hero-banner.category-grammar{background-image:url(/blog/images/category-grammar-banner.jpg)}.hero-banner.category-storybooks{background-image:url(/blog/images/category-storybooks-banner.jpg)}.hero-banner.category-flashcards{background-image:url(/blog/images/category-flashcard-banner.jpg)}.hero-banner.category-coloring{background-image:url(/blog/images/category-color-banner.jpg)}.free-banner{cursor:pointer;background-image:url(/blog/images/learning-banner.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:24px;width:1320px;height:360px;text-decoration:none;transition:all .3s;display:block;box-shadow:0 8px 32px #0000001a}.free-banner:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.full-container{width:1320px;margin:0 auto}.learning-resources-page .section-title{color:#1e293b;letter-spacing:0;margin:0;font-family:Rubik,sans-serif;font-size:1.75rem;font-weight:700}.learning-resources-page .section-title a{color:#1e293b;text-decoration:none}.learning-resources-page .section-title a:hover{color:#4785ff}.resource-section{margin-bottom:4rem}.learning-resources-page .section-header,.homepage .section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-header-right{align-items:center;gap:8px;display:flex}.resource-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.resource-cards-group:not(.active){display:none}.resource-card-link{color:inherit;text-decoration:none;transition:all .2s;display:block}.resource-card-link:hover{color:inherit;text-decoration:none}.resource-card{background:#fff;border-radius:12px;transition:all .2s;overflow:hidden}.resource-card-link:hover .resource-card{border-color:#4785ff;transform:translateY(-2px);box-shadow:0 4px 12px #4785ff1a}.resource-image{border-radius:12px;width:100%;height:160px;position:relative;overflow:hidden}.resource-image img{object-fit:cover;width:100%;height:100%}.resource-content{padding:1rem}.resource-title{margin:0 0 .75rem;font-size:1rem;font-weight:600;line-height:1.3}.resource-description{color:gray;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .5rem;font-size:.813rem;line-height:1.4;overflow:hidden}.resource-meta{flex-direction:column;gap:.5rem;display:flex}.resource-date{color:#64748b;margin:0;font-size:.75rem}.homepage{padding-top:80px}.homepage .main-container{width:100%;max-width:1320px;margin:0 auto;padding:2rem}.homepage .breadcrumb{color:#666;align-items:center;gap:8px;margin-bottom:1.5rem;font-size:.875rem;display:flex}.homepage .breadcrumb a{color:#4785ff;text-decoration:none}.homepage .breadcrumb-active{color:#333;font-weight:500;font-size:inherit;margin:0;display:inline}.blog-grid{grid-template-columns:1fr 360px;align-items:start;gap:2.5rem;display:grid}.blog-posts{flex-direction:column;gap:0;margin-bottom:20px;display:flex}.blog-card{cursor:pointer;background:#fff;border-radius:.75rem;gap:1.5rem;margin-bottom:1.5rem;transition:all .3s;display:flex}.blog-card:hover{background:#fafbfc;border-color:#e2e8f0}.blog-image{background:#f8fafc;border-radius:.5rem;flex-shrink:0;width:240px;height:130px;overflow:hidden}.blog-image img{object-fit:cover;width:100%;height:100%}.blog-content{flex:1}.blog-title{margin-bottom:.75rem}.blog-title a{color:#1e293b;font-size:1.1rem;font-weight:600;line-height:1.4;text-decoration:none}.blog-title a:hover{color:#2d7a5a}.blog-meta{color:gray;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:.75rem;font-size:.875rem;display:flex}.blog-summary{color:gray;-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:1rem;line-height:1.6;display:-webkit-box;overflow:hidden}.read-more{color:#4785ff;font-size:.875rem;font-weight:500}.homepage .sidebar{flex-direction:column;gap:2rem;display:flex;position:sticky;top:120px}.recent-resources-widget{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:0}.recent-widget-title{background:#f7f7f7;border-bottom:1px solid #e5e5e5;border-radius:16px 16px 0 0;margin-bottom:0;padding:16px 20px}.recent-resources-list{flex-direction:column;padding:12px;display:flex}.recent-resource-item{border-bottom:1px solid #f3f3f3;align-items:flex-start;gap:12px;padding:10px 0;display:flex}.recent-resource-item:last-child{border-bottom:none}.recent-resource-cover{border-radius:8px;flex-shrink:0;width:60px;height:60px;display:block;overflow:hidden}.recent-resource-cover img{object-fit:cover;width:100%;height:100%}.recent-resource-body{flex:1;min-width:0}.recent-resource-title{color:#313c45;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:13px;font-weight:500;line-height:1.4;text-decoration:none;display:-webkit-box;overflow:hidden}.recent-resource-title:hover{color:#4785ff}.recent-resource-desc{color:gray;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.recent-resource-date{color:gray;font-size:11px}@media (max-width:1400px){.hero-banner{aspect-ratio:1320/360;width:100%;max-width:1272px;height:auto}.free-banner{aspect-ratio:1320/360;width:100%;max-width:1320px;height:auto}.full-container{width:95%;max-width:1320px;padding:0 20px}}@media (max-width:1200px){.full-container{width:96%;padding:0 24px}.free-banner{width:96%}.resource-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}}@media (max-width:1024px){.full-container{width:98%;padding:0 16px}.free-banner{width:98%}.resource-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.learning-resources-page .section-title{font-size:1.5rem}}@media (max-width:900px){.homepage .main-container{max-width:100%;padding:1rem}.hero-section{padding:1rem}.hero-banner{border-radius:12px;width:100%}.blog-card{flex-direction:column;gap:1rem}.blog-image{width:100%;height:auto}.blog-grid{display:block}.homepage .sidebar{position:unset;margin-top:2rem}.hero-section{display:none}.homepage .main-container{padding-bottom:70px}}@media (max-width:480px){.learning-resources-page{padding-top:80px}.full-container{width:100%;margin:0;padding:0 16px}.hero-section{margin-bottom:24px}.free-banner{width:100%;max-width:100%;height:200px;margin:0}.resources-grid{flex-direction:column;gap:32px;display:flex}.resource-section{margin-bottom:0}.learning-resources-page .section-header,.homepage .section-header{margin-bottom:16px;padding:0}.learning-resources-page .section-title{color:#1e293b;margin:0;font-size:20px;font-weight:700}.resource-cards{display:block}.resource-card:nth-child(n+4){display:none}.resource-card{background:#fff;border:none;border-radius:12px;transition:all .2s;overflow:hidden}.resource-image{border-radius:12px;width:100%;height:187px;position:relative;overflow:hidden}.resource-content{padding:12px}.resource-title{margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.3}.resource-date{color:#64748b;margin:0;font-size:12px}.homepage .breadcrumb{gap:6px;margin-bottom:16px;font-size:12px}}giggle-header{display:block}.main-footer{background:#fff;border-top:1px solid #e5e5e5;margin-top:4rem}.footer-nav{border-bottom:1px solid #e5e5e5;padding:48px 20px}.footer-nav-inner{align-items:flex-start;gap:48px;max-width:1320px;margin:0 auto;display:flex}.footer-nav-brand{flex-direction:column;flex:0 0 420px;gap:12px;display:flex}.footer-nav-logo-link{text-decoration:none;display:inline-block}.footer-nav-logo-img{width:auto;height:36px;display:block}.footer-nav-desc{color:gray;letter-spacing:0;max-width:460px;margin:0;font-family:Nunito,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.footer-nav-badges{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.footer-badge{color:#fff;background:#000;border:.75px solid #a6a6a6;border-radius:8px;align-items:center;gap:6px;min-width:90px;padding:5px 10px;text-decoration:none;transition:opacity .2s;display:flex}.footer-badge:hover{opacity:.8}.footer-badge-text{flex-direction:column;display:flex}.footer-badge-label{color:#fff;white-space:nowrap;font-size:8px;font-weight:500;line-height:1.2}.footer-badge-store{color:#fff;white-space:nowrap;font-size:11px;font-weight:700;line-height:1.3}.footer-nav-cols{flex:1;justify-content:flex-end;gap:0;display:flex}.footer-nav-col{flex-direction:column;gap:12px;min-width:120px;padding:0 40px;display:flex}.footer-nav-col:first-child{padding-left:0}.footer-nav-col+.footer-nav-col{border-left:1px solid #ebebeb}.footer-nav-col-title{color:#a3a3a3;letter-spacing:0;text-align:center;margin:0;font-family:Nunito,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:18px}.footer-nav-link{color:#5c5c5c;letter-spacing:0;text-align:center;white-space:nowrap;font-family:Nunito,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:18px;text-decoration:none;transition:color .2s}.footer-nav-link:hover{color:#1c1c1c}.footer-container{max-width:1320px;height:80px;margin:0 auto;padding:0 20px;display:flex}.footer-content{flex:1;justify-content:space-between;align-items:center;display:flex}.footer-links{color:#0a142f;opacity:.3;align-items:center;gap:4px;font-size:16px;display:flex}.footer-link{color:#0a142f;font-size:14px;font-weight:400;text-decoration:underline;transition:color .2s}.footer-link:hover{color:gray}.footer-copyright{color:#b4b4b4;margin:0;font-size:16px;font-weight:400}.footer-right{text-align:end}.footer-social{align-items:center;gap:20px;display:flex}.social-link{border:1px solid #e5e5e5;border-radius:20px;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .2s;display:flex}.social-link svg{width:auto;height:auto;transition:all .2s}.social-link.xiaohongshu-link{border:none;border-radius:0;width:36px;height:36px}.social-link.xiaohongshu-link svg{width:36px;height:36px}@media (max-width:900px){.main-footer{border-top:none}.footer-nav{display:none}.footer-container{height:auto;padding:12px}.footer-content{text-align:center;flex-direction:column;gap:16px;margin-top:16px}.footer-social{gap:16px}.social-link{border-radius:16px;width:32px;height:32px}.social-link.xiaohongshu-link{width:28px;height:28px}.main-container{max-width:100%;padding:1rem}}.legacy-pagination{justify-content:center;align-items:center;gap:.25rem;margin:3rem 0;display:flex}.legacy-pagination .pagination-numbers{align-items:center;gap:.25rem;display:flex}.legacy-pagination .pagination-btn{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.legacy-pagination .pagination-btn:hover:not(.pagination-disabled){color:#3b82f6;background:#f3f4f6;border-color:#3b82f6}.legacy-pagination .pagination-btn.pagination-disabled{color:#d1d5db;cursor:not-allowed;opacity:.5}.legacy-pagination .pagination-number{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;min-width:40px;height:40px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.legacy-pagination .pagination-number:hover:not(.pagination-current){color:#374151;background:#f9fafb;border-color:#e5e7eb}.legacy-pagination .pagination-current{color:#fff;background:#3b82f6;border-color:#3b82f6;font-weight:600}.legacy-pagination .pagination-ellipsis{color:#9ca3af;justify-content:center;align-items:center;min-width:40px;height:40px;font-size:14px;display:inline-flex}.s3-resource-tree{flex-direction:column;gap:2px;display:flex}.s3-group{border:1px solid #17203314;border-radius:10px;transition:box-shadow .2s;overflow:hidden}.s3-group:hover{box-shadow:0 1px 4px #0000000a}.s3-group-header{cursor:pointer;text-align:left;width:100%;font-family:var(--font-heading);color:var(--foreground);background:#17203305;border:none;align-items:center;gap:8px;padding:12px 16px;font-size:.92rem;font-weight:600;transition:background .15s;display:flex}.s3-group-header:hover{background:#1720330d}.s3-group-toggle{color:#9ca3af;min-width:12px;font-size:.7rem}.s3-group-icon{font-size:1rem}.s3-group-slug{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.s3-group-count{color:#9ca3af;white-space:nowrap;font-size:.8rem;font-weight:500}.s3-group-children{border-top:1px solid #1720330f}.s3-resource-row{border-bottom:1px solid #1720330a;align-items:center;gap:12px;padding:10px 16px 10px 40px;transition:background .15s;display:flex}.s3-resource-row:last-child{border-bottom:none}.s3-resource-row:hover{background:#17203305}.s3-resource-info{flex:1;align-items:flex-start;gap:8px;min-width:0;display:flex}.s3-resource-icon{flex-shrink:0;margin-top:2px;font-size:.9rem}.s3-resource-details{flex:1;min-width:0}.s3-resource-key{font-family:var(--font-mono,monospace);color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.82rem;font-weight:500;overflow:hidden}.s3-resource-meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.s3-verify-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.s3-verify-ok{color:#059669;background:#10b9811f}.s3-verify-fail{color:#dc2626;background:#ef44441f}@media (max-width:720px){.s3-resource-row{flex-direction:column;align-items:flex-start;gap:8px;padding-left:24px}.s3-resource-meta{flex-wrap:wrap}}.download-btn.apk{background:#fff;border:1px solid #e5e5e5;border-radius:10px;align-items:center;gap:10px;padding:8px 16px;text-decoration:none;transition:all .2s;display:flex}.download-btn.apk:hover{background:#f0fdf4;border-color:#18c83e}@media (max-width:900px){.legacy-pagination,.legacy-pagination .pagination-numbers{gap:.125rem}.legacy-pagination .pagination-btn,.legacy-pagination .pagination-number{min-width:36px;height:36px;font-size:13px}.legacy-pagination .pagination-btn svg{width:14px;height:14px}}