@charset "UTF-8";
:root{--rose:#D6A92F;--rose-2:#E7C45D;--rose-light:#F5E3A0;--rose-soft:#FFF7DC;--cream:#FFFEF8;--cream-2:#FFF9E9;--cream-3:#F8F0D9;--mauve:#B6A27B;--mauve-deep:#8A754E;--plum:#554832;--plum-dark:#3B3326;--lavender:#D7DFCB;--lavender-soft:#F0F4E9;--peach:#E7B978;--peach-soft:#FFF2E2;--sage:#A8B99A;--sage-soft:#EFF4E9;--ink:#3D382D;--ink-2:#665D4A;--ink-3:#938A78;--surface:#fff;--surface-soft:rgba(255,254,248,.94);--line:rgba(61,56,45,.12);--line-strong:rgba(61,56,45,.22);--shadow:0 8px 28px rgba(92,72,28,.08);--shadow-hover:0 18px 42px rgba(92,72,28,.14);--radius:12px;--radius-card:18px;--radius-large:28px;--radius-pill:999px;--wrap:1320px;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img,video{max-width:100%;height:auto}p{color:var(--ink-2);margin:0 0 1em}h1,h2,h3,h4{font-family:Georgia,"Songti SC","Noto Serif CJK SC",serif;letter-spacing:-.035em;line-height:1.2;margin:0;color:var(--ink);font-weight:600}h1{font-size:clamp(2.6rem,5vw,5.4rem)}h2{font-size:clamp(1.9rem,3vw,3rem)}h3{font-size:1.35rem}.wrap{width:min(var(--wrap),calc(100% - 64px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:12px;top:-80px;z-index:999;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px}.skip-link:focus{top:12px}.eyebrow{display:inline-block;color:var(--mauve-deep);font-size:10px;letter-spacing:.17em;font-weight:800;text-transform:uppercase}.text-link{display:inline-flex;align-items:center;gap:12px;color:var(--mauve-deep);font-size:13px;font-weight:700;border-bottom:1px solid rgba(138,117,78,.35);padding-bottom:4px;transition:gap .25s}.text-link:hover{gap:18px;color:#5f4c2d}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 21px;border:1px solid transparent;border-radius:var(--radius-pill);font-size:13px;font-weight:750;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--rose);color:#352b18;box-shadow:0 8px 18px rgba(214,169,47,.2)}.button-primary:hover{background:#e2b943;box-shadow:0 12px 25px rgba(214,169,47,.28)}.button-quiet{background:rgba(255,255,255,.6);border-color:var(--line);color:var(--ink-2)}.button-dark{background:var(--plum-dark);color:#fff8df}.button-outline{background:transparent;border-color:var(--line-strong);color:var(--ink-2)}
/* Header and navigation */
.site-header{position:sticky;top:0;z-index:80;background:rgba(255,254,248,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);transition:box-shadow .25s}.site-header.is-scrolled{background:rgba(255,255,255,.98);box-shadow:0 5px 22px rgba(61,56,45,.06)}.header-inner{width:min(1440px,calc(100% - 56px));height:72px;margin:auto;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;flex:none;font-weight:800;letter-spacing:.02em}.brand>span:last-child{font-size:17px;line-height:1.15}.brand small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.16em;color:var(--ink-3);font-weight:600;margin-top:5px}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:12px 12px 12px 4px;background:linear-gradient(145deg,#f4d879,#d6a92f);color:#59431c;font-family:serif;font-size:20px;box-shadow:inset 0 1px rgba(255,255,255,.8)}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.55vw,25px);flex:1}.desktop-nav a{position:relative;color:var(--ink-2);font-size:12px;font-weight:650;white-space:nowrap;padding:26px 0}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:17px;height:2px;background:var(--rose);transition:right .25s}.desktop-nav a:hover{color:var(--ink)}.desktop-nav a:hover:after{right:0}.header-actions{display:flex;align-items:center;gap:12px}.icon-link{border:0;background:transparent;font-size:23px;color:var(--ink-2);padding:5px}.app-link{font-size:11px;font-weight:700;padding:9px 14px;border:1px solid var(--line-strong);border-radius:var(--radius-pill)}.menu-toggle{display:none;border:1px solid var(--line);background:transparent;border-radius:30px;padding:8px 13px;color:var(--ink)}.mobile-nav{padding:8px 24px 20px;border-top:1px solid var(--line);background:var(--cream);grid-template-columns:repeat(2,1fr);gap:4px}.mobile-nav:not([hidden]){display:grid}.mobile-nav a{padding:11px 8px;color:var(--ink-2);border-bottom:1px solid var(--line)}
/* Search overlay */
.search-modal{position:fixed;inset:0;z-index:200;display:none;align-items:flex-start;justify-content:center;padding:16vh 20px 30px}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none!important}.search-backdrop{position:absolute;inset:0;background:rgba(45,39,28,.58);backdrop-filter:blur(6px)}.search-dialog{position:relative;width:min(650px,100%);padding:48px;border-radius:26px;background:var(--cream);box-shadow:0 25px 90px rgba(0,0,0,.2)}.search-dialog h2{margin:10px 0 25px}.modal-close{position:absolute;right:20px;top:15px;border:0;background:transparent;font-size:28px;color:var(--ink-3)}.search-form{display:flex;gap:10px}.search-form input,.search-page-form input,.hero-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);padding:0 10px}.search-form input{height:50px;border-bottom:1px solid var(--line-strong)}
/* Hero stage */
.hero-stage{min-height:610px;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr);align-items:center;padding:76px max(32px,calc((100vw - 1320px)/2)) 70px;background:linear-gradient(125deg,#fffef8 0%,#fff6d9 52%,#f5e4b3 100%)}.hero-glow{position:absolute;width:680px;height:680px;border-radius:50%;right:4%;top:-30%;background:radial-gradient(circle,rgba(231,196,93,.34),rgba(255,247,220,0) 68%);pointer-events:none}.hero-content{position:relative;z-index:2;max-width:650px}.hero-content h1{font-size:clamp(3rem,5.2vw,5.25rem);margin:20px 0 22px;letter-spacing:-.065em}.hero-content h1 em{font-style:normal;color:#9a762c}.hero-content>p{max-width:550px;font-size:16px;line-height:1.95;color:#71664f}.hero-search{display:flex;align-items:center;gap:10px;max-width:570px;padding:8px 8px 8px 18px;margin:30px 0 17px;background:rgba(255,255,255,.82);border:1px solid rgba(138,117,78,.18);border-radius:var(--radius-pill);box-shadow:0 12px 32px rgba(92,72,28,.08)}.hero-search>span{font-size:24px;color:var(--mauve-deep)}.hero-search input{font-size:12px}.hero-tags{display:flex;flex-wrap:wrap;gap:8px}.hero-tags a{font-size:10px;color:var(--ink-2);padding:5px 11px;border:1px solid rgba(138,117,78,.23);border-radius:30px;background:rgba(255,255,255,.35)}.hero-tags a:hover{background:#fff}.hero-actions{display:flex;gap:12px;margin-top:30px}.hero-art{height:460px;position:relative;z-index:1}.art-orbit{position:absolute;border:1px solid rgba(138,117,78,.28);border-radius:50%;transform:rotate(-23deg)}.orbit-one{width:440px;height:330px;top:52px;left:8%}.orbit-two{width:350px;height:430px;top:15px;left:17%;transform:rotate(30deg)}.art-poster{position:absolute;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 22px 55px rgba(92,72,28,.16);overflow:hidden}.poster-main{width:245px;height:355px;top:43px;left:29%;padding:24px;background:linear-gradient(155deg,#e5bc52 0%,#f8e9b7 45%,#9b9a70 100%);border-radius:120px 120px 22px 22px;transform:rotate(5deg)}.poster-main:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:rgba(255,250,220,.56);right:-70px;top:42px}.poster-main>span,.poster-small>span{font-size:9px;letter-spacing:.2em;color:#62502d}.poster-main>b{position:relative;font-family:Georgia,serif;font-size:31px;line-height:1.25;color:#493b20}.poster-main small{font-size:9px;color:#665737}.poster-small{width:155px;height:220px;top:174px;right:5%;padding:18px;background:linear-gradient(145deg,#e2e7d5,#a9b99a);border-radius:90px 90px 15px 15px;transform:rotate(-8deg)}.poster-small>b{font-family:Georgia,serif;font-size:23px;line-height:1.2;color:#394637}.art-note{position:absolute;left:4%;bottom:25px;background:rgba(255,255,255,.8);border:1px solid rgba(138,117,78,.2);border-radius:40px;padding:10px 16px;font-size:10px;color:var(--ink-2);box-shadow:var(--shadow)}.art-note i{display:inline-block;width:7px;height:7px;background:#9eae88;border-radius:50%;margin-right:7px}.art-stamp{position:absolute;right:7%;top:37px;width:72px;height:72px;display:grid;place-content:center;text-align:center;border-radius:50%;background:var(--plum);color:#fff2c9;font-family:Georgia,serif;font-size:16px;line-height:1.15;transform:rotate(12deg)}
/* Section foundations */
.section-block{padding:94px 0}.section-soft{background:var(--cream-2)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-heading h2{margin:9px 0 10px}.section-heading p{max-width:590px;margin:0;font-size:13px}.section-heading>.text-link{flex:none;margin-bottom:5px}.quick-categories{display:grid;grid-template-columns:.8fr 1.6fr;gap:55px;padding-top:54px;padding-bottom:54px;border-bottom:1px solid var(--line)}.quick-intro h2{font-size:25px;margin:9px 0}.quick-intro p{font-size:12px}.category-pills{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.category-pills>a{display:flex;align-items:center;gap:15px;padding:17px 18px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.6);transition:.25s}.category-pills>a:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.category-pills>a>b{font:italic 18px Georgia;color:var(--rose)}.category-pills>a span{font-weight:750;font-size:13px}.category-pills small{display:block;font-size:10px;color:var(--ink-3);font-weight:400}.category-pills i{margin-left:auto;font-style:normal;color:var(--mauve-deep)}.feature-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center}.feature-copy h2{margin:13px 0 20px;font-size:clamp(2.3rem,4vw,3.8rem)}.feature-copy p{font-size:14px;line-height:2;max-width:430px;margin-bottom:24px}.feature-visual{height:390px;position:relative;overflow:hidden;border-radius:var(--radius-large);background:linear-gradient(130deg,#d5d7b9,#f2df9e 52%,#b8aa82)}.visual-label{position:absolute;top:28px;left:32px;font-size:10px;letter-spacing:.16em;color:#695b38}.visual-sun{position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,251,223,.78);top:38px;right:13%;box-shadow:0 0 0 24px rgba(255,255,255,.11),0 0 0 48px rgba(255,255,255,.08)}.visual-lines{position:absolute;left:-10%;right:-10%;bottom:55px;height:120px;border-top:1px solid rgba(91,79,47,.25);transform:skewY(-10deg);box-shadow:0 20px 0 rgba(91,79,47,.08),0 40px 0 rgba(91,79,47,.08),0 60px 0 rgba(91,79,47,.08)}.visual-title{position:absolute;left:12%;bottom:70px;font:54px/1.08 Georgia,serif;color:#55472d}.visual-caption{position:absolute;right:8%;bottom:32px;font-size:10px;color:#665a3d}.work-grid{display:grid;gap:18px}.work-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.work-card{min-width:0;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;background:#fff;transition:transform .3s,box-shadow .3s}.work-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.work-link{display:block;height:100%}.work-art{height:210px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(140deg,#e6c76f,#f8ebc6 55%,#b5b994)}.work-art:before,.work-art:after{content:"";position:absolute;border:1px solid rgba(86,70,35,.2);border-radius:50%;width:190px;height:190px;transform:translate(30px,-8px)}.work-art:after{width:140px;height:140px;transform:translate(-75px,38px)}.work-art i{position:absolute;width:130px;height:130px;background:rgba(255,255,255,.42);border-radius:50%;right:14%;top:13%}.work-art b{position:relative;font:64px Georgia,serif;color:rgba(82,66,34,.7)}.work-copy{display:flex;flex-direction:column;align-items:flex-start;padding:20px}.work-copy strong{font:600 20px/1.35 Georgia,"Songti SC",serif;margin:8px 0}.work-desc{font-size:12px;line-height:1.8;color:var(--ink-2);min-height:44px}.work-copy .text-link{margin-top:16px;font-size:11px}.work-card.landscape .work-link{display:grid;grid-template-columns:38% 1fr}.work-card.landscape .work-art{height:100%;min-height:190px}.work-card.landscape .work-copy{justify-content:center}.tag{display:inline-block;background:var(--sage-soft);color:#65765b;border-radius:30px;padding:4px 9px;font-size:10px;margin:3px 4px 3px 0}
/* Topic mosaics and feature bands */
.genre-mosaic{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:180px 180px;gap:14px}.genre-tile{position:relative;display:flex;flex-direction:column;justify-content:end;padding:24px;border-radius:18px;overflow:hidden;transition:transform .25s}.genre-tile:hover{transform:translateY(-4px)}.genre-tile span{position:absolute;top:22px;left:24px;font-size:9px;letter-spacing:.16em;opacity:.7}.genre-tile strong{font:28px Georgia,serif}.genre-tile small{font-size:11px;margin-top:6px;opacity:.8}.genre-large{grid-row:span 2;background:linear-gradient(145deg,#d8c078,#a5aa84);color:#423d27}.genre-cream{background:#f3e7bd}.genre-green{background:#dce4d3}.genre-peach{background:#f4dfc5}.ai-band{background:linear-gradient(120deg,#f3e5b7,#f8f0d9 58%,#e7ebd9)}.ai-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.ai-layout h2{font-size:clamp(2.5rem,4vw,4rem);margin:12px 0 18px}.ai-layout h2 em{font-style:normal;color:#9b792d}.ai-layout p{max-width:480px;font-size:13px;line-height:2;margin-bottom:25px}.ai-board{background:rgba(255,255,255,.7);border:1px solid rgba(138,117,78,.17);border-radius:20px;padding:25px 28px;box-shadow:var(--shadow)}.board-top{display:flex;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.15em;color:var(--ink-3)}.process-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.process-row:last-child{border:0}.process-row b{font:italic 18px Georgia;color:var(--rose)}.process-row span{font-size:14px;font-weight:750}.process-row i{font-style:normal;font-size:10px;color:var(--ink-3)}.comic-feature{display:grid;grid-template-columns:1fr 1fr;min-height:350px;border-radius:22px;overflow:hidden;background:#f1e6c8}.comic-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:35px;background:linear-gradient(145deg,#b6c2a2,#e9d69a);overflow:hidden}.comic-art>span{font-size:10px;letter-spacing:.18em;color:#536046}.comic-sun{position:absolute;width:230px;height:230px;border-radius:50%;background:rgba(255,250,221,.65);right:9%;top:10%}.comic-art>b{position:relative;font:44px/1.2 Georgia,serif;color:#48513c}.comic-copy{padding:44px 50px}.comic-copy h3{font-size:28px;margin:12px 0}.comic-copy p{font-size:13px;line-height:2}.comic-copy ul{padding-left:18px;color:var(--ink-2);font-size:12px;line-height:2.2;margin:18px 0 22px}.vertical-track{display:grid;grid-template-columns:repeat(3,1fr) 1.05fr;gap:14px;align-items:stretch}.vertical-card{min-height:290px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;border-radius:18px;color:#51442b;position:relative;overflow:hidden}.vertical-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;border:1px solid rgba(80,65,35,.22);right:-30px;top:60px;box-shadow:0 0 0 18px rgba(255,255,255,.1),0 0 0 36px rgba(255,255,255,.08)}.vertical-card span{font-size:9px;letter-spacing:.14em}.vertical-card b{font:30px/1.3 Georgia,serif;z-index:1}.vertical-card small{font-size:10px;z-index:1}.vertical-one{background:#e7d28f}.vertical-two{background:#d7dfc9}.vertical-three{background:#efd8bd}.vertical-track-note{display:flex;flex-direction:column;justify-content:center;padding:20px}.vertical-track-note strong{font:64px Georgia,serif;color:var(--mauve-deep)}.vertical-track-note span{font-size:12px;color:var(--ink-2)}.creator-strip{display:flex;justify-content:space-between;align-items:center;padding:42px 52px;background:#f4eedc;border-radius:20px}.creator-strip h2{margin:10px 0}.creator-strip p{max-width:570px;font-size:13px}.creator-avatars{width:280px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.creator-avatars span{width:55px;height:55px;display:grid;place-items:center;border-radius:50%;background:#d8c98d;color:#69562d;font:22px Georgia}.creator-avatars span:nth-child(2){background:#dce4d3}.creator-avatars span:nth-child(3){background:#eed6b9}.creator-avatars span:nth-child(4){background:#b6c2a2}.creator-avatars small{width:100%;text-align:center;font-size:8px;letter-spacing:.18em;color:var(--ink-3)}
/* Lists and editorial patterns */
.timeline-list{border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:140px 1fr 30px;gap:22px;align-items:start;padding:23px 5px;border-bottom:1px solid var(--line)}.timeline-date{font-size:11px;color:var(--mauve-deep);padding-top:4px}.timeline-item h3,.timeline-item h2{font:600 20px Georgia,serif;margin:5px 0}.timeline-item p{font-size:12px;margin:0}.timeline-arrow{color:var(--rose);font-size:20px}.section-dark{background:#443a2b;color:#fff5d9}.section-dark h2{color:#fff8e8}.section-dark p{color:rgba(255,255,255,.66)}.section-dark .eyebrow{color:#e6c76f}.section-dark .text-link{color:#f4df9d;border-color:rgba(244,223,157,.4)}.collection-row{display:grid;grid-template-columns:1.1fr .9fr;gap:15px}.collection-feature{min-height:330px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;border-radius:18px;background:linear-gradient(145deg,#c9b36e,#8d9271);color:#3c3927}.collection-feature span,.collection-side span{font-size:9px;letter-spacing:.16em}.collection-feature strong{font:44px/1.2 Georgia,serif}.collection-feature small{font-size:10px}.collection-side{display:grid;gap:12px}.collection-side a{position:relative;padding:23px 26px;border:1px solid rgba(255,255,255,.15);border-radius:14px;display:flex;flex-direction:column;justify-content:center;gap:7px}.collection-side a b{font:20px Georgia,serif;color:#fff8e8}.collection-side a i{position:absolute;right:22px;top:40%;font-style:normal;color:#e6c76f}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.knowledge-grid article{padding:26px 25px 28px;border-top:2px solid var(--rose);background:#fff;border-radius:0 0 15px 15px}.knowledge-grid article>b{font:italic 28px Georgia;color:#d6b34d}.knowledge-grid h3,.knowledge-grid h2{font:600 20px Georgia,serif;margin:18px 0 10px}.knowledge-grid p{font-size:12px;line-height:1.9}.knowledge-grid a,.status-columns a,.discussion-list a{font-size:11px;color:var(--mauve-deep);font-weight:750}.guide-band{background:#e9e9d9}.guide-layout{display:grid;grid-template-columns:1fr .8fr;gap:12%;align-items:center}.guide-layout h2{font-size:clamp(2.3rem,4vw,3.5rem);margin:12px 0}.guide-layout p{max-width:520px;font-size:13px}.guide-checks{background:rgba(255,255,255,.62);padding:12px 26px;border-radius:18px}.guide-checks>div{display:grid;grid-template-columns:40px 1fr;gap:2px 12px;padding:15px 0;border-bottom:1px solid var(--line)}.guide-checks>div:last-child{border:0}.guide-checks b{grid-row:span 2;color:var(--rose);font:italic 19px Georgia}.guide-checks span{font-size:13px;font-weight:750}.guide-checks small{font-size:10px;color:var(--ink-3)}.theme-list{border-top:1px solid var(--line)}.theme-list a{display:grid;grid-template-columns:55px 1fr 1.2fr 30px;gap:15px;align-items:center;padding:19px 5px;border-bottom:1px solid var(--line)}.theme-list a>span{font:italic 18px Georgia;color:var(--rose)}.theme-list b{font:19px Georgia,serif}.theme-list small{font-size:11px;color:var(--ink-3)}.theme-list i{font-style:normal;color:var(--mauve-deep)}.editor-pick{display:grid;grid-template-columns:180px 1fr;gap:35px;align-items:center;padding:45px;background:#f4e9c8;border-radius:20px}.pick-number{font:13px/1.5 Georgia,serif;letter-spacing:.15em;color:#927a3d}.pick-number strong{display:block;font-size:65px;color:#c59c32}.editor-pick h2{margin:10px 0}.editor-pick p{max-width:650px;font-size:13px}.update-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.update-card{padding:25px;background:#fff;border-radius:16px;border:1px solid var(--line)}.update-card>span{font:italic 32px Georgia;color:#d9b650}.update-card small{display:block;color:var(--mauve-deep);font-size:10px;margin:8px 0}.update-card h3{font:600 19px Georgia,serif;margin:0 0 10px}.update-card p{font-size:11px;min-height:55px}.update-card a{font-size:10px;color:var(--mauve-deep);font-weight:700}.status-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.status-columns>div{padding:22px 24px;border-left:1px solid var(--line)}.status-dot{display:block;width:9px;height:9px;border-radius:50%;margin-bottom:15px}.dot-live{background:#9cab83}.dot-done{background:#d5ac3c}.dot-new{background:#dfad7d}.status-columns h3{font:20px Georgia,serif;margin-bottom:8px}.status-columns p{font-size:11px}.comic-wide{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:40px;padding:40px;background:#f0e9d5;border-radius:22px}.comic-wide h2{margin:10px 0}.comic-wide p{font-size:13px;max-width:520px}.comic-wide-art{height:220px;display:flex;flex-direction:column;justify-content:space-between;padding:24px;background:linear-gradient(145deg,#c4cba9,#e8d18b);border-radius:16px;color:#4d543c}.comic-wide-art span{font-size:10px;letter-spacing:.15em}.comic-wide-art b{font:34px Georgia,serif}.analysis-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.analysis-columns article{padding:20px 0;border-top:1px solid var(--line)}.analysis-columns span{font-size:9px;letter-spacing:.15em;color:var(--mauve-deep)}.analysis-columns h3{margin:14px 0}.analysis-columns p{font-size:12px}.growth-panel{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px 42px;border:1px solid var(--line);border-radius:18px}.growth-panel h2{margin:10px 0}.growth-panel p{max-width:650px;font-size:12px;margin:0}.community-home{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:center}.community-home h2{margin:10px 0}.community-home>div:first-child p{font-size:13px}.discussion-stack{display:grid;gap:9px}.discussion-stack a{display:flex;flex-direction:column;padding:17px 20px;background:#fff;border:1px solid var(--line);border-radius:12px}.discussion-stack small{font-size:9px;color:var(--mauve-deep)}.discussion-stack b{font:17px Georgia,serif;margin:5px 0}.discussion-stack span{font-size:10px;color:var(--ink-3)}.privacy-promo{display:grid;grid-template-columns:90px 1fr auto;gap:25px;align-items:center;padding:38px 40px;background:#eef1e6;border-radius:18px}.privacy-symbol{width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:#d6dfc8;color:#647653;font-size:34px}.privacy-promo h2{font-size:25px;margin:8px 0}.privacy-promo p{font-size:12px;max-width:670px;margin:0}.privacy-side-link{font-size:11px;color:#647653;font-weight:750}.app-promo{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding:48px;background:#f4e9c9;border-radius:22px;overflow:hidden}.app-promo h2{margin:12px 0}.app-promo p{font-size:12px;max-width:470px}.device-illustration{height:280px;position:relative}.device-phone{position:absolute;right:24%;top:0;width:130px;height:255px;border:7px solid #554832;border-radius:25px;background:#fff8e7;padding:35px 10px 10px;box-shadow:0 15px 30px rgba(61,56,45,.16);display:flex;flex-direction:column;gap:10px}.device-phone i{position:absolute;top:9px;left:43%;width:30px;height:4px;border-radius:4px;background:#85775c}.device-phone b{font:15px Georgia,serif}.device-phone span{font-size:9px;color:var(--ink-3)}.device-phone em{font-size:40px;font-style:normal;color:var(--rose);margin:auto}.device-tablet{position:absolute;right:0;bottom:0;width:250px;height:175px;border:7px solid #6e6047;border-radius:17px;background:#fffdf2;padding:18px;display:flex;flex-direction:column;gap:8px;box-shadow:0 15px 30px rgba(61,56,45,.13)}.device-tablet b{font-size:9px;letter-spacing:.15em}.device-tablet span{font:15px Georgia,serif}.device-tablet i{height:55px;border-radius:8px;background:linear-gradient(120deg,#e6d28e,#d4ddc9)}.web-experience{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.web-experience h2{font-size:25px;margin:8px 0}.web-experience p{font-size:12px;margin:0}.faq-home{display:grid;grid-template-columns:.65fr 1.35fr;gap:8%;align-items:start}.faq-home h2{margin:10px 0}.faq-home>div:first-child p{font-size:12px}.faq-list details{border-bottom:1px solid var(--line);padding:15px 0}.faq-list summary{display:flex;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font:17px Georgia,serif}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font:20px Arial;color:var(--mauve-deep);transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:12px;line-height:1.9;padding:12px 30px 0 0;margin:0}.closing-cta{text-align:center;padding:80px 20px 100px;background:radial-gradient(ellipse at center,#fff4ce 0%,rgba(255,249,233,0) 68%)}.closing-cta h2{font-size:clamp(2.3rem,4vw,3.7rem);margin:14px 0 25px}
/* Internal pages */
.page-hero{min-height:320px;display:flex;align-items:center;justify-content:space-between;padding-top:65px;padding-bottom:55px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-hero h1{font-size:clamp(2.7rem,5vw,4.6rem);margin:12px 0 15px}.page-hero p{max-width:680px;font-size:14px;line-height:1.9}.breadcrumbs{display:flex;gap:10px;align-items:center;margin-top:25px;font-size:10px;color:var(--ink-3)}.breadcrumbs a:hover{color:var(--mauve-deep)}.breadcrumbs strong{font-weight:700;color:var(--ink-2)}.page-hero-mark{width:175px;height:175px;flex:none;border-radius:50%;background:linear-gradient(145deg,#f4e5b5,#e1e5d4);display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(8deg);color:#87713b}.page-hero-mark span{font:italic 40px Georgia}.page-hero-mark b{font:18px/1.1 Georgia,serif;text-align:center}.page-content{padding-top:55px;padding-bottom:70px;min-height:300px}.page-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px 0 75px;border-top:1px solid var(--line)}.page-bottom h2{font-size:25px;margin:8px 0}.page-bottom p{font-size:12px;margin:0}.page-bottom>div:last-child{display:flex;gap:9px;flex:none}.category-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center;margin-bottom:35px}.category-intro h2{font-size:27px;margin-top:10px}.category-intro p{font-size:12px;line-height:1.9}.category-notes{margin-top:55px;padding:30px;background:#f5efdE;border-radius:15px}.category-notes h2{font-size:23px;margin-bottom:12px}.category-notes p{font-size:13px;line-height:2;margin:0}.discover-intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:40px}.discover-intro-grid a{display:flex;flex-direction:column;gap:12px;padding:25px;background:#f1e8d0;border-radius:15px}.discover-intro-grid a:nth-child(2){background:#e8eddf}.discover-intro-grid a:nth-child(3){background:#f4e4d2}.discover-intro-grid span{font-size:9px;letter-spacing:.15em;color:var(--mauve-deep)}.discover-intro-grid b{font:22px Georgia,serif}.discover-intro-grid small{font-size:10px;color:var(--ink-3)}.rank-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.rank-tabs button{border:1px solid var(--line);background:#fff;border-radius:30px;padding:8px 16px;color:var(--ink-2);font-size:11px}.rank-tabs button.is-selected{background:var(--rose);border-color:var(--rose);color:#3d321b}.rank-list{border-top:1px solid var(--line)}.rank-list>a{display:grid;grid-template-columns:65px 1fr 30px;align-items:center;gap:15px;padding:17px 12px;border-bottom:1px solid var(--line)}.rank-no{font:italic 25px Georgia;color:var(--rose)}.rank-list strong{display:block;font:18px Georgia,serif}.rank-list small{font-size:10px;color:var(--ink-3)}.rank-list i{font-style:normal;color:var(--mauve-deep)}.rank-list [hidden]{display:none}.timeline-page .timeline-item{grid-template-columns:120px 1fr}.timeline-page h2{font-size:21px}.collection-catalog{display:grid;gap:15px}.collection-entry{display:grid;grid-template-columns:100px 1fr;gap:25px;padding:30px;border:1px solid var(--line);border-radius:17px;background:#fff}.collection-index{font:italic 50px Georgia;color:#d8b54e}.collection-entry h2{font-size:25px;margin:8px 0}.collection-entry p{font-size:12px;line-height:1.9;max-width:850px}.entry-meta{display:flex;flex-wrap:wrap;gap:18px;margin:12px 0 17px;color:var(--ink-3);font-size:10px}.author-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.author-card{padding:25px 22px;border:1px solid var(--line);border-radius:16px;background:#fff}.author-monogram{width:65px;height:65px;display:grid;place-items:center;border-radius:50%;background:#f1e5bf;font:22px Georgia;color:#816c35;margin-bottom:22px}.author-card h2{font:21px Georgia;margin:8px 0}.author-card p{font-size:11px;line-height:1.9;min-height:90px}.author-card small{font-size:9px;color:var(--ink-3)}.discussion-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.discussion-list article{padding:25px;background:#fff;border:1px solid var(--line);border-radius:15px}.discussion-list article>span{font-size:9px;letter-spacing:.1em;color:var(--mauve-deep)}.discussion-list h2{font:22px/1.3 Georgia,serif;margin:15px 0 10px}.discussion-list p{font-size:11px;line-height:1.9}.notice-box{margin-top:28px;padding:22px 25px;background:var(--sage-soft);border-left:3px solid var(--sage);border-radius:0 12px 12px 0}.notice-box b{font:18px Georgia}.notice-box p{font-size:12px;margin:7px 0 0}.shelf-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.shelf-layout>section{padding:25px;background:#fff;border:1px solid var(--line);border-radius:15px}.shelf-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.shelf-title h2{font:23px Georgia}.shelf-title button{font-size:10px;min-height:36px;padding:0 13px}.local-list{display:grid;gap:8px}.empty-state{padding:20px;background:var(--cream-2);border-radius:10px;font-size:11px;text-align:center}.local-item{display:flex;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid var(--line);font-size:12px}.local-item i{font-style:normal;color:var(--mauve-deep);font-size:10px;flex:none}.fine-print{font-size:10px;color:var(--ink-3);margin-top:20px}.knowledge-page{grid-template-columns:repeat(2,1fr)}.editorial-lead{display:grid;grid-template-columns:180px 1fr;gap:30px;padding:35px;margin-bottom:40px;background:#f4e9c9;border-radius:18px}.editorial-number{font:italic 22px Georgia;color:#a18745}.editorial-lead h2{font-size:28px;margin-bottom:10px}.editorial-lead p{font-size:12px;max-width:700px}.new-content-list{border-top:1px solid var(--line)}.new-content-list article{display:grid;grid-template-columns:140px 1fr 80px;gap:20px;padding:22px 5px;border-bottom:1px solid var(--line);align-items:center}.new-content-list article>span{font-size:9px;letter-spacing:.1em;color:var(--mauve-deep)}.new-content-list h2{font:20px Georgia;margin-bottom:7px}.new-content-list p{font-size:11px;margin:0 0 6px}.new-content-list small{font-size:9px;color:var(--ink-3)}.new-content-list article>a{font-size:10px;color:var(--mauve-deep)}.completed-panel{display:flex;justify-content:space-between;align-items:center;padding:35px;margin-bottom:28px;background:#e9eddf;border-radius:17px}.completed-panel h2{font-size:25px;margin:10px 0}.completed-panel p{font-size:12px;max-width:700px}.completed-count{font:70px Georgia;color:#8b9a78;text-align:center}.completed-count small{display:block;font:10px Arial;letter-spacing:.12em}.app-feature-grid,.steps-grid,.safety-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:25px}.app-feature-grid article,.steps-grid article,.safety-grid article{padding:25px;background:#fff;border:1px solid var(--line);border-radius:15px}.app-feature-grid span,.steps-grid article>b,.safety-grid article>b{font:italic 23px Georgia;color:var(--rose)}.app-feature-grid h2,.steps-grid h2,.safety-grid h2{font:21px Georgia;margin:13px 0 9px}.app-feature-grid p,.steps-grid p,.safety-grid p{font-size:11px;line-height:1.9}.download-status{display:flex;align-items:center;gap:20px;padding:25px;background:var(--sage-soft);border-radius:15px;margin-bottom:25px}.status-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:#cddbc0;color:#4d6742;font-size:22px}.download-status b{font:20px Georgia}.download-status p{font-size:11px;margin:4px 0 0}.help-steps{display:grid;gap:0}.help-steps article{display:grid;grid-template-columns:65px 1fr;gap:20px;padding:22px 5px;border-bottom:1px solid var(--line)}.help-steps article>b{font:italic 30px Georgia;color:var(--rose)}.help-steps h2{font:22px Georgia;margin-bottom:7px}.help-steps p{font-size:12px;margin:0}.policy-content{max-width:900px}.policy-content h2{font:24px Georgia;margin:30px 0 10px}.policy-content h2:first-child{margin-top:0}.policy-content p{font-size:13px;line-height:2}.safety-grid{grid-template-columns:repeat(3,1fr)}.contact-options{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.contact-options a{display:flex;flex-direction:column;padding:25px;background:#fff;border:1px solid var(--line);border-radius:15px;gap:9px}.contact-options span{font-size:9px;letter-spacing:.15em;color:var(--mauve-deep)}.contact-options b{font:21px Georgia}.contact-options small{font-size:11px;color:var(--ink-3)}.about-story{display:grid;grid-template-columns:.7fr 1.3fr;gap:8%}.about-quote{font:clamp(35px,5vw,65px)/1.25 Georgia,serif;color:#a18745;position:sticky;top:110px;height:max-content}.about-story h2{font:25px Georgia;margin:0 0 12px}.about-story p{font-size:13px;line-height:2;margin-bottom:28px}.search-page-form{display:flex;gap:10px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-pill);max-width:750px}.search-page-form input{padding:0 15px}.search-suggestions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:22px 0}.search-suggestions span{font-size:10px;color:var(--ink-3)}.search-suggestions a{font-size:11px;padding:6px 13px;background:#f1ead6;border-radius:30px}.result-summary{margin:25px 0 15px;font-size:12px}.empty-search{text-align:center;padding:65px 20px}.empty-search>span{font-size:50px;color:var(--rose)}.empty-search h2{margin:12px}.empty-search p{font-size:12px}.error-page{text-align:center;padding:110px 20px 130px}.error-page>span{font:100px Georgia;color:#d7b54d}.error-page h1{font-size:40px;margin:5px 0 15px}.error-page p{font-size:13px}.error-page .text-link{margin-left:15px}
/* Detail and reading */
.detail-hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;align-items:center;padding-top:65px;padding-bottom:65px}.detail-art{min-height:390px;display:flex;flex-direction:column;justify-content:space-between;padding:30px;background:linear-gradient(145deg,#e7cd82,#d9dfc9 65%,#c1b18b);border-radius:150px 150px 20px 20px;color:#51452b}.detail-art span{font-size:9px;letter-spacing:.16em}.detail-art b{font:40px/1.2 Georgia,serif;max-width:280px}.detail-art small{font-size:9px;letter-spacing:.1em}.detail-intro h1{font-size:clamp(2.3rem,4vw,4rem);margin:13px 0}.detail-intro>p{font-size:14px;line-height:2}.detail-meta{display:flex;flex-wrap:wrap;gap:15px;margin:20px 0;color:var(--ink-3);font-size:10px}.detail-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.detail-actions button.is-saved{background:#f5e3a0}.detail-body{display:grid;grid-template-columns:1.5fr .7fr;gap:8%;padding-top:50px;padding-bottom:55px;border-top:1px solid var(--line)}.detail-main h2{font:26px Georgia;margin:28px 0 12px}.detail-main h2:first-of-type{margin-top:8px}.detail-main p,.detail-main li{font-size:13px;line-height:2}.detail-main ul{padding-left:20px}.detail-aside{display:grid;align-content:start;gap:14px}.aside-card{padding:22px;background:#f3eedf;border-radius:14px}.aside-card h3{font:20px Georgia;margin:7px 0 15px}.aside-card a{display:block;padding:9px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--mauve-deep)}.related-section{padding-bottom:80px}.related-section>h2{font-size:25px;margin-bottom:25px}.reader-top{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:20px;padding-top:30px;padding-bottom:25px;border-bottom:1px solid var(--line)}.reader-top>a{font-size:11px;color:var(--mauve-deep)}.reader-top h1{font-size:26px;margin-top:5px}.reader-top>button{justify-self:end}.reader-layout{display:grid;grid-template-columns:minmax(0,760px) 240px;gap:50px;justify-content:center;padding-top:40px;padding-bottom:80px}.reader-content{padding:0 35px 35px;background:#fff;border:1px solid var(--line);border-radius:15px}.reader-cover{height:250px;margin:0 -35px 25px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(140deg,#e5d08e,#d8dfca);border-radius:15px 15px 0 0;color:#594c2e}.reader-cover span{font-size:9px;letter-spacing:.2em}.reader-cover b{font:40px Georgia}.reader-cover small{font-size:9px}.reader-progress{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:10px;color:var(--ink-3)}.reader-content h2{font:25px Georgia;margin:30px 0 12px}.reader-content p{font-size:13px;line-height:2}.reader-end{display:flex;justify-content:space-between;gap:20px;padding-top:25px;margin-top:35px;border-top:1px solid var(--line);font-size:11px;color:var(--ink-3)}.reader-end a{color:var(--mauve-deep);font-weight:700}.reader-aside{align-self:start;position:sticky;top:100px;padding:20px;background:#f4efdf;border-radius:14px}.reader-aside h3{font:20px Georgia;margin-bottom:14px}.reader-aside button{display:block;width:100%;padding:10px;margin:7px 0;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:10px;color:var(--ink-2)}.reader-aside p{font-size:10px}.reader-aside>a{font-size:10px;color:var(--mauve-deep)}.reader-warm .reader-content{background:#fff8e8}.reader-warm .reader-cover{filter:saturate(.8)}
/* Footer and utility */
.site-footer{padding:55px max(32px,calc((100vw - 1320px)/2)) 20px;background:linear-gradient(135deg,#3b3326,#655238);color:#fff5dc}.footer-top{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:45px;padding-bottom:45px}.brand-light{color:#fff8e8}.brand-light small{color:rgba(255,255,255,.55)}.footer-brand p{max-width:320px;margin-top:20px;color:rgba(255,255,255,.65);font-size:11px;line-height:1.9}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col strong{font:18px Georgia;color:#fff7df;margin-bottom:7px}.footer-col a{font-size:11px;color:rgba(255,255,255,.7)}.footer-col a:hover,.footer-bottom a:hover{color:#f5e3a0}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:17px;border-top:1px solid rgba(255,255,255,.18);font-size:9px;color:rgba(255,255,255,.62)}.footer-bottom a{color:rgba(255,255,255,.8)}.bottom-nav{display:none}.back-to-top{position:fixed;right:22px;bottom:25px;z-index:50;width:42px;height:42px;border:0;border-radius:50%;background:var(--plum);color:#fff3d1;font-size:20px;opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s;box-shadow:var(--shadow)}.back-to-top.is-visible{opacity:1;visibility:visible;transform:none}.section-block.is-visible .section-heading,.work-card.is-visible{animation:rise-in .55s var(--ease) both}@keyframes rise-in{from{opacity:.55;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1200px){.desktop-nav{gap:12px}.desktop-nav a{font-size:11px}.header-inner{gap:18px}.hero-stage{grid-template-columns:1fr  .85fr}.hero-art{transform:scale(.9);transform-origin:center right}.work-grid-three{gap:13px}.work-copy{padding:17px}.vertical-track{grid-template-columns:repeat(3,1fr)}.vertical-track-note{grid-column:1/-1;flex-direction:row;align-items:center;gap:18px;padding:8px 0}.footer-top{gap:25px}}
@media(max-width:1024px){.desktop-nav{display:none}.header-inner{justify-content:space-between}.menu-toggle{display:block}.hero-stage{grid-template-columns:1fr .8fr;min-height:560px;padding-top:55px;padding-bottom:55px}.hero-art{transform:scale(.78);transform-origin:center right;margin-left:-60px}.hero-content h1{font-size:clamp(2.8rem,6vw,4.3rem)}.quick-categories{grid-template-columns:1fr;gap:22px}.feature-split{gap:5%}.author-grid{grid-template-columns:repeat(2,1fr)}.page-hero-mark{width:140px;height:140px}.footer-top{grid-template-columns:1.4fr 1fr 1fr 1fr}.privacy-promo{grid-template-columns:70px 1fr}.privacy-side-link{grid-column:2}.detail-body{gap:4%}}
@media(max-width:900px){.wrap{width:min(100% - 42px,var(--wrap))}.hero-stage{display:flex;flex-direction:column;align-items:stretch;padding:60px 28px 35px}.hero-content{max-width:760px}.hero-art{height:330px;width:min(570px,100%);margin:5px auto 0;transform:scale(.78);transform-origin:top center}.hero-stage{padding-bottom:0}.poster-main{left:28%;top:0}.poster-small{top:90px;right:10%}.orbit-one{top:0}.orbit-two{top:-30px}.art-note{bottom:25px}.art-stamp{top:0}.feature-split,.ai-layout,.guide-layout,.community-home,.faq-home{grid-template-columns:1fr;gap:35px}.feature-visual{height:330px}.comic-feature{grid-template-columns:.9fr 1.1fr}.vertical-track{grid-template-columns:repeat(3,1fr)}.vertical-track-note{grid-column:1/-1}.creator-strip{padding:32px}.creator-avatars{width:200px}.collection-row{grid-template-columns:1fr}.collection-feature{min-height:250px}.collection-side{grid-template-columns:repeat(3,1fr)}.collection-side a{min-height:150px}.knowledge-grid{grid-template-columns:repeat(2,1fr)}.guide-layout{gap:20px}.community-home{gap:20px}.privacy-promo{grid-template-columns:65px 1fr}.app-promo{padding:35px}.page-hero{min-height:280px}.detail-hero{grid-template-columns:.7fr 1.3fr;gap:5%}.detail-art{min-height:320px}.reader-layout{grid-template-columns:minmax(0,1fr) 200px;gap:25px}.discussion-list{grid-template-columns:1fr 1fr}.safety-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){body{font-size:14px}.wrap{width:calc(100% - 36px)}.header-inner{height:64px;width:calc(100% - 32px)}.brand>span:last-child{font-size:15px}.brand-mark{width:32px;height:32px}.app-link{display:none}.header-actions{gap:8px}.hero-stage{padding:48px 20px 0}.hero-content h1{font-size:clamp(2.65rem,10vw,4rem)}.hero-content>p{font-size:13px}.hero-search{margin-top:23px}.hero-search .button{padding:0 14px;min-height:42px;font-size:11px}.hero-art{height:290px;transform:scale(.68);width:140%;margin-left:-20%;margin-top:10px}.section-block{padding:65px 0}.section-heading{align-items:start;flex-direction:column;gap:12px;margin-bottom:25px}.section-heading h2{font-size:27px}.quick-categories{padding-top:35px;padding-bottom:35px}.category-pills{gap:8px}.category-pills>a{padding:12px 10px;gap:8px}.category-pills>a>b{font-size:14px}.category-pills>a span{font-size:11px}.category-pills small{font-size:9px}.feature-visual{height:280px}.visual-title{font-size:43px}.work-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card .work-art{height:165px}.work-copy{padding:13px}.work-copy strong{font-size:16px}.work-desc{font-size:10px;min-height:58px}.work-card.landscape .work-link{grid-template-columns:1fr}.work-card.landscape .work-art{height:120px;min-height:0}.genre-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:170px 145px 145px}.genre-large{grid-row:span 2}.genre-tile{padding:17px}.genre-tile strong{font-size:22px}.genre-tile small{font-size:9px}.ai-layout h2{font-size:34px}.ai-board{padding:18px}.process-row{grid-template-columns:30px 1fr auto}.process-row span{font-size:12px}.process-row i{font-size:9px}.comic-feature{grid-template-columns:1fr}.comic-art{min-height:250px}.comic-copy{padding:28px}.vertical-track{grid-template-columns:repeat(2,1fr)}.vertical-card{min-height:230px}.vertical-track-note{grid-column:1/-1}.creator-strip{display:block;padding:27px}.creator-strip h2{font-size:24px}.creator-avatars{margin:22px auto 0}.timeline-item{grid-template-columns:85px 1fr;gap:12px}.timeline-arrow{display:none}.timeline-item h3{font-size:17px}.timeline-item p{font-size:10px}.collection-side{grid-template-columns:1fr}.collection-side a{min-height:110px}.collection-feature strong{font-size:36px}.knowledge-grid{grid-template-columns:1fr 1fr;gap:9px}.knowledge-grid article{padding:18px 15px}.knowledge-grid h3{font-size:16px}.knowledge-grid p{font-size:10px}.guide-layout h2{font-size:31px}.theme-list a{grid-template-columns:35px 1fr 20px;gap:10px}.theme-list small{grid-column:2;grid-row:2}.theme-list i{grid-column:3;grid-row:1/3}.editor-pick{grid-template-columns:90px 1fr;padding:25px;gap:15px}.pick-number strong{font-size:45px}.editor-pick h2{font-size:23px}.update-cards{grid-template-columns:1fr}.update-card p{min-height:0}.status-columns{grid-template-columns:1fr;gap:0}.status-columns>div{padding:16px 20px}.comic-wide{grid-template-columns:1fr;padding:25px}.comic-wide-art{height:170px}.analysis-columns{grid-template-columns:1fr;gap:0}.analysis-columns article{padding:17px 0}.growth-panel{display:block;padding:26px}.growth-panel .button{margin-top:18px}.privacy-promo{grid-template-columns:1fr;padding:27px}.privacy-symbol{width:55px;height:55px}.privacy-side-link{grid-column:1}.app-promo{grid-template-columns:1fr;padding:28px}.device-illustration{height:240px}.device-phone{right:35%;transform:scale(.85);transform-origin:top}.device-tablet{transform:scale(.8);transform-origin:bottom right}.web-experience{display:block}.web-experience .text-link{margin-top:15px}.faq-home{gap:18px}.faq-home h2{font-size:27px}.faq-list summary{font-size:15px}.closing-cta{padding:60px 20px 80px}.page-hero{padding-top:45px;padding-bottom:35px;min-height:230px}.page-hero h1{font-size:37px}.page-hero p{font-size:12px;max-width:85%}.page-hero-mark{width:95px;height:95px;position:absolute;right:0;top:45px;opacity:.6}.page-hero-mark span{font-size:27px}.page-hero-mark b{font-size:13px}.page-content{padding-top:35px;padding-bottom:50px}.page-bottom{display:block;padding-bottom:55px}.page-bottom h2{font-size:22px}.page-bottom>div:last-child{margin-top:18px}.category-intro{grid-template-columns:1fr;gap:10px}.category-intro h2{font-size:23px}.discover-intro-grid{grid-template-columns:1fr}.discover-intro-grid a{padding:18px}.rank-list>a{grid-template-columns:42px 1fr 20px}.rank-no{font-size:20px}.rank-list strong{font-size:15px}.collection-entry{grid-template-columns:55px 1fr;padding:20px;gap:15px}.collection-index{font-size:34px}.collection-entry h2{font-size:21px}.entry-meta{display:grid;gap:5px}.author-grid{grid-template-columns:1fr 1fr}.author-card{padding:18px 14px}.author-card p{min-height:120px}.discussion-list{grid-template-columns:1fr}.shelf-layout{grid-template-columns:1fr}.shelf-layout>section{padding:18px}.shelf-title h2{font-size:20px}.knowledge-page{grid-template-columns:1fr}.editorial-lead{grid-template-columns:1fr;padding:23px;gap:12px}.editorial-number{font-size:13px}.editorial-lead h2{font-size:23px}.new-content-list article{grid-template-columns:1fr 65px;gap:7px}.new-content-list article>span{grid-column:1/-1}.new-content-list h2{font-size:18px}.new-content-list article>a{grid-column:2;grid-row:2/4}.completed-panel{padding:22px}.completed-panel h2{font-size:20px}.completed-count{font-size:48px}.app-feature-grid,.steps-grid,.safety-grid{grid-template-columns:1fr}.download-status{align-items:flex-start}.help-steps article{grid-template-columns:42px 1fr;gap:12px}.help-steps article>b{font-size:24px}.policy-content h2{font-size:21px}.contact-options{grid-template-columns:1fr}.about-story{grid-template-columns:1fr;gap:20px}.about-quote{position:static;font-size:38px}.search-page-form{border-radius:13px}.search-page-form input{font-size:11px}.detail-hero{grid-template-columns:1fr;gap:25px;padding-top:35px;padding-bottom:40px}.detail-art{min-height:230px;border-radius:100px 100px 15px 15px;padding:22px}.detail-art b{font-size:30px}.detail-intro h1{font-size:34px}.detail-body{grid-template-columns:1fr;gap:25px;padding-top:30px}.detail-main h2{font-size:22px}.detail-aside{grid-template-columns:1fr 1fr}.reader-top{grid-template-columns:1fr auto}.reader-top>div{grid-column:1/-1;grid-row:1}.reader-top>a{grid-column:1;grid-row:2}.reader-top>button{grid-column:2;grid-row:2}.reader-top h1{font-size:21px}.reader-layout{grid-template-columns:1fr;padding-top:20px}.reader-content{padding:0 20px 25px}.reader-cover{margin:0 -20px 20px;height:190px}.reader-cover b{font-size:31px}.reader-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px}.reader-aside h3,.reader-aside p,.reader-aside>a{grid-column:1/-1}.reader-aside button{margin:0}.reader-end{font-size:10px}.footer-top{grid-template-columns:1fr 1fr;gap:28px 18px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;justify-content:center;text-align:center}.site-footer{padding:42px 22px 85px}.bottom-nav{position:fixed;z-index:90;left:0;right:0;bottom:0;display:flex;justify-content:space-around;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:rgba(255,254,248,.97);border-top:1px solid var(--line);backdrop-filter:blur(15px)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:18px;color:var(--mauve-deep);line-height:1.1}.bottom-nav span{font-size:9px;color:var(--ink-2)}.back-to-top{bottom:82px;right:14px}.search-dialog{padding:35px 22px}.search-form{flex-direction:column}.search-form .button{width:100%}}
@media(max-width:420px){.wrap{width:calc(100% - 28px)}.header-inner{width:calc(100% - 24px)}.header-actions{gap:3px}.icon-link{font-size:20px}.menu-toggle{font-size:11px;padding:7px 10px}.hero-content h1{font-size:42px}.hero-search{padding:6px 6px 6px 12px}.hero-search input{font-size:10px}.hero-search .button{font-size:10px;padding:0 11px}.hero-art{transform:scale(.58);height:245px;width:165%;margin-left:-32.5%}.work-grid-three{gap:8px}.work-card .work-art{height:135px}.work-copy{padding:11px}.work-copy strong{font-size:14px}.work-desc{font-size:9px}.eyebrow{font-size:9px}.vertical-card{min-height:205px;padding:15px}.vertical-card b{font-size:24px}.category-pills>a{gap:6px}.category-pills small{letter-spacing:-.03em}.author-card p{min-height:145px}.page-hero h1{font-size:32px}.page-hero p{max-width:100%;padding-right:20px}.page-hero-mark{opacity:.28}.detail-aside{grid-template-columns:1fr}.footer-top{gap:22px 12px}.footer-col strong{font-size:16px}.footer-col a{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}