.stickman-page{background:#f4f5ef}
.stickman-heading{max-width:1320px;margin:0 auto;padding:58px clamp(20px,5vw,72px) 25px;display:flex;align-items:end;justify-content:space-between}
.stickman-heading h1{font:500 clamp(36px,5vw,58px)/1.08 Georgia,"Noto Serif SC",serif;color:var(--deep);letter-spacing:-.035em;margin:0}
.stickman-heading-sub{color:var(--muted);font-size:14px;margin:12px 0 0}
.stickman-heading-count{display:flex;align-items:baseline;gap:10px;color:var(--teal)}
.stickman-heading-count strong{font:500 60px/.9 Georgia,serif;color:var(--amber)}
.stickman-heading-count span{font-size:13px}
.stickman-overview{max-width:1176px;margin:0 auto 26px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;gap:10px}
.volume-chip{display:flex;align-items:center;gap:16px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 15px;cursor:pointer;font:inherit}
.volume-chip span{font-size:13px}.volume-chip b{font:500 18px Georgia,serif;color:var(--teal)}
.volume-chip.is-selected{background:var(--deep);border-color:var(--deep);color:#fff}
.volume-chip.is-selected b{color:#f4c875}
.stickman-overview>p{margin:0 0 0 auto;color:var(--muted);font-size:12px}
.stickman-browser{max-width:1320px;margin:0 auto 78px;padding:0 clamp(20px,5vw,72px);display:grid;grid-template-columns:235px minmax(0,1fr);gap:34px}
.stickman-sidebar{align-self:start;position:sticky;top:95px}
.stickman-search{display:block}.stickman-search>span{display:block;font-size:12px;color:var(--deep);font-weight:700;margin-bottom:8px}
.stickman-search input{width:100%;height:43px;padding:0 12px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-size:13px;outline:none}
.stickman-search input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(21,124,120,.1)}
.favorites-toggle{width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--muted);padding:13px 2px;cursor:pointer;font:inherit;font-size:13px}
.favorites-toggle span{color:var(--amber);font-size:19px;vertical-align:-2px;margin-right:5px}
.favorites-toggle[aria-pressed=true]{color:var(--deep);font-weight:700}
.unit-list-wrap{padding-top:21px}.unit-list-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--deep);font-weight:700;margin-bottom:9px}
.unit-list-heading button{background:none;border:0;color:var(--teal);font:inherit;font-size:11px;cursor:pointer}
.unit-list{display:grid;gap:3px;max-height:46vh;overflow:auto;padding-right:2px}
.unit-link{border:0;background:transparent;color:var(--muted);text-align:left;padding:8px 9px;font:inherit;font-size:12px;cursor:pointer;display:flex;justify-content:space-between;gap:10px}
.unit-link:hover,.unit-link.is-selected{color:var(--deep);background:#e7efe8}
.unit-link b{font:12px Georgia,serif;color:#87968f}
.free-note{display:flex;align-items:center;gap:12px;margin:25px 0 0;padding-top:17px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}
.free-note i{font:500 25px Georgia,serif;color:var(--amber);font-style:normal}
.catalog-toolbar{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding:0 0 16px;margin-bottom:17px;gap:16px}
.catalog-kicker{font-size:10px;letter-spacing:.17em;color:var(--teal);margin:0 0 4px;font-weight:700}
.catalog-toolbar h2{font:500 26px/1.2 Georgia,"Noto Serif SC",serif;color:var(--deep);margin:0}
.catalog-count{font-size:11px;color:var(--muted);margin:5px 0 0}
.catalog-activate{font-size:12px;color:var(--teal);white-space:nowrap}
.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.stickman-card{display:block;position:relative;min-width:0;border:1px solid #d9e0d9;background:#fff;cursor:pointer;text-align:left;padding:0;color:var(--ink);font:inherit;transition:transform .18s,border-color .18s}
.stickman-card:hover{transform:translateY(-3px);border-color:var(--teal)}
.stickman-thumb{aspect-ratio:3/4;display:block;position:relative;background:#fff;overflow:hidden}
.stickman-thumb img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}
.stickman-card-copy{display:block;padding:10px 11px 12px;border-top:1px solid #edf0eb}
.stickman-card-index{display:block;color:#89968e;font:11px Georgia,serif;margin-bottom:4px}
.stickman-card-title{display:block;color:var(--deep);font-size:12px;line-height:1.45;min-height:2.9em}
.stickman-card-unit{display:block;color:var(--muted);font-size:10px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-lock{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,rgba(244,245,239,.16),rgba(244,245,239,.9));color:var(--deep)}
.card-lock span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid var(--line);font-size:17px}
.catalog-state{grid-column:1/-1;padding:26px 0;color:var(--muted);font-size:13px}
.catalog-state.is-error{color:#9b564c}
.catalog-footer{display:flex;justify-content:space-between;align-items:center;padding-top:18px;color:var(--muted);font-size:11px}
.load-more{border:1px solid var(--teal);background:#fff;color:var(--teal);padding:9px 14px;font:inherit;font-size:12px;cursor:pointer}
.load-more:hover{background:var(--deep);color:#fff}
.stickman-footer{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}
.stickman-footer small{grid-column:1/-1;max-width:960px;line-height:1.6}
.card-reader{border:0;padding:0;width:min(100vw,1180px);max-width:100vw;height:100dvh;max-height:100dvh;background:#f4f5ef;color:var(--ink)}
.card-reader::backdrop{background:rgba(8,26,26,.76)}
.reader-shell{min-height:100%;display:flex;flex-direction:column;padding:0 clamp(14px,3vw,38px) 20px}
.reader-top{height:60px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.reader-top button{border:0;background:none;color:var(--teal);font:inherit;cursor:pointer}.reader-back{text-align:left}.reader-favorite{text-align:right;color:var(--amber)!important}
.reader-body{flex:1;min-height:0;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;justify-items:center;gap:12px;padding:14px 0}
.reader-image-wrap{height:min(calc(100dvh - 175px),calc((100vw - 180px)*1.333));max-height:calc(100dvh - 175px);aspect-ratio:3/4;background:#fff;border:1px solid var(--line);display:grid;place-items:center;position:relative;overflow:hidden}
.reader-image-wrap img{width:100%;height:100%;object-fit:contain}
.reader-arrow{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--deep);font-size:19px;cursor:pointer}
.reader-meta{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding-top:12px;gap:14px}
.reader-meta p{margin:0;color:var(--muted);font-size:11px}.reader-meta h2{margin:3px 0 0;font:500 20px Georgia,"Noto Serif SC",serif;color:var(--deep)}
.reader-mobile-controls{display:none}
.reader-lock{max-width:440px;padding:34px 22px;text-align:center}
.reader-lock-mark{font-size:28px;color:var(--amber)}
.reader-lock h2{font:500 28px Georgia,"Noto Serif SC",serif;color:var(--deep);margin:10px 0}
.reader-lock p{color:var(--muted);font-size:13px;margin:8px 0}
.reader-lock ul{list-style:none;padding:12px 0 4px;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:7px;color:var(--deep);font-size:12px;text-align:left}
.reader-lock a{display:inline-block;background:var(--deep);color:white;padding:11px 17px;margin-top:14px;font-size:13px}
.reader-load-error{color:#9b564c;font-size:13px}
@media(max-width:1050px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stickman-browser{grid-template-columns:205px minmax(0,1fr);gap:24px}.stickman-heading-count strong{font-size:50px}}
@media(max-width:760px){.stickman-heading{padding-top:40px;align-items:center}.stickman-heading h1{font-size:39px}.stickman-heading-count{display:block;text-align:right}.stickman-heading-count strong{display:block;font-size:42px}.stickman-heading-count span{font-size:11px}.stickman-heading-sub{font-size:12px;max-width:320px}.stickman-overview{flex-wrap:wrap;gap:7px;margin-bottom:18px}.volume-chip{gap:9px;padding:8px 10px}.volume-chip span{font-size:12px}.volume-chip b{font-size:16px}.stickman-overview>p{flex-basis:100%;margin:5px 0 0;font-size:11px}.stickman-browser{display:block}.stickman-sidebar{position:static}.unit-list-wrap{padding-top:12px}.unit-list{display:flex;max-height:none;overflow-x:auto;padding-bottom:5px}.unit-link{white-space:nowrap;border:1px solid var(--line);background:#fff}.unit-link b{display:none}.free-note{display:none}.stickman-catalog{margin-top:24px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stickman-card-copy{padding:8px}.stickman-card-title{font-size:11px}.stickman-card-unit{font-size:9px}.catalog-toolbar h2{font-size:22px}.catalog-activate{font-size:11px}.catalog-toolbar{align-items:center}.reader-body{grid-template-columns:1fr;padding:7px 0}.reader-arrow{display:none}.reader-image-wrap{height:auto;width:min(100%,calc((100dvh - 205px)*.75));max-height:calc(100dvh - 205px)}.reader-mobile-controls{display:flex;justify-content:space-between;padding:10px 0 0}.reader-mobile-controls button{border:1px solid var(--line);background:#fff;color:var(--teal);padding:8px 15px;font:inherit;font-size:12px}.reader-meta h2{font-size:18px}.reader-lock{padding:23px 17px}.reader-lock ul{font-size:11px}.stickman-footer{display:block}.stickman-footer span{display:block;margin:3px 0}.stickman-footer small{display:block;margin-top:11px}}
@media(max-width:430px){.stickman-heading{padding-left:16px;padding-right:16px}.stickman-overview,.stickman-browser{padding-left:16px;padding-right:16px}.stickman-heading h1{font-size:35px}.stickman-heading-count strong{font-size:36px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stickman-card-title{font-size:12px}.stickman-card-unit{font-size:10px}.stickman-browser{margin-bottom:52px}.catalog-toolbar{align-items:end}.catalog-activate{max-width:94px;white-space:normal;text-align:right}.reader-top{height:54px;font-size:11px}.reader-shell{padding-left:11px;padding-right:11px}.reader-image-wrap{width:min(100%,calc((100dvh - 216px)*.75))}}