@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;--sage:#A8B99A;--sage-soft:#EFF4E9;--peach:#E7B978;--ink:#3D382D;--ink-2:#665D4A;--ink-3:#938A78;--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;--pill:999px;--wrap:1320px}
*{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",system-ui,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{max-width:100%;display:block}.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:-50px;z-index:200;background:#fff;padding:10px 16px}.skip-link:focus{top:12px}
.site-header{height:72px;position:sticky;top:0;z-index:80;background:rgba(255,254,248,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);transition:box-shadow .25s}.site-header.is-scrolled{background:rgba(255,255,255,.98);box-shadow:0 8px 24px rgba(60,48,22,.06)}.header-inner{max-width:var(--wrap);height:100%;margin:auto;padding:0 30px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:10px;min-width:175px;font-size:19px;font-weight:750;letter-spacing:.04em;line-height:1.2}.brand small{display:block;color:var(--ink-3);font-size:9px;font-weight:450;letter-spacing:.16em;margin-top:5px}.brand-light{color:#B48A25}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#F8E5A5,#D6A92F);color:#59451C;font-family:serif;font-size:21px;box-shadow:inset 0 1px 0 #fff8}.brand-mark img{width:100%;height:100%;object-fit:contain}.main-nav{display:flex;align-items:center;gap:23px;flex:1}.main-nav a{font-size:13px;color:var(--ink-2);white-space:nowrap;position:relative;padding:26px 0}.main-nav a:hover{color:#9A741E}.header-actions{display:flex;align-items:center;gap:14px;font-size:13px}.icon-button{border:0;background:var(--cream-2);width:36px;height:36px;border-radius:50%;font-size:25px;color:var(--ink-2);line-height:1}.app-link{background:var(--plum-dark);color:#fff;padding:8px 17px;border-radius:var(--pill)}.header-fav{color:var(--ink-2)}.menu-toggle{display:none}
.search-modal{position:fixed;inset:0;z-index:150;display:flex;align-items:flex-start;justify-content:center;padding:15vh 20px 30px}.search-modal[hidden]{display:none!important}.search-modal.is-open{display:flex}.search-backdrop{position:absolute;inset:0;background:rgba(40,34,22,.52);backdrop-filter:blur(5px)}.search-dialog{position:relative;width:min(680px,100%);background:var(--cream);padding:48px;border-radius:26px;box-shadow:0 30px 90px #241c0e40;animation:dialog-in .24s ease}.modal-close{position:absolute;right:22px;top:18px;border:0;background:transparent;font-size:28px;color:var(--ink-2)}.search-dialog h2{font-family:Georgia,"Noto Serif SC",serif;font-size:34px;margin:8px 0 25px}.search-form{display:flex;padding:7px;background:#fff;border:1px solid var(--line);border-radius:var(--pill);gap:8px}.search-form input,.hero-search input,.search-page-form input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:0 15px;color:var(--ink)}.quick-terms{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.quick-terms a,.filter-chip{border:1px solid var(--line);padding:7px 14px;border-radius:var(--pill);font-size:12px;color:var(--ink-2)}.quick-terms a:hover,.filter-chip:hover,.filter-chip.selected{background:var(--rose-soft);border-color:#E5CB78;color:#7D5C14}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 21px;border-radius:var(--pill);font-size:13px;font-weight:650;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--rose);color:#3D321C;box-shadow:0 8px 18px #D6A92F30}.button-primary:hover{background:#E2B83E;box-shadow:0 12px 24px #D6A92F45}.button-outline{border-color:var(--line-strong);color:var(--ink)}.button-outline:hover{border-color:var(--rose);background:var(--rose-soft)}.button-quiet{color:var(--ink-2);padding-left:5px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:.19em;color:var(--mauve-deep);text-transform:uppercase}.text-link{font-size:12px;font-weight:650;color:#8A6A25;white-space:nowrap}.text-link span{font-size:16px;margin-left:4px}
.hero-stage{max-width:var(--wrap);min-height:620px;margin:auto;padding:80px 30px 65px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:35px;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2;padding:15px 0}.hero-copy h1{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(52px,6vw,82px);font-weight:500;line-height:1.16;letter-spacing:-.055em;margin:22px 0}.hero-copy h1 em,.intro-band em,.ai-copy h2 em{font-style:normal;color:#B48A25}.hero-lead{max-width:510px;color:var(--ink-2);font-size:15px;line-height:2;margin-bottom:26px}.hero-search{display:flex;align-items:center;max-width:555px;height:58px;padding:6px 7px 6px 18px;border:1px solid #D9CCAA;background:#fff;border-radius:var(--pill);box-shadow:0 8px 26px #8C6A2520}.hero-search>span{font-size:25px;color:#A58B54}.hero-search button{border:0;background:var(--plum-dark);color:#fff;border-radius:var(--pill);padding:11px 18px;font-size:12px;white-space:nowrap}.hero-tags{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:17px;font-size:11px}.hero-tags span{color:var(--ink-3)}.hero-tags a{color:var(--ink-2);border-bottom:1px solid #D9C99D}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:31px}.hero-art-area{min-height:460px;position:relative;display:flex;align-items:center;justify-content:center}.hero-art-main{position:relative;width:76%;height:425px;border-radius:48% 48% 18px 18px;overflow:hidden;background:linear-gradient(155deg,#F8E9B9,#E5C777 54%,#B8B68B);box-shadow:0 25px 60px #96722b25;transform:rotate(2deg)}.artwork{display:block;position:relative;overflow:hidden;background:linear-gradient(145deg,#F5E8C2,#E7C777 52%,#B8B99A);isolation:isolate}.artwork:before,.artwork:after,.artwork i,.artwork b,.artwork em{content:"";position:absolute;display:block}.artwork:before{width:70%;height:70%;border:1px solid #fff8;border-radius:50%;left:12%;top:12%;transform:rotate(-24deg)}.artwork:after{width:42%;height:90%;left:38%;top:25%;border-radius:48% 48% 12% 12%;background:linear-gradient(180deg,#fff9 0%,#b28d4b80 100%);transform:rotate(17deg)}.artwork i{width:40%;height:35%;left:8%;bottom:0;border-radius:100% 100% 0 0;background:#fff7;transform:rotate(-22deg)}.artwork b{width:18%;height:18%;right:10%;top:13%;border-radius:50%;background:#fff9;box-shadow:0 0 45px #fff9}.artwork em{width:100%;height:24%;left:0;bottom:0;background:linear-gradient(0deg,#9d835a50,transparent)}.hero-art{width:100%;height:100%;background:linear-gradient(145deg,#F5E8C2,#D8B65F 50%,#8C9B7B)}.hero-art:after{width:50%;height:90%;left:25%;background:linear-gradient(180deg,#fff9,#75604390)}.hero-art-caption{position:absolute;left:27px;bottom:28px;color:#fff;z-index:2;text-shadow:0 2px 10px #49351c70}.hero-art-caption span{display:block;font-size:9px;letter-spacing:.2em}.hero-art-caption strong{display:block;font-family:Georgia,serif;font-size:22px;margin-top:6px}.hero-side-note{position:absolute;right:0;bottom:35px;display:flex;align-items:center;gap:13px;background:#fffdf4;padding:14px 17px;border-radius:14px;box-shadow:var(--shadow);z-index:3}.hero-side-note>b{font-family:Georgia,serif;font-size:26px;color:#C49A34}.hero-side-note small{display:block;font-size:10px;color:var(--ink-3)}.hero-sticker{position:absolute;left:0;top:52px;width:80px;height:80px;border-radius:50%;background:var(--sage-soft);color:#6D8061;display:grid;place-content:center;text-align:center;font-family:Georgia,serif;font-size:14px;line-height:1.2;transform:rotate(-12deg);z-index:3}.hero-orbit{position:absolute;width:490px;height:490px;border:1px solid #D6A92F55;border-radius:50%;z-index:-1;transform:rotate(24deg)}
.quick-categories{max-width:var(--wrap);margin:0 auto;padding:28px 30px 58px;display:grid;grid-template-columns:260px 1fr;align-items:center;gap:40px;border-bottom:1px solid var(--line)}.quick-intro h2{font-family:Georgia,"Noto Serif SC",serif;font-size:24px;margin:5px 0}.category-pills{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-pills a{display:flex;align-items:center;gap:12px;padding:15px 14px;border:1px solid var(--line);border-radius:13px;background:#fffdf7;transition:.2s}.category-pills a:hover{transform:translateY(-3px);border-color:#D6A92F88;box-shadow:var(--shadow)}.category-pills i{font-style:normal;font-size:10px;color:#B48A25}.category-pills span{font-size:13px;font-weight:650;flex:1}.category-pills b{font-size:16px;color:var(--ink-3)}
.section{max-width:var(--wrap);margin:0 auto;padding:85px 30px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-title h2,.mood-heading h2,.daily-left h2,.community-head h2{font-family:Georgia,"Noto Serif SC",serif;font-size:36px;line-height:1.25;font-weight:500;letter-spacing:-.035em;margin:9px 0}.section-title p,.mood-heading p{font-size:13px;color:var(--ink-3);margin:0}.feature-layout{display:grid;grid-template-columns:1.6fr .8fr;gap:32px}.feature-primary{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;background:var(--cream-2);border-radius:var(--radius-large);overflow:hidden;min-height:360px}.feature-image{height:100%;min-height:360px;position:relative;overflow:hidden}.feature-art{height:100%;min-height:360px;width:100%;background:linear-gradient(145deg,#F6E8C3,#D6B45F 55%,#A6B294)}.feature-stamp{position:absolute;top:22px;left:22px;background:#fffdf0;color:#8B6A21;padding:7px 13px;border-radius:var(--pill);font-size:10px}.feature-detail{padding:35px}.feature-detail h3{font-family:Georgia,serif;font-size:33px;margin:10px 0}.feature-detail p{font-size:13px;color:var(--ink-2);line-height:2}.feature-aside{padding:20px 0}.aside-heading{display:flex;justify-content:space-between;padding:0 0 16px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.12em;color:var(--ink-3)}.aside-heading b{color:var(--ink);font-size:13px;letter-spacing:0}.note-row{display:flex;align-items:center;gap:14px;padding:22px 5px;border-bottom:1px solid var(--line)}.note-index{font-family:Georgia,serif;color:#C39B3B;font-size:25px}.note-row span:nth-child(2){flex:1}.note-row b,.note-row small{display:block}.note-row b{font-size:14px}.note-row small{font-size:11px;color:var(--ink-3)}.note-row i{font-style:normal}.aside-foot{font-size:10px;color:var(--ink-3);padding-top:16px;line-height:1.8}
.section-dark{max-width:none;background:var(--plum-dark);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:45px;padding:72px max(30px,calc((100vw - 1260px)/2));position:relative}.intro-band h2{font-family:Georgia,"Noto Serif SC",serif;font-size:42px;font-weight:500;line-height:1.3;margin:12px 0 0}.intro-band .eyebrow{color:#E6D7B0}.intro-band p{max-width:420px;color:#FFFFFFB3;font-size:13px;line-height:2}.round-arrow{width:55px;height:55px;border:1px solid #F5E3A077;border-radius:50%;display:grid;place-items:center;color:#F5E3A0;font-size:23px;flex:none}
.split-category{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.split-visual{height:450px;position:relative;border-radius:180px 180px 18px 18px;overflow:hidden;background:linear-gradient(155deg,#F4E5B9,#D5BD81 60%,#A4B095)}.category-art{width:100%;height:100%;background:linear-gradient(140deg,#F8EBC8,#D5B46A 52%,#87977B)}.vertical-word{position:absolute;right:24px;top:30px;writing-mode:vertical-rl;letter-spacing:.3em;font-size:10px;color:#fff}.visual-foot{position:absolute;left:25px;right:25px;bottom:22px;display:flex;justify-content:space-between;color:#fff;font-size:12px}.visual-foot b{font-family:Georgia,serif;font-size:25px}.split-copy h2,.ai-copy h2,.comic-ribbon h2,.creator-quote h2,.craft-copy h2,.help-heading h2,.topic-copy h2,.world-copy h2{font-family:Georgia,"Noto Serif SC",serif;font-size:42px;font-weight:500;line-height:1.28;margin:14px 0}.split-copy>p,.ai-copy>p,.world-copy>p{color:var(--ink-2);font-size:14px;line-height:2.1;max-width:480px}.check-list{list-style:none;padding:0;margin:24px 0 30px}.check-list li{padding:9px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--ink-2)}.check-list li:before{content:"✳";color:#B48A25;margin-right:12px}
.ai-showcase{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center;background:#F5F2E7;max-width:none;padding-left:max(30px,calc((100vw - 1260px)/2));padding-right:max(30px,calc((100vw - 1260px)/2))}.ai-visual{height:410px;position:relative;border-radius:22px;background:linear-gradient(140deg,#D7DFCB,#F5E7C0);overflow:hidden}.ai-art{width:100%;height:100%;background:linear-gradient(140deg,#DCE4D1,#E9D29A 58%,#B8A37B)}.ai-float-card{position:absolute;left:30px;bottom:28px;padding:18px 22px;background:#fffdf2;border-radius:13px;box-shadow:var(--shadow);min-width:230px}.ai-float-card span,.ai-float-card b,.ai-float-card small{display:block}.ai-float-card span{font-size:9px;letter-spacing:.18em;color:#9D8348}.ai-float-card b{font-size:16px;margin:7px 0}.ai-float-card small{font-size:10px;color:var(--ink-3)}.ai-orbit-label{position:absolute;right:25px;top:25px;color:#fff;font-size:10px;letter-spacing:.2em;line-height:1.8;text-align:right}
.comic-ribbon{padding-top:95px}.ribbon-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.ribbon-top p{max-width:390px;color:var(--ink-2);font-size:13px;line-height:2}.comic-banner{height:300px;border-radius:22px;overflow:hidden;position:relative;background:linear-gradient(100deg,#D9C17F,#B6B99A 70%,#E9DDAF)}.comic-banner-art{width:100%;height:100%;background:linear-gradient(100deg,#E5D39D,#B6B99A 58%,#8D9B7B)}.comic-banner>div{position:absolute;left:7%;top:50%;transform:translateY(-50%);color:#fff}.comic-banner>div span{font-size:9px;letter-spacing:.2em}.comic-banner h3{font-family:Georgia,serif;font-size:31px;line-height:1.3;margin:12px 0}.comic-banner a{font-size:12px;border-bottom:1px solid #fff;padding-bottom:5px}.banner-mark{position:absolute;right:9%;bottom:-38px;font-family:serif;font-size:220px;color:#fff4;font-weight:400}
.vertical-track{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.vertical-tile{display:grid;grid-template-columns:42% 1fr;gap:17px;align-items:center}.vertical-tile>a{height:250px;position:relative;overflow:hidden;border-radius:90px 90px 12px 12px;background:linear-gradient(160deg,#EBD99C,#A8B99A)}.vertical-art{height:100%;width:100%;background:linear-gradient(145deg,#F5E3A0,#D5B36A 55%,#8D9B7B)}.tile-count{position:absolute;left:12px;bottom:14px;color:#fff;font-family:Georgia,serif;font-size:23px}.vertical-tile small{font-size:10px;color:#A58435}.vertical-tile h3{font-family:Georgia,serif;font-size:21px;margin:6px 0}.vertical-tile p{font-size:11px;color:var(--ink-3);line-height:1.8}
.creator-quote{display:grid;grid-template-columns:100px 1fr 300px;align-items:center;gap:35px;background:var(--cream-2);max-width:none;padding-left:max(30px,calc((100vw - 1260px)/2));padding-right:max(30px,calc((100vw - 1260px)/2))}.quote-mark{font-family:Georgia,serif;font-size:130px;line-height:1;color:#D6A92F80;align-self:start}.creator-quote h2{font-size:37px}.creator-quote p{max-width:500px;color:var(--ink-2);font-size:13px;line-height:2}.quote-side{height:245px;position:relative;border-radius:140px 140px 15px 15px;overflow:hidden;background:#E7D7A7}.creator-art{width:100%;height:100%;background:linear-gradient(140deg,#D8C58D,#A9B79A)}.quote-side span{position:absolute;bottom:20px;left:20px;color:#fff;font-size:11px;letter-spacing:.2em}
.update-list{border-top:1px solid var(--line)}.update-item{display:grid;grid-template-columns:55px 130px 1fr 120px;gap:18px;align-items:center;padding:21px 8px;border-bottom:1px solid var(--line)}.update-no{font-family:Georgia,serif;font-size:23px;color:#C29B3D}.update-type{font-size:11px;color:#9C7A31}.update-item h3{font-size:14px;margin:0 0 4px}.update-item p{font-size:11px;color:var(--ink-3);margin:0}.update-item time{font-size:10px;color:var(--ink-3);text-align:right}
.mood-selector{display:grid;grid-template-columns:270px 1fr;gap:50px;align-items:center}.mood-heading h2{font-size:34px}.mood-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mood-card{position:relative;min-height:140px;border-radius:15px;padding:20px 23px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;transition:transform .2s}.mood-card:hover{transform:translateY(-3px)}.mood-card span{font-size:9px;letter-spacing:.16em;opacity:.7}.mood-card b{font-family:Georgia,serif;font-size:23px;margin:7px 0 1px}.mood-card small{font-size:10px;opacity:.7}.mood-card i{position:absolute;right:22px;bottom:18px;font-style:normal;font-size:20px}.mood-one{background:#F4E4B4;color:#695326}.mood-two{background:#DDE3D2;color:#50604A}.mood-three{background:#E9D4B8;color:#775A36}.mood-four{background:#E9E0C7;color:#685B3C}
.series-shelf{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;background:#F3F0E4;max-width:none;padding-left:max(30px,calc((100vw - 1260px)/2));padding-right:max(30px,calc((100vw - 1260px)/2))}.shelf-label h2{font-family:Georgia,serif;font-size:36px;font-weight:500;margin:10px 0}.shelf-label p{font-size:13px;color:var(--ink-2);line-height:2}.shelf-label .text-link{display:inline-block;margin-top:15px}.shelf-stack{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px}.shelf-card{position:relative;border-radius:15px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;min-height:140px;overflow:hidden}.shelf-card span{font-size:9px;letter-spacing:.18em}.shelf-card b{font-family:Georgia,serif;font-size:23px;margin:4px 0}.shelf-card small{font-size:10px;opacity:.7}.shelf-card i{position:absolute;right:20px;top:20px;font-style:normal}.shelf-a{background:linear-gradient(135deg,#E7CF91,#B5B99A);grid-row:span 2;color:#51482F}.shelf-b{background:#E8D9B8;color:#655236}.shelf-c{background:#D9E0D1;color:#52604B}
.craft-guide{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.guide-visual{height:390px;position:relative;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#E8D9AC,#A9B79A)}.guide-art{width:100%;height:100%;background:linear-gradient(145deg,#F1E2B5,#C9B77F 50%,#9EAC8F)}.guide-sticker{position:absolute;right:24px;top:25px;width:85px;height:85px;border-radius:50%;display:grid;place-content:center;text-align:center;background:#FFFEF0;color:#8C743D;font-size:10px;letter-spacing:.15em;transform:rotate(10deg)}.craft-copy h2{font-size:39px}.craft-copy>p{font-size:13px;line-height:2;color:var(--ink-2)}.number-list{list-style:none;padding:0;margin:22px 0}.number-list li{display:flex;gap:17px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.number-list b{font-family:Georgia,serif;color:#B48A25}
.watch-help{display:grid;grid-template-columns:270px 1fr;gap:50px;background:#FBF5E6;max-width:none;padding-left:max(30px,calc((100vw - 1260px)/2));padding-right:max(30px,calc((100vw - 1260px)/2))}.help-heading h2{font-size:37px}.help-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.help-columns article{border-left:1px solid #D7C99E;padding:0 0 0 20px}.help-columns article>span{font-family:Georgia,serif;color:#B48A25;font-size:25px}.help-columns h3{font-size:15px;margin:12px 0 7px}.help-columns p{font-size:11px;color:var(--ink-2);line-height:1.9;min-height:80px}.help-columns a{font-size:11px;color:#8A6A25}
.topic-feature{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.topic-cover{height:340px;border-radius:22px;position:relative;overflow:hidden;background:linear-gradient(135deg,#E6D39C,#B1B99B)}.topic-art{width:100%;height:100%;background:linear-gradient(135deg,#F1DDA2,#B5B89A)}.topic-cover>span{position:absolute;left:25px;top:25px;color:#fff;font-size:9px;letter-spacing:.2em}.topic-cover>b{position:absolute;right:22px;bottom:0;font-family:Georgia,serif;font-size:170px;color:#fff5}.topic-copy h2{font-size:39px}.topic-copy p{font-size:13px;color:var(--ink-2);line-height:2;margin-bottom:25px}.editor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.story-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;transition:transform .25s,box-shadow .25s}.story-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.story-visual{height:210px;display:block;position:relative;overflow:hidden;background:linear-gradient(140deg,#F0DDA5,#B6B99A)}.story-art{width:100%;height:100%;background:linear-gradient(140deg,#F2E2B7,#D3B46D 55%,#9BA98A)}.visual-index{position:absolute;left:17px;bottom:12px;color:#fff;font-family:Georgia,serif;font-size:26px}.visual-label{position:absolute;top:15px;right:15px;background:#fffdf1d9;border-radius:var(--pill);padding:5px 10px;font-size:9px;color:#7E642D}.story-copy{padding:18px 19px 20px}.meta-line{color:#A18446;font-size:10px}.story-copy h3{font-family:Georgia,serif;font-size:21px;margin:8px 0}.story-copy p{font-size:11px;line-height:1.9;color:var(--ink-3);min-height:60px}.story-copy .text-link{display:inline-block;margin-top:8px;font-size:11px}.story-landscape{display:grid;grid-template-columns:42% 1fr;align-items:center}.story-landscape .story-visual{height:100%;min-height:210px}.story-landscape .story-copy p{min-height:0}
.daily-index{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;align-items:center}.daily-left h2{font-size:37px}.daily-left p{font-size:13px;color:var(--ink-2);line-height:2}.index-table{border-top:1px solid var(--line)}.index-table a{display:grid;grid-template-columns:50px 1fr 1fr 25px;gap:15px;align-items:center;padding:18px 8px;border-bottom:1px solid var(--line)}.index-table span{font-family:Georgia,serif;color:#B48A25;font-size:20px}.index-table b{font-size:13px}.index-table small{font-size:10px;color:var(--ink-3)}
.comic-world{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.world-copy h2{font-size:39px}.world-visual{height:350px;position:relative;border-radius:50% 50% 15px 15px;overflow:hidden;background:linear-gradient(140deg,#E7D8A6,#9EAD8D)}.world-art{width:100%;height:100%;background:linear-gradient(140deg,#E9D9A4,#A4B092)}.world-caption{position:absolute;bottom:20px;left:25px;color:#fff;font-size:10px;letter-spacing:.18em}.world-caption b{font-size:24px}.creator-growth{display:grid;grid-template-columns:240px 1fr;gap:60px;align-items:center;background:#E9EBDD;max-width:none;padding-left:max(30px,calc((100vw - 1260px)/2));padding-right:max(30px,calc((100vw - 1260px)/2))}.growth-number{font-family:Georgia,serif;font-size:120px;color:#89987A;line-height:1}.growth-number span{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.2em;color:#65745A}.creator-growth h2{font-family:Georgia,serif;font-size:38px;font-weight:500;line-height:1.3;margin:12px 0}.creator-growth p{font-size:13px;color:#58634F;max-width:650px;line-height:2}
.community-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.community-head h2{font-size:34px}.community-posts{display:grid;grid-template-columns:1fr 1fr;gap:18px}.community-posts article,.discussion-list article{background:#F7F1E1;border-radius:17px;padding:27px}.post-tag{display:inline-block;padding:5px 10px;background:#F2E4B9;color:#826525;border-radius:var(--pill);font-size:9px}.post-sage{background:#E0E8D8;color:#5E7255}.post-peach{background:#F4E1CE;color:#956D43}.community-posts h3{font-family:Georgia,serif;font-size:21px;margin:15px 0 7px}.community-posts p,.discussion-list p{font-size:12px;color:var(--ink-2);line-height:1.9}.post-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:23px;font-size:10px;color:var(--ink-3)}.post-foot a{color:#8A6A25}
.privacy-strip{display:flex;align-items:center;gap:25px;background:#E7EBDD;max-width:none;padding-left:max(30px,calc((100vw - 1260px)/2));padding-right:max(30px,calc((100vw - 1260px)/2))}.privacy-icon{width:60px;height:60px;border-radius:50%;background:#fff;color:#849779;display:grid;place-items:center;font-size:28px;flex:none}.privacy-strip>div:nth-child(2){flex:1}.privacy-strip h2{font-family:Georgia,serif;font-size:24px;font-weight:500;margin:4px 0}.privacy-strip p{font-size:11px;color:#62705B;margin:0}
.device-experience{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.device-copy h2{font-family:Georgia,serif;font-size:40px;font-weight:500;line-height:1.3}.device-copy p{font-size:13px;color:var(--ink-2);line-height:2}.device-links{display:flex;gap:22px;margin-top:25px;font-size:12px;color:#8A6A25}.device-art{height:350px;position:relative;background:radial-gradient(circle,#F3E3B5,transparent 65%)}.device-phone{position:absolute;width:42%;height:88%;left:16%;top:6%;border:9px solid #5D513A;border-radius:30px;background:linear-gradient(150deg,#F7E6B5,#B8B99A);box-shadow:0 20px 40px #55483225}.device-tablet{position:absolute;width:48%;height:65%;right:4%;bottom:2%;border:9px solid #6D624D;border-radius:20px;background:linear-gradient(140deg,#EAD8A3,#C0C6A9);box-shadow:0 20px 40px #55483225}.device-label{position:absolute;right:10%;top:10%;font-size:10px;letter-spacing:.2em;color:#8C7543}
.web-experience{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;background:#F4EEDD;max-width:none;padding-left:max(30px,calc((100vw - 1260px)/2));padding-right:max(30px,calc((100vw - 1260px)/2))}.web-browser{height:260px;background:#fffdf7;border:1px solid #D9CCAA;border-radius:15px;overflow:hidden;box-shadow:0 20px 40px #66532c14}.browser-bar{height:37px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 14px}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#D8C99E}.browser-bar span{margin-left:10px;font-size:9px;color:#9C927C}.browser-content{padding:30px 40px}.browser-content>b{display:block;font-family:Georgia,serif;font-size:26px;margin:8px 0}.browser-content p{font-size:11px;color:var(--ink-3)}.browser-lines{display:flex;gap:10px;margin-top:24px}.browser-lines i{height:45px;flex:1;border-radius:7px;background:linear-gradient(135deg,#F5E6B7,#DCE3D2)}.web-copy h2{font-family:Georgia,serif;font-size:35px;font-weight:500}.web-copy p{font-size:13px;color:var(--ink-2);line-height:2}
.download-safety{display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line)}.download-symbol{width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:var(--rose-soft);color:#9C7725;font-size:30px}.download-safety>div:nth-child(2){flex:1}.download-safety h2{font-family:Georgia,serif;font-size:24px;font-weight:500;margin:4px 0}.download-safety p{font-size:11px;color:var(--ink-3);margin:0}
.about-preview{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.about-art{height:260px;position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(140deg,#F1E2B7,#B4B99B)}.about-illustration{width:100%;height:100%;background:linear-gradient(140deg,#F1E2B7,#B4B99B)}.about-art>span{position:absolute;bottom:12px;right:20px;font-family:Georgia,serif;font-size:48px;color:#fff8}.about-preview h2,.faq-preview h2{font-family:Georgia,serif;font-size:38px;font-weight:500;line-height:1.3;margin:12px 0}.about-preview p,.faq-preview>div:first-child p{font-size:13px;color:var(--ink-2);line-height:2}.faq-preview{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px}.faq-mini details,.faq-list details{border-bottom:1px solid var(--line);padding:16px 0}.faq-mini summary,.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:15px;font-size:13px}.faq-mini summary::-webkit-details-marker,.faq-list summary::-webkit-details-marker{display:none}.faq-mini summary span{margin-left:auto;font-size:20px;color:#A78A4A}.faq-mini details[open] summary span{transform:rotate(45deg)}.faq-mini details p{font-size:11px;color:var(--ink-3);padding-left:4px;line-height:1.9}
.final-invite{background:#F1E3B9;max-width:none;padding-left:max(30px,calc((100vw - 1260px)/2));padding-right:max(30px,calc((100vw - 1260px)/2));display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.final-invite h2{font-family:Georgia,serif;font-size:35px;font-weight:500;line-height:1.3;margin:10px 0}.invite-flower{position:absolute;right:20%;top:-80px;font-size:260px;color:#fff4;pointer-events:none}
.site-footer{background:linear-gradient(135deg,#3B3326,#655238);color:#fff;padding:60px max(30px,calc((100vw - 1260px)/2)) 20px}.footer-main{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:55px;padding-bottom:48px}.brand-footer{color:#fff}.brand-footer small{color:#FFFFFF80}.footer-mark{background:#F5E3A0;color:#57451F}.footer-brand>p{max-width:300px;color:#FFFFFFB3;font-size:11px;line-height:2;margin-top:20px}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col h3{font-size:12px;color:#F5E3A0;margin:0 0 9px}.footer-col a{font-size:11px;color:#FFFFFFB3}.footer-col a:hover,.footer-bottom a:hover{color:#F5E3A0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #FFFFFF25;padding-top:18px;color:#FFFFFF80;font-size:10px}.footer-bottom div{display:flex;gap:20px}.mobile-dock{display:none}

.page-heading{max-width:var(--wrap);margin:auto;padding:85px 30px 48px;position:relative}.page-heading:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:9%;top:35px;background:radial-gradient(circle,#F3E5BD80,transparent 70%);z-index:-1}.page-heading h1{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(38px,5vw,58px);font-weight:500;letter-spacing:-.04em;margin:10px 0}.page-heading>p:last-child{max-width:700px;color:var(--ink-2);font-size:14px;line-height:2}.content-wrap{max-width:var(--wrap);margin:0 auto;padding:25px 30px 90px}.category-intro-panel{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;min-height:250px;border-radius:22px;padding:35px 45px;overflow:hidden;background:#F5E8C5}.category-intro-panel h2{font-family:Georgia,serif;font-size:29px;font-weight:500;margin:10px 0}.category-intro-panel p{max-width:620px;font-size:12px;line-height:2;color:var(--ink-2)}.category-hero-art{height:200px;border-radius:50%;background:linear-gradient(140deg,#E8D69E,#AAB797)}.tone-sage{background-color:#E4E9DB}.tone-peach{background-color:#F0DFCA}.tone-gold{background-color:#F4E6BC}.tone-cream{background-color:#F6F0DF}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.long-read{max-width:850px;margin:60px auto 0;padding:35px 0;border-top:1px solid var(--line)}.long-read h2,.long-read h3{font-family:Georgia,serif;font-weight:500}.long-read p{font-size:13px;color:var(--ink-2);line-height:2.1}
.detail-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,.8fr);gap:55px}.detail-hero{height:390px;position:relative;border-radius:22px;overflow:hidden}.detail-art{width:100%;height:100%;background:linear-gradient(140deg,#F2E2B3,#C9AC69 55%,#9DAA8A)}.detail-number{position:absolute;bottom:20px;left:25px;font-family:Georgia,serif;font-size:65px;color:#fff8}.detail-meta{display:flex;gap:9px;margin-top:25px}.badge{font-size:10px;padding:5px 10px;border-radius:var(--pill);background:var(--rose-soft);color:#80621D}.badge-sage{background:var(--sage-soft);color:#64775A}.detail-main>h2{font-family:Georgia,serif;font-size:40px;font-weight:500;margin:10px 0}.detail-lead{font-size:15px;color:var(--ink-2);line-height:2}.detail-main .long-read{margin-top:35px}.detail-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.detail-aside{align-self:start;position:sticky;top:100px;padding:25px;background:#F7F1E1;border-radius:17px}.detail-aside h3{font-family:Georgia,serif;font-size:22px;font-weight:500;margin:8px 0 20px}.detail-aside dl{margin:0}.detail-aside dt{font-size:10px;color:var(--ink-3);margin-top:14px}.detail-aside dd{font-size:12px;margin:3px 0;border-bottom:1px solid var(--line);padding-bottom:10px}.detail-aside>a{display:inline-block;font-size:11px;color:#8A6A25;margin-top:20px}
.reader-layout{max-width:920px}.reader-toolbar{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--ink-2);padding:12px 0;border-bottom:1px solid var(--line)}.reader-toolbar button{border:0;background:transparent;color:#8A6A25}.reader-paper{max-width:760px;margin:45px auto;background:#fffefa;padding:55px 65px;border-radius:12px;box-shadow:var(--shadow)}.reader-paper.reader-warm{background:#F5EBD3}.reader-paper h2{font-family:Georgia,serif;font-size:38px;font-weight:500}.reader-intro{font-size:16px;color:var(--ink-2);line-height:2}.reader-art{height:220px;margin:28px 0;border-radius:12px;overflow:hidden}.reader-illustration{width:100%;height:100%;background:linear-gradient(140deg,#E8D8A7,#A9B89B)}.reader-paper h3{font-family:Georgia,serif;font-size:22px;font-weight:500;margin-top:30px}.reader-paper>p{font-size:13px;color:var(--ink-2);line-height:2.2}.reader-end{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:40px;font-size:10px;color:#8A6A25}
.search-page-form{display:flex;max-width:700px;margin:0 auto 45px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:var(--pill)}.result-heading{font-family:Georgia,serif;font-weight:500}.empty-state{text-align:center;padding:70px 20px;background:#F8F2E4;border-radius:18px}.empty-state>span{font-size:50px;color:#C7A34A}.empty-state h2{font-family:Georgia,serif;font-size:26px;font-weight:500}.empty-state p{font-size:12px;color:var(--ink-3)}
.bookshelf-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.bookshelf-grid>div{padding:28px;background:#F7F1E1;border-radius:18px}.bookshelf-grid h2{font-family:Georgia,serif;font-weight:500;font-size:27px;margin:0}.bookshelf-grid p{font-size:11px;color:var(--ink-3)}.local-list{min-height:130px}.local-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.local-row b{font-size:10px;color:#8A6A25}.muted{font-size:12px;color:var(--ink-3);padding:15px 0}
.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.collection-card{display:grid;grid-template-columns:40% 1fr;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.collection-art{position:relative;min-height:320px;background:#E8D7A6}.collection-illustration{width:100%;height:100%;background:linear-gradient(140deg,#F0DFAF,#AEB99B)}.collection-art>span{position:absolute;left:16px;bottom:10px;color:#fff;font-family:Georgia,serif;font-size:32px}.collection-copy{padding:22px}.collection-copy h2{font-family:Georgia,serif;font-size:22px;font-weight:500;margin:8px 0}.collection-copy p{font-size:11px;color:var(--ink-2);line-height:1.9}.collection-copy dl{font-size:10px}.collection-copy dt{color:var(--ink-3);margin-top:9px}.collection-copy dd{margin:2px 0;color:var(--ink-2)}
.author-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.author-card{padding:28px;background:#F8F2E4;border-radius:18px}.author-avatar{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#E9D79F;color:#715A2C;font-family:serif;font-size:28px;margin-bottom:25px}.author-card h2{font-family:Georgia,serif;font-size:25px;font-weight:500;margin:7px 0}.author-card p{font-size:12px;color:var(--ink-2);line-height:2;min-height:120px}.author-work{border-top:1px solid var(--line);padding-top:15px}.author-work small,.author-work b{display:block}.author-work small{font-size:9px;color:var(--ink-3)}.author-work b{font-size:11px;margin-top:4px}
.faq-page{display:grid;grid-template-columns:270px 1fr;gap:60px}.faq-side{position:sticky;top:110px;align-self:start}.faq-side h2{font-family:Georgia,serif;font-size:35px;font-weight:500;line-height:1.3}.faq-side p{font-size:12px;color:var(--ink-3)}.faq-list details summary{font-size:13px;padding:6px 0}.faq-list summary>span{font-family:Georgia,serif;color:#B48A25;font-size:17px}.faq-list summary>b{margin-left:auto;color:#A58B54;font-size:18px;font-weight:400}.faq-list details[open] summary>b{transform:rotate(45deg)}.faq-list details>p{font-size:12px;color:var(--ink-2);line-height:2;padding:8px 34px 5px}
.update-timeline{max-width:900px}.timeline-row{display:grid;grid-template-columns:60px 1fr 120px;gap:20px;padding:27px 0;border-bottom:1px solid var(--line);align-items:start}.timeline-dot{width:42px;height:42px;border-radius:50%;background:var(--rose-soft);display:grid;place-items:center;color:#9B7627;font-family:Georgia,serif}.timeline-row h2{font-family:Georgia,serif;font-size:23px;font-weight:500;margin:5px 0}.timeline-row p{font-size:12px;color:var(--ink-2)}.timeline-row time{font-size:10px;color:var(--ink-3);text-align:right}.notice{font-size:11px;color:var(--ink-3);padding:20px 0}
.community-page{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.community-rules{background:#E9EBDD;border-radius:18px;padding:35px;align-self:start}.community-rules h2{font-family:Georgia,serif;font-size:34px;font-weight:500;line-height:1.3}.community-rules p{font-size:12px;color:#5F6956;line-height:2}.discussion-list{display:grid;gap:15px}.discussion-list h2{font-family:Georgia,serif;font-size:22px;font-weight:500;margin:12px 0}.like-button{border:1px solid var(--line);background:#fffdf7;border-radius:var(--pill);padding:7px 14px;font-size:11px;color:var(--ink-2)}.like-button.is-liked{background:var(--rose-soft);color:#8B6A25}
.info-layout{display:grid;grid-template-columns:280px 1fr;gap:65px}.info-index{align-self:start;position:sticky;top:110px}.info-index h2{font-family:Georgia,serif;font-size:30px;font-weight:500}.info-index p{font-size:12px;color:var(--ink-3)}.info-nav{display:grid;gap:10px;margin-top:30px}.info-nav a{font-size:11px;padding:8px 0;border-bottom:1px solid var(--line);color:var(--ink-2)}.info-article article{display:grid;grid-template-columns:45px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.info-number{font-family:Georgia,serif;color:#B48A25;font-size:23px}.info-article h2{font-family:Georgia,serif;font-size:22px;font-weight:500;margin:0 0 8px}.info-article p{font-size:13px;color:var(--ink-2);line-height:2.1;margin:0}
.error-page{text-align:center;padding:85px 20px 120px}.error-page>span{font-family:Georgia,serif;font-size:130px;color:#E6D5A1;line-height:1}.error-page h1{font-family:Georgia,serif;font-size:36px;font-weight:500}.error-page p{color:var(--ink-3);font-size:13px}.error-page>div{display:flex;justify-content:center;gap:12px;margin-top:25px}.page-heading+.content-wrap{padding-top:10px}
@keyframes dialog-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:1200px){.main-nav{gap:13px}.main-nav a{font-size:12px}.header-inner{gap:20px}.brand{min-width:150px}.hero-stage{min-height:570px}.hero-art-main{height:390px}.section{padding-top:70px;padding-bottom:70px}.split-category{gap:55px}.story-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1024px){.header-inner{padding:0 22px}.main-nav{gap:12px}.main-nav a{font-size:11px}.header-actions{gap:9px}.header-fav{display:none}.hero-stage{grid-template-columns:1fr 1fr;padding-top:60px}.hero-copy h1{font-size:58px}.quick-categories{grid-template-columns:1fr;gap:20px}.feature-layout{grid-template-columns:1fr}.feature-aside{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.aside-heading,.aside-foot{grid-column:1/-1}.note-row{border:1px solid var(--line);padding:14px;border-radius:12px}.split-category,.ai-showcase,.craft-guide,.topic-feature,.comic-world,.device-experience,.web-experience,.about-preview{gap:40px}.creator-quote{grid-template-columns:60px 1fr 220px}.mood-selector,.watch-help{grid-template-columns:1fr;gap:25px}.daily-index{gap:35px}.story-grid{grid-template-columns:repeat(2,1fr)}.collection-grid{grid-template-columns:1fr}.detail-layout{gap:30px}.footer-main{gap:30px}}
@media(max-width:900px){.site-header{height:66px}.header-inner{justify-content:space-between}.menu-toggle{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:transparent;border-radius:var(--pill);padding:8px 13px;font-size:11px;color:var(--ink-2)}.menu-toggle i,.menu-toggle i:before,.menu-toggle i:after{display:block;width:13px;height:1px;background:currentColor;position:relative}.menu-toggle i:before,.menu-toggle i:after{content:"";position:absolute;left:0}.menu-toggle i:before{top:-4px}.menu-toggle i:after{top:4px}.main-nav{display:none;position:absolute;top:65px;left:0;right:0;background:#fffef8;padding:14px 25px 24px;border-bottom:1px solid var(--line);box-shadow:var(--shadow);grid-template-columns:repeat(2,1fr);gap:0}.main-nav.nav-open{display:grid}.main-nav a{font-size:13px;padding:12px 4px;border-bottom:1px solid var(--line)}.header-actions{margin-left:auto}.hero-stage{grid-template-columns:1fr;padding:55px 25px 45px}.hero-copy{max-width:700px}.hero-art-area{min-height:390px}.hero-art-main{height:360px;width:65%}.hero-sticker{left:12%}.hero-side-note{right:9%}.category-pills{grid-template-columns:repeat(2,1fr)}.feature-primary{grid-template-columns:1fr 1fr}.split-category,.ai-showcase,.craft-guide,.topic-feature,.comic-world,.device-experience,.web-experience,.about-preview{grid-template-columns:1fr}.split-visual{height:360px;max-width:550px;width:100%;margin:auto}.ai-showcase{padding-left:25px;padding-right:25px}.comic-banner{height:260px}.vertical-track{grid-template-columns:1fr}.vertical-tile{grid-template-columns:160px 1fr;max-width:600px}.vertical-tile>a{height:210px}.creator-quote{grid-template-columns:50px 1fr 180px;padding-left:25px;padding-right:25px}.creator-growth{grid-template-columns:150px 1fr;padding-left:25px;padding-right:25px}.faq-preview{grid-template-columns:1fr;gap:25px}.page-heading{padding:65px 25px 35px}.content-wrap{padding-left:25px;padding-right:25px}.detail-layout{grid-template-columns:1fr}.detail-aside{position:static}.info-layout,.faq-page,.community-page{grid-template-columns:1fr}.info-index,.faq-side{position:static}.info-nav{grid-template-columns:repeat(4,1fr)}.footer-main{grid-template-columns:1.2fr 1fr 1fr}.footer-col:last-child{display:none}}
@media(max-width:768px){body{font-size:14px}.header-inner{padding:0 16px}.brand{font-size:17px;min-width:auto}.brand-mark{width:34px;height:34px}.app-link{display:none}.hero-stage{padding:45px 20px 35px}.hero-copy h1{font-size:54px}.hero-lead{font-size:13px}.hero-search{height:54px}.hero-search button{padding:10px 13px}.hero-art-area{min-height:330px}.hero-art-main{height:310px;width:72%}.hero-side-note{right:0;bottom:10px}.hero-sticker{left:0;top:25px;width:68px;height:68px}.quick-categories{padding:25px 20px 40px}.category-pills{gap:8px}.category-pills a{padding:12px 10px}.section{padding:58px 20px}.section-title{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:25px}.section-title h2,.mood-heading h2,.daily-left h2,.community-head h2{font-size:30px}.feature-primary{grid-template-columns:1fr}.feature-image,.feature-art{min-height:260px;height:260px}.feature-detail{padding:25px}.feature-aside{grid-template-columns:1fr}.note-row{padding:13px}.section-dark{padding:55px 20px;flex-wrap:wrap;gap:20px}.intro-band h2{font-size:34px}.intro-band p{max-width:100%;flex-basis:100%;order:3}.round-arrow{width:45px;height:45px}.split-category{gap:28px}.split-visual{height:300px}.split-copy h2,.ai-copy h2,.comic-ribbon h2,.creator-quote h2,.craft-copy h2,.help-heading h2,.topic-copy h2,.world-copy h2{font-size:34px}.ai-showcase{padding:55px 20px}.ai-visual{height:300px}.ribbon-top{display:block}.ribbon-top p{margin-top:15px}.comic-banner{height:230px}.comic-banner h3{font-size:25px}.banner-mark{font-size:150px}.vertical-tile{grid-template-columns:125px 1fr;gap:13px}.vertical-tile>a{height:175px}.vertical-tile h3{font-size:18px}.creator-quote{grid-template-columns:35px 1fr;padding:55px 20px}.quote-mark{font-size:80px}.quote-side{display:none}.update-item{grid-template-columns:35px 1fr;gap:8px}.update-type{grid-column:2}.update-item>div{grid-column:2}.update-item time{grid-column:2;text-align:left}.mood-grid{gap:8px}.mood-card{min-height:125px;padding:15px}.mood-card b{font-size:19px}.series-shelf{grid-template-columns:1fr;padding:55px 20px}.shelf-stack{min-height:300px}.craft-guide{gap:25px}.guide-visual{height:280px}.watch-help{padding:55px 20px}.help-columns{grid-template-columns:1fr;gap:18px}.help-columns article{padding:0 0 15px 17px}.help-columns p{min-height:0}.topic-cover{height:250px}.editor-grid{grid-template-columns:1fr}.story-landscape{grid-template-columns:38% 1fr}.story-landscape .story-visual{min-height:190px}.daily-index{grid-template-columns:1fr}.index-table a{grid-template-columns:35px 1fr 25px}.index-table small{grid-column:2}.index-table i{grid-column:3;grid-row:1/3}.world-visual{height:280px}.creator-growth{grid-template-columns:90px 1fr;gap:20px;padding:55px 20px}.growth-number{font-size:75px}.creator-growth h2{font-size:30px}.community-head{align-items:flex-start;flex-direction:column}.community-posts{grid-template-columns:1fr}.privacy-strip{padding:35px 20px;flex-wrap:wrap}.privacy-strip>div:nth-child(2){flex-basis:calc(100% - 90px)}.privacy-strip h2{font-size:20px}.privacy-strip>.text-link{margin-left:85px}.device-art{height:280px}.web-experience{padding:55px 20px}.download-safety{flex-wrap:wrap}.download-safety>div:nth-child(2){flex-basis:calc(100% - 90px)}.download-safety>.button{margin-left:85px}.about-art{height:220px}.final-invite{padding:50px 20px;align-items:flex-start;flex-direction:column;gap:20px}.final-invite h2{font-size:30px}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-col:last-child{display:flex}.footer-bottom{flex-wrap:wrap}.page-heading{padding:55px 20px 25px}.page-heading h1{font-size:39px}.content-wrap{padding:20px 20px 70px}.category-intro-panel{grid-template-columns:1fr;padding:25px}.category-hero-art{height:140px}.story-grid{grid-template-columns:1fr 1fr;gap:12px}.story-visual{height:165px}.story-copy{padding:13px}.story-copy h3{font-size:17px}.story-copy p{font-size:10px;min-height:80px}.detail-hero{height:260px}.detail-main>h2{font-size:32px}.reader-paper{padding:30px 22px;margin:25px auto}.reader-paper h2{font-size:30px}.reader-toolbar{flex-wrap:wrap}.bookshelf-grid{grid-template-columns:1fr}.collection-card{grid-template-columns:1fr}.collection-art{height:180px;min-height:180px}.collection-copy{padding:20px}.author-grid{grid-template-columns:1fr 1fr}.author-card{padding:20px}.author-card p{min-height:0}.faq-page{gap:20px}.faq-side h2{font-size:30px}.info-layout{gap:20px}.info-nav{grid-template-columns:repeat(2,1fr)}.community-page{gap:20px}.timeline-row{grid-template-columns:45px 1fr}.timeline-row time{grid-column:2;text-align:left}.error-page{padding:60px 20px 90px}.error-page>span{font-size:95px}}
@media(max-width:600px){.header-actions{gap:6px}.icon-button{width:33px;height:33px}.header-fav{display:none}.hero-copy h1{font-size:46px}.hero-search{height:auto;min-height:52px}.hero-search input{font-size:11px;padding:0 8px}.hero-search button{font-size:10px;padding:10px}.hero-tags{gap:9px}.hero-tags a{font-size:10px}.hero-actions{gap:10px;flex-wrap:wrap}.hero-art-area{min-height:280px}.hero-art-main{height:260px;width:78%}.hero-art-caption{left:17px;bottom:17px}.hero-art-caption strong{font-size:17px}.hero-side-note{padding:10px 12px;gap:8px}.hero-side-note small{font-size:9px}.hero-sticker{width:58px;height:58px;font-size:11px}.category-pills{grid-template-columns:1fr 1fr}.category-pills a{gap:7px}.category-pills span{font-size:11px}.quick-intro h2{font-size:21px}.search-dialog{padding:38px 22px}.search-dialog h2{font-size:27px}.search-form{flex-wrap:wrap;border-radius:17px}.search-form input{min-height:42px;flex-basis:100%}.search-form button{width:100%}.feature-detail h3{font-size:27px}.feature-aside{display:block}.feature-aside .note-row{margin:8px 0}.split-visual{height:255px}.ai-visual{height:250px}.ai-float-card{left:14px;bottom:14px;min-width:0;padding:12px}.ai-float-card b{font-size:13px}.ai-orbit-label{font-size:8px}.comic-banner{height:205px}.comic-banner>div{left:6%}.comic-banner h3{font-size:21px}.banner-mark{font-size:110px;right:3%}.vertical-tile{grid-template-columns:105px 1fr}.vertical-tile>a{height:150px}.vertical-tile p{font-size:10px}.creator-quote{grid-template-columns:25px 1fr;gap:12px}.quote-mark{font-size:60px}.creator-quote h2{font-size:29px}.mood-grid{grid-template-columns:1fr 1fr}.mood-card{min-height:120px}.mood-card b{font-size:17px}.shelf-stack{grid-template-columns:1fr;grid-template-rows:auto}.shelf-card{min-height:125px}.shelf-a{grid-row:auto}.guide-visual{height:230px}.topic-cover{height:210px}.story-grid{grid-template-columns:1fr}.story-card{display:grid;grid-template-columns:38% 1fr}.story-visual{height:100%;min-height:180px}.story-copy p{min-height:0}.story-copy .text-link{font-size:10px}.story-landscape{grid-template-columns:38% 1fr}.story-landscape .story-visual{min-height:190px}.index-table a{grid-template-columns:30px 1fr 20px;gap:8px}.index-table small{font-size:9px}.growth-number{font-size:62px}.creator-growth{grid-template-columns:65px 1fr;gap:15px}.creator-growth h2{font-size:26px}.privacy-strip{gap:15px}.privacy-icon{width:48px;height:48px}.privacy-strip>div:nth-child(2){flex-basis:calc(100% - 65px)}.privacy-strip h2{font-size:18px}.privacy-strip>.text-link{margin-left:63px}.device-art{height:240px}.device-phone{border-width:6px;border-radius:20px}.device-tablet{border-width:6px;border-radius:14px}.browser-content{padding:24px}.browser-content>b{font-size:21px}.download-symbol{width:48px;height:48px}.download-safety>div:nth-child(2){flex-basis:calc(100% - 70px)}.download-safety h2{font-size:19px}.download-safety>.button{margin-left:63px}.about-preview h2,.faq-preview h2{font-size:31px}.final-invite h2{font-size:26px}.footer-main{gap:25px 18px}.footer-col h3{font-size:11px}.footer-col a{font-size:10px}.footer-bottom{font-size:9px}.footer-bottom div{gap:10px}.mobile-dock{position:fixed;display:flex;z-index:70;left:10px;right:10px;bottom:9px;height:58px;background:#fffef6ed;backdrop-filter:blur(14px);border:1px solid #D8CBAA;border-radius:18px;box-shadow:0 8px 30px #40331b20;justify-content:space-around;align-items:center}.mobile-dock a{display:flex;flex-direction:column;align-items:center;font-size:17px;line-height:1.2;color:#8A754E}.mobile-dock span{font-size:9px;margin-top:3px}.site-footer{padding-bottom:90px}.category-intro-panel{padding:20px}.category-intro-panel h2{font-size:23px}.filter-chip{font-size:10px;padding:6px 10px}.detail-actions{gap:8px}.detail-actions .button{padding:10px 14px;font-size:11px}.author-grid{grid-template-columns:1fr}.author-card p{min-height:0}.collection-copy h2{font-size:20px}.reader-art{height:170px}.faq-list summary{font-size:11px}.faq-list details>p{padding-left:27px}.info-article article{grid-template-columns:30px 1fr;gap:12px}.info-number{font-size:18px}.error-page h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.discover-visual{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:32px}.discover-visual>div{min-height:220px;position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#F4E4B4,#D5DDCA)}.discover-art,.search-art{width:100%;height:100%;background:linear-gradient(140deg,#F5E7B8,#AAB99A)}.discover-visual>div:last-child{padding:28px;display:flex;flex-direction:column;justify-content:center}.discover-visual h2{font-family:Georgia,serif;font-weight:500;font-size:27px;margin:8px 0}.discover-visual p{font-size:12px;color:var(--ink-2);margin:0}.app-visual-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:0!important}.app-visual-panel>div{height:190px;position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#F2E4B8,#C9D4BC)}.app-showcase-art,.mobile-showcase-art{width:100%;height:100%;background:linear-gradient(135deg,#F3E4B7,#AEB99B)}
@media(max-width:600px){.discover-visual{grid-template-columns:1fr}.discover-visual>div{min-height:165px}.app-visual-panel>div{height:130px}}