@charset "UTF-8";
:root{--rose:#D6A92F;--rose2:#E7C45D;--rose-light:#F5E3A0;--rose-soft:#FFF7DC;--cream:#FFFEF8;--cream2:#FFF9E9;--cream3:#F8F0D9;--mauve:#B6A27B;--mauve-deep:#8A754E;--plum:#554832;--plum-dark:#3B3326;--sage:#A8B99A;--sage-soft:#EFF4E9;--peach:#E7B978;--ink:#3D382D;--ink2:#665D4A;--ink3:#938A78;--line:rgba(61,56,45,.12);--shadow:0 8px 28px rgba(92,72,28,.08);--shadow2:0 18px 42px rgba(92,72,28,.14);--wrap:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.75 Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.wrap{width:min(var(--wrap),calc(100% - 64px));margin:auto}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--mauve-deep);font-weight:800}.muted{font-size:11px;color:var(--ink3)}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:200}
header{height:72px;position:sticky;top:0;z-index:80;background:rgba(255,254,248,.96);backdrop-filter:blur(15px);border-bottom:1px solid var(--line);transition:.2s}header.scrolled{box-shadow:var(--shadow);background:rgba(255,255,255,.98)}.head{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;flex:none}.brand i{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#f4d778,#d6a92f);font-style:normal;font-size:19px;font-weight:900;color:#554328}.brand b{display:block;font-size:16px;line-height:1.3;letter-spacing:.04em}.brand small{display:block;font-size:9px;color:var(--ink3);letter-spacing:.12em;margin-top:3px}.head nav{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.5vw,23px);height:100%;flex:1}.head nav a{height:100%;display:flex;align-items:center;position:relative;font-size:11px;color:var(--ink2);white-space:nowrap}.head nav a:hover,.head nav a.on{color:var(--mauve-deep)}.head nav a.on:after{content:"";height:2px;position:absolute;bottom:0;left:0;right:0;background:var(--rose)}.head-actions{display:flex;align-items:center;gap:13px}.head-actions button{border:0;background:transparent;color:var(--ink);font-size:19px}.head-actions a{font-size:11px;color:var(--ink2)}.head-actions .app-link{padding:7px 16px;border-radius:30px;background:var(--rose-soft);color:#775b1c;font-weight:700}.menu-toggle{display:none}#mobileNav{position:absolute;top:72px;left:0;right:0;background:var(--cream);padding:16px 22px;border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:8px}#mobileNav:not([hidden]){display:grid}#mobileNav a{background:white;border-radius:8px;text-align:center;padding:10px;font-size:11px}
.home-hero{background:linear-gradient(135deg,#FFFEF8 0%,#FFF4CE 56%,#F8E8B5 100%);padding:70px 0 22px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center;min-height:470px}.hero-grid h1{font-size:clamp(38px,4.5vw,62px);line-height:1.2;letter-spacing:-.055em;margin:19px 0 17px;font-weight:760}.hero-grid h1 em{font-style:normal;color:#a77e25}.hero-grid>div:first-child>p{max-width:570px;color:var(--ink2);font-size:14px;line-height:2;margin-bottom:25px}.hero-search{height:58px;max-width:590px;background:#fff;border:1px solid rgba(138,117,78,.18);border-radius:14px;display:flex;align-items:center;padding:6px;box-shadow:var(--shadow)}.hero-search input{flex:1;min-width:0;border:0;outline:0;padding:0 14px;font-size:12px}.hero-search button,.search-box form button{border:0;background:var(--rose);color:#fff;border-radius:10px;padding:12px 20px;font-size:11px;font-weight:700}.tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:15px;font-size:10px}.tags>span{color:var(--ink3)}.tags a{border:1px solid rgba(138,117,78,.2);padding:4px 10px;border-radius:30px;color:var(--ink2)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:30px;padding:11px 21px;font-size:11px;font-weight:750;background:var(--rose);color:#fff;transition:.2s}.button:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.button.secondary{background:transparent;border-color:rgba(61,56,45,.22);color:var(--ink2)}.button.quiet{background:rgba(255,255,255,.55);color:var(--ink2)}.hero-stage{height:450px;position:relative;display:flex;align-items:center;justify-content:center}.poster{position:absolute;left:13%;top:32px;width:62%;height:365px;border-radius:20px;padding:17px;background:rgba(255,255,255,.78);box-shadow:var(--shadow2);border:1px solid #fff;transform:rotate(-3deg);overflow:hidden}.poster>small,.poster-mini>small{font-size:9px;letter-spacing:.16em;color:var(--mauve-deep);font-weight:800}.poster .sun{position:absolute;top:85px;right:22%;width:115px;height:115px;border-radius:50%;background:#fff0bd;box-shadow:0 0 0 18px rgba(255,244,206,.22)}.poster .hills{position:absolute;bottom:45px;left:-20px;width:120%;height:140px;background:linear-gradient(160deg,#a9b698,#71866c);border-radius:50% 50% 0 0;transform:rotate(-8deg)}.poster>b{position:absolute;left:34px;bottom:92px;color:#fff8df;font-size:31px;line-height:1.2;z-index:2;text-shadow:0 2px 8px #776b4b}.poster footer{position:absolute;bottom:15px;left:20px;font-size:10px}.poster-mini{position:absolute;right:4%;top:86px;width:140px;height:180px;background:#f4e5c0;padding:15px;border-radius:16px;box-shadow:var(--shadow2);transform:rotate(7deg);display:flex;flex-direction:column;justify-content:space-between}.poster-mini b{font-size:24px;line-height:1.2;color:#66563b}.poster-mini span{font-size:9px;background:#fff9;border-radius:20px;padding:4px 9px;align-self:flex-start}.floating-note{position:absolute;right:2%;bottom:25px;background:#fffdf4;padding:12px 18px;border-radius:13px;box-shadow:var(--shadow);display:flex;flex-direction:column;font-size:9px;color:var(--ink3);transform:rotate(-3deg)}.floating-note strong{font-size:13px;color:var(--ink)}.hero-bottom{display:flex;align-items:center;gap:15px;font-size:10px;color:var(--ink3);letter-spacing:.08em}.hero-bottom i{height:1px;background:rgba(138,117,78,.25);flex:1}
.section{padding:70px 0}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.section-title h2{font-size:clamp(25px,2.8vw,36px);line-height:1.3;letter-spacing:-.035em;margin:8px 0}.section-title p{font-size:12px;color:var(--ink3);margin:0}.section-title>a{font-size:11px;color:var(--mauve-deep);font-weight:750;white-space:nowrap}.quick{display:grid;grid-template-columns:.8fr 1.8fr;gap:45px;align-items:center;padding-top:55px}.quick h2{font-size:27px;margin:8px 0}.quick p{font-size:12px;color:var(--ink3)}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-grid>a{display:flex;align-items:center;gap:13px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:13px;font-size:12px;transition:.2s}.quick-grid>a:hover{border-color:var(--rose2);transform:translateY(-2px)}.quick-grid>a>b{color:var(--rose);font-size:12px}.quick-grid>a>span{flex:1;font-weight:700}.quick-grid small{display:block;font-size:9px;color:var(--ink3);font-weight:400;line-height:1.5;margin-top:3px}.spotlight{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px}.spot-art{min-height:330px;border-radius:16px;background:linear-gradient(145deg,#f8dfc1,#d9a77d);padding:22px;display:flex;flex-direction:column;justify-content:space-between;color:#fffdf0}.spot-art span,.spot-art small{font-size:9px;letter-spacing:.15em;color:#77664b}.spot-art b{font-size:32px;line-height:1.35;text-shadow:0 2px 12px #88745c}.spot-copy{padding:15px 20px}.spot-copy h3{font-size:25px;margin:8px 0}.spot-copy p{font-size:11px;color:var(--ink2);line-height:2}.spot-copy a{font-size:11px;color:var(--mauve-deep);font-weight:750}.spot-copy hr{border:0;border-top:1px solid var(--line);margin:22px 0}.spot-copy> b{font-size:14px}
.band{background:var(--cream2);padding:65px max(32px,calc((100% - var(--wrap))/2));margin-inline:calc(-1 * max(32px,calc((100% - var(--wrap))/2)))}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.25s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow2)}.art{height:220px;position:relative;overflow:hidden;padding:16px;display:flex;flex-direction:column;justify-content:space-between;color:#fffdf0}.art:after{content:"";position:absolute;width:170px;height:170px;border:1px solid #ffffff88;border-radius:50%;right:-45px;bottom:-65px;box-shadow:0 0 0 22px #ffffff15,0 0 0 45px #ffffff0c}.art small{font-size:9px;color:#514a38;letter-spacing:.12em;font-weight:800}.art b{font-size:24px;line-height:1.3;max-width:85%;z-index:1;text-shadow:0 2px 10px #65583c55}.art em{font-size:8px;letter-spacing:.15em;color:#514a38;font-style:normal}.gold{background:linear-gradient(145deg,#f7e8b8,#d5b56a)}.sage{background:linear-gradient(145deg,#e4eadb,#9fb294)}.plum{background:linear-gradient(145deg,#d6c9ad,#8e8068)}.peach{background:linear-gradient(145deg,#f8dfc1,#d9a77d)}.card-copy{padding:13px 14px}.card-copy>span{font-size:9px;color:var(--ink3)}.card-copy h3{font-size:14px;margin:6px 0}.card-copy p{font-size:10px;line-height:1.8;color:var(--ink3);min-height:58px;margin:0}.card-copy>div{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:10px;padding-top:9px}.card-copy>div a,.card-copy button{font-size:10px;color:var(--mauve-deep);font-weight:750}.card-copy button{border:0;background:transparent;padding:0}.card-copy button.saved{color:#9a7422}
.genre-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:180px 180px;gap:13px}.genre{border-radius:17px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;position:relative;overflow:hidden}.genre:after{content:"";position:absolute;width:160px;height:160px;border:1px solid #ffffff66;border-radius:50%;right:-50px;bottom:-60px;box-shadow:0 0 0 25px #ffffff12}.genre small{font-size:9px;letter-spacing:.15em}.genre b{font-size:24px}.genre span{font-size:10px}.genre.city{grid-row:span 2;background:linear-gradient(145deg,#f1d99b,#b8b38b)}.genre.mystery{background:linear-gradient(145deg,#c8c4ac,#726d58)}.genre.family{background:linear-gradient(145deg,#f5e5c8,#d8ae83)}.genre.fantasy{background:linear-gradient(145deg,#dce4d1,#92a78b)}
.ai-panel{background:#eff4e9;border-radius:22px;padding:42px;display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center}.ai-panel h2{font-size:31px;margin:8px 0}.ai-panel p{font-size:12px;color:var(--ink2);line-height:2}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.steps article{background:#ffffffb8;border:1px solid #8a754e20;border-radius:13px;padding:17px;display:grid;grid-template-columns:32px 1fr;gap:4px 9px}.steps article b{grid-row:span 2;color:var(--mauve-deep)}.steps strong{font-size:12px}.steps small{font-size:9px;color:var(--ink3)}.comic-banner{display:grid;grid-template-columns:1fr .8fr;min-height:280px;border-radius:20px;overflow:hidden;background:#f8f0d9}.comic-banner>div:first-child{padding:38px}.comic-banner h2{font-size:27px;margin:9px 0}.comic-banner p{font-size:11px;color:var(--ink2);max-width:440px;line-height:2}.comic-banner a{font-size:11px;color:var(--mauve-deep);font-weight:750}.comic-art{background:linear-gradient(145deg,#d7dfcb,#a7b797);display:grid;place-items:center;position:relative;overflow:hidden}.comic-art:before{content:"";width:190px;height:190px;border-radius:50%;background:#fff2cf;box-shadow:0 0 0 25px #ffffff25,0 0 0 55px #ffffff18}.comic-art b{position:absolute;font-size:20px;letter-spacing:.18em;line-height:1.3;text-align:center;color:#718269}
.vertical-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.vertical-grid>a>strong{display:block;font-size:12px;margin:8px 0}.vertical-grid>a>p{font-size:10px;color:var(--ink3);line-height:1.8;margin:0}.vertical-art{height:280px;border-radius:15px;padding:15px;display:flex;flex-direction:column;justify-content:space-between;color:white;position:relative;overflow:hidden}.vertical-art:after{content:"";position:absolute;right:-40px;bottom:10px;width:130px;height:130px;border:1px solid #ffffff88;border-radius:50%;box-shadow:0 0 0 18px #ffffff15}.vertical-art small,.vertical-art span{font-size:9px}.vertical-art b{font-size:22px;line-height:1.3;z-index:1}
.makers{background:#fffaf0;border-radius:22px;padding:45px}.people{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.people article{background:white;border:1px solid var(--line);border-radius:14px;padding:18px}.people i{width:42px;height:42px;display:grid;place-items:center;background:var(--cream3);border-radius:50%;font-style:normal;font-size:18px;color:var(--mauve-deep);margin-bottom:12px}.people small{display:block;font-size:8px;color:var(--ink3);letter-spacing:.12em}.people h3{font-size:14px;margin:5px 0}.people b{font-size:10px;color:var(--mauve-deep)}.people p{font-size:10px;color:var(--ink3);line-height:1.9}
.two-col{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.two-col h2{font-size:30px;margin:9px 0}.two-col p{font-size:12px;color:var(--ink3);line-height:2}.two-col>div>a:not(.button){font-size:11px;color:var(--mauve-deep);font-weight:750}.updates>a{display:flex;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid var(--line);font-size:11px}.updates>a>b{font-size:10px;color:var(--mauve-deep);width:40px}.updates>a span{flex:1;font-weight:700}.updates small{display:block;color:var(--ink3);font-size:9px;font-weight:400}.moods{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.moods a{padding:18px;background:#fff;border:1px solid var(--line);border-radius:13px;display:flex;flex-direction:column;gap:5px;font-size:11px}.moods b{font-size:12px}.moods span{font-size:9px;color:var(--ink3)}.moods a:hover{border-color:var(--rose2)}.collection-call{background:linear-gradient(120deg,#f8edca,#e8d39a);border-radius:21px;padding:38px;display:flex;align-items:center;justify-content:space-between}.collection-call h2{font-size:29px;margin:8px 0}.collection-call p{max-width:650px;color:#76684b;font-size:11px;line-height:2}.stamp{width:135px;height:135px;border:1px solid #70572266;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:35px;color:#987522;font-weight:850;transform:rotate(-12deg)}.stamp small{font-size:8px;letter-spacing:.15em}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.notes article{padding:22px;background:white;border-top:2px solid var(--rose2);border-radius:0 0 13px 13px}.notes small{font-size:8px;color:var(--mauve-deep);letter-spacing:.12em}.notes h3{font-size:16px}.notes p{font-size:10px;color:var(--ink3);line-height:1.9}.series-strip{display:flex;align-items:center;gap:18px;background:#f7f0dd;border-radius:18px;padding:30px}.series-strip>div{flex:1}.series-strip h2{font-size:22px;margin:6px 0}.series-strip p{font-size:10px;color:var(--ink3)}.series-strip>a:last-child{font-size:10px;color:var(--mauve-deep)}.topic-pair{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.topic-pair article{padding:30px;border-radius:17px;background:#eff4e9}.topic-pair article+article{background:#fff2e2}.topic-pair h2{font-size:22px;margin:8px 0}.topic-pair p{font-size:11px;color:var(--ink2)}.topic-pair a{font-size:10px;color:var(--mauve-deep);font-weight:750}.feed{border-top:1px solid var(--line)}.feed article{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.feed article>b{width:36px;height:36px;border-radius:11px;background:var(--sage-soft);display:grid;place-items:center;color:#829875}.feed strong{font-size:12px}.feed p{font-size:10px;color:var(--ink3);margin:2px 0}.feed small{font-size:9px;color:var(--mauve-deep)}.feed a{font-size:10px;color:var(--mauve-deep)}.privacy-call{display:grid;grid-template-columns:55px 1fr auto;gap:18px;align-items:center;background:var(--sage-soft);padding:25px;border-radius:18px}.privacy-call>b{width:50px;height:50px;border-radius:50%;background:white;display:grid;place-items:center;font-size:24px;color:#8fa27f}.privacy-call h2{font-size:20px;margin:5px 0}.privacy-call p{font-size:10px;color:var(--ink2);margin:0}.privacy-call aside{display:flex;flex-direction:column;gap:7px}.privacy-call aside a{font-size:10px;color:var(--mauve-deep);font-weight:700}.device-art{min-height:240px;background:radial-gradient(circle,#f5e7bf,transparent 70%);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:18px;box-shadow:inset 0 0 0 20px #fff8}.device-art b{font-size:10px;letter-spacing:.2em}.device-art strong{font-size:35px;line-height:1.2;color:#8c784e}.device-art small{font-size:8px;letter-spacing:.15em}.download-call{display:grid;grid-template-columns:45px 1fr auto;gap:18px;align-items:center}.download-call>b{width:42px;height:42px;border-radius:13px;background:var(--peach);display:grid;place-items:center;font-size:22px}.download-call h2{font-size:20px;margin:4px 0}.download-call p{font-size:10px;color:var(--ink3);margin:0}.download-call>a{font-size:10px;color:var(--mauve-deep);font-weight:750}.about-call{display:grid;grid-template-columns:95px 1fr;gap:24px;align-items:center;background:white;border:1px solid var(--line);border-radius:18px;padding:28px}.about-mark{font-size:45px;font-weight:900;line-height:.9;color:#c49c3b;text-align:center}.about-call h2{font-size:22px;margin:6px 0}.about-call p{font-size:11px;color:var(--ink3);line-height:2}.about-call a{font-size:10px;color:var(--mauve-deep);font-weight:750}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;display:flex;align-items:center;gap:14px;padding:16px 0;font-size:12px;font-weight:700;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:9px;color:var(--rose)}.faq summary b{margin-left:auto;color:var(--mauve);font-size:16px}.faq details[open] summary b{transform:rotate(45deg)}.faq details p{padding:0 30px 17px;margin:0;color:var(--ink2);font-size:11px;line-height:2}.final{text-align:center;padding:65px 20px;margin:20px 0 70px;border-radius:22px;background:linear-gradient(135deg,#fff5d7,#f4e4b6)}.final h2{font-size:34px;line-height:1.35;margin:12px 0 23px}
footer{background:linear-gradient(135deg,#3B3326,#655238);color:#fff8e8;padding:50px 0 18px}.foot{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:25px}.brand.light i{background:#e7c45d;color:#554832}.brand.light b{color:#fff8e8}.brand.light small{color:#ffffff88}.foot>div:first-child p{font-size:10px;color:#ffffffaa;max-width:230px;line-height:2;margin-top:16px}.foot>div:not(:first-child){display:flex;flex-direction:column;gap:8px}.foot>div>b{font-size:11px;color:#f5e3a0;margin-bottom:6px}.foot>div>a{font-size:10px;color:#ffffffb3}.foot a:hover{color:#f5e3a0}.foot-bottom{border-top:1px solid #ffffff22;margin-top:35px;padding-top:15px;font-size:9px;color:#ffffff88;display:flex;gap:20px}.foot-bottom span{flex:1}.bottom{display:none}
.page-content{padding-top:25px;padding-bottom:75px}.page-hero{position:relative;overflow:hidden;border-radius:21px;background:linear-gradient(120deg,#fff8e2,#f3e4b7);padding:55px 7%;margin:8px 0 40px}.page-hero h1{font-size:clamp(30px,4vw,47px);margin:8px 0 12px;letter-spacing:-.04em}.page-hero p{font-size:12px;color:var(--ink2);max-width:700px;line-height:2;margin:0}.page-hero:after{content:"";position:absolute;right:12%;top:-65px;width:180px;height:180px;border:1px solid #ffffffaa;border-radius:50%;box-shadow:0 0 0 25px #ffffff22,0 0 0 55px #ffffff13}.tabs{display:flex;gap:9px;flex-wrap:wrap;margin:-10px 0 35px}.tabs a{padding:8px 16px;border:1px solid var(--line);border-radius:25px;font-size:10px;color:var(--ink2)}.tabs a.selected,.tabs a:hover{background:var(--rose);color:white;border-color:var(--rose)}.editorial,.notice{background:var(--sage-soft);border-radius:16px;padding:27px;margin-top:35px}.editorial h2{font-size:22px;margin:0 0 8px}.editorial p,.notice p{font-size:11px;color:var(--ink2);line-height:2}.editorial a,.notice a{font-size:10px;color:var(--mauve-deep);font-weight:750}.topic-stack{border-top:1px solid var(--line)}.topic-stack article{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}.topic-stack article>b{font-size:27px;color:var(--rose)}.topic-stack h2{font-size:17px;margin:5px 0}.topic-stack p{font-size:11px;color:var(--ink3);line-height:1.9}.topic-stack a{font-size:10px;color:var(--mauve-deep);font-weight:700}.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.people-grid article{padding:22px;background:white;border:1px solid var(--line);border-radius:15px}.people-grid i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--cream3);font-style:normal;color:var(--mauve-deep);font-weight:800;margin-bottom:13px}.people-grid h2{font-size:16px;margin:8px 0}.people-grid p{font-size:10px;color:var(--ink3);line-height:1.9}.people-grid small{font-size:9px;color:var(--ink3)}.people-grid a{font-size:10px;color:var(--mauve-deep);font-weight:700}.rank-list{border-top:1px solid var(--line)}.rank-list article{display:grid;grid-template-columns:45px 1fr auto;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.rank-list article>b{font-size:26px;color:var(--rose)}.rank-list article span{font-size:9px;color:var(--mauve-deep)}.rank-list h2{font-size:16px;margin:4px 0}.rank-list p{font-size:10px;color:var(--ink3);margin:0}.rank-list article>a{font-size:10px;color:var(--mauve-deep)}.timeline{max-width:850px;margin:auto}.timeline article{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.timeline article>small{color:var(--mauve-deep);font-size:10px}.timeline h2{font-size:17px;margin:0}.timeline p{font-size:11px;color:var(--ink3)}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:20px 0}.split h2{font-size:28px}.split p,.split li{font-size:11px;color:var(--ink2);line-height:2}.device{width:220px;height:370px;margin:auto;border:9px solid #554832;border-radius:30px;background:linear-gradient(145deg,#fff8df,#d7dfcb);display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:var(--shadow2)}.device b{font-size:10px;letter-spacing:.2em}.device strong{font-size:31px;line-height:1.2;margin:25px}.device span{font-size:8px;letter-spacing:.15em}.policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.policy-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px}.policy-grid h2{font-size:15px;margin:4px 0}.policy-grid p{font-size:10px;color:var(--ink3);line-height:1.9}.legal{max-width:900px;margin:auto}.legal h2{font-size:20px;margin:25px 0 8px}.legal p{font-size:12px;color:var(--ink2);line-height:2.1}.legal a{color:var(--mauve-deep);font-size:11px;font-weight:700}.about{display:grid;grid-template-columns:130px 1fr;gap:35px}.about-mark{font-size:58px;line-height:.9;color:#c49c3b;font-weight:900;text-align:center}.about h2{font-size:27px}.about p{font-size:12px;color:var(--ink2);line-height:2.1}.crumb{font-size:10px;color:var(--ink3);margin-bottom:20px}.detail{display:grid;grid-template-columns:.75fr 1.25fr;gap:42px;align-items:center;padding:10px 0 45px}.detail-art{height:360px;border-radius:20px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;color:white;position:relative;overflow:hidden}.detail-art:after{content:"";position:absolute;width:220px;height:220px;border:1px solid #ffffff88;border-radius:50%;right:-55px;bottom:-50px;box-shadow:0 0 0 28px #ffffff15}.detail-art small,.detail-art em{font-size:9px;letter-spacing:.15em;color:#514a38;font-style:normal}.detail-art b{font-size:35px;line-height:1.25;max-width:80%;z-index:1;text-shadow:0 2px 10px #665}.detail h1{font-size:40px;margin:7px 0 15px}.detail>div:last-child>p{font-size:13px;color:var(--ink2);line-height:2}.detail-body{display:grid;grid-template-columns:1fr 250px;gap:55px;border-top:1px solid var(--line);padding-top:35px}.detail-body h2{font-size:20px;margin:24px 0 7px}.detail-body p,.detail-body li{font-size:12px;color:var(--ink2);line-height:2}.detail-body aside{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;height:max-content}.detail-body aside h3{font-size:16px}.detail-body aside a{display:block;border-top:1px solid var(--line);padding:9px 0;font-size:10px;color:var(--mauve-deep)}.reader-top{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:25px;font-size:10px;color:var(--mauve-deep)}.reader-top span{margin-left:auto;color:var(--ink3)}.reader-top button{border:0;background:transparent;color:var(--mauve-deep)}.reader-layout{display:grid;grid-template-columns:1fr 240px;gap:35px}.reader-stage{min-height:310px;border-radius:19px;padding:32px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.reader-stage h1{font-size:39px;line-height:1.2}.reader-stage p{font-size:12px}.reader-stage small{position:absolute;right:25px;bottom:20px;font-size:8px;letter-spacing:.2em}.reader-tools{display:flex;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.reader-tools button{border:1px solid var(--line);background:white;border-radius:25px;padding:7px 12px;font-size:9px}.reader-tools span{margin-left:auto;font-size:9px;color:var(--ink3)}.reader-main h2{font-size:20px;margin:30px 0 7px}.reader-main>p{font-size:12px;color:var(--ink2);line-height:2.2}.reader-main .notice{margin-top:30px}.side-note{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;height:max-content}.side-note p{font-size:10px;color:var(--ink3);line-height:2}.side-note a{font-size:10px;color:var(--mauve-deep)}.soft-reader{background:#f2ead8}.soft-reader .reader-main{background:#fffaf0;padding:18px;border-radius:15px}
.search-page{display:flex;gap:10px;max-width:700px;margin:-10px auto 30px}.search-page input{flex:1;min-width:0;border:1px solid var(--line);border-radius:25px;padding:12px 18px}.empty{text-align:center;padding:50px 20px;background:#fff;border:1px dashed var(--line);border-radius:15px}.empty h2,.empty h3{font-size:19px}.empty p{font-size:10px;color:var(--ink3)}.empty a{font-size:10px;color:var(--mauve-deep)}.shelf-tabs{display:flex;gap:8px;margin-bottom:20px}.shelf-tabs button,.panel-head button{border:1px solid var(--line);border-radius:25px;padding:8px 17px;background:white;font-size:10px}.shelf-tabs button.selected{background:var(--plum);color:white}.shelf-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.shelf-panel[hidden]{display:none}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2{font-size:21px;margin:0}.panel-head p{font-size:10px;color:var(--ink3);margin:3px 0}.saved-row{display:flex;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.saved-row>b{color:var(--rose)}.saved-row>span{flex:1;font-size:11px}.saved-row small{display:block;font-size:9px;color:var(--ink3)}.saved-row a{font-size:10px;color:var(--mauve-deep)}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;display:flex;gap:13px;align-items:center;padding:16px 0;font-size:12px;font-weight:700;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:9px;color:var(--rose)}.faq summary b{margin-left:auto;color:var(--mauve)}.faq details[open] summary b{transform:rotate(45deg)}.faq details p{font-size:11px;color:var(--ink2);line-height:2;padding:0 28px 16px;margin:0}.not-found{text-align:center;padding:90px 15px}.not-found strong{font-size:115px;color:#e6d39d;line-height:1}.not-found h1{font-size:29px}.not-found p{font-size:12px;color:var(--ink3);margin-bottom:25px}.not-found .button{margin:5px}
.search-modal{position:fixed;inset:0;z-index:200;display:none;align-items:flex-start;justify-content:center;padding:13vh 20px 20px}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none!important}.veil{position:absolute;inset:0;background:#312b2088;backdrop-filter:blur(5px)}.search-box{position:relative;width:min(650px,100%);padding:36px;background:var(--cream);border-radius:20px;box-shadow:0 25px 80px #0003}.search-box h2{font-size:27px;margin:8px 0 20px}.search-box .close{position:absolute;right:17px;top:10px;border:0;background:transparent;font-size:26px}.search-box form{display:flex;gap:8px}.search-box form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:9px;padding:12px;outline-color:var(--rose)}.hot{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.hot a{font-size:10px;padding:5px 10px;background:var(--cream3);border-radius:20px;color:var(--mauve-deep)}.back-top{position:fixed;right:22px;bottom:22px;width:40px;height:40px;border:0;border-radius:50%;background:var(--plum);color:white;opacity:0;pointer-events:none;z-index:50}.back-top.show{opacity:1;pointer-events:auto}.visible{animation:rise .4s ease both}@keyframes rise{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:1200px){.head nav{gap:10px}.head nav a{font-size:10px}.head{gap:16px}.cards{grid-template-columns:repeat(3,1fr)}.foot{grid-template-columns:1.2fr repeat(2,1fr)}.foot>div:nth-child(4),.foot>div:nth-child(5){margin-top:12px}}
@media(max-width:1024px){.wrap{width:calc(100% - 44px)}.head nav{display:none}.head{justify-content:space-between}.menu-toggle{display:block}.hero-grid{gap:15px}.cards{grid-template-columns:repeat(2,1fr)}.quick{grid-template-columns:1fr;gap:15px}.vertical-grid{grid-template-columns:repeat(4,1fr)}.people{grid-template-columns:repeat(2,1fr)}.foot{grid-template-columns:repeat(3,1fr)}.foot>div:first-child{grid-column:span 3}.people-grid,.policy-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-stage{max-width:620px;width:100%;margin:auto;height:390px}.poster{left:15%;width:60%;height:320px}.poster .hills{bottom:38px}.poster-mini{right:6%;top:60px}.floating-note{right:6%;bottom:12px}.spotlight{grid-template-columns:1fr}.spot-copy{padding:12px}.genre-grid{grid-template-columns:1fr 1fr;grid-template-rows:170px 170px}.genre.city{grid-row:span 2}.ai-panel{grid-template-columns:1fr}.comic-banner{grid-template-columns:1fr}.comic-art{min-height:210px}.two-col{grid-template-columns:1fr;gap:22px}.detail,.detail-body,.reader-layout{grid-template-columns:1fr}.detail-art{height:310px}.reader-layout aside{display:none}.foot{grid-template-columns:repeat(3,1fr)}.page-hero{padding:42px 6%}}
@media(max-width:768px){.wrap{width:calc(100% - 36px)}header{height:64px}.head{gap:10px}.brand i{width:34px;height:34px}.head-actions{gap:9px}.head-actions>a:not(.app-link){display:none}#mobileNav{top:64px;grid-template-columns:repeat(2,1fr)}.bottom{display:flex;position:fixed;z-index:75;bottom:0;left:0;right:0;justify-content:space-around;background:#fffef8f5;backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:7px 4px calc(7px + env(safe-area-inset-bottom))}.bottom a{display:flex;flex-direction:column;align-items:center;font-size:16px;color:var(--mauve-deep)}.bottom small{font-size:9px}.home-hero{padding-top:48px}.hero-grid h1{font-size:42px}.hero-stage{height:340px}.poster{height:280px;left:11%;width:65%}.poster .sun{width:90px;height:90px;top:70px}.poster .hills{height:115px}.poster>b{font-size:25px;bottom:76px}.poster-mini{width:110px;height:145px;right:2%;top:60px}.poster-mini b{font-size:20px}.floating-note{right:0;bottom:5px;padding:9px 12px}.section{padding:52px 0}.section-title{display:block}.section-title>a{display:inline-block;margin-top:12px}.quick-grid{grid-template-columns:1fr 1fr}.spot-art{min-height:250px}.spot-art b{font-size:27px}.cards{gap:10px}.art{height:180px;padding:12px}.art b{font-size:20px}.card-copy{padding:10px}.card-copy h3{font-size:12px}.card-copy p{font-size:9px;min-height:65px}.genre-grid{grid-template-rows:145px 145px}.genre b{font-size:20px}.ai-panel{padding:28px 20px}.steps{gap:8px}.steps article{padding:12px}.vertical-grid{grid-template-columns:repeat(2,1fr)}.vertical-art{height:240px}.makers{padding:27px 17px}.people{gap:9px}.people article{padding:13px}.people p{font-size:9px}.moods{grid-template-columns:repeat(2,1fr)}.collection-call{padding:27px}.stamp{width:90px;height:90px;font-size:25px}.notes{grid-template-columns:1fr}.series-strip{flex-wrap:wrap}.series-strip>div{flex-basis:100%}.topic-pair{grid-template-columns:1fr}.feed article{grid-template-columns:35px 1fr}.feed article>a{grid-column:2}.privacy-call{grid-template-columns:45px 1fr}.privacy-call aside{grid-column:2}.download-call{grid-template-columns:40px 1fr}.download-call>a{grid-column:2}.about-call{grid-template-columns:65px 1fr;padding:20px}.about-mark{font-size:35px}.about-call h2{font-size:18px}.final h2{font-size:28px}.foot{grid-template-columns:1fr 1fr;gap:20px}.foot>div:first-child{grid-column:span 2}footer{padding-bottom:85px}.foot-bottom{flex-wrap:wrap;gap:10px}.page-content{padding-top:16px}.page-hero{padding:36px 23px;margin-bottom:28px}.page-hero h1{font-size:32px}.detail h1{font-size:32px}.detail-body{padding-top:20px}.reader-stage{min-height:250px;padding:24px}.reader-stage h1{font-size:32px}.reader-tools{flex-wrap:wrap}.reader-tools span{width:100%;margin:0}.people-grid,.policy-grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr;gap:25px}.device{width:195px;height:330px}.about{grid-template-columns:1fr}.about-mark{display:none}.rank-list article{grid-template-columns:30px 1fr}.rank-list article>a{grid-column:2}.search-box{padding:30px 20px}.search-box form{flex-direction:column}.search-box form button{width:100%}.back-top{bottom:75px}}
@media(max-width:600px){.wrap{width:calc(100% - 30px)}.hero-grid h1{font-size:35px}.hero-grid>div:first-child>p{font-size:12px}.hero-search{height:52px}.hero-search input{font-size:10px}.hero-search button{padding:10px 13px;font-size:10px}.hero-stage{height:300px}.poster{height:245px;left:8%;width:69%;padding:12px}.poster>b{font-size:22px;left:23px;bottom:65px}.poster .hills{height:100px}.poster-mini{width:90px;height:125px;padding:10px}.poster-mini b{font-size:17px}.floating-note{font-size:8px}.quick-grid{grid-template-columns:1fr}.cards{gap:8px}.art{height:160px}.art b{font-size:18px}.card-copy p{min-height:72px}.card-copy>div a,.card-copy button{font-size:9px}.genre-grid{grid-template-rows:130px 130px}.genre{padding:13px}.genre b{font-size:18px}.steps article{grid-template-columns:25px 1fr}.steps strong{font-size:10px}.steps small{font-size:8px}.vertical-art{height:205px}.vertical-art b{font-size:18px}.people{grid-template-columns:1fr 1fr}.people p{min-height:95px}.collection-call{align-items:flex-start}.stamp{width:70px;height:70px;font-size:20px}.stamp small{font-size:6px}.moods{gap:8px}.moods a{padding:13px;font-size:10px}.moods b{font-size:11px}.privacy-call{grid-template-columns:1fr}.privacy-call aside{grid-column:1}.about-call{grid-template-columns:1fr}.about-mark{display:none}.foot{grid-template-columns:1fr 1fr}.foot>div:not(:first-child){gap:6px}.foot-bottom{font-size:8px}.page-hero h1{font-size:28px}.page-hero p{font-size:10px}.tabs a{padding:7px 12px}.topic-stack article{grid-template-columns:35px 1fr;gap:10px}.topic-stack article>b{font-size:22px}.people-grid,.policy-grid{grid-template-columns:1fr}.rank-list article{gap:10px}.rank-list h2{font-size:13px}.rank-list p{font-size:9px}.timeline article{grid-template-columns:1fr;gap:4px}.detail-art{height:245px}.detail-art b{font-size:29px}.detail h1{font-size:29px}.detail .actions .button{padding:9px 13px;font-size:10px}.reader-top{gap:8px;font-size:9px}.reader-top span{font-size:8px}.reader-stage{min-height:220px}.reader-stage h1{font-size:28px}.reader-main h2{font-size:18px}.search-page{flex-direction:column}.search-page .button{width:100%}.shelf-panel{padding:15px}.panel-head{gap:8px}.panel-head h2{font-size:17px}.panel-head button{padding:7px 10px}.faq summary{font-size:10px;gap:8px}.faq details p{padding-left:20px}.not-found strong{font-size:85px}.not-found h1{font-size:23px}.final{padding:50px 15px}.final h2{font-size:25px}}