:root{--tamon-bg:#fff1f5;--tamon-bg-deep:#ffe4ef;--tamon-surface:#ffffffb8;--tamon-text:#2a1b28;--tamon-muted:#725d6c;--tamon-pink:#db2777;--tamon-stroke:#f472b638;--tamon-shadow:0 18px 60px #ec48991a;--tamon-radius:1.15rem}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.theme-tamonb{--bg:var(--tamon-bg);--surface:#fff;--text:var(--tamon-text);--muted:var(--tamon-muted);--accent:var(--tamon-pink);--radius:var(--tamon-radius);margin:0;color:var(--tamon-text);background:radial-gradient(56rem 26rem at 12% 6%,#ec48992e,transparent 62%),radial-gradient(56rem 26rem at 88% 8%,#f472b624,transparent 62%),linear-gradient(180deg,var(--tamon-bg),var(--tamon-bg-deep));font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}.theme-tamonb a{color:inherit;text-decoration:none}.skip-link{position:fixed;top:-5rem;left:1rem;z-index:100;background:#fff;padding:.7rem 1rem;border:2px solid var(--tamon-pink)}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tamon-topbar{position:sticky;top:0;z-index:40;border-bottom:1px solid #f472b624;background:#ffffffc7;backdrop-filter:blur(14px)}.tamon-topbar__inner{width:min(73.75rem,calc(100% - 2rem));min-height:4.25rem;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:1rem}.tamon-brand{display:flex;align-items:center;min-width:0;font-weight:950}.tamon-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tamon-topbar__actions,.tamon-topbar__actions nav{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.tamon-topbar__actions .button,.tamon-topbar__actions a{white-space:nowrap}.tamon-button,.theme-tamonb .button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--tamon-stroke);border-radius:999px;background:#ffffffd9;color:var(--tamon-text);padding:.64rem .9rem;font:800 .875rem/1 system-ui;box-shadow:0 8px 24px #ec48990f}.tamon-button:hover,.theme-tamonb .button:hover{border-color:#db277775;color:var(--tamon-pink)}
.tamon-shell{width:min(73.75rem,calc(100% - 2rem));margin:1rem auto 2rem}.tamon-hero,.tamon-panel{border:1px solid #f472b624;border-radius:1.5rem;background:var(--tamon-surface);box-shadow:var(--tamon-shadow);backdrop-filter:blur(10px)}.tamon-hero{display:grid;grid-template-columns:minmax(14rem,17.5rem) minmax(0,1fr);align-items:start;gap:clamp(1.4rem,3vw,2.35rem);padding:clamp(1rem,2vw,1.35rem)}.tamon-cover{position:relative;isolation:isolate;width:100%;max-width:17.5rem;aspect-ratio:2/3;justify-self:center;align-self:start;overflow:hidden;border:1px solid #f472b624;border-radius:1.1rem;background:#fff7fa;box-shadow:var(--tamon-shadow)}.tamon-cover:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff66,inset 0 -2.5rem 3.5rem #00000012}.tamon-cover:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(125deg,transparent 0 42%,#ffffff24 50%,transparent 58%);opacity:.55}.tamon-cover img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.tamon-summary{min-width:0;padding:.7rem .8rem .7rem 0}.tamon-kicker{margin:0 0 .25rem;color:var(--tamon-pink);font-size:.8rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.tamon-summary h1{margin:0;font-size:clamp(2rem,5vw,3.6rem);line-height:1.02;letter-spacing:-.055em;overflow-wrap:anywhere}.tamon-alternate{color:var(--tamon-muted);font-size:.875rem;margin:.75rem 0}.tamon-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0}.tamon-meta div{border:1px solid var(--tamon-stroke);border-radius:999px;background:#ffffffb5;padding:.48rem .75rem}.tamon-meta dt,.tamon-meta dd{display:inline;margin:0;font-size:.8rem}.tamon-meta dt{color:var(--tamon-muted)}.tamon-meta dd{font-weight:850}.tamon-chips{display:flex;gap:.5rem;flex-wrap:wrap}.tamon-chips span{padding:.45rem .65rem;border:1px solid var(--tamon-stroke);border-radius:999px;background:#ffffffa3;color:var(--tamon-muted);font-size:.8rem}.tamon-description{margin-top:1rem;max-width:55rem;padding:1rem;border:1px solid #f472b624;border-radius:1rem;background:#ffffff8f;font-size:1rem;line-height:1.65}.tamon-description:not(.is-expanded){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.tamon-text-button{margin-top:.55rem;border:0;background:none;color:var(--tamon-pink);font-weight:850;cursor:pointer}.tamon-empty{min-height:45vh;display:grid;place-content:center;text-align:center}
.theme-tamonb .ad-slot{margin-block:1.2rem}.tamon-panel{margin-top:1rem;overflow:hidden}.tamon-panel__heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;flex-wrap:wrap;padding:1rem 1.1rem;border-bottom:1px solid #f472b624}.tamon-panel__heading h2{margin:0;font-size:1.2rem}.tamon-panel__heading span{color:var(--tamon-muted);font-size:.8rem}.tamon-tools{display:flex;align-items:center;gap:.65rem;padding:.85rem 1rem;border-bottom:1px solid #f472b624;background:#ffffff7a}.tamon-tools label{flex:1}.tamon-tools input{width:100%;min-width:12rem;padding:.72rem .9rem;border:1px solid var(--tamon-stroke);border-radius:999px;background:#ffffffdc;color:var(--tamon-text);font:inherit}.tamon-toggle{display:flex;border:1px solid var(--tamon-stroke);border-radius:999px;background:#ffffffc4;padding:.2rem}.tamon-toggle button{border:0;border-radius:999px;background:transparent;padding:.57rem .75rem;color:var(--tamon-muted);font-weight:850;cursor:pointer}.tamon-toggle button.is-active{background:#ec489924;color:var(--tamon-text)}.tamon-chapter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;padding:.85rem}.tamon-chapter-card{display:flex;min-height:6rem;overflow:hidden;border:1px solid #f472b624;border-radius:1rem;background:#ffffffa8;transition:transform .18s ease,border-color .18s ease}.tamon-chapter-card:hover{transform:translateY(-2px);border-color:#db277766}.tamon-chapter-thumb{width:5rem;flex:0 0 5rem;border-right:1px solid #f472b624;background:#fff}.tamon-chapter-thumb img{width:100%;height:100%;object-fit:cover}.tamon-chapter-card>div:last-child{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:.75rem}.tamon-chapter-card strong{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tamon-chapter-card span{margin-top:.35rem;color:var(--tamon-muted);font-size:.75rem}.tamon-no-results{padding:1rem;color:var(--tamon-muted)}
.tamon-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem}.tamon-related-grid a{display:grid;grid-template-columns:5rem 1fr;align-items:center;gap:.8rem;border:1px solid #f472b624;border-radius:1rem;background:#ffffff9c;padding:.6rem;font-weight:800}.tamon-related-grid img{width:5rem;aspect-ratio:1;object-fit:cover;border-radius:.7rem}.tamon-footer{margin-top:1.2rem;padding:1.3rem 1rem 6rem;border-top:1px solid #f472b624;background:#ffffff8f;color:var(--tamon-muted);font-size:.8rem}.tamon-footer>div{width:min(73.75rem,100%);margin:auto;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.tamon-footer nav{display:flex;gap:1rem}.tamon-footer a{color:var(--tamon-pink);font-weight:800}
.tamon-reader-shell{min-height:70vh}.tamon-reader-heading{width:min(68.75rem,calc(100% - 2rem));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin:auto;padding:1rem 0}.tamon-reader-heading>div:last-child{text-align:right}.tamon-reader-heading a{color:var(--tamon-pink);font-weight:850}.tamon-reader-heading h1{margin:0;text-align:center;font-size:1rem}.tamon-reader-heading h1 span{display:block;color:var(--tamon-muted);font-size:.8rem;font-weight:600}.tamon-reader{width:min(68.75rem,100%);margin:auto;background:#171217}.tamon-reader figure{display:flex;justify-content:center;margin:0}.tamon-reader img{display:block;width:auto;max-width:100%;height:auto;background:#241d23}.tamon-reader-complete{display:grid;justify-items:center;gap:.6rem;padding:2rem}.tamon-reader-complete a{color:var(--tamon-pink);font-weight:850}.tamon-reader-nav{position:fixed;left:50%;bottom:max(.75rem,env(safe-area-inset-bottom));z-index:50;transform:translateX(-50%);display:flex;gap:.5rem;padding:.55rem;border:1px solid #f472b624;border-radius:999px;background:#ffffffd9;box-shadow:var(--tamon-shadow);backdrop-filter:blur(14px);transition:.2s}.tamon-reader-nav.is-hidden{transform:translate(-50%,140%);opacity:0}.tamon-reader-nav a,.tamon-reader-nav span{padding:.6rem .75rem;border:1px solid var(--tamon-stroke);border-radius:999px;background:#fff;font-weight:850;font-size:.8rem}.tamon-reader-nav span{opacity:.45}.tamon-to-top{position:fixed;right:1rem;bottom:5rem;z-index:51;display:none;padding:.7rem;border:1px solid var(--tamon-stroke);border-radius:999px;background:#ffffffdc}.tamon-to-top.is-visible{display:block}
@media(max-width:61rem){.tamon-chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tamon-related-grid{grid-template-columns:1fr}.tamon-related-grid a{grid-template-columns:4rem 1fr}.tamon-related-grid img{width:4rem}}
@media(max-width:45rem){.tamon-topbar__inner{align-items:flex-start;padding:.65rem 0}.tamon-topbar__actions{gap:.4rem}.tamon-brand span{max-width:9rem}.tamon-hero{grid-template-columns:8rem minmax(0,1fr);gap:.9rem}.tamon-cover{align-self:start}.tamon-summary{display:contents}.tamon-summary .tamon-kicker,.tamon-summary h1,.tamon-alternate{grid-column:2}.tamon-meta,.tamon-chips,.tamon-description,.tamon-text-button{grid-column:1/-1}.tamon-tools{align-items:stretch;flex-wrap:wrap}.tamon-tools label{flex-basis:100%}.tamon-toggle{flex:1}.tamon-toggle button{flex:1}.tamon-chapter-grid{grid-template-columns:1fr}.tamon-reader-heading{grid-template-columns:1fr 1fr}.tamon-reader-heading h1{grid-column:1/-1;grid-row:1}.tamon-reader-heading>div:last-child{text-align:right}.theme-tamonb .reader-preferences{padding-inline:1rem}}
@media(max-width:30rem){.tamon-shell{width:min(100% - 1rem,73.75rem)}.tamon-hero{grid-template-columns:6.8rem minmax(0,1fr);padding:.7rem}.tamon-summary h1{font-size:1.55rem}.tamon-topbar__actions .member-login{display:none}.tamon-reader-nav{gap:.2rem;padding:.35rem}.tamon-reader-nav a,.tamon-reader-nav span{padding:.55rem .6rem}}
.tamon-chapter-thumb{display:grid;place-items:center;overflow:hidden}.tamon-chapter-thumb img{object-position:top}.tamon-chapter-thumb>span{padding:.5rem;color:var(--tamon-muted);font-size:.58rem;font-weight:900;letter-spacing:.08em;text-align:center}
.nav-label--mobile{display:none}@media(max-width:45rem){.nav-label--desktop{display:none}.nav-label--mobile{display:inline}}