:root{--theme: #F96C6C;--theme-dark: #d94f4f;--accent: #33A6D6;--ink: #555d66;--ink-strong: #3c434b;--ink-soft: #8a929c;--sub: #aaaaaa;--bg: #fffaf9;--surface: #ffffff;--light-blue: #fff1f0;--line: #f5e1df;--line-gray: #d8d8d8;--star: #ffc44b;--r-s: 4px;--r-m: 8px;--r-l: 12px;--shadow-s: 0 2px 6px 0 rgba(170, 170, 170, .15);--shadow-m: 0 2px 8px 0 rgba(170, 170, 170, .3);--shadow-l: 0 4px 20px 1px rgba(170, 170, 170, .15);--shadow-cv: 0 5px 15px 0 rgba(170, 170, 170, .39);--max: 1080px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Yu Gothic UI,Yu Gothic,Meiryo,sans-serif;line-height:1.7;font-size:16px}a{color:var(--theme);text-decoration:none;transition:all .25s ease}a:hover{text-decoration:underline}img{max-width:100%}::selection{background:var(--theme);color:#fff}.container{max-width:var(--max);margin:0 auto;padding:0 16px}.site-header{background:var(--surface);box-shadow:var(--shadow-s);position:sticky;top:0;z-index:10}.site-header .container{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.site-title{font-size:1.2rem;font-weight:800;color:var(--ink-strong);letter-spacing:.08em}.site-title:hover{text-decoration:none;color:var(--theme)}.site-nav{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto;font-size:.92rem}.site-nav a{color:var(--ink);font-weight:600;letter-spacing:.04em;padding:6px 12px;border-radius:var(--r-m)}.site-nav a:hover{color:var(--theme);background:var(--light-blue);text-decoration:none}main{padding:30px 0 60px}.site-footer{background:var(--theme);color:#fff4f3;font-size:.85rem;padding:32px 0 42px}.site-footer a{color:#fff;text-decoration:underline}.site-footer .pr-note{background:#ffffff24;border:1px solid rgba(255,255,255,.4);border-radius:var(--r-l);padding:12px 16px;margin:0 0 16px}h1{font-size:1.7rem;line-height:1.35;margin:0 0 12px;color:var(--ink-strong);letter-spacing:.1em}h1.page-title{position:relative;padding-bottom:14px;margin-bottom:18px}h1.page-title:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#00000014;border-radius:2px}h1.page-title:after{content:"";position:absolute;left:0;bottom:0;width:clamp(90px,18vw,150px);height:3px;background:var(--theme);border-radius:2px}h2.section-title{background:var(--theme);color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:.12em;line-height:1.4;margin:44px 0 20px;padding:14px 20px;border-radius:var(--r-m);box-shadow:var(--shadow-s)}.lead{color:var(--ink-soft);margin:0 0 8px}.hero{background:var(--light-blue);border-radius:var(--r-l);box-shadow:var(--shadow-s);padding:40px 28px;text-align:center}.hero h1{font-size:2rem;margin-bottom:10px}.hero p{color:var(--ink);margin:0 auto 22px;max-width:640px}.hero .cta{position:relative;display:inline-block;background:var(--theme);color:#fff;font-weight:700;letter-spacing:.08em;border-radius:var(--r-l);padding:14px 52px 14px 30px;box-shadow:var(--shadow-m);transition:all .4s ease}.hero .cta:after{content:"›";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.25em;line-height:1}.hero .cta:hover{text-decoration:none;background:var(--theme-dark);transform:translateY(-2px);box-shadow:var(--shadow-l)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.intro-brand{font-weight:800;color:var(--ink-strong)}.intro-brand b{color:var(--theme);font-weight:800}.hero-genres{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;margin-bottom:22px;font-size:.85rem;color:var(--ink-soft)}.hero-genres a.genre-tag:hover{text-decoration:none;background:#ffe0de}.hero .hero-note{font-size:.8rem;color:var(--ink-soft);margin:14px auto 0}.x-band{background:var(--light-blue);border-radius:var(--r-l);box-shadow:var(--shadow-s);padding:22px 26px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.x-main{flex:1 1 260px}.x-main p{margin:0}.x-main .x-handle{font-size:1.3rem;font-weight:800;color:var(--ink-strong);letter-spacing:.05em;margin:0 0 4px}.x-button{background:var(--ink-strong);color:#fff;font-weight:700;letter-spacing:.06em;border-radius:999px;padding:12px 26px;box-shadow:var(--shadow-m);transition:all .25s ease;white-space:nowrap}.x-button:hover{text-decoration:none;background:#000;transform:translateY(-1px)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.card-cell{display:flex}.card-cell .creator-card{flex:1}.creator-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow-s);padding:20px 18px 18px;display:flex;flex-direction:column;gap:10px;height:100%;transition:all .25s ease}.creator-card:hover{box-shadow:var(--shadow-m);transform:translateY(-2px)}.card-label{position:absolute;top:-11px;left:14px;background:var(--theme);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.14em;line-height:1;padding:6px 10px;border-radius:var(--r-s);box-shadow:var(--shadow-s)}.card-head{display:flex;align-items:center;gap:12px}.avatar{width:52px;height:52px;border-radius:50%;background:var(--light-blue);border:2px solid var(--theme);color:var(--theme);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;flex-shrink:0}.avatar.large{width:88px;height:88px;font-size:2.1rem;border-width:3px}.creator-name{font-weight:800;font-size:1.05rem;color:var(--ink-strong);letter-spacing:.05em}a.creator-name:hover{color:var(--theme);text-decoration:none}.creator-handle{color:var(--sub);font-size:.85rem}.genre-tags{display:flex;flex-wrap:wrap;gap:6px}.genre-tag{font-size:.75rem;background:var(--light-blue);border-radius:var(--r-s);padding:2px 9px;color:var(--theme-dark);letter-spacing:.03em}.genre-tag:before{content:"#";margin-right:1px;opacity:.7}a.genre-tag{text-decoration:none;transition:background .2s ease}a.genre-tag:hover{text-decoration:underline;background:#ffe0de}.card-stats{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;font-size:.85rem;color:var(--ink-soft);margin-top:auto;padding-top:8px;border-top:1px dashed var(--line-gray)}.card-stats b{color:var(--ink-strong)}.card-link{position:relative;font-weight:700;font-size:.9rem;letter-spacing:.05em;padding-right:14px;align-self:flex-start}.card-link:after{content:"›";position:absolute;right:2px;top:50%;transform:translateY(-50%);transition:all .25s ease}.card-link:hover{text-decoration:none;color:var(--theme-dark)}.card-link:hover:after{right:0}.result-count{font-size:.9rem;color:var(--ink-soft);margin:0 0 12px}.no-results{background:var(--surface);border:1px dashed var(--line-gray);border-radius:var(--r-l);padding:28px;text-align:center;color:var(--ink-soft)}.profile-head{background:var(--surface);border-radius:var(--r-l);box-shadow:var(--shadow-s);padding:26px;display:flex;gap:22px;flex-wrap:wrap;align-items:center}.profile-head h1{letter-spacing:.12em;margin-bottom:4px}.profile-meta{flex:1 1 260px}.stat-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow-s);overflow:hidden;margin-top:20px}.stat-table th,.stat-table td{text-align:left;padding:11px 16px;border-bottom:1px solid var(--line);font-size:.95rem}.stat-table th{width:38%;background:var(--light-blue);color:var(--theme-dark);font-weight:700;letter-spacing:.05em}.stat-table tr:last-child th,.stat-table tr:last-child td{border-bottom:none}.btn-pr{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:var(--accent);color:#fff;border-radius:9px;box-shadow:var(--shadow-cv);padding:12px 40px;margin-top:18px;min-height:65px;text-align:center;transition:all .4s ease}.btn-pr:after{content:"›";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:1.5rem;line-height:1}.btn-pr:hover{text-decoration:none;transform:translateY(-2px);filter:brightness(1.05)}.btn-pr-sub{font-size:.68rem;letter-spacing:.1em;line-height:1.3;opacity:.95}.btn-pr-main{font-size:1rem;font-weight:800;letter-spacing:.05em;line-height:1.35}.pr-caption{font-size:.8rem;color:var(--ink-soft)}.notice-box{background:var(--surface);border-radius:var(--r-l);box-shadow:var(--shadow-s);padding:20px 22px;margin:18px 0}.notice-box h2{position:relative;margin-top:0;font-size:1.1rem;color:var(--ink-strong);letter-spacing:.08em;padding-left:26px}.notice-box h2:before{content:"";position:absolute;left:0;top:4px;width:17px;height:17px;border-radius:3px;background:var(--theme)}.notice-box p:last-child{margin-bottom:0}@media(max-width:640px){h1{font-size:1.4rem}.hero{padding:28px 16px}.hero h1{font-size:1.5rem}h2.section-title{font-size:1.1rem;padding:12px 16px}.card-grid{grid-template-columns:1fr 1fr;gap:12px}.creator-card{padding:16px 12px 14px}.card-stats{grid-template-columns:1fr}.site-nav{margin-left:0}.btn-pr{padding:12px 32px}}@media(max-width:420px){.card-grid{grid-template-columns:1fr}}@media(max-width:640px){.x-band{padding:18px 16px}.x-button{width:100%;text-align:center}}.avatar-slot{--s: 52px;width:var(--s);aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,var(--light-blue),#e8f6fc);border:2px solid var(--theme);display:flex;align-items:center;justify-content:center}.avatar-slot img{width:100%;height:100%;object-fit:cover;display:block}.avatar-sm{--s: 52px}.avatar-md{--s: 60px}.avatar-lg{--s: clamp(88px, 22vw, 132px);border-width:3px}.avatar-initial{font-weight:800;color:var(--theme);font-size:calc(var(--s) * .42);line-height:1}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:center}.hero-visual .keyvisual{width:100%;height:auto;display:block;filter:drop-shadow(0 6px 18px rgba(249,108,108,.18))}@media(max-width:760px){.hero{grid-template-columns:1fr}.hero-visual{order:-1}}.panel{background:var(--surface);border-radius:var(--r-l);box-shadow:var(--shadow-s);padding:8px 20px 20px;margin:16px 0 28px}.pricechart{margin:0}.pricechart svg{width:100%;height:auto;display:block}.pc-grid{stroke:var(--line);stroke-width:1}.pc-tick{font-size:11px;fill:var(--ink-soft)}.pc-name{font-size:13px;fill:var(--ink-strong);font-weight:700}.pc-bar{fill:var(--theme);opacity:.78}.pc-plan{fill:var(--accent);stroke:#fff;stroke-width:1.5}.pc-median{stroke:var(--ink-strong);stroke-width:1.2;stroke-dasharray:4 4}.pc-medlabel{font-size:11px;fill:var(--ink-strong);font-weight:700}.pricechart figcaption{font-size:.8rem;color:var(--ink-soft);margin-top:8px;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.pc-key{display:inline-block;vertical-align:middle}.pc-key-bar{width:22px;height:8px;border-radius:4px;background:var(--theme);opacity:.78}.pc-key-plan{width:10px;height:10px;background:var(--accent);transform:rotate(45deg);margin:0 4px 0 6px}.pc-src{margin-left:auto}.tier-bars{display:grid;gap:10px;padding-top:8px}.tier-row{display:grid;grid-template-columns:130px 1fr 48px;gap:10px;align-items:center;font-size:.9rem}.tier-track{background:var(--light-blue);border-radius:999px;height:14px;overflow:hidden}.tier-fill{display:block;height:100%;background:linear-gradient(90deg,var(--theme),#ff9d9d);border-radius:999px}.tier-n{text-align:right;font-weight:800;color:var(--ink-strong)}.editor-note{background:var(--surface);border-left:4px solid var(--accent);border-radius:var(--r-m);box-shadow:var(--shadow-s);padding:16px 22px;margin:20px 0}.editor-label{margin:0;font-size:.75rem;font-weight:800;letter-spacing:.12em;color:var(--accent)}.editor-note h2{margin:4px 0 10px;font-size:1.15rem;color:var(--ink-strong)}.editor-by{color:var(--ink-soft);font-size:.82rem}.provenance{border:1px dashed var(--line-gray);border-radius:var(--r-m);padding:12px 18px;margin:20px 0;font-size:.88rem}.provenance h2{font-size:.95rem;margin:0 0 6px;color:var(--ink-strong)}.provenance ul{margin:6px 0 0;padding-left:1.2em}.card-verified{margin:6px 0 0;font-size:.75rem;color:var(--ink-soft)}.site-title{display:inline-flex;flex-direction:column;line-height:1.1}.logo{display:inline-flex;flex-direction:column;gap:3px}.logo-word{font-family:Georgia,Hiragino Mincho ProN,"Noto Serif JP",serif;font-weight:800;font-size:1.55rem;color:var(--ink-strong);letter-spacing:-.02em}.logo-word b{color:var(--theme);font-weight:800}.logo-dot{color:var(--accent)}.logo-tag{font-size:.66rem;letter-spacing:.18em;color:var(--ink-soft);font-weight:600}.site-nav a{border-radius:999px}.site-nav a[aria-current=page]{color:#fff;background:var(--theme)}.site-nav a[aria-current=page]:hover{color:#fff;background:var(--theme-dark)}.tag-section{background:var(--surface);border-radius:var(--r-l);box-shadow:var(--shadow-s);padding:18px 20px;margin:0 0 18px}.tag-group+.tag-group{margin-top:14px}.tag-group-title{margin:0 0 8px;font-size:.85rem;font-weight:700;color:var(--ink-strong);letter-spacing:.05em}.tag-group-title small{font-weight:500;color:var(--ink-soft);margin-left:6px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font:inherit;font-size:.88rem;font-weight:600;color:var(--ink);background:#fff;border:1.5px solid var(--line-gray);border-radius:999px;padding:5px 14px;cursor:pointer;text-decoration:none;transition:all .2s ease}.chip:hover{border-color:var(--theme);color:var(--theme-dark);text-decoration:none}.chip[aria-pressed=true]{background:var(--theme);border-color:var(--theme);color:#fff}.chip.chip-attr[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}.sort-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}.sort-bar .result-count{margin:0 auto 0 0}.sort-bar .chip{padding:3px 12px;font-size:.82rem}.clear-tags{font:inherit;font-size:.82rem;background:none;border:none;color:var(--ink-soft);text-decoration:underline;cursor:pointer}.card-grid[hidden],.no-results[hidden]{display:none}.prose{max-width:760px}.prose h2{font-size:1.2rem;margin:32px 0 10px;color:var(--ink-strong);letter-spacing:.06em}.prose p{margin:0 0 14px}.premium{background:var(--surface);border-radius:var(--r-l);box-shadow:var(--shadow-m);border-top:5px solid var(--theme);padding:24px 26px;margin:16px 0}.premium-label{margin:0;font-size:.75rem;font-weight:800;letter-spacing:.14em;color:var(--theme-dark)}.premium h3{margin:2px 0 8px;font-size:1.3rem;color:var(--ink-strong)}.premium-price{font-size:2rem;font-weight:800;color:var(--ink-strong);margin:0;line-height:1.3}.premium-price small{font-size:.85rem;font-weight:600;color:var(--ink-soft);margin-left:4px}.premium ul{margin:14px 0;padding-left:1.3em}.premium li{margin:3px 0}.premium-year{background:#e8f6fc;border-radius:var(--r-m);padding:12px 16px;margin:14px 0 0;border-left:4px solid var(--accent)}.premium-year b{color:var(--ink-strong)}.small-note{font-size:.84rem;color:var(--ink-soft);border-top:1px dashed var(--line-gray);padding-top:12px;margin-top:18px}.works{margin:20px 0}.works h2{font-size:1.05rem;margin:0 0 8px;color:var(--ink-strong)}.works ul{margin:0;padding-left:1.2em}.works li{margin-bottom:10px}.works li p{margin:2px 0 0;font-size:.9rem}.works li:has(.work-thumb){list-style:none;margin-left:-1.2em}.work-thumb{display:block;max-width:320px;margin-bottom:4px}.work-thumb img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border:1px solid var(--line, #ddd)}.gallery{position:relative;width:100%;border-radius:var(--r-m);overflow:hidden;background:var(--light-blue);border:1px solid var(--line)}.gallery-card{aspect-ratio:4 / 5;margin:6px 0 12px}.gallery-profile{aspect-ratio:3 / 4;flex:0 1 300px;max-width:100%}.gallery-track{list-style:none;margin:0;padding:0;height:100%;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.gallery-track::-webkit-scrollbar{display:none}.gallery-track:focus-visible{outline:2px solid var(--theme);outline-offset:-2px}.gallery-slide{flex:0 0 100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always}.gallery-slide img{display:block;width:100%;height:100%;object-fit:cover}.gallery-contain .gallery-slide img{object-fit:contain}.gallery-dots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:6px;pointer-events:none}.gallery-dot{position:relative;padding:0;border:0;cursor:pointer;pointer-events:auto}.gallery-dot:after{content:"";position:absolute;inset:-8px -3px}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:34px;height:34px;border-radius:50%;border:0;padding:0 0 3px;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;color:#fff;background:#0006;cursor:pointer;opacity:.85;transition:background .2s,opacity .2s}.gallery-nav[hidden]{display:none}.gallery-nav:hover{background:#0009;opacity:1}.gallery-nav:focus-visible,.gallery-dot:focus-visible{outline:2px solid var(--theme);outline-offset:2px}.gallery-prev{left:8px}.gallery-next{right:8px}.card-media{cursor:pointer}.gallery-dot{width:7px;height:7px;border-radius:50%;background:#ffffffa6;box-shadow:0 0 0 1px #00000040;transition:background .2s,transform .2s}.gallery-dot.is-active{background:var(--theme);transform:scale(1.25)}.pickup-lead{margin:0 0 4px}.pickup-pr{font-size:.85rem;color:#666;margin:0 0 12px}.pickup-wrap{position:relative}.pickup-row{list-style:none;margin:0;padding:4px 2px 12px;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.pickup-card{flex:0 0 240px;scroll-snap-align:start;background:#fff;border:1.5px solid var(--line-gray);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px}.pickup-thumb{position:relative;display:block;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden}.pickup-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pickup-noimg{display:grid;place-items:center;height:100%;color:#fff}.pickup-pr-badge{position:absolute;top:6px;left:6px;background:#000000b3;color:#fff;font-size:.7rem;padding:1px 6px;border-radius:4px}.pickup-title{font-weight:600;font-size:.92rem;color:var(--ink)}.pickup-creator{font-size:.85rem}.pickup-btn{display:none}@media(hover:hover)and (pointer:fine){.pickup-btn{display:grid;place-items:center;position:absolute;top:40%;width:36px;height:36px;border-radius:50%;border:1px solid var(--line-gray);background:#fff;font-size:1.4rem;cursor:pointer;z-index:1}.pickup-prev{left:-12px}.pickup-next{right:-12px}}.stat-genre-link:hover{background:#ffe0de}
