:root{--bg:#fff8fd;--panel:#fff;--ink:#1f2937;--muted:#667085;--primary:#8b5cf6;--primary-dark:#6d28d9;--accent:#ff8fab;--mint:#b8f7d4;--line:#eadff8;--shadow:0 18px 50px rgba(86,37,145,.12);--radius:24px}*{box-sizing:border-box}body{margin:0;font-family:"Inter","Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;background:radial-gradient(circle at 20% 5%,#fff0f8,transparent 30%),radial-gradient(circle at 80% 0,#eef0ff,transparent 30%),var(--bg);color:var(--ink);line-height:1.85}.container{width:min(1180px,92%);margin:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;background:#111;color:#fff;padding:10px;z-index:9999}.topbar{text-align:center;background:#2b1558;color:#fff;padding:8px 12px;font-size:.9rem}.site-header{position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:1000}.header-inner{display:flex;align-items:center;gap:20px;padding:14px 0}.logo{font-size:1.35rem;font-weight:900;text-decoration:none;color:#4c1d95;white-space:nowrap}.logo-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#ffdfec,#e9ddff);box-shadow:var(--shadow)}.main-nav{flex:1}.main-nav ul{display:flex;gap:10px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.main-nav a{display:block;color:#374151;text-decoration:none;font-weight:700;font-size:.92rem;padding:8px 10px;border-radius:999px}.main-nav a:hover{background:#f3e8ff;color:var(--primary-dark)}.header-search{display:flex;gap:6px;background:#f8f3ff;border:1px solid var(--line);border-radius:999px;padding:5px}.header-search input{border:0;background:transparent;outline:none;width:130px;padding:6px}.header-search button,.btn,.cta-button,.cta-button-alt,.tool-section button,.newsletter button,.contact-form button{border:0;border-radius:999px;background:linear-gradient(135deg,var(--primary),#ec4899);color:#fff;font-weight:800;padding:11px 18px;text-decoration:none;cursor:pointer;box-shadow:0 10px 25px rgba(139,92,246,.25)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.hero{padding:86px 0 60px;position:relative;overflow:hidden}.hero:before{content:"😀 🍕 ❤️ 🔥 🐱 ✨";position:absolute;inset:auto 0 20px;text-align:center;font-size:4rem;opacity:.12;letter-spacing:14px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#6d28d9;background:#f3e8ff;border:1px solid #e9d5ff;border-radius:999px;padding:6px 14px;font-weight:800}.hero h1,.page-hero h1{font-size:clamp(2.2rem,5vw,4.9rem);line-height:1.08;margin:18px 0;background:linear-gradient(90deg,#3b0764,#7c3aed,#ec4899);-webkit-background-clip:text;color:transparent}.hero p,.page-hero p{font-size:1.13rem;color:#4b5563}.hero-card,.tool-card,.content-card,.pillar-card,.feature-item,.howto-step,.popular-item,.highlight-item,.post-item,.recipe-item,.faq-item,.stat-card{background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.hero-card{min-height:330px;display:grid;place-items:center;text-align:center;background:linear-gradient(135deg,#fff,#fff2fb)}.big-emoji{font-size:5rem}.tool-section{padding:45px 0}.tool-card{text-align:center}.tool-section form,.tool-form{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:22px 0}.emoji-input,.tool-section input[type=text]{font-size:2rem;text-align:center;width:92px;height:70px;border:2px solid #dcc7ff;border-radius:18px;background:#fff}.result{font-size:1.4rem;margin-top:18px}.combined{font-size:3.2rem}.section{padding:64px 0}.section-alt{background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(243,232,255,.55))}.section-title{text-align:center;margin:0 auto 34px;max-width:780px}.section-title h2{font-size:clamp(1.8rem,3vw,3rem);margin:0 0 10px;color:#3b0764}.section-title p{color:var(--muted)}.grid{display:grid;gap:22px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.feature-grid,.recipe-grid,.highlight-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4,.popular-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pillar-card h3,.content-card h3,.feature-item h3{margin-top:0;color:#5b21b6}.pillar-card .icon,.popular-item .emoji-pair{font-size:2.3rem}.breadcrumbs{margin:24px auto 0;width:min(1180px,92%)}.breadcrumbs ol{list-style:none;display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:0;color:#6b7280}.breadcrumbs li:after{content:"/";margin-left:8px;color:#c4b5fd}.breadcrumbs li:last-child:after{display:none}.breadcrumbs a{color:#6d28d9;text-decoration:none;font-weight:700}.page-hero{padding:54px 0 38px;background:linear-gradient(135deg,#fff,#f5efff);border-bottom:1px solid var(--line)}.content-wrap{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px}.article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px;box-shadow:var(--shadow)}.article h2{color:#4c1d95;margin-top:40px}.article h3{color:#6d28d9}.toc,.sidebar-box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;position:sticky;top:105px;box-shadow:var(--shadow)}.toc ul,.sidebar-box ul{padding-left:18px}.toc a,.sidebar-box a{color:#5b21b6;text-decoration:none;font-weight:700}.callout{border-left:5px solid var(--primary);background:#f6efff;border-radius:18px;padding:18px;margin:22px 0}.meta{font-size:.88rem;color:#777}.badge{display:inline-block;background:#f3e8ff;color:#5b21b6;border:1px solid #e9d5ff;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:800}.footer-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:30px;padding:48px 20px;text-align:left}.site-footer{background:#20113f;color:#e9ddff}.footer-column h4{color:#fff;margin-top:0}.footer-column p,.footer-column a{color:#d8ccff;font-size:.95rem}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin:8px 0}.footer-column a{text-decoration:none}.footer-column a:hover{text-decoration:underline}.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.12);padding:16px;color:#c4b5fd}.newsletter{padding:48px 0;background:#f8f3ff}.newsletter-card{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px}.newsletter-form{display:flex;gap:10px}.newsletter input,.contact-form input,.contact-form textarea{border:2px solid #e9d5ff;border-radius:14px;padding:12px;background:#fff;font:inherit}.contact-form form{display:grid;gap:14px;max-width:680px}.search-results mark{background:#fff1a8;border-radius:4px}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden}.table th,.table td{border:1px solid var(--line);padding:12px;text-align:left}.table th{background:#f5efff}@media(max-width:960px){.hero-grid,.content-wrap,.grid-2,.grid-3,.grid-4,.feature-grid,.recipe-grid,.highlight-grid,.popular-grid{grid-template-columns:1fr}.header-inner{align-items:flex-start;flex-direction:column}.main-nav ul{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.header-search{width:100%}.header-search input{width:100%}.footer-inner{grid-template-columns:1fr}.newsletter-card,.newsletter-form{flex-direction:column;align-items:stretch}.toc{position:static}}