:root{--color-bg: #ebe4d2;--color-bg-card: #faf6ec;--color-bg-soft: #ddd2bb;--color-bg-paper: #f3ecd8;--color-bg-dark: #1c1814;--color-bg-dark-soft: #2a2521;--color-bg-dark-mid: #3a342d;--color-bg-night: #2c2a3a;--color-accent: #b34545;--color-accent-soft: #d06464;--color-accent-bg: #f5d8d8;--color-accent-dark: #7a2828;--color-accent-deep: #4a1818;--color-ink: #1c1814;--color-ink-soft: #3a352e;--color-text: #1c1814;--color-text-soft: #4a4540;--color-text-muted: #7a6f60;--color-text-light: #f5ecd5;--color-text-light-muted: #b8a98c;--color-text-light-dim: #8a7e6a;--color-border: #c8b89a;--color-border-soft: #ddd2bb;--color-border-dark: rgba(245, 236, 213, .12);--shadow-card: 0 1px 3px rgba(28, 24, 20, .06), 0 6px 14px rgba(28, 24, 20, .05);--shadow-card-hover: 0 4px 12px rgba(28, 24, 20, .1), 0 14px 28px rgba(179, 69, 69, .1);--shadow-deep: 0 8px 24px rgba(28, 24, 20, .16);--font-sans: "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", "Helvetica Neue", sans-serif;--font-serif: "Noto Serif JP", "Yu Mincho", "游明朝", serif;--font-reading: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", "游明朝", serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--container-max: 1200px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:#d4c8ad;background-image:radial-gradient(ellipse 100% 60% at 50% 0%,rgba(28,20,14,.32) 0%,transparent 70%),radial-gradient(ellipse 100% 60% at 50% 100%,rgba(28,20,14,.28) 0%,transparent 70%),linear-gradient(90deg,rgba(28,20,14,.15) 0%,transparent 12%,transparent 88%,rgba(28,20,14,.15) 100%),radial-gradient(ellipse 38% 24% at 18% 22%,rgba(58,42,76,.13) 0%,transparent 60%),radial-gradient(ellipse 32% 28% at 82% 38%,rgba(74,24,24,.1) 0%,transparent 60%),radial-gradient(ellipse 42% 20% at 30% 78%,rgba(28,24,20,.14) 0%,transparent 65%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 800 800'><g fill='none' stroke='%231c1814' stroke-opacity='0.05'><circle cx='120' cy='180' r='60'/><circle cx='120' cy='180' r='42'/><circle cx='620' cy='340' r='90'/><circle cx='620' cy='340' r='66'/><circle cx='340' cy='620' r='75'/></g><g fill='%231c1814' fill-opacity='0.04'><circle cx='720' cy='120' r='4'/><circle cx='80' cy='480' r='5'/><circle cx='480' cy='720' r='3'/><circle cx='200' cy='340' r='3'/><circle cx='560' cy='580' r='4'/></g></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.92' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.16  0 0 0 0 0.13  0 0 0 0 0.10  0 0 0 0.10 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-attachment:fixed,fixed,fixed,fixed,fixed,fixed,fixed,fixed;background-size:auto,auto,auto,auto,auto,auto,800px 800px,220px 220px;background-position:top,bottom,center,top left,top right,bottom,center,top left;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,repeat,repeat;color:var(--color-text);font-family:var(--font-sans);font-weight:400;line-height:1.75;letter-spacing:.02em;font-feature-settings:"palt","kern";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh;padding-bottom:calc(64px + env(safe-area-inset-bottom));position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 100% at 50% 50%,transparent 0%,rgba(20,28,48,.1) 100%)}main,header,footer{position:relative;z-index:1}@media(min-width:768px){body{padding-bottom:0}}a{color:var(--color-accent);text-decoration:none;transition:color .15s}a:hover{color:var(--color-accent-dark)}img{max-width:100%;height:auto;display:block}ul{list-style:none}button{font-family:inherit;cursor:pointer}.read-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;pointer-events:none}.read-progress__bar{height:100%;background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-accent-soft) 100%);width:0%;transition:width .1s linear}.site-header{background:linear-gradient(180deg,#3a322a,#2e2820 60%,#2a2520);color:var(--color-text-light);position:sticky;top:0;z-index:50;box-shadow:0 2px 12px #1c18144d}.site-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-accent-deep),var(--color-accent),var(--color-accent-deep))}.site-header__top{max-width:var(--container-max);margin:0 auto;padding:16px 20px;display:flex;align-items:center;gap:var(--space-lg);position:relative}.site-header__top:after{content:"";position:absolute;bottom:0;left:20px;right:20px;height:1px;background:var(--color-border-dark)}.site-logo{display:flex;align-items:center;gap:14px;flex-shrink:0;color:var(--color-text-light)}.site-logo:hover{color:var(--color-accent-soft)}.site-logo__icon{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:center 15%;border:2px solid var(--color-accent);box-shadow:0 0 0 4px #b3454526;flex-shrink:0}.site-logo__text{font-family:var(--font-serif);font-weight:900;font-size:1.7rem;letter-spacing:.22em;line-height:1.1;color:var(--color-text-light)}.site-logo__sub{display:block;font-size:.72rem;color:var(--color-text-light-muted);font-weight:600;letter-spacing:.08em;margin-top:4px;font-family:var(--font-sans)}.site-header__right{margin-left:auto;display:flex;align-items:center;gap:var(--space-md)}.site-search{display:flex;align-items:stretch;border:1px solid var(--color-border-dark);border-radius:var(--radius-md);background:#f5ecd50f;overflow:hidden;transition:border-color .15s,background .15s}.site-search:focus-within{border-color:var(--color-accent);background:#f5ecd51f}.site-search__input{border:none;background:transparent;padding:11px 14px;font-family:inherit;font-size:16px;color:var(--color-text-light);width:220px;outline:none;min-height:44px}.site-search__input::placeholder{color:var(--color-text-light-dim)}.site-search__btn{background:var(--color-accent);border:none;padding:0 16px;color:#fff;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;transition:background .15s}.site-search__btn:hover{background:var(--color-accent-dark)}.site-header__sns{display:flex;gap:6px}.site-header__sns-link{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-dark);border-radius:var(--radius-md);color:var(--color-text-light-muted);background:#f5ecd50a;transition:all .15s}.site-header__sns-link:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}@media(max-width:900px){.site-logo__icon{width:44px;height:44px}.site-logo__text{font-size:1.4rem}.site-logo__sub{font-size:.66rem}.site-search__input{width:140px}}@media(max-width:600px){.site-header__top{padding:12px 14px;gap:10px}.site-logo__sub{display:none}.site-search__input{width:100px}.site-header__sns{display:none}}.site-header__hot{background:var(--color-bg-dark-soft);border-bottom:1px solid var(--color-border-dark);padding:10px 0;overflow:hidden}.site-header__hot-inner{max-width:var(--container-max);margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:var(--space-md)}.site-header__hot-label{background:var(--color-accent);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.12em;padding:4px 10px;border-radius:var(--radius-sm);flex-shrink:0}.site-header__hot-list{display:flex;align-items:center;gap:var(--space-lg);overflow-x:auto;scrollbar-width:none;flex:1}.site-header__hot-list::-webkit-scrollbar{display:none}.site-header__hot-link{color:var(--color-text-light);font-size:.9rem;font-weight:600;white-space:nowrap;flex-shrink:0;padding:8px 0;min-height:32px;display:inline-flex;align-items:center;border-bottom:1px solid transparent;transition:border-color .15s,color .15s}.site-header__hot-link:hover{color:var(--color-accent-soft);border-bottom-color:var(--color-accent)}.site-header__hot-link:before{content:"▸ ";color:var(--color-accent-soft);margin-right:4px}@media(max-width:600px){.site-header__hot{padding:8px 0}.site-header__hot-inner{padding:0 14px}.site-header__hot-label{font-size:.7rem;padding:4px 8px}.site-header__hot-link{font-size:.85rem}}.site-nav{background:var(--color-bg-dark-mid);border-bottom:3px solid var(--color-accent)}.site-nav__list{max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;overflow-x:auto;scrollbar-width:none}.site-nav__list::-webkit-scrollbar{display:none}.site-nav__link{display:flex;align-items:center;gap:6px;padding:14px 18px;min-height:48px;color:var(--color-text-light);font-size:.95rem;font-weight:700;letter-spacing:.04em;white-space:nowrap;border-right:1px solid var(--color-border-dark);transition:background .15s,color .15s;position:relative}.site-nav__link:hover{background:var(--color-bg-dark-soft);color:var(--color-accent-soft)}.site-nav__link:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-accent);opacity:.5}.site-nav__link--home{background:var(--color-accent);color:#fff}.site-nav__link--home:hover{background:var(--color-accent-dark);color:#fff}.site-nav__link--home:before{background:#fff;opacity:1}.site-nav__link--submit{margin-left:auto;background:var(--color-accent-deep);color:var(--color-text-light)}.site-nav__link--submit:hover{background:var(--color-accent-dark);color:#fff}.site-main{max-width:var(--container-max);margin:0 auto;padding:var(--space-lg) 20px var(--space-2xl)}@media(max-width:600px){.site-main{padding:16px 14px var(--space-xl)}}.widgets-row{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-bottom:var(--space-xl)}@media(min-width:768px){.widgets-row{grid-template-columns:1fr 1fr 1fr;gap:var(--space-lg)}}.widgets-row .widget{margin-bottom:0}.tags-section{margin-bottom:var(--space-xl)}.hero{position:relative;margin:-32px -16px var(--space-xl);height:clamp(420px,64vh,640px);overflow:hidden;border:1px solid rgba(28,24,20,.4);box-shadow:0 40px 60px -30px #00000080}@media(min-width:768px){.hero{margin:-32px -32px var(--space-xl)}}.hero__image{position:absolute;inset:0}.hero__image img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.78) contrast(1.05)}.hero__overlay{position:absolute;inset:0;background:radial-gradient(ellipse 80% 90% at 50% 60%,#00000026,#0a080ea6),linear-gradient(180deg,rgba(10,8,14,.55) 0%,transparent 30%,transparent 70%,rgba(10,8,14,.7) 100%),linear-gradient(180deg,#1c243c2e,#1c243c2e)}.hero__inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;color:var(--color-text-light)}.hero__brand{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px}.hero__sub-en{font-family:var(--font-sans);font-size:11px;letter-spacing:.7em;opacity:.55;padding-left:.7em}.hero__title{font-family:var(--font-serif, "Noto Serif JP", serif);font-weight:900;font-size:clamp(56px,12vw,120px);letter-spacing:.25em;line-height:1;margin:0;padding-left:.25em;text-shadow:0 2px 8px rgba(0,0,0,.6),0 0 30px rgba(180,70,70,.3)}.hero__sub-jp{font-family:var(--font-serif, "Noto Serif JP", serif);font-size:clamp(13px,2.4vw,16px);letter-spacing:.5em;opacity:.78;padding-left:.5em}.hero__lead{font-family:var(--font-serif, "Noto Serif JP", serif);font-size:clamp(13px,2vw,16px);line-height:2;letter-spacing:.18em;margin:0 0 28px;opacity:.85;text-shadow:0 1px 6px rgba(0,0,0,.5)}.hero__cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.hero__cta-btn{display:inline-flex;align-items:center;padding:12px 24px;font-size:14px;font-weight:700;letter-spacing:.18em;border:1px solid rgba(245,236,213,.4);border-radius:2px;transition:all .2s}.hero__cta-btn--primary{background:var(--color-accent);color:var(--color-text-light);border-color:var(--color-accent)}.hero__cta-btn--primary:hover{background:var(--color-accent-dark);border-color:var(--color-accent-dark);color:var(--color-text-light)}.hero__cta-btn--ghost{color:var(--color-text-light);background:transparent}.hero__cta-btn--ghost:hover{background:#f5ecd514;color:var(--color-text-light)}.featured{margin-bottom:var(--space-xl);position:relative}.featured__card{display:grid;grid-template-columns:1.4fr 1fr;background:var(--color-bg-night);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-deep);transition:transform .2s,box-shadow .2s;color:var(--color-text-light);position:relative}.featured__card:hover{transform:translateY(-2px);color:var(--color-text-light)}.featured__image{aspect-ratio:16 / 11;overflow:hidden;background:var(--color-bg-night);position:relative}.featured__image img{width:100%;height:100%;object-fit:cover}.featured__image:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 60%,rgba(28,24,20,.6) 100%);pointer-events:none}.featured__body{padding:var(--space-xl);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,var(--color-bg-night) 0%,var(--color-bg-dark) 100%);position:relative}.featured__body:before{content:"";position:absolute;top:20px;right:20px;width:50px;height:50px;background:radial-gradient(circle,rgba(245,236,213,.5) 0%,transparent 70%);border-radius:50%}.featured__badge{display:inline-block;background:var(--color-accent);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.12em;padding:5px 12px;border-radius:var(--radius-sm);margin-bottom:var(--space-md);align-self:flex-start}.featured__title{font-family:var(--font-serif);font-weight:900;font-size:1.9rem;letter-spacing:.04em;line-height:1.5;margin-bottom:var(--space-md);color:var(--color-text-light)}.featured__excerpt{font-size:.95rem;color:var(--color-text-light-muted);line-height:1.85;margin-bottom:var(--space-md)}.featured__meta{font-size:.82rem;color:var(--color-text-light-dim);font-weight:600}@media(max-width:768px){.featured__card{grid-template-columns:1fr}.featured__body{padding:var(--space-lg)}.featured__title{font-size:1.4rem}}.layout-2col{display:grid;grid-template-columns:1fr 320px;gap:var(--space-xl)}@media(max-width:960px){.layout-2col{grid-template-columns:1fr;gap:var(--space-lg)}}.section-header{display:flex;align-items:baseline;justify-content:space-between;border-bottom:2px solid var(--color-text);padding-bottom:10px;margin-bottom:var(--space-lg);position:relative}.section-header:before{content:"";position:absolute;bottom:-2px;left:0;width:80px;height:2px;background:var(--color-accent)}.section-header__title{font-family:var(--font-serif);font-weight:900;font-size:1.35rem;letter-spacing:.08em;color:var(--color-text);position:relative;padding-left:14px}.section-header__title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:1.1em;background:var(--color-accent)}.section-header__more{font-size:.85rem;color:var(--color-accent);font-weight:700}.article-list{display:flex;flex-direction:column;gap:12px}.article-row{display:grid;grid-template-columns:200px 1fr;gap:var(--space-md);background:var(--color-bg-card);border-radius:var(--radius-md);padding:12px;box-shadow:var(--shadow-card);transition:box-shadow .15s,transform .15s;color:var(--color-text);border:1px solid var(--color-border-soft)}.article-row:hover{box-shadow:var(--shadow-card-hover);color:var(--color-text);transform:translateY(-1px);border-color:var(--color-accent-soft)}.article-row__thumb{position:relative;aspect-ratio:16 / 10;overflow:hidden;border-radius:var(--radius-sm);background:#2a221c}.article-row__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.article-row:hover .article-row__thumb img{transform:scale(1.04)}.article-row__category{position:absolute;top:6px;left:6px;background:#8b3a2ff2;color:#fbf7ed;font-size:.7rem;font-weight:800;padding:3px 8px;border-radius:var(--radius-sm);letter-spacing:.06em;z-index:2;box-shadow:0 1px 3px #0000004d}.article-row__body{display:flex;flex-direction:column;gap:6px;padding:2px 0;min-width:0}.article-row__title{font-family:var(--font-serif);font-weight:800;font-size:1rem;line-height:1.55;color:#2a2520;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:auto-phrase;text-wrap:pretty}.article-row__excerpt{font-size:.88rem;color:var(--color-text-soft);line-height:1.75;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:auto-phrase}.article-row__meta{display:flex;align-items:center;gap:var(--space-md);font-size:.76rem;color:var(--color-text-muted);font-weight:600;margin-top:auto}@media(max-width:600px){.article-row{grid-template-columns:110px 1fr;gap:12px;padding:10px}.article-row__title{font-size:.95rem;-webkit-line-clamp:3}.article-row__excerpt{font-size:.78rem;-webkit-line-clamp:2}.article-row__category{font-size:.66rem;padding:2px 6px}}.genres{margin-bottom:var(--space-xl)}.genres__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:768px){.genres__grid{grid-template-columns:repeat(2,1fr);gap:10px}}.genre-card{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden;border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:transform .18s,box-shadow .18s}.genre-card:hover{transform:translateY(-3px) scale(1.01);box-shadow:var(--shadow-deep)}.genre-card img{width:100%;height:100%;object-fit:cover}.genre-card__count{position:absolute;top:12px;right:12px;background:#1c1814d9;color:var(--color-text-light);font-size:.7rem;font-weight:800;letter-spacing:.06em;padding:3px 10px;border-radius:999px;border:1px solid rgba(245,236,213,.2)}.trio-intro{margin:var(--space-xl) 0;background:linear-gradient(180deg,var(--color-bg-night) 0%,var(--color-bg-dark) 100%);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);position:relative;overflow:hidden;box-shadow:var(--shadow-deep)}.trio-intro:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(245,236,213,.15) 0%,transparent 70%);pointer-events:none}.trio-intro__title{font-family:var(--font-serif);font-weight:900;font-size:1.4rem;letter-spacing:.18em;color:var(--color-text-light);text-align:center;margin-bottom:var(--space-lg);position:relative}.trio-intro__title:before,.trio-intro__title:after{content:"─";margin:0 12px;color:var(--color-accent)}.trio-intro__list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);position:relative}@media(max-width:768px){.trio-intro__list{grid-template-columns:1fr;gap:var(--space-md)}}.trio-intro__card{text-align:center;color:var(--color-text-light)}.trio-intro__card img{width:140px;height:140px;border-radius:50%;object-fit:cover;margin:0 auto var(--space-sm);border:3px solid var(--color-accent);box-shadow:0 0 0 6px #b3454526;background:var(--color-bg-paper)}.trio-intro__crop{object-position:center 60%}.trio-intro__crop--ghost{object-position:75% 60%}.trio-intro__crop--cat{object-position:25% 70%}.trio-intro__card h3{font-family:var(--font-serif);font-weight:900;font-size:1.2rem;letter-spacing:.12em;color:var(--color-text-light);margin-bottom:4px}.trio-intro__role{font-size:.78rem;color:var(--color-accent-soft);font-weight:700;letter-spacing:.08em;margin-bottom:10px}.trio-intro__desc{font-size:.86rem;color:var(--color-text-light-muted);line-height:1.7}.series{margin-bottom:var(--space-xl)}.series__list{display:flex;gap:var(--space-md);overflow-x:auto;scrollbar-width:none;padding:4px 4px 8px}.series__list::-webkit-scrollbar{display:none}.series__card{flex:0 0 200px;background:var(--color-bg-card);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border-soft);box-shadow:var(--shadow-card);color:var(--color-text);transition:transform .15s}.series__card:hover{transform:translateY(-2px);color:var(--color-text)}.series__thumb{aspect-ratio:1;background:var(--color-bg-soft);overflow:hidden}.series__thumb img{width:100%;height:100%;object-fit:cover}.series__body{padding:10px 12px}.series__name{font-family:var(--font-serif);font-weight:800;font-size:.92rem;margin-bottom:4px;color:var(--color-text)}.series__count{font-size:.72rem;color:var(--color-accent);font-weight:700}.tag-cloud{display:flex;flex-wrap:wrap;gap:6px}.tag-cloud a{background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-soft);padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:600;transition:all .15s}.tag-cloud a:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.layout-2col__side{display:flex;flex-direction:column;gap:var(--space-lg)}.widget{background:var(--color-bg-card);border-radius:var(--radius-md);padding:14px var(--space-md);box-shadow:var(--shadow-card);border:1px solid var(--color-border-soft)}.widget__title{font-family:var(--font-serif);font-weight:800;font-size:1rem;letter-spacing:.08em;color:var(--color-text);border-bottom:2px solid var(--color-text);padding-bottom:8px;margin-bottom:12px;position:relative}.widget__title:after{content:"";position:absolute;bottom:-2px;left:0;width:40px;height:2px;background:var(--color-accent)}.widget--cta{background:linear-gradient(135deg,var(--color-bg-paper) 0%,var(--color-accent-bg) 100%);text-align:center;display:block;color:var(--color-text);border:2px solid var(--color-accent-soft);position:relative;overflow:hidden}.widget--cta:before{content:"募集中";position:absolute;top:8px;right:-28px;background:var(--color-accent);color:#fff;font-size:.65rem;font-weight:800;padding:2px 32px;transform:rotate(35deg);letter-spacing:.08em}.widget--cta:hover{color:var(--color-text)}.widget--cta .widget__title{border-bottom:none;padding-bottom:0;margin-bottom:4px;font-size:1.05rem}.widget--cta .widget__title:after{display:none}.widget__image{max-width:110px;width:100%;height:auto;margin:0 auto 10px;display:block}.widget__lead{font-size:.82rem;color:var(--color-text-soft);margin-bottom:12px;line-height:1.6}.widget__btn{display:inline-block;background:var(--color-accent);color:#fff;padding:8px 18px;border-radius:var(--radius-md);font-size:.85rem;font-weight:700;margin-bottom:4px}.ranking{display:flex;flex-direction:column;gap:10px}.ranking__item{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px dashed var(--color-border)}.ranking__item:last-child{border-bottom:none;padding-bottom:0}.ranking__rank{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-soft);color:var(--color-text-soft);font-family:var(--font-serif);font-size:.95rem;font-weight:900}.ranking__rank--1{background:linear-gradient(135deg,#d4af37,#b8941d);color:#fff;box-shadow:0 2px 6px #d4af374d}.ranking__rank--2{background:linear-gradient(135deg,#b8b8b8,#888);color:#fff}.ranking__rank--3{background:linear-gradient(135deg,#b87333,#8c5722);color:#fff}.ranking__title{font-size:.85rem;font-weight:700;color:var(--color-text);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ranking__views{font-size:.72rem;color:var(--color-text-muted);font-weight:600}.category-list{display:flex;flex-direction:column;gap:2px}.category-list a{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:var(--radius-sm);color:var(--color-text);font-size:.92rem;font-weight:600;transition:background .15s;border-left:3px solid transparent}.category-list a:hover{background:var(--color-bg-paper);color:var(--color-accent);border-left-color:var(--color-accent)}.category-list__count{background:var(--color-bg-soft);color:var(--color-text-muted);font-size:.72rem;font-weight:700;padding:1px 8px;border-radius:999px}.empty-state{background:var(--color-bg-card);border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-card);border:1px solid var(--color-border-soft);overflow:hidden;position:relative}.empty-state__image{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;display:block;margin:0;filter:brightness(.95)}.empty-state__body{padding:var(--space-lg) var(--space-md)}.empty-state__title{font-family:var(--font-serif);font-weight:900;font-size:1.25rem;margin:0 0 6px;color:var(--color-text);letter-spacing:.1em}.empty-state__sub{color:var(--color-text-soft);font-size:.9rem;margin:0;letter-spacing:.08em}.article-detail{max-width:720px;margin:0 auto;background:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--space-xl);box-shadow:var(--shadow-card);border:1px solid var(--color-border-soft)}.article-detail__title{font-family:var(--font-serif);font-weight:900;font-size:clamp(1.6rem,3.5vw,2.1rem);line-height:1.5;letter-spacing:.05em;margin-bottom:var(--space-md);color:#1c1410;word-break:auto-phrase}.article-detail__meta{display:flex;gap:var(--space-md);font-size:.85rem;color:var(--color-text-muted);font-weight:600;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.article-detail__thumb{margin-bottom:var(--space-lg);border-radius:var(--radius-md);overflow:hidden;aspect-ratio:16 / 9}.article-detail__thumb img{width:100%;height:100%;object-fit:cover}.article-detail__content{font-family:var(--font-reading);font-size:1.06rem;font-weight:500;line-height:2;letter-spacing:.04em;color:#1c1410;font-feature-settings:"palt" off,"kern" on;text-rendering:optimizeLegibility;word-break:auto-phrase;line-break:strict;hanging-punctuation:allow-end}.article-detail__content p{margin-bottom:1.5em;text-indent:0}.article-detail__content p:last-child{margin-bottom:0}.article-detail__content strong{font-weight:700;color:#1c1410}.article-detail__content h2,.article-detail__content h3{font-family:var(--font-serif);font-weight:700;border-left:4px solid var(--color-accent);background:var(--color-accent-bg);padding:10px 14px;margin-top:2.5em;margin-bottom:1em;border-radius:0 var(--radius-sm) var(--radius-sm) 0;letter-spacing:.05em}@media(max-width:600px){.article-detail{padding:var(--space-md)}.article-detail__title{font-size:1.4rem}.article-detail__content{font-size:1.02rem;line-height:2.05;letter-spacing:.05em}.article-detail__content p{margin-bottom:1.8em}}.reactions{margin:var(--space-xl) 0;padding:var(--space-lg);background:var(--color-bg-paper);border-radius:var(--radius-md);text-align:center;border:1px solid var(--color-border-soft)}.reactions__title{font-family:var(--font-serif);font-weight:700;margin-bottom:var(--space-md);color:var(--color-text-soft)}.reactions__buttons{display:flex;justify-content:center;gap:var(--space-sm);flex-wrap:wrap}.reaction-btn{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 16px;font-family:inherit;font-size:.85rem;font-weight:700;color:var(--color-text);cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px;min-height:44px}.reaction-btn:hover{background:var(--color-accent-bg);border-color:var(--color-accent);color:var(--color-accent-dark)}.reaction-btn__count{background:var(--color-accent);color:#fff;font-size:.7rem;padding:2px 8px;border-radius:999px;font-weight:700}.next-cta{margin:var(--space-xl) 0 var(--space-lg);padding:var(--space-xl) var(--space-lg);background:linear-gradient(135deg,var(--color-bg-paper) 0%,var(--color-accent-bg) 100%);border-radius:var(--radius-md);text-align:center;border:1px solid var(--color-border-soft);position:relative;overflow:hidden}.next-cta__label{font-size:.78rem;color:var(--color-accent);font-weight:800;letter-spacing:.12em;margin-bottom:var(--space-sm)}.next-cta__title{font-family:var(--font-serif);font-size:1.15rem;font-weight:800;margin-bottom:var(--space-md);color:var(--color-text)}.next-cta__btn{display:inline-block;background:var(--color-accent);color:#fff;padding:10px 28px;border-radius:var(--radius-md);font-weight:700;font-size:.95rem;transition:background .15s;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.next-cta__btn:hover{background:var(--color-accent-dark);color:#fff}.site-footer{background:linear-gradient(180deg,var(--color-bg-dark) 0%,var(--color-bg-dark-soft) 100%);color:var(--color-text-light);margin-top:var(--space-2xl);position:relative;overflow:hidden}.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-accent-deep),var(--color-accent),var(--color-accent-deep))}.site-footer__inner{max-width:var(--container-max);margin:0 auto;padding:var(--space-2xl) 20px var(--space-lg);position:relative}.site-footer__cols{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border-dark)}@media(max-width:768px){.site-footer__cols{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}}@media(max-width:480px){.site-footer__cols{grid-template-columns:1fr}}.site-footer__heading{font-family:var(--font-serif);font-weight:800;font-size:.95rem;letter-spacing:.1em;color:var(--color-text-light);margin-bottom:var(--space-md);padding-bottom:8px;border-bottom:2px solid var(--color-accent);display:inline-block}.site-footer__col ul li{margin-bottom:8px}.site-footer__col a{color:var(--color-text-light-muted);font-size:.86rem;font-weight:500;transition:color .15s}.site-footer__col a:hover{color:var(--color-accent-soft)}.site-footer__bottom{padding-top:var(--space-lg);text-align:center}.site-footer__logo{display:inline-flex;align-items:center;gap:8px;margin-bottom:var(--space-sm);color:var(--color-text-light)}.site-footer__logo img{width:36px;height:36px;border-radius:50%;object-fit:cover;object-position:center 15%;border:1px solid var(--color-accent)}.site-footer__logo span{font-family:var(--font-serif);font-weight:900;font-size:1.15rem;letter-spacing:.18em}.site-footer__copy{font-size:.8rem;color:var(--color-text-light-muted);margin-bottom:6px}.site-footer__notes{font-size:.7rem;color:var(--color-text-light-dim);max-width:600px;margin:0 auto;line-height:1.6}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-dark);border-top:2px solid var(--color-accent);display:flex;justify-content:space-around;z-index:60;padding-bottom:max(env(safe-area-inset-bottom),0px);box-shadow:0 -2px 12px #0006}@media(min-width:768px){.bottom-nav{display:none}}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;color:var(--color-text-light-muted);font-size:.7rem;font-weight:700;min-height:48px}.bottom-nav__item:hover,.bottom-nav__item--active,.bottom-nav__item--accent{color:var(--color-accent-soft)}.bottom-nav__icon{width:22px;height:22px}.section-header__sub-en{display:inline-block;font-family:"Noto Serif JP",serif;font-size:.7rem;letter-spacing:.4em;color:var(--color-accent);font-weight:700;margin-right:var(--space-sm);position:absolute;top:-1.4em;left:0}.section-header{padding-top:1.4em}.featured{margin:var(--space-lg) auto var(--space-xl);max-width:1200px;padding:0 var(--space-md)}.featured__inner{display:grid;grid-template-columns:1.2fr 1fr;gap:0;background:linear-gradient(135deg,#1a1612,#2a221c);border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #140e0873;text-decoration:none;color:inherit;transition:transform .25s,box-shadow .25s;position:relative}.featured__inner:hover{transform:translateY(-2px);box-shadow:0 20px 60px #140e088c}.featured__media{position:relative;aspect-ratio:4 / 3;overflow:hidden}.featured__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease-out}.featured__inner:hover .featured__media img{transform:scale(1.04)}.featured__media-veil{position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(20,14,8,.55) 100%),linear-gradient(180deg,#140e081a,#140e0866);pointer-events:none}.featured__body{padding:clamp(1.5rem,4vw,3rem);display:flex;flex-direction:column;justify-content:center;color:#f5ead4}.featured__label{display:inline-block;align-self:flex-start;font-size:.78rem;letter-spacing:.25em;color:#d8a85a;border:1px solid #d8a85a;padding:.3rem .9rem;border-radius:999px;margin-bottom:1.2rem}.featured__title{font-family:"Noto Serif JP",serif;font-weight:900;font-size:clamp(1.6rem,3.6vw,2.6rem);line-height:1.35;margin:0 0 .9rem;color:#f5ead4}.featured__lead{font-size:.98rem;line-height:2;color:#c9bda3;margin-bottom:1.4rem}.featured__meta{display:flex;gap:1rem;font-size:.85rem;color:#8b7d6c;margin-bottom:1.5rem}.featured__cta{align-self:flex-start;font-size:.95rem;font-weight:700;color:#d8a85a;padding:.7rem 1.5rem;border:1px solid rgba(216,168,90,.5);border-radius:4px;transition:background .2s,color .2s}.featured__inner:hover .featured__cta{background:#d8a85a;color:#1a1612}@media(max-width:768px){.featured__inner{grid-template-columns:1fr}.featured__media{aspect-ratio:16 / 10}}.new-stories{padding:var(--space-lg) var(--space-md)}.new-stories__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.story-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#fbf7edd9;border:1px solid rgba(200,185,160,.5);border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s}.story-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #140e082e;color:inherit;border-color:var(--color-accent-soft)}.story-card__thumb{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#2a221c}.story-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.story-card:hover .story-card__thumb img{transform:scale(1.05)}.story-card__overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:1.1rem 1.2rem 1.3rem;background:linear-gradient(180deg,#140e0800,#140e081a 35%,#140e08a6 75%,#140e08eb);pointer-events:none}.story-card__title{font-family:"Noto Serif JP",serif;font-weight:900;font-size:1.18rem;line-height:1.5;letter-spacing:.03em;color:#f5ead4;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.85),0 0 20px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-card__body{padding:.9rem 1.2rem 1.1rem;flex:1;display:flex;flex-direction:column}.story-card__excerpt{font-size:.88rem;line-height:1.8;color:#5a4f44;margin:0 0 .7rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.story-card__date{font-size:.78rem;color:#8b7d6c;letter-spacing:.05em;margin:0}@media(max-width:768px){.new-stories__grid{grid-template-columns:1fr}}.ranking-strip-section{padding:var(--space-lg) var(--space-md)}.ranking-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-sm)}.rank-card{position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#fbf7edb3;border:1px solid rgba(200,185,160,.4);border-radius:6px;overflow:hidden;padding:0;gap:0;transition:transform .2s,box-shadow .2s,border-color .2s}.rank-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #140e0826;color:inherit;border-color:var(--color-accent-soft)}.rank-card__thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#2a221c}.rank-card__thumb img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s}.rank-card:hover .rank-card__thumb img{transform:scale(1.05)}.rank-card__num{position:absolute;top:0;left:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#2a2520;color:#f5ead4;font-family:"Noto Serif JP",serif;font-weight:900;font-size:1rem;border-bottom-right-radius:6px;z-index:3}.rank-card__num--1{background:#c89a4a;color:#1a1612}.rank-card__num--2{background:#a89a82;color:#1a1612}.rank-card__num--3{background:#8b6b4a;color:#f5ead4}.rank-card__cat{position:absolute;top:8px;right:8px;padding:3px 9px;background:#8b3a2feb;color:#fbf7ed;font-size:.7rem;font-weight:700;letter-spacing:.06em;border-radius:3px;z-index:3}.rank-card__body{display:flex;flex-direction:column;gap:6px;padding:.65rem .8rem .7rem}.rank-card__title{font-family:"Noto Serif JP",serif;font-weight:700;font-size:.92rem;line-height:1.45;color:#2a2520;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rank-card__pv{display:inline-block;font-size:.74rem;color:#8b3a2f;letter-spacing:.05em}@media(max-width:960px){.ranking-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.ranking-strip{grid-template-columns:1fr}}.submit-banner{position:relative;margin:var(--space-xl) -16px;padding:clamp(2.5rem,6vw,4.5rem) var(--space-md);background:linear-gradient(135deg,#6d2c25,#8b3a2f,#5a2820);overflow:hidden;text-align:center;color:#fbf7ed;border-top:1px solid rgba(216,168,90,.3);border-bottom:1px solid rgba(216,168,90,.3)}.submit-banner__bg{position:absolute;right:-40px;bottom:-30px;width:280px;height:280px;opacity:.18;pointer-events:none}.submit-banner__bg img{width:100%;height:100%;object-fit:contain}.submit-banner__inner{position:relative;max-width:720px;margin:0 auto;z-index:2}.submit-banner__label{display:inline-block;font-size:.78rem;letter-spacing:.35em;color:#f5d8a8;margin-bottom:1.2rem;border:1px solid rgba(245,216,168,.5);padding:.3rem 1rem;border-radius:999px}.submit-banner__title{font-family:"Noto Serif JP",serif;font-weight:900;font-size:clamp(1.5rem,3.5vw,2.4rem);letter-spacing:.08em;margin:0 0 1.2rem;color:#fbf7ed;line-height:1.5}.submit-banner__lead{font-size:1rem;line-height:2;color:#fbf7edd9;margin:0 0 2rem}.submit-banner__btn{display:inline-block;padding:1rem 2.5rem;background:#fbf7ed;color:#6d2c25;text-decoration:none;font-weight:800;font-size:1rem;border-radius:4px;letter-spacing:.1em;transition:background .2s,transform .2s}.submit-banner__btn:hover{background:#f5d8a8;transform:translateY(-2px)}@media(min-width:769px){.submit-banner{margin-left:-32px;margin-right:-32px}}.tags-section,.series.container{padding:var(--space-lg) var(--space-md)}.story-card,.rank-card,.featured__inner,.genre-card{will-change:transform}.trio-talk{margin:var(--space-xl) 0 var(--space-lg);padding:var(--space-lg) var(--space-md);background:linear-gradient(180deg,#140e1c0a,#140e1c14);border-top:1px dashed #c8b9a0;border-bottom:1px dashed #c8b9a0;border-radius:0;display:flex;flex-direction:column;gap:14px}.trio-talk__heading{font-family:"Noto Serif JP",serif;font-size:.85rem;font-weight:700;letter-spacing:.18em;color:#8b3a2f;margin:0 0 4px;text-align:center}.trio-talk__row{display:flex;align-items:flex-start;gap:10px;max-width:92%}.trio-talk__row--right{flex-direction:row-reverse;margin-left:auto}.trio-talk__avatar{flex-shrink:0;width:44px;height:44px;border-radius:50%;overflow:hidden;background:#2a2520;border:2px solid #8b3a2f}.trio-talk__avatar--chiyo{border-color:#8b3a2f}.trio-talk__avatar--kowamaru{border-color:#c89a4a}.trio-talk__avatar--sumi{border-color:#4a4540}.trio-talk__avatar img{width:100%;height:100%;object-fit:cover}.trio-talk__bubble{position:relative;padding:10px 14px;border-radius:14px;background:#fbf7ed;border:1px solid #e8dec8;font-size:.92rem;line-height:1.7;color:#2a2520;max-width:100%;box-shadow:0 1px 3px #140e080f}.trio-talk__row--right .trio-talk__bubble{background:#fff5e3;border-color:#f0d9a8}.trio-talk__name{display:block;font-size:.7rem;font-weight:800;letter-spacing:.06em;color:#8b3a2f;margin-bottom:2px}.trio-talk__row--right .trio-talk__name{color:#c89a4a;text-align:right}.trio-talk__bubble--sumi .trio-talk__name{color:#5a4f44}.trio-talk__msg{display:block;word-break:auto-phrase}.trio-talk__bubble:before{content:"";position:absolute;top:14px;left:-8px;width:0;height:0;border-style:solid;border-width:7px 8px 7px 0;border-color:transparent #fbf7ed transparent transparent}.trio-talk__bubble:after{content:"";position:absolute;top:14px;left:-9px;width:0;height:0;border-style:solid;border-width:7px 8px 7px 0;border-color:transparent #e8dec8 transparent transparent;z-index:-1}.trio-talk__row--right .trio-talk__bubble:before{left:auto;right:-8px;border-width:7px 0 7px 8px;border-color:transparent transparent transparent #fff5e3}.trio-talk__row--right .trio-talk__bubble:after{left:auto;right:-9px;border-width:7px 0 7px 8px;border-color:transparent transparent transparent #f0d9a8}@media(max-width:600px){.trio-talk{padding:var(--space-md) 12px;gap:12px}.trio-talk__avatar{width:38px;height:38px}.trio-talk__bubble{font-size:.88rem;padding:9px 12px}.trio-talk__row{max-width:95%}}.chiyo-note{margin:var(--space-lg) 0;padding:var(--space-md) var(--space-md) var(--space-md) calc(var(--space-md) + 4px);background:linear-gradient(180deg,#8b3a2f0a,#8b3a2f14);border-left:4px solid #8b3a2f;border-radius:4px}.chiyo-note__heading{font-family:"Noto Serif JP",serif;font-size:.85rem;font-weight:700;letter-spacing:.16em;color:#8b3a2f;margin:0 0 10px}.chiyo-note__msg{display:flex;align-items:flex-start;gap:12px;margin:0}.chiyo-note__icon{flex-shrink:0}.chiyo-note__icon img{width:48px;height:48px;border-radius:50%;border:2px solid #8b3a2f;background:#2a2520;object-fit:cover}.chiyo-note__text{flex:1;font-family:Shippori Mincho,"Noto Serif JP",serif;font-size:.96rem;line-height:1.85;color:#2a2520;word-break:auto-phrase}.chiyo-note--preview{border-left-color:#c89a4a}.chiyo-note--preview .chiyo-note__heading{color:#8b6b35}.chiyo-note--caution{border-left-color:#6d2c25}@media(max-width:600px){.chiyo-note{padding:14px}.chiyo-note__icon img{width:42px;height:42px}.chiyo-note__text{font-size:.92rem}}.article-record{margin:var(--space-xl) auto var(--space-lg);max-width:640px;padding:18px 22px 16px;background:#f3ece0;border:1px solid #c8b9a0;border-radius:4px;position:relative;font-family:Shippori Mincho,"Noto Serif JP",serif}.article-record:before{content:"";position:absolute;inset:4px;border:1px solid #c8b9a0;border-radius:2px;pointer-events:none;opacity:.5}.article-record__heading{text-align:center;font-size:.92rem;letter-spacing:.3em;color:#6b5a45;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #d6c8af;font-weight:600}.article-record__list{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;margin:0;font-size:.88rem;line-height:1.7;color:#3a342b}.article-record__list dt{color:#8b3a2f;font-weight:700;letter-spacing:.05em;white-space:nowrap}.article-record__list dd{margin:0;color:#3a342b}@media(max-width:600px){.article-record{padding:16px 14px 14px}.article-record__list{font-size:.84rem;gap:6px 12px}.article-record__heading{font-size:.84rem;letter-spacing:.25em}}