:root{--background:#f4f7fb;--surface:#fff;--ink:#10283d;--muted:#637b8f;--line:#dbe5ee;--blue:#0078d4;--red:#d71920;--green:#107c10;--shadow:0 22px 60px #13314d1a;--card-shadow:0 10px 34px #1a3a5712}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 84% -8%, #0078d421, transparent 31rem), linear-gradient(180deg, #fcfdff 0%, var(--background) 60%, #edf3f8 100%);-webkit-font-smoothing:antialiased;margin:0;font-family:Segoe UI Variable,Segoe UI,Noto Sans JP,system-ui,-apple-system,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.playground{min-height:100vh;transition:color .42s,background .42s}.shell{width:min(1180px,100% - 40px);margin-inline:auto}.site-header{z-index:20;-webkit-backdrop-filter:saturate(150%)blur(16px);backdrop-filter:saturate(150%)blur(16px);background:#fafcffdb;border-bottom:1px solid #cfdceac7;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:66px;display:flex}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:12px;font-size:15px;font-weight:740;display:flex}.brand a{color:inherit;text-decoration:none}.brand-mark{cursor:pointer;background:#0c79d8;border:0;border-radius:9px;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:transform .16s,box-shadow .28s,background .28s;display:inline-flex;overflow:hidden;box-shadow:0 5px 14px #0078d433}.brand-mark:active{transform:scale(.88)}.color-line i:first-child{background:#f25022}.color-line i:nth-child(2){background:#7fba00}.color-line i:nth-child(3){background:#00a4ef}.color-line i:nth-child(4){background:#ffb900}.brand-mark svg{width:24px;height:24px}.mountain-back{fill:#fff}.mountain-snow{fill:#b9e4ff}.mountain-sun{fill:#ef4146}.header-nav{align-items:center;gap:2px;display:flex}.header-nav button{color:#476176;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 11px;font-size:13px}.header-nav button:hover{color:var(--blue);background:#edf4fb}.hero{padding:34px 0 20px}.hero .shell{position:relative}.hero-cover{aspect-ratio:1672/941;box-shadow:var(--shadow);background:#fff url(/cover-a03132-002.png) 50%/contain no-repeat;border:1px solid #d4e0eceb;border-radius:30px;position:relative;overflow:hidden}.hero-cover:after{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff0a,#0000 60%);position:absolute;inset:0}.intro{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:end;gap:30px;padding:38px 0 62px;display:grid}.eyebrow,.section-kicker{color:var(--blue);letter-spacing:.15em;margin:0 0 11px;font-size:11px;font-weight:800}.intro h1{letter-spacing:-.055em;margin:0 0 18px;font-size:clamp(27px,4.45vw,52px);font-weight:720;line-height:1.08}.intro h1 span{white-space:nowrap;display:block}.lead{color:#4f687c;max-width:730px;margin:0;font-size:16px;line-height:1.9}.works{padding-bottom:62px;scroll-margin-top:84px}.works-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:24px;padding-bottom:19px;display:flex}.works-heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(27px,3vw,38px);font-weight:720}.work-count{color:#7b8fa2;letter-spacing:.08em;margin:0 0 3px;font-size:12px;font-weight:700}.filter-bar{flex-wrap:wrap;gap:9px;padding:22px 0 19px;display:flex}.filter-bar button{border:1px solid var(--line);color:#3d566d;letter-spacing:.02em;cursor:pointer;background:#fff;border-radius:999px;padding:10px 15px;font-size:12px;font-weight:760;transition:transform .18s,border-color .18s,background .18s}.filter-bar button:hover{border-color:#afd0e7;transform:translateY(-1px)}.filter-bar button.active{border-color:var(--ink);color:#fff;background:var(--ink)}.filter-bar button:focus-visible,.header-nav button:focus-visible,.brand a:focus-visible,.brand-mark:focus-visible,.thumbnail-link:focus-visible{outline-offset:3px;outline:3px solid #0078d457}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.empty-state{color:#71879a;text-align:center;background:#ffffffb8;border:1px dashed #c8d7e4;border-radius:22px;grid-column:1/-1;margin:0;padding:54px 24px;font-size:13px}.work-card{border:1px solid var(--line);min-width:0;box-shadow:var(--card-shadow);background:#fffffff2;border-radius:22px;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.work-card:hover{border-color:#c2dbea;transform:translateY(-4px);box-shadow:0 20px 48px #1a3a571f}.thumbnail{height:168px;color:inherit;background:linear-gradient(135deg,#e4f4ff,#f8fcff);text-decoration:none;display:block;position:relative;overflow:hidden}.thumbnail-link{cursor:pointer}.thumbnail:before,.thumbnail:after{content:"";pointer-events:none;position:absolute}.thumbnail:before{border:1px solid #0078d433;border-radius:50%;width:210px;height:210px;top:-116px;right:-65px}.thumbnail:after{background:radial-gradient(circle at 23% 28%,#0078d42e,#0000 36%),linear-gradient(145deg,#0000 47%,#0078d414);inset:0}.thumbnail.comics{background:linear-gradient(135deg,#fff0f0,#fffafb)}.thumbnail.comics:before{border-color:#d719202e}.thumbnail.comics:after{background:radial-gradient(circle at 23% 28%,#d7192024,#0000 36%),linear-gradient(145deg,#0000 47%,#d719200f)}.thumbnail.ai-experiments{background:linear-gradient(135deg,#edf7ee,#fbfdfb)}.thumbnail.ai-experiments:before{border-color:#107c102e}.thumbnail.ai-experiments:after{background:radial-gradient(circle at 23% 28%,#107c1024,#0000 36%),linear-gradient(145deg,#0000 47%,#107c100f)}.thumbnail.generative-ai-tools{background:linear-gradient(135deg,#eee3ff,#fcfaff)}.thumbnail.generative-ai-tools:before{border-color:#7030b433}.thumbnail.generative-ai-tools:after{background:radial-gradient(circle at 23% 28%,#7030b42e,#0000 36%),linear-gradient(145deg,#0000 47%,#7030b414)}.thumbnail img{z-index:1;object-fit:cover;width:100%;height:100%;transition:transform .26s,filter .26s;position:absolute;inset:0}.thumbnail-link:hover img{filter:brightness(1.04);transform:scale(1.025)}.type-chip{z-index:2;color:#38536a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.04em;background:#ffffffe0;border:1px solid #cedce9eb;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800;position:absolute;top:14px;left:14px}.thumbnail-number{z-index:1;color:#11395517;letter-spacing:-.08em;font-size:86px;font-weight:800;line-height:1;position:absolute;bottom:10px;right:18px}.thumbnail-glyph{z-index:1;color:#004c803d;letter-spacing:-.07em;font-size:35px;font-weight:800;position:absolute;bottom:16px;left:20px}.thumbnail.comics .thumbnail-glyph{color:#a7141a3b}.thumbnail.ai-experiments .thumbnail-glyph{color:#0d690d3d}.thumbnail.generative-ai-tools .thumbnail-glyph{color:#5f209961}.card-body{flex-direction:column;min-height:205px;padding:20px;display:flex}.card-body h3{letter-spacing:-.025em;margin:0 0 9px;font-size:18px;font-weight:720;line-height:1.34}.card-body>p{color:#60778a;margin:0 0 20px;font-size:13px;line-height:1.75}.card-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.publish-date{color:#8798a7;font-size:11px}.coming-soon{letter-spacing:.04em;color:#94a3af;align-items:center;gap:7px;font-size:11px;font-weight:800;display:inline-flex}.coming-soon i{background:#a9b5bf;border-radius:50%;width:6px;height:6px}.site-footer{color:#7a8da0;padding:0 0 42px;font-size:11px}.open-sign{display:none}.mode-notice{z-index:60;color:#fff9e7;opacity:0;pointer-events:none;background:#2a1408f0;border-radius:999px;margin:0;padding:11px 18px;font-size:13px;font-weight:700;transition:opacity .22s,transform .22s;position:fixed;bottom:26px;left:50%;transform:translate(-50%,12px);box-shadow:0 12px 34px #18090252}.mode-notice.show{opacity:1;transform:translate(-50%)}.izakaya-mode{--ink:#2f180b;--muted:#76543b;--line:#582c1447;--blue:#a53e20;color:#2f180b;background:linear-gradient(#2d130714 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#2d13070f 1px,#0000 1px) 0 0/28px 28px,radial-gradient(circle at 50% 0,#d9aa67 0,#9d6538 36rem,#442414 100%);font-family:Yu Mincho,Hiragino Mincho ProN,Noto Serif JP,serif}.izakaya-mode .site-header{background:linear-gradient(90deg,#ffd7920f,#0000001f),#321a0e;border-bottom-color:#240e048c;box-shadow:0 8px 24px #1f0c0338}.izakaya-mode .brand{color:#fff1ce;letter-spacing:.01em}.izakaya-mode .brand-mark{background:#b33d1e;box-shadow:0 0 0 2px #e3b56a,0 0 24px #ffae4861}.izakaya-mode .mountain-snow{fill:#ffd481}.izakaya-mode .mountain-sun{fill:#ffca52}.izakaya-mode .header-nav button{color:#e7c993;font-family:inherit}.izakaya-mode .header-nav button:hover{color:#fff5d9;background:#ffecbe1a}.izakaya-mode .hero-cover{filter:sepia(.1)saturate(.92)contrast(1.03);background:#1e0e07 url(/izakaya-mode.webp) 50%/cover no-repeat;border:8px solid #3a1d0d;border-radius:6px;box-shadow:0 0 0 2px #ba7a3d,0 28px 70px #1f0b027a}.izakaya-mode .hero-cover:after{background:linear-gradient(#ffcd791f,#0000 24%),radial-gradient(circle at 50% 0,#ffc9641f,#0000 52%)}.izakaya-mode .open-sign{z-index:3;color:#f9e6bd;letter-spacing:.16em;background:#9e2e1d;border:2px solid #3c1e0f;justify-content:center;align-items:center;min-width:106px;min-height:42px;font-size:15px;font-weight:800;display:inline-flex;position:absolute;bottom:-12px;right:22px;transform:rotate(-2deg);box-shadow:4px 5px #2a120680}.izakaya-mode .intro{background:linear-gradient(#7543230d,#7543230d),#ead1a4;border:5px solid #4b2815;border-radius:4px;margin-top:24px;padding:30px 34px 38px;box-shadow:8px 10px #30140747}.izakaya-mode .eyebrow{color:#9b321c;letter-spacing:.22em;font-size:13px}.izakaya-mode .intro h1{letter-spacing:.01em;font-weight:800}.izakaya-mode .lead{color:#604029}.izakaya-mode .works{background:#e8c994;border:5px solid #4b2815;border-radius:4px;margin-top:56px;margin-bottom:56px;padding:34px;box-shadow:8px 10px #30140747}.izakaya-mode .works-heading{border-bottom:3px double #4e24108c}.izakaya-mode .works-heading h2{color:#5b2415;letter-spacing:.12em;font-weight:900}.izakaya-mode .work-count{color:#7b4a2c}.izakaya-mode .filter-bar button{color:#4a2817;letter-spacing:.05em;background:#f2ddb5;border:2px solid #5a321c;border-radius:2px;font-family:inherit;box-shadow:2px 3px #4e271338}.izakaya-mode .filter-bar button:hover{border-color:#9a321b}.izakaya-mode .filter-bar button.active{color:#fff2d0;background:#9f321e;border-color:#5a1e12}.izakaya-mode .work-grid{gap:22px}.izakaya-mode .work-card{background:#f1ddb7;border:3px solid #5c321c;border-radius:3px;box-shadow:5px 7px #49241038}.izakaya-mode .work-card:hover{border-color:#7f2c18;transform:translateY(-3px)rotate(-.25deg);box-shadow:8px 11px #4924104d}.izakaya-mode .thumbnail{filter:sepia(.18)saturate(.85);background:linear-gradient(135deg,#6d351b,#32170b);border-bottom:2px solid #684125}.izakaya-mode .thumbnail:before{border-color:#ffd58a2e}.izakaya-mode .thumbnail:after,.izakaya-mode .thumbnail.comics:after,.izakaya-mode .thumbnail.ai-experiments:after,.izakaya-mode .thumbnail.generative-ai-tools:after{background:linear-gradient(#ffd37d14,#220c031f)}.izakaya-mode .type-chip{color:#fff0c8;background:#722614eb;border:2px solid #4f2512;border-radius:2px;font-family:inherit}.izakaya-mode .thumbnail-number,.izakaya-mode .thumbnail-glyph,.izakaya-mode .thumbnail.comics .thumbnail-glyph,.izakaya-mode .thumbnail.ai-experiments .thumbnail-glyph,.izakaya-mode .thumbnail.generative-ai-tools .thumbnail-glyph{color:#ffde9a57}.izakaya-mode .card-body h3{color:#3a1d0f;letter-spacing:.01em;font-weight:800}.izakaya-mode .card-body>p{color:#67452f}.izakaya-mode .publish-date{color:#8b684d}.izakaya-mode .empty-state{color:#6d4930;background:#f2ddb5;border-color:#8c5d39}.izakaya-mode .site-footer{color:#ddbb80}.izakaya-mode .footer-inner{border-top-color:#f4d29552}.footer-inner{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-top:24px;display:flex}.color-line{border-radius:4px;width:82px;height:3px;display:flex;overflow:hidden}.color-line i{flex:1}@media (width<=900px){.intro{grid-template-columns:1fr}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.shell{width:min(100% - 24px,1180px)}.header-inner{min-height:62px}.header-nav{display:none}.hero{padding-top:18px}.hero-cover{border-radius:22px}.intro{gap:22px;padding:29px 0 49px}.intro h1{font-size:clamp(27px,8vw,40px)}.lead{font-size:14px;line-height:1.85}.works-heading{align-items:end}.filter-bar{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:17px;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.filter-bar button{flex:none}.work-grid{grid-template-columns:1fr}.thumbnail{height:154px}.izakaya-mode .intro,.izakaya-mode .works{border-width:3px;padding:24px 18px}.izakaya-mode .works{margin-top:36px;margin-bottom:36px}.izakaya-mode .open-sign{min-width:88px;min-height:36px;font-size:12px;right:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}.thumbnail.updates{background:linear-gradient(135deg,#fff0d1,#fffaf1)}.thumbnail.updates:before{border-color:#aa630933}.thumbnail.updates:after{background:radial-gradient(circle at 23% 28%,#d287152e,#0000 36%)}.thumbnail.updates .thumbnail-glyph{color:#a66b26}.edition-picker{gap:9px;margin:auto 0 18px;display:grid}.edition-picker label{font-size:12px;font-weight:700}.edition-picker select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);font:inherit;background:#fff;border-radius:9px;padding:9px 12px;font-size:14px}.edition-picker a{color:#fff;text-align:center;background:#80500d;border-radius:9px;padding:12px;font-size:13px;font-weight:700;text-decoration:none;display:block}.edition-picker a:hover{background:#653d07}.edition-picker :focus-visible{outline-offset:3px;outline:3px solid #0078d4}.header-nav{flex-wrap:wrap;justify-content:flex-end}.izakaya-mode .thumbnail.updates{background:linear-gradient(135deg,#6d351b,#32170b)}.izakaya-mode .thumbnail.updates .thumbnail-glyph{color:#ffde9a57}