.berry-home{--berry-ink:#462934;--berry-accent:#d83069;--berry-deep:#a82152;--berry-muted:#8b717c;--berry-line:#eedde3;--berry-paper:#fff8fa;background:var(--berry-paper);width:100%;min-height:100dvh;color:var(--berry-ink);font-family:var(--font-noto-jp), "Noto Sans JP", sans-serif;-webkit-font-smoothing:antialiased;flex-direction:column;display:flex}.berry-home img{object-fit:contain;max-width:100%}.berry-home a,.berry-home button{-webkit-tap-highlight-color:transparent}.berry-home a:focus-visible,.berry-home button:focus-visible{outline:3px solid var(--berry-deep);outline-offset:4px}.berry-home button{font:inherit;cursor:pointer}.berry-wrap{width:100%;margin-inline:auto;padding-inline:1rem}.berry-header{border-bottom:1px solid var(--berry-line);background:#fff}.berry-header .berry-wrap{justify-content:space-between;align-items:center;gap:.65rem;min-height:5rem;display:flex}.berry-brand{align-items:center;gap:.5rem;min-width:0;text-decoration:none;display:flex}.berry-brand>img{width:2rem;height:2rem}.berry-brand strong{letter-spacing:-.04em;font-size:.8rem;display:block}.berry-brand small{color:var(--berry-muted);letter-spacing:.025em;margin-top:.2rem;font-size:.56rem;display:block}.berry-header-actions{flex-shrink:0;align-items:center;gap:.4rem;font-size:.65rem;display:flex}.berry-streak,.berry-language,.berry-sound{white-space:nowrap;background:#fff0f5;border:1px solid #efcddc;border-radius:.65rem;justify-content:center;align-items:center;gap:.4rem;min-height:2.2rem;padding:.45rem .55rem;display:flex}.berry-streak{background:#ffe3ec;border-color:#efbecf;display:none}.berry-language a{text-decoration:none}.berry-language strong{color:var(--berry-accent)}.berry-language>span{color:#d9bdc9}.berry-sound{background:#ffe8e6;border-color:#f0c9cb}.berry-sound>span:first-child{font-size:.9rem}.berry-sound>span:last-child{display:none}.berry-main{flex:1}.berry-hero{gap:2rem;padding-top:2.5rem;display:grid}.berry-eyebrow{color:var(--berry-accent);background:#ffe4ed;border-radius:2rem;align-items:center;gap:.5rem;padding:.3rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.berry-eyebrow:before{content:"";background:#ff796e;border-radius:50%;width:.45rem;height:.45rem}.berry-hero h1{letter-spacing:-.055em;margin:1rem 0 1.2rem;font-size:clamp(2.6rem,10vw,3.2rem);line-height:1.3}.berry-hero h1>span{margin-bottom:.1rem;font-size:.7em;display:block}.berry-hero h1>em{color:var(--berry-accent);font-style:normal;display:block}.berry-intro{max-width:29rem;color:var(--berry-muted);margin:0 0 1.7rem;font-size:.85rem;line-height:1.95}.berry-play-controls{max-width:29rem}.berry-pace-label{color:var(--berry-muted);margin:0 0 .5rem;font-size:.68rem}.berry-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.berry-mode{color:var(--berry-ink);text-align:left;background:#fff;border:1px solid #e7d8df;border-radius:.7rem;justify-content:center;align-items:center;gap:.3rem;padding:.65rem .2rem;transition:background .15s,border-color .15s;display:flex;box-shadow:0 .15rem .25rem #46293405}.berry-mode img{flex-shrink:0;width:1.5rem;height:1.5rem}.berry-mode strong,.berry-mode small{display:block}.berry-mode strong{font-size:.63rem}.berry-mode small{color:var(--berry-muted);white-space:nowrap;font-size:.5rem}.berry-mode.is-active{border-color:var(--berry-accent);background:#ffdeeb;box-shadow:0 .2rem #efc0d2}.berry-mode.is-active strong,.berry-mode.is-active small{color:var(--berry-deep)}.berry-start{border-bottom:.22rem solid var(--berry-deep);background:var(--berry-accent);color:#fff9fb;border-radius:1rem;justify-content:space-between;align-items:center;gap:.5rem;width:100%;min-height:3.5rem;margin-top:.85rem;padding:.65rem 1.2rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:background .15s,transform .15s;display:flex}.berry-start:hover{background:#c6265d}.berry-start:active{transform:translateY(.15rem)}.berry-start b{color:#943653;background:#ffd0dc;border-radius:50%;flex:0 0 2rem;place-items:center;height:2rem;font:1.45rem/1 Arial,sans-serif;display:grid}.berry-local-note{color:#9b808b;text-align:center;margin:.6rem 0 0;font-size:.6rem}.berry-kit{background:#ffd0dc;border:1px solid #e6a4bb;border-radius:1.75rem;padding:1.25rem;position:relative;overflow:hidden}.berry-kit:before{content:"";pointer-events:none;border:1px solid #eea8bf;border-radius:50%;width:13rem;height:13rem;position:absolute;top:-4.5rem;right:-2rem}.berry-kit-head{justify-content:space-between;align-items:center;display:flex;position:relative}.berry-kit-head>small{color:#885468;letter-spacing:.17em;font:700 .6rem/1.6 ui-monospace,SFMono-Regular,monospace}.berry-kit-head>span{color:#96354f;background:#ffaaa8;border:1px solid #e48794;border-radius:2rem;align-items:center;gap:.3rem;padding:.15rem .45rem;font-size:.5rem;display:inline-flex}.berry-kit-head>span:before{content:"";background:var(--berry-accent);border-radius:50%;width:.28rem;height:.28rem}.berry-kit h2{color:#6d3048;letter-spacing:-.03em;margin:1rem 0 .2rem;font-size:1.35rem;line-height:1.5;position:relative}.berry-kit-description{color:#996477;margin:0 0 1.15rem;font-size:.65rem;position:relative}.berry-kit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.berry-kit-cell{background:#fff8fa;border:1px solid #eeb9ca;border-radius:.8rem;flex-direction:column;justify-content:center;align-items:center;min-height:6rem;padding:.6rem .25rem;display:flex;box-shadow:0 .22rem #e6a2b8}.berry-kit-cell:nth-child(2),.berry-kit-cell:nth-child(6){background:#ffe8e5;border-color:#edc3c9}.berry-kit-cell:nth-child(3),.berry-kit-cell:nth-child(5){background:#fff0f6;border-color:#e8c9d9}.berry-kit-cell img{filter:drop-shadow(0 .18rem .2rem #71405a14);width:3.1rem;height:3.1rem}.berry-kit-cell>span{color:#8b6271;margin-top:.15rem;font-size:.6rem}.berry-kit-note{border-top:1px dashed #e0a0b6;align-items:center;gap:.65rem;margin-top:1.15rem;padding-top:.85rem;display:flex}.berry-kit-note img{width:1.8rem;height:1.8rem}.berry-kit-note p{color:#996f80;margin:0;font-size:.6rem;line-height:1.65}.berry-kit-note strong{color:#754758}.berry-topics{margin-top:3.3rem}.berry-section-head{flex-direction:column;align-items:start;gap:.75rem;margin-bottom:1.25rem;display:flex}.berry-section-head small{color:var(--berry-accent);margin-bottom:.35rem;font-size:.6rem;font-weight:700;display:block}.berry-section-head h2{letter-spacing:-.04em;margin:0;font-size:1.3rem}.berry-count{color:var(--berry-muted);white-space:nowrap;font-size:.65rem}.berry-count b{color:var(--berry-accent);font-size:1.15rem}.berry-category-grid{gap:.7rem;display:grid}.berry-category{background:#fff;border:1px solid #edd9e2;border-radius:1rem;grid-template-columns:2.75rem minmax(0,1fr) auto 1.2rem;align-items:center;gap:.6rem;min-height:5.75rem;padding:.85rem;text-decoration:none;transition:border-color .15s,transform .15s;display:grid;box-shadow:0 .16rem #f4e4eb}.berry-category:hover{border-color:#e5abc1;transform:translateY(-.1rem)}.berry-category:active{transform:translateY(.1rem)}.berry-category-icon{background:#ffe3e3;border-radius:.85rem;place-items:center;width:2.75rem;height:2.75rem;display:grid}.berry-category:nth-child(3n+2) .berry-category-icon{background:#f9dfed}.berry-category:nth-child(3n) .berry-category-icon{background:#ffdbe7}.berry-category-icon img{width:2.1rem;height:2.1rem}.berry-category-copy strong,.berry-category-copy small{display:block}.berry-category-copy strong{font-size:.8rem}.berry-category-copy small{color:#9b7f8b;margin-top:.18rem;font-size:.6rem;line-height:1.65}.berry-category-count{color:var(--berry-muted);white-space:nowrap;font-size:.54rem}.berry-category-count b{color:var(--berry-accent);font-size:.8rem}.berry-category>i{color:#ab657f;background:#f8e7ef;border-radius:50%;place-items:center;width:1.2rem;height:1.2rem;font:1rem/1 Arial,sans-serif;display:grid}.berry-home .ad-reserve{box-shadow:none;background:#faf0f4;border:1px dashed #ebd5de;border-radius:0}.berry-home .ad-label{color:#987582}.berry-guides{border-top:1px solid var(--berry-line);gap:1.25rem;padding:1.5rem 0 2rem;display:grid}.berry-guide-head>small{color:var(--berry-accent);background:#ffdbe7;border-radius:.35rem;padding:.1rem .45rem;font-size:.6rem;display:inline-block}.berry-guide-head h2{letter-spacing:-.03em;margin:.3rem 0 .55rem;font-size:1.2rem}.berry-guide-head p{color:var(--berry-muted);margin:0;font-size:.65rem}.berry-guide-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem .85rem;display:grid}.berry-guide-links a{border-bottom:1px solid var(--berry-line);justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem 0;font-size:.65rem;text-decoration:none;display:flex}.berry-guide-links a:hover{color:var(--berry-accent)}.berry-guide-links a>span:last-child{color:#b98c9f}.berry-progress{border:1px solid var(--berry-line);background:#fff;border-radius:1rem;gap:1.25rem;margin-bottom:2.4rem;padding:1.25rem;display:grid}.berry-level{align-items:center;gap:.6rem;display:flex}.berry-level small,.berry-level strong{display:block}.berry-level small,.berry-level-progress>span{color:var(--berry-muted);font-size:.65rem}.berry-level-progress strong{margin-top:.3rem;font-size:.8rem;display:block}.berry-level-progress progress{width:100%;height:.45rem;accent-color:var(--berry-accent);background:#ffe2ed;border:none;border-radius:1rem;margin-top:.6rem;display:block;overflow:hidden}.berry-level-progress progress::-webkit-progress-bar{background:#ffe2ed}.berry-level-progress progress::-webkit-progress-value{background:var(--berry-accent)}.berry-level-progress progress::-moz-progress-bar{background:var(--berry-accent)}.berry-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.berry-stats dt{color:var(--berry-muted);font-size:.6rem}.berry-stats dd{margin:.25rem 0 0;font-size:.8rem;font-weight:700}.berry-reset{color:var(--berry-muted);text-underline-offset:.2rem;background:0 0;border:none;justify-self:start;padding:0;font-size:.65rem;text-decoration:underline}.berry-footer{border-top:1px solid var(--berry-line);padding:1.4rem 0 max(7.5rem, env(safe-area-inset-bottom));background:#fff}.berry-footer-brand{font-size:.68rem}.berry-footer-brand small{color:var(--berry-muted);margin-top:.2rem;font-size:.56rem;display:block}.berry-home .footer{background:0 0;border:0;margin-top:1rem;padding:0;font-size:.6rem}.berry-home .footer nav{justify-content:flex-start;gap:.5rem .85rem;font-size:.6rem}.berry-home .footer p{color:var(--berry-muted);font-size:.58rem;line-height:1.8}.berry-credits{color:var(--berry-muted);margin:.65rem 0 0;font-size:.58rem}.berry-notice{border:1px solid var(--berry-line);max-width:calc(100% - 2rem);color:var(--berry-deep);background:#fff0f5;border-radius:.75rem;align-self:center;margin:0;padding:.6rem 1rem;font-size:.8rem;position:sticky;bottom:1rem}@media (min-width:640px){.berry-wrap{padding-inline:1.25rem}.berry-header .berry-wrap{min-height:5.5rem}.berry-brand>img{width:2.7rem;height:2.7rem}.berry-brand strong{font-size:1.13rem}.berry-header-actions{gap:.65rem;font-size:.7rem}.berry-streak{display:flex}.berry-sound>span:last-child{display:inline}.berry-streak,.berry-language,.berry-sound{padding:.55rem .75rem}.berry-mode{gap:.55rem;padding:.85rem .5rem}.berry-mode img{width:1.85rem;height:1.85rem}.berry-mode strong{font-size:.75rem}.berry-mode small{font-size:.55rem}.berry-section-head{flex-direction:row;justify-content:space-between;align-items:end;gap:1rem}.berry-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.berry-category{grid-template-columns:3rem minmax(0,1fr) auto 1.2rem;gap:.85rem;padding:1rem}.berry-category-icon{width:3rem;height:3rem}.berry-kit{padding:1.45rem}.berry-progress{grid-template-columns:1fr 1fr;align-items:center}}@media (min-width:1024px){.berry-wrap{max-width:72rem;padding-inline:2rem}.berry-hero{grid-template-columns:1.06fr 1fr;align-items:center;gap:3.2rem;padding-top:3.65rem}.berry-hero h1{margin-top:1.2rem;font-size:3.85rem}.berry-eyebrow{font-size:.8rem}.berry-kit{padding:1.5rem 1.65rem;transform:rotate(2deg);box-shadow:0 .45rem #e8a2ba,0 1.3rem 2rem #9147610c}.berry-kit h2{font-size:1.45rem}.berry-kit-grid{gap:.75rem}.berry-kit-cell{min-height:6.3rem}.berry-kit-cell img{width:3.3rem;height:3.3rem}.berry-topics{margin-top:4rem}.berry-section-head h2{font-size:1.65rem}.berry-category{min-height:6.25rem;padding:1rem 1.1rem}.berry-category-copy strong{font-size:.9rem}.berry-category-copy small{font-size:.63rem}.berry-guides{grid-template-columns:.7fr 1fr;align-items:center;gap:4rem;padding-bottom:2.4rem}.berry-footer .berry-wrap{grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:3rem;display:grid}.berry-home .footer{margin-top:0}.berry-home .footer nav{justify-content:flex-end}.berry-home .footer p{text-align:right}.berry-credits{text-align:right;grid-column:2}}@media (prefers-reduced-motion:reduce){.berry-home *,.berry-home :before,.berry-home :after{transition:none!important}}
