:root{--bg:#1c1b18;--panel:#2a2823;--panel-2:#33312a;--ink:#eee8dc;--ink-dim:rgba(238,232,220,0.65);--brass:#b08d57;--danger:#a05050;--ok:#6f9b6f}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--brass);text-decoration:none}button{font-family:inherit;border:none;border-radius:8px;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brass);outline-offset:1px}input,select,textarea{font-family:inherit;font-size:16px;color:var(--ink);background:var(--panel-2);border:1px solid #46423a;border-radius:8px;padding:8px 10px}.btn-primary{background:var(--brass);color:var(--bg);font-weight:600;font-size:15px;padding:10px 16px}.btn-primary:disabled{opacity:.5;cursor:default}.btn-ghost{background:transparent;padding:8px 10px;border:1px solid #46423a}.btn-ghost,.chip{color:var(--ink-dim);font-size:13px}.chip{display:inline-block;border:1px solid #56503f;border-radius:999px;background:var(--panel-2);padding:5px 11px;margin:0 6px 6px 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chip.on{background:var(--brass);border-color:var(--brass);color:var(--bg);font-weight:600}@media (prefers-reduced-motion:no-preference){.card-enter{animation:cardIn .18s ease-out}@keyframes cardIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}}:root{--yoi:#152040;--hakuji:#F4F2EC;--shinchu:#B08D57;--yoi-ink:#152040;--yoi-ink-soft:#202C4E;--yoi-ink-rgb:21 32 64;--yoi-line:rgb(var(--yoi-ink-rgb)/0.15);--on-yoi-muted:rgb(244 242 236/0.7);--line-on-yoi:rgb(244 242 236/0.16);--pub-radius:2px}.pub{min-height:100dvh;background:var(--yoi);color:var(--hakuji);font-family:var(--font-body,"Zen Kaku Gothic New"),"Hiragino Sans",sans-serif;font-size:15px;line-height:1.8}.pub-wrap{max-width:640px;margin:0 auto;padding:24px 20px 64px}.pub .display,.pub h1,.pub h2{font-family:var(--font-display,"Hina Mincho"),serif;font-weight:400;letter-spacing:.06em}.pub h1{font-size:26px;line-height:1.5}.pub h2{font-size:19px;line-height:1.6}.pub-result-heading{font-size:30px;line-height:1.45;letter-spacing:.08em}.pub a{color:inherit;text-decoration:none}.pub .muted{color:var(--on-yoi-muted)}.pub .small{font-size:12.5px}.pub-kinsoku{line-break:strict;word-break:auto-phrase}.pub-card{background:var(--hakuji);color:var(--yoi-ink-soft);border:1px solid var(--shinchu);border-radius:var(--pub-radius);padding:18px 18px 16px}.pub-card .title{font-family:var(--font-display,"Hina Mincho"),serif;font-size:19px;line-height:1.5;color:var(--yoi-ink)}.pub-card .muted{color:rgb(var(--yoi-ink-rgb)/.62)}.pub-btn{display:inline-block;background:transparent;border:1px solid var(--line-on-yoi);border-radius:var(--pub-radius);color:var(--hakuji);font-size:14.5px;line-height:1.4;padding:12px 18px;text-align:center;cursor:pointer;width:100%}.pub-btn.brass{border-color:var(--shinchu)}.pub-btn.subtle{border-color:transparent;color:var(--on-yoi-muted);font-size:13px;padding:8px 10px;width:auto}.pub-btn:focus-visible{outline:2px solid var(--shinchu);outline-offset:2px}.pub-btn:disabled{opacity:.4;cursor:default}.pub-tags{color:rgb(var(--yoi-ink-rgb)/.62);font-size:12.5px;letter-spacing:.03em}.pub .pub-tags.on-yoi{color:var(--on-yoi-muted)}.pub-ownermark{font-family:var(--font-display,"Hina Mincho"),serif;color:var(--shinchu);font-size:12.5px;letter-spacing:.1em}.pub-rule{border:none;border-top:1px solid var(--shinchu);opacity:.7;margin:28px 0}.pub-cover{width:100%;height:100%;object-fit:cover;display:block}.pub-cover-frame{background:rgb(244 242 236/.06);border:1px solid var(--line-on-yoi);border-radius:var(--pub-radius);overflow:hidden;flex-shrink:0}.pub-cover-placeholder{width:100%;height:100%;display:flex;align-items:flex-start;padding:13px 10px}.pub-cover-placeholder .display{line-height:1.6}.pub-hero2{margin:0}.pub-hero2,.pub-hero2-stage{position:relative;width:100%}.pub-hero2-bg{width:100%;height:auto;display:block}.pub-hero2-stage:before{content:"";position:absolute;top:0;left:0;right:0;height:30%;background:linear-gradient(180deg,rgb(8 12 24/.62),rgb(8 12 24/0));z-index:1;pointer-events:none}.pub-hero2-top{position:absolute;top:4%;left:0;right:0;z-index:2;text-align:center;padding:0 16px;line-height:normal}.pub-hero2-top .pub-result-heading{color:var(--hakuji);text-shadow:0 2px 14px rgb(8 12 24/.92);font-size:clamp(18px,4.6vw,30px)}.pub-hero2-top .pub-hero2-note{color:var(--hakuji);text-shadow:0 2px 10px rgb(8 12 24/.92);margin-top:6px;font-size:clamp(10px,2.4vw,13px)}.pub-hero2-side{position:absolute;top:50%;transform:translateY(-50%);right:3%;z-index:2;text-align:center;line-height:normal}.pub-hero2-side>*{text-shadow:0 2px 10px rgb(8 12 24/.92)}.pub-hero2-cover{width:clamp(82px,24vw,210px);margin:0 auto;border:1px solid var(--line-on-yoi);border-radius:var(--pub-radius);overflow:hidden;box-shadow:0 4px 16px rgb(0 0 0/.45)}.pub-hero2-cover img{width:100%;height:auto;display:block}.pub-hero2-meta-in{display:none}.pub-hero2-meta-below{max-width:560px;margin:20px auto 0;padding:0 20px;text-align:center}.pub-hero2-title{font-size:22px;line-height:1.5}.pub-hero2-author{margin-top:4px}.pub-hero2-avail{margin-top:10px;display:flex;justify-content:center}.pub-hero2-intro{margin-top:14px;font-size:14.5px;line-height:1.85}.pub-hero2-tags{margin-top:12px}.pub-result-below{padding-top:22px}@media (min-width:761px){.pub-result{overflow-x:hidden}.pub-hero2{width:100vw;position:relative;left:50%;margin-left:-50vw}.pub-hero2-top{top:5%;padding:0 24px}.pub-hero2-top .pub-result-heading{font-size:clamp(22px,2.4vw,34px)}.pub-hero2-top .pub-hero2-note{font-size:clamp(12px,1.1vw,15px)}.pub-hero2-side{top:53%;right:auto;left:60%;width:33%}.pub-hero2-cover{width:clamp(112px,15vw,210px);margin:0 auto clamp(8px,1.3vw,18px)}.pub-hero2-meta-in{display:block}.pub-hero2-meta-below{display:none}.pub-hero2-meta-in>*{text-shadow:0 2px 10px rgb(8 12 24/.92)}.pub-hero2-meta-in .pub-hero2-title{font-size:clamp(16px,1.9vw,26px);line-height:1.45}.pub-hero2-meta-in .pub-hero2-author{margin-top:4px;font-size:clamp(11px,1.05vw,14px)}.pub-hero2-meta-in .pub-hero2-intro{font-size:clamp(12px,1.4vw,17px);line-height:1.8;color:var(--hakuji);max-width:26vw;margin:clamp(8px,1.2vw,14px) auto 0}}.pub-hero{position:relative;min-height:100dvh;width:100%;overflow:hidden;background:var(--yoi)}.pub-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;display:block;background:transparent;border:none}@media (min-aspect-ratio:1/1){.pub-hero-img{object-position:center}}.pub-hero-video{transition:opacity .5s ease}@media (prefers-reduced-motion:reduce){.pub-hero-video{transition:none}}.pub-loading{width:100%;overflow:hidden;background:var(--yoi)}.pub-loading,.pub-loading-overlay{position:relative;min-height:100dvh}.pub-loading-overlay{z-index:1;display:flex;align-items:flex-end;justify-content:center;text-align:center;padding:0 24px 16vh;background:linear-gradient(180deg,rgb(13 19 36/0) 50%,rgb(13 19 36/.78))}.pub-loading-text{font-size:15px;line-height:1.9;font-weight:500;letter-spacing:.06em;color:var(--hakuji);text-shadow:0 1px 8px rgb(13 19 36/.5)}.pub-hero-overlay{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;justify-content:space-between;padding:40px 20px 48px;background:linear-gradient(180deg,rgb(13 19 36/.62) 0,rgb(13 19 36/0) 26%,rgb(13 19 36/0) 52%,rgb(13 19 36/.82))}.pub-hero-cta,.pub-hero-top{text-align:center}.pub-hero-cta{width:100%;max-width:420px;margin:0 auto}.pub-shelf{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:none}.pub-shelf::-webkit-scrollbar{display:none}.pub-shelf>*{flex:0 0 124px}.pub-options{display:flex;flex-direction:column;gap:10px;margin-top:20px}@media (prefers-reduced-motion:no-preference){.pub-fade{animation:pubFade .25s cubic-bezier(.19,1,.22,1)}@keyframes pubFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation-duration:.25s;animation-timing-function:cubic-bezier(.19,1,.22,1)}}.pub-share{margin-top:28px;text-align:center}.pub-share-toast{color:var(--on-yoi-muted);font-size:12.5px;margin-top:10px}