:root{--bg:#070b12;--bg-card:#0e1522;--bg-elevated:#141c2c;--bg-reader:#04060a;--text:#e8eef8;--muted:#8fa3c0;--accent:#2ee6ff;--accent-hot:#5b8cff;--accent-2:#7af0ff;--accent-gold:#ffc857;--border:#1c2a40;--border-hot:#2a4a6e;--radius:12px;--shadow:0 12px 40px #2ee6ff14;--max:1080px;--reader-max:720px;--font:"Segoe UI", "Hiragino Sans", "Noto Sans JP", Meiryo, sans-serif}*,:before,:after{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{font-family:var(--font);background:radial-gradient(900px 500px at 8% -10%, #2ee6ff1f, transparent 55%), radial-gradient(700px 400px at 100% 0%, #5b8cff24, transparent 50%), var(--bg);color:var(--text);min-height:100vh;margin:0;line-height:1.75}a{color:var(--accent-2);text-decoration:none}a:hover{color:#c8fbff;text-decoration:underline}img{max-width:100%;height:auto;display:block}.container{width:min(var(--max), calc(100% - 2rem));margin-inline:auto}.banner-18{color:#b8e9ff;text-align:center;letter-spacing:.04em;background:linear-gradient(90deg,#0a2030,#123050 50%,#0a2030);border-bottom:1px solid #1e4a66;padding:.55rem .75rem;font-size:.88rem;font-weight:700}.site-header{z-index:20;backdrop-filter:blur(14px);border-bottom:1px solid var(--border-hot);background:#070b12e6;position:sticky;top:0}.site-header .inner{justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;display:flex}.logo{letter-spacing:.06em;color:var(--text);text-transform:none;font-weight:900;text-decoration:none}.logo span{color:var(--accent)}.nav{flex-wrap:wrap;gap:.85rem;font-size:.92rem;display:flex}.nav a{color:var(--muted);text-decoration:none}.nav a:hover{color:var(--accent)}.hero{padding:2.2rem 0 1rem}.hero h1{background:linear-gradient(120deg,#fff 5%,#7af0ff 55%,#5b8cff 100%);color:#0000;background-clip:text;margin:0 0 .75rem;font-size:clamp(1.55rem,3.2vw,2.15rem);line-height:1.35}.hero p{color:var(--muted);max-width:46rem;margin:0}.badge-row{flex-wrap:wrap;gap:.45rem;margin-top:1rem;display:flex}.pill{border:1px solid var(--border-hot);color:var(--accent-2);background:#2ee6ff14;border-radius:999px;padding:.22rem .7rem;font-size:.78rem;font-weight:700;display:inline-flex}.section{padding:1.4rem 0 2.4rem}.section h2,.section-title{color:#d9f7ff;margin:0 0 .5rem;font-size:1.28rem}.section-title .hot,.hot{color:var(--accent)}.section-lead{color:var(--muted);margin:0 0 1rem;font-size:.9rem}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(#121a2a 0%,#0b101a 100%);transition:transform .18s,border-color .18s;overflow:hidden}.card:hover{border-color:var(--accent);transform:translateY(-3px)}.card a.card-link{color:inherit;height:100%;text-decoration:none;display:block}.thumb-wrap{aspect-ratio:2/3;background:var(--bg-elevated);position:relative;overflow:hidden}.thumb-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.card:hover .thumb-wrap img{transform:scale(1.05)}.thumb-placeholder{width:100%;height:100%;color:var(--muted);place-items:center;display:grid}.badge-play{color:#fff;background:#000000bf;border:1px solid #2ee6ff80;border-radius:4px;padding:.2rem .45rem;font-size:.68rem;font-weight:800;position:absolute;top:.5rem;right:.5rem}.card-body{padding:.85rem .95rem 1rem}.card-body h3{-webkit-line-clamp:2;color:#eaf6ff;-webkit-box-orient:vertical;margin:0 0 .35rem;font-size:.96rem;line-height:1.4;display:-webkit-box;overflow:hidden}.meta{color:var(--muted);font-size:.82rem}.tags{flex-wrap:wrap;gap:.4rem;margin-top:.7rem;display:flex}.tag{color:#9ee9ff;background:#2ee6ff14;border:1px solid #2ee6ff38;border-radius:999px;padding:.15rem .55rem;font-size:.74rem;display:inline-block}.btn{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1.25rem;font-weight:800;text-decoration:none;display:inline-flex}.btn-primary{color:#041018;background:linear-gradient(135deg,#2ee6ff,#5b8cff 70%,#7c5cff);box-shadow:0 8px 24px #2ee6ff40}.btn-primary:hover{filter:brightness(1.08);color:#041018;text-decoration:none}.btn-ghost{border:1px solid var(--border-hot);color:var(--text);background:0 0}.btn-lg{width:100%;padding:.95rem 1.2rem;font-size:1.02rem}.btn-pulse{animation:2.4s ease-in-out infinite pulse-av}@keyframes pulse-av{0%,to{box-shadow:0 8px 24px #2ee6ff40}50%{box-shadow:0 8px 36px #5b8cff73}}.panel{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(#0e1522f2,#080c14fa);padding:1.1rem 1.2rem}.work-hero{grid-template-columns:220px 1fr;align-items:start;gap:1.25rem;display:grid}@media (width<=720px){.work-hero{grid-template-columns:1fr}}.work-cover{border-radius:var(--radius);border:1px solid var(--border-hot);aspect-ratio:2/3;background:var(--bg-elevated);overflow:hidden}.work-cover img{object-fit:cover;width:100%;height:100%}.work-kicker{color:var(--accent);letter-spacing:.08em;margin-bottom:.35rem;font-size:.75rem;font-weight:800;display:inline-block}.work-hero-body h1{margin:0 0 .5rem;font-size:clamp(1.35rem,2.6vw,1.85rem);line-height:1.35}.circle-name{color:var(--accent-2)}.lead-text{color:#c5d8ef;margin-top:.85rem}.cta-stack{flex-direction:column;gap:.55rem;max-width:360px;margin-top:1rem;display:flex}.info-table{border-collapse:collapse;width:100%;margin:1rem 0 1.4rem;font-size:.95rem}.info-table th,.info-table td{border:1px solid var(--border);text-align:left;padding:.55rem .75rem}.info-table th{color:#9ee9ff;background:#2ee6ff14;width:7.5rem}.info-table td{background:#0003}.official-hint{border-left:3px solid var(--accent);color:var(--muted);background:#2ee6ff0f;margin:1rem 0;padding:.9rem 1rem;font-size:.92rem}.official-hint .hint-label{color:var(--accent-2);margin-bottom:.35rem;font-size:.75rem;font-weight:800;display:block}.highlight-list{margin:.4rem 0 0;padding-left:1.2rem}.prose p{margin:.6rem 0}.muted{color:var(--muted)}.empty{text-align:center;color:var(--muted);border:1px dashed var(--border-hot);border-radius:var(--radius);padding:2rem}.reader-section{flex-direction:column;align-items:center;margin:1.5rem 0 2rem;display:flex}.reader-head{width:min(var(--reader-max), 100%);flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:.85rem;display:flex}.reader-head h2{color:#d9f7ff;margin:0;font-size:1.2rem}.reader-head .note{color:var(--muted);font-size:.8rem}.reader{width:min(var(--reader-max), 100%);background:var(--bg-reader);border:1px solid #152033;border-radius:8px;margin-inline:auto;overflow:hidden}.reader-page{background:#0a0a0a;border-bottom:1px solid #101820;justify-content:center;margin:0;display:flex}.reader-page img{width:auto;max-width:100%;height:auto;margin-inline:auto;display:block}.reader-end{text-align:center;border-top:1px solid var(--border-hot);background:linear-gradient(#0a121c,#0e1828);padding:1.6rem 1rem}.reader-end p{color:#b8e0f0;margin:0 0 .9rem;font-weight:700}.reader-end .sub{color:var(--muted);margin-bottom:1rem;font-size:.88rem;font-weight:500}.av-player-wrap{border:1px solid var(--border-hot);border-radius:var(--radius);background:#04060a;width:min(860px,100%);margin-inline:auto;overflow:hidden}.av-player{background:#000;width:100%;max-height:70vh;display:block}.av-player-actions{background:linear-gradient(#0a121c,#0e1828);flex-wrap:wrap;justify-content:center;gap:.6rem;padding:.9rem;display:flex}.cta-block{border-radius:var(--radius);border:1px solid var(--border-hot);background:linear-gradient(120deg,#1230488c,#0a101ce6);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;padding:1rem 1.15rem;display:flex}.cta-block__text{flex-direction:column;gap:.2rem;display:flex}.cta-block__text strong{color:#d9f7ff}.cta-block__text span{color:var(--muted);font-size:.85rem}.sticky-buy{z-index:15;background:linear-gradient(#0000,#070b12eb 30%);padding:.75rem 0;position:sticky;bottom:0}.sticky-buy .inner{border:1px solid var(--border-hot);background:#0c121ef2;border-radius:999px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .65rem .55rem 1.1rem;display:flex}.sticky-buy .label{color:#b8e0f0;font-size:.88rem;font-weight:700}@media (width<=600px){.sticky-buy .label{display:none}}.site-footer{border-top:1px solid var(--border-hot);color:var(--muted);background:#00000040;margin-top:3rem;padding:1.5rem 0 2.5rem;font-size:.88rem}.site-footer a{color:var(--muted)}