:root{--bg:#fff4fa;--bg-soft:#ffe9f4;--surface:#fff;--surface-tint:#fff0f8;--text:#2c1330;--text-muted:#8a6b85;--accent:#ec4899;--accent-deep:#db2777;--accent-2:#a855f7;--accent-3:#fbbf24;--pastel:#fbcfe8;--border:#f6cfe4;--shadow:0 12px 30px -12px #ec489959;--shadow-soft:0 8px 20px -10px #a855f740;--radius:20px;--maxw:760px;--grad:linear-gradient(120deg, #ec4899 0%, #a855f7 60%, #f472b6 100%);--font:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Segoe UI", Meiryo, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(900px 500px at 110% -5%, #ffd9ee 0%, transparent 55%), radial-gradient(800px 520px at -10% 5%, #ede0ff 0%, transparent 50%), var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;line-height:1.85;overflow-x:hidden}a{color:var(--accent-deep);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}.wide{max-width:1080px}img{max-width:100%;height:auto}.site-header{z-index:20;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#fff4fad1;position:sticky;top:0}.site-header .bar{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:10px;max-width:1080px;margin:0 auto;padding:14px 20px;display:flex}.brand{min-width:0;color:var(--text);letter-spacing:.01em;white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;font-size:clamp(1rem,4.84615vw,1.18rem);font-weight:900;display:flex}.brand .mark{background:var(--grad);color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:.95rem;display:grid;box-shadow:0 6px 14px -4px #ec48998c}.nav{flex-wrap:nowrap;flex-shrink:0;gap:8px;font-size:.92rem;display:flex}.nav a{color:var(--text-muted);white-space:nowrap;border-radius:999px;padding:6px 12px;transition:background .15s,color .15s}.nav .nav-ico{align-items:center;display:none}.nav .nav-ico svg{width:20px;height:20px;display:block}.nav a:hover{color:var(--accent-deep);background:var(--bg-soft);text-decoration:none}.hero{text-align:center;margin-bottom:8px;padding:78px 20px 56px;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";filter:blur(8px);opacity:.55;pointer-events:none;border-radius:50%;position:absolute}.hero:before{background:var(--accent-3);width:16px;height:16px;box-shadow:0 0 18px 4px var(--accent-3);top:22%;left:16%}.hero:after{background:var(--accent);width:12px;height:12px;box-shadow:0 0 18px 4px var(--accent);top:60%;right:18%}.hero .eyebrow{letter-spacing:.12em;color:var(--accent-deep);border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#fff;border-radius:999px;align-items:center;gap:6px;margin-bottom:18px;padding:6px 16px;font-size:.8rem;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-.01em;background:var(--grad);color:#0000;background-clip:text;margin:0 0 16px;font-size:clamp(2rem,6vw,3.2rem);font-weight:900;line-height:1.25}.hero p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.02rem}.section-title{align-items:center;gap:10px;margin:52px 0 22px;font-size:1.5rem;font-weight:800;display:flex}.section-title:before{content:"✦";color:var(--accent);font-size:1.1em}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:24px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden}.card:before{content:"";background:var(--grad);opacity:0;height:4px;transition:opacity .18s;position:absolute;inset:0 0 auto}.card:hover{box-shadow:var(--shadow);border-color:var(--pastel);transform:translateY(-5px)}.card:hover:before{opacity:1}.card h2{margin:0 0 8px;font-size:1.15rem;line-height:1.45}.card h2 a{color:var(--text)}.card h2 a:hover{color:var(--accent-deep);text-decoration:none}.card .excerpt{color:var(--text-muted);margin:0 0 14px;font-size:.94rem}.meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.82rem;display:flex}.tag{background:var(--surface-tint);border:1px solid var(--border);color:var(--accent-deep);border-radius:999px;padding:4px 12px;font-size:.76rem;font-weight:600;display:inline-block}.tag:hover{background:var(--pastel);text-decoration:none}.article{padding:36px 0 80px}.article h1{margin:0 0 16px;font-size:clamp(1.7rem,4.5vw,2.5rem);font-weight:900;line-height:1.35}.article .article-meta{color:var(--text-muted);margin-bottom:28px;font-size:.9rem}.prose{font-size:1.06rem}.prose h2{border-left:5px solid var(--accent);margin-top:2em;padding-left:14px;font-size:1.5rem;font-weight:800}.prose h3{color:var(--accent-deep);margin-top:1.7em;font-size:1.22rem;font-weight:700}.prose p{margin:1em 0}.prose ul,.prose ol{padding-left:1.4em}.prose li{margin:.4em 0}.prose li::marker{color:var(--accent)}.prose a{text-decoration:underline;text-decoration-color:var(--pastel);font-weight:600}.prose blockquote{border-left:4px solid var(--accent-2);color:var(--text-muted);background:var(--surface-tint);border-radius:0 12px 12px 0;margin:1.3em 0;padding:.4em 1.1em}.prose code{background:var(--bg-soft);color:var(--accent-deep);border-radius:6px;padding:.15em .45em;font-size:.92em}.prose pre{color:#ffe9f4;background:#2c1330;border-radius:12px;padding:16px;overflow-x:auto}.prose pre code{color:inherit;background:0 0}.prose table{border-collapse:collapse;width:100%;box-shadow:var(--shadow-soft);border-radius:12px;margin:1.5em 0;font-size:.95rem;overflow:hidden}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:11px 13px}.prose th{background:var(--grad);color:#fff;border-color:#0000}.prose tr:nth-child(2n) td{background:var(--surface-tint)}.prose img{border:1px solid var(--border);border-radius:14px}.breadcrumb{color:var(--text-muted);margin-bottom:18px;font-size:.82rem}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--accent-deep)}.cta{border-radius:var(--radius);border:1px solid var(--pastel);box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#ffe1f1 0%,#f3e3ff 100%);margin:44px 0;padding:28px;position:relative;overflow:hidden}.cta:after{content:"♡";color:var(--accent);opacity:.12;font-size:7rem;line-height:1;position:absolute;bottom:-22px;right:-8px}.cta h3{margin:0 0 8px;font-size:1.2rem;font-weight:800}.cta p{color:var(--text-muted);max-width:540px;margin:0 0 16px}.btn{background:var(--grad);color:#fff;border-radius:999px;padding:12px 26px;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-block;box-shadow:0 8px 18px -6px #ec489999}.btn:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 12px 22px -6px #ec4899b3}.site-footer{color:var(--text-muted);background:var(--bg-soft);border-top:1px solid var(--border);margin-top:40px;padding:40px 20px;font-size:.88rem}.site-footer .inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1080px;margin:0 auto;display:flex}.site-footer a{color:var(--text-muted)}.site-footer a:hover{color:var(--accent-deep)}.tag-cloud{flex-wrap:wrap;gap:10px;margin:8px 0 60px;display:flex}.tag-cloud .tag{padding:8px 16px;font-size:.9rem}.gallery-intro{text-align:center;max-width:1180px;margin:0 auto;padding:56px 20px 26px}.gallery-intro .eyebrow{letter-spacing:.12em;color:var(--accent-deep);border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#fff;border-radius:999px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 16px;font-size:.8rem;font-weight:700;display:inline-flex}.gallery-intro h1{letter-spacing:-.01em;background:var(--grad);color:#0000;background-clip:text;margin:0 0 12px;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:900;line-height:1.25}.gallery-intro p{color:var(--text-muted);max-width:620px;margin:0 auto;font-size:1.02rem}.feat-grid{grid-template-columns:1.4fr 1fr;grid-auto-rows:1fr;gap:20px;max-width:1180px;margin:6px auto 0;padding:0 20px;display:grid}.feat-grid>:first-child{grid-row:span 2}.feat-card{position:relative}.feat-card a{border-radius:var(--radius);color:#fff;background:var(--thumb-grad);height:100%;min-height:210px;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s;display:block;position:relative;overflow:hidden}.feat-grid>:first-child .feat-card a,.feat-grid>:first-child a{min-height:440px}.feat-card a:hover{box-shadow:var(--shadow);text-decoration:none;transform:translateY(-4px)}.feat-icon{color:#ffffff29;pointer-events:none;font-size:9rem;line-height:1;position:absolute;top:50%;right:4%;transform:translateY(-50%)}.feat-overlay{z-index:2;background:linear-gradient(#0000 0%,#18061e2e 38%,#18061ea8 100%);padding:22px 22px 24px;position:absolute;inset:auto 0 0}.feat-badge{letter-spacing:.04em;color:var(--accent-deep);background:#ffffffeb;border-radius:999px;margin-bottom:10px;padding:4px 12px;font-size:.72rem;font-weight:800;display:inline-block}.feat-title{color:#fff;margin:0 0 8px;font-size:1.25rem;font-weight:800;line-height:1.4}.feat-grid>:first-child .feat-title{font-size:1.7rem}.feat-desc{color:#ffffffeb;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:.9rem;display:-webkit-box;overflow:hidden}.feat-grid>:first-child .feat-desc{-webkit-line-clamp:3}.feat-time{color:#ffffffd1;font-size:.78rem}.gallery{max-width:1180px;margin:0 auto;padding:0 20px 80px}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.g-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden}.g-card:hover{box-shadow:var(--shadow);border-color:var(--pastel);transform:translateY(-5px)}.g-card-link{color:inherit;display:block}.g-card-link:hover{text-decoration:none}.g-card-body{padding:18px 20px 22px}.g-card-body time{color:var(--text-muted);font-size:.8rem}.g-card-body h3{color:var(--text);margin:6px 0 8px;font-size:1.1rem;font-weight:800;line-height:1.45}.g-card:hover .g-card-body h3{color:var(--accent-deep)}.g-card-desc{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.9rem;display:-webkit-box;overflow:hidden}.thumb{aspect-ratio:16/10;background:var(--thumb-grad);place-items:center;display:grid;position:relative;overflow:hidden}.thumb:after{content:"";background:radial-gradient(circle at 76% 18%,#ffffff61,#0000 56%);position:absolute;inset:0}.thumb-icon{color:#ffffffeb;text-shadow:0 4px 14px #0000002e;font-size:3.4rem}.thumb-label{z-index:2;color:#fff;backdrop-filter:blur(4px);background:#0000003d;border:1px solid #ffffff6b;border-radius:999px;padding:4px 12px;font-size:.74rem;font-weight:700;position:absolute;bottom:12px;left:12px}.post-hero{color:#fff;background:var(--thumb-grad);padding:54px 20px 46px;position:relative;overflow:hidden}.post-hero:after{content:"";background:radial-gradient(700px 320px at 86% -12%,#ffffff42,#0000 60%);position:absolute;inset:0}.post-hero-icon{color:#ffffff24;pointer-events:none;font-size:11rem;line-height:1;position:absolute;top:50%;right:3%;transform:translateY(-50%)}.post-hero-inner{z-index:2;max-width:var(--maxw);margin:0 auto;padding:0 4px;position:relative}.post-hero .breadcrumb{color:#ffffffd9;margin-bottom:14px}.post-hero .breadcrumb a{color:#ffffffe6}.post-hero h1{color:#fff;margin:0 0 14px;font-size:clamp(1.7rem,4.5vw,2.5rem);font-weight:900;line-height:1.35}.post-hero .article-meta{color:#ffffffd9;margin:0;font-size:.9rem}.post-tags-top{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.post-tags-top a{color:#fff;background:#fff3;border:1px solid #ffffff6b;border-radius:999px;padding:4px 12px;font-size:.74rem;font-weight:700}.post-tags-top a:hover{background:#ffffff57;text-decoration:none}@media (width<=980px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.feat-grid{grid-template-columns:1fr}.feat-grid>:first-child{grid-row:auto}.feat-grid>:first-child .feat-card a,.feat-grid>:first-child a{min-height:300px}.feat-grid>:first-child .feat-title{font-size:1.4rem}}@media (width<=620px){.gallery-grid{grid-template-columns:1fr}}@media (width<=560px){.hero{padding:56px 18px 40px}.gallery-intro{padding:44px 18px 22px}.post-hero{padding:40px 18px 34px}.post-hero-icon{font-size:8rem}.site-footer .inner{flex-direction:column;align-items:flex-start}}@media (width<=430px){.site-header .bar{gap:8px;padding:11px 14px}.nav{gap:4px;font-size:1.05rem}.nav a{padding:6px 8px}.nav .nav-txt{display:none}.nav .nav-ico{line-height:1;display:inline-flex}.container,.wide{padding:0 clamp(14px,5.12821vw,22px)}.gallery,.feat-grid,.gallery-intro{padding-left:clamp(14px,4.61538vw,20px);padding-right:clamp(14px,4.61538vw,20px)}.prose{font-size:clamp(15px,4.23077vw,18px)}.section-title,.prose h2{font-size:clamp(1.2rem,5.64103vw,1.5rem)}.prose h3{font-size:clamp(1.05rem,4.61538vw,1.22rem)}.gallery-grid,.feat-grid{grid-template-columns:1fr}.prose table{width:100%;display:block;overflow-x:auto}.prose pre{overflow-x:auto}.hero{padding:48px 16px 34px}.post-hero{padding:34px 16px 30px}.post-hero-icon{font-size:6.5rem}}@media (width>=431px) and (width<=600px){.site-header .bar{gap:8px}.nav{gap:6px;font-size:1.05rem}.nav a{padding:6px 9px}.nav .nav-txt{display:none}.nav .nav-ico{line-height:1;display:inline-flex}}