:root{--cream:#fff8ed;--mint:#9fd7c5;--mint-deep:#5d9f8d;--sky:#9ecde3;--sky-deep:#5d95ad;--coral:#f29a8d;--coral-deep:#c96e64;--mustard:#efc86b;--ink:#4a403a;--muted:#766a63;--line:rgba(95,75,62,.14);--shadow:0 18px 45px rgba(105,83,65,.14);--shadow-soft:0 7px 18px rgba(105,83,65,.08);--radius-lg:28px;--radius-md:20px;--transition:.24s ease}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:"Zen Kaku Gothic New","Yu Gothic",sans-serif;color:var(--ink);line-height:1.85;padding:24px;-webkit-font-smoothing:antialiased}body.wanko-biyori{position:relative;background:radial-gradient(circle at 8% 14%,rgba(242,154,141,.18) 0 55px,transparent 56px),radial-gradient(circle at 92% 8%,rgba(158,205,227,.24) 0 72px,transparent 73px),radial-gradient(circle at 90% 88%,rgba(159,215,197,.23) 0 88px,transparent 89px),linear-gradient(135deg,#fff6e8 0%,#f7f2e9 52%,#eef8f4 100%)}body.wanko-biyori:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(circle,rgba(92,72,60,.22) 1px,transparent 1.2px);background-size:22px 22px}.fade-in{animation:fadeIn .65s ease both}@keyframes fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.container{position:relative;z-index:1;max-width:920px;margin:0 auto;overflow:hidden;border:1px solid rgba(113,91,73,.12);border-radius:var(--radius-lg);background:rgba(255,254,251,.96);box-shadow:var(--shadow)}.header{position:relative;overflow:hidden;padding:74px 38px 72px;text-align:center;color:#fff;background:linear-gradient(135deg,rgba(255,255,255,.13),transparent 34%),linear-gradient(135deg,#84c9b6 0%,#7bbbd5 54%,#8bbfd0 100%)}.header:before{content:"";position:absolute;inset:0;opacity:.42;background:radial-gradient(circle at 12% 22%,#fff 0 7px,transparent 8px),radial-gradient(circle at 9% 31%,#fff 0 4px,transparent 5px),radial-gradient(circle at 16% 31%,#fff 0 4px,transparent 5px),radial-gradient(circle at 88% 68%,#fff 0 8px,transparent 9px),radial-gradient(circle at 84% 77%,#fff 0 4px,transparent 5px),radial-gradient(circle at 92% 77%,#fff 0 4px,transparent 5px)}.header:after{content:"WANKO";position:absolute;right:24px;bottom:-8px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:clamp(4.5rem,12vw,8rem);font-weight:800;letter-spacing:.04em;color:rgba(255,255,255,.10);transform:rotate(-4deg)}.header-kicker,.app-title,.app-subtitle{position:relative;z-index:1}.header-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:13px;padding:6px 14px;color:#5c746b;font-family:"M PLUS Rounded 1c",sans-serif;font-size:.76rem;font-weight:700;letter-spacing:.14em;border-radius:999px;background:rgba(255,255,255,.86)}.header-kicker:before,.header-kicker:after{content:"●";color:var(--coral);font-size:.55rem}.app-title{font-family:"M PLUS Rounded 1c","Zen Kaku Gothic New",sans-serif;font-size:clamp(2.65rem,7vw,4.6rem);font-weight:800;letter-spacing:.08em;line-height:1.22;text-shadow:0 4px 14px rgba(72,111,112,.16)}.app-subtitle{max-width:620px;margin:16px auto 0;font-family:"M PLUS Rounded 1c",sans-serif;font-size:clamp(1rem,2.4vw,1.16rem);font-weight:500;letter-spacing:.06em;color:rgba(255,255,255,.94)}
.content,.toc-section{position:relative;z-index:1}.content{padding:52px}.section{margin-bottom:54px}.toc-section{margin:0;padding:44px 52px 0;background:linear-gradient(180deg,#fffefb,#fffaf4)}.section:last-child{margin-bottom:0}.section-title{position:relative;display:flex;align-items:center;gap:14px;margin-bottom:26px;color:#526d66;font-family:"M PLUS Rounded 1c",sans-serif;font-size:clamp(1.45rem,4vw,1.9rem);font-weight:800;letter-spacing:.05em}.section-title:before{content:"";width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:radial-gradient(circle at 50% 31%,var(--coral) 0 5px,transparent 6px),radial-gradient(circle at 32% 48%,var(--coral) 0 4px,transparent 5px),radial-gradient(circle at 68% 48%,var(--coral) 0 4px,transparent 5px),radial-gradient(ellipse at 50% 67%,var(--coral) 0 8px,transparent 9px),#fff4ef;box-shadow:inset 0 0 0 1px rgba(242,154,141,.18)}.section-title:after{content:"";flex:1;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(159,215,197,.7),rgba(158,205,227,.16),transparent)}
.app-info,.play-section,.recommendation-section,.company-info{position:relative;border-radius:var(--radius-md);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.app-info{padding:36px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,249,241,.96))}.app-info:before{content:"";position:absolute;top:13px;left:18px;right:18px;height:5px;border-radius:999px;background:linear-gradient(90deg,var(--mint),var(--sky),var(--coral),var(--mustard));opacity:.75}.app-info>p{margin-bottom:17px;color:var(--muted)}.app-info>p:last-of-type{margin-bottom:0}.lead-copy{color:#4f6f67!important;font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.08rem;font-weight:700}.description-content{margin-top:30px}.content-heading{margin:34px 0 16px;color:#57756d;font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.33rem;font-weight:800;letter-spacing:.04em}
.theme-card{position:relative;margin-top:16px;padding:24px 24px 22px;overflow:hidden;border:1px solid rgba(98,82,70,.11);border-radius:18px;background:#fffdf9}.theme-card:after{content:"";position:absolute;width:82px;height:82px;right:-24px;bottom:-28px;border-radius:50%;background:rgba(159,215,197,.12)}.theme-card--profile:after{background:rgba(158,205,227,.14)}.theme-card--search:after{background:rgba(242,154,141,.12)}.theme-card h3{display:flex;align-items:center;gap:12px;margin-bottom:10px;color:var(--ink);font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.08rem;font-weight:800}.theme-card p{margin-top:7px;color:var(--muted)}.theme-icon{display:inline-grid;place-items:center;flex:0 0 38px;width:38px;height:38px;color:#fff;font-size:.84rem;font-weight:800;border-radius:13px;background:var(--mint-deep);box-shadow:0 4px 10px rgba(93,159,141,.16)}.theme-card--profile .theme-icon{background:var(--sky-deep)}.theme-card--search .theme-icon{background:var(--coral-deep)}
.play-section{margin-top:32px;padding:34px;overflow:hidden;color:#4f605b;background:radial-gradient(circle at 90% 18%,rgba(255,255,255,.55) 0 44px,transparent 45px),linear-gradient(135deg,#dff3ed 0%,#dceef6 58%,#fbe3dc 100%)}.play-section:before{content:"○  ○  ○";position:absolute;right:22px;bottom:10px;color:rgba(93,159,141,.12);font-size:3rem;letter-spacing:.05em}.play-section__label{display:inline-block;margin-bottom:11px;padding:5px 12px;color:#9a5f57;font-size:.74rem;font-weight:800;letter-spacing:.12em;border-radius:999px;background:rgba(255,255,255,.72)}.play-section h3{position:relative;margin:0 0 12px;color:#4d7168;font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.35rem;font-weight:800}.play-section p{position:relative;margin-top:8px}.feature-heading{margin-top:38px}.features-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;list-style:none}.features-list li{position:relative;padding:15px 16px 15px 46px;color:var(--muted);border:1px solid rgba(95,75,62,.10);border-radius:15px;background:#fffdf9;transition:transform var(--transition),box-shadow var(--transition)}.features-list li:before{content:"♥";position:absolute;left:17px;top:14px;color:var(--coral);font-size:.88rem}.features-list li:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(105,83,65,.08)}
.recommendation-section{margin-top:34px;padding:34px;border:1px solid rgba(239,200,107,.28);background:linear-gradient(135deg,#fff9e9,#fffdf9 58%,#f5fbf8)}.recommendation-section h3,.company-info h3{margin:0 0 12px;color:#5a746d;font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.25rem;font-weight:800}.recommendation-section p{margin-top:8px;color:var(--muted)}.note{margin-top:18px!important;font-size:.9rem;opacity:.82}.company-info{padding:32px;background:#fffdf9}.company-details{display:grid;gap:9px}.company-details p{padding-bottom:8px;color:var(--muted);border-bottom:1px dashed rgba(95,75,62,.13)}.company-details p:last-child{border-bottom:0}.company-details strong{display:inline-block;min-width:6.8em;color:#59766e}
.toc-content{padding-top:30px;padding-bottom:20px}.toc-list{list-style:none}.toc-list li+li{border-top:1px dashed rgba(95,75,62,.12)}.toc-list a{display:flex;align-items:center;gap:14px;padding:14px 4px;color:var(--ink);text-decoration:none;transition:transform .2s ease,color .2s ease}.toc-list a:hover{transform:translateX(4px);color:var(--mint-deep)}.toc-number{min-width:2.5em;color:var(--coral-deep);font-family:"M PLUS Rounded 1c",sans-serif;font-size:.82rem;font-weight:800}.terms-content>p:first-child{margin-top:0}.terms-heading{margin-top:2.2rem;margin-bottom:.8rem}.terms-content ol{margin:0 0 1.4rem;padding-left:1.7em}.terms-content li{padding-left:.25em;margin-bottom:.55rem;line-height:1.9;color:var(--muted)}.terms-content li:last-child{margin-bottom:0}.terms-content ol ol{margin-top:.65rem;margin-bottom:.25rem}.terms-content strong{font-weight:700;color:#5d7770}.terms-supplement{margin-top:2.4rem;text-align:right;font-size:.92em;opacity:.78}
@media(max-width:768px){body{padding:10px}.header{padding:56px 24px 52px}.toc-section{padding:34px 28px 0}.content{padding:34px 28px}.app-info,.play-section,.recommendation-section,.company-info{padding:26px 22px}.features-list{grid-template-columns:1fr}}@media(max-width:480px){.header{padding:48px 18px 44px}.app-title{font-size:2.45rem}.header-kicker{font-size:.68rem;letter-spacing:.1em}.toc-section{padding:28px 17px 0}.content{padding:26px 17px}.section-title{gap:10px}.section-title:before{width:34px;height:34px;flex-basis:34px}.theme-card{padding:20px 16px 18px}.theme-card h3{align-items:flex-start}.company-details strong{display:block;min-width:0;margin-bottom:2px}}