:root{--font-game: Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;--font-title: var(--font-game);--font-mono: "SFMono-Regular", Consolas, monospace;--palette-cerulean: #0081A7;--palette-tropical-teal: #00AFB9;--palette-light-yellow: #FDFCDC;--palette-soft-apricot: #FED9B7;--palette-vibrant-coral: #F07167;--rgb-cerulean: 0, 129, 167;--rgb-teal: 0, 175, 185;--rgb-coral: 240, 113, 103;--rgb-apricot: 254, 217, 183;--rgb-cream: 253, 252, 220;--rgb-ink: 0, 35, 48;--ink: rgb(var(--rgb-ink));--line-w: 2.5px;--line-w-sm: 2px;--line: var(--line-w) solid var(--ink);--line-sm: var(--line-w-sm) solid var(--ink);--line-soft: 1.5px dashed rgba(var(--rgb-ink), .35);--wobble-sm: 7px 11px 8px 12px / 11px 7px 12px 8px;--wobble-1: 12px 17px 11px 16px / 16px 11px 17px 12px;--wobble-2: 16px 11px 17px 12px / 12px 17px 11px 16px;--wobble-3: 11px 15px 13px 17px / 17px 13px 15px 11px;--wobble-lg: 22px 28px 20px 30px / 30px 20px 28px 22px;--radius-sm: var(--wobble-sm);--radius-md: var(--wobble-1);--radius-lg: var(--wobble-lg);--shadow-hard: 3px 4px 0 var(--ink);--shadow-hard-sm: 2px 3px 0 var(--ink);--shadow-hard-lg: 5px 6px 0 var(--ink);--paper: color-mix(in srgb, var(--palette-light-yellow) 70%, #fff);--surface: var(--paper);--surface-raised: color-mix(in srgb, var(--palette-light-yellow) 22%, #fff);--surface-sunken: color-mix(in srgb, var(--palette-light-yellow) 85%, var(--palette-soft-apricot));--paper-dots: radial-gradient(rgba(var(--rgb-ink), .09) 1px, transparent 1.6px) 0 0 / 16px 16px;--hud-bg: var(--paper);--hud-bg-soft: var(--paper);--hud-text: var(--ink);--shadow-float: var(--shadow-hard-lg);--theme-modal-bg: var(--paper-dots), var(--surface);--theme-modal-border: var(--ink);--theme-modal-border-subtle: var(--ink);--theme-modal-shadow: var(--shadow-float);--theme-modal-backdrop: rgba(var(--rgb-ink), .5);--theme-header-bg: var(--palette-cerulean);--theme-header-border: var(--ink);--theme-header-title: #ffffff;--theme-tabs-bg: var(--surface-sunken);--theme-tab-inactive-color: var(--theme-text-muted);--theme-tab-inactive-hover: rgba(var(--rgb-cream), .9);--theme-tab-active-bg: var(--surface-raised);--theme-tab-active-color: var(--theme-text-title);--theme-tab-active-border: var(--ink);--theme-toolbar-bg: var(--surface-raised);--theme-toolbar-border: rgba(var(--rgb-ink), .35);--theme-input-bg: var(--surface-raised);--theme-input-border: var(--ink);--theme-input-focus: var(--palette-cerulean);--theme-chip-bg: var(--surface-raised);--theme-chip-color: var(--theme-text-body);--theme-chip-border: var(--ink);--theme-chip-active-bg: var(--palette-cerulean);--theme-chip-active-color: #ffffff;--theme-card-bg: var(--surface-raised);--theme-card-border: var(--ink);--theme-card-hover-border: var(--ink);--theme-card-hover-bg: color-mix(in srgb, var(--palette-soft-apricot) 22%, #fff);--theme-card-shadow: var(--shadow-hard-sm);--theme-card-hover-shadow: var(--shadow-hard);--theme-card-icon-bg: var(--surface-sunken);--theme-card-icon-border: rgba(var(--rgb-ink), .55);--theme-text-title: color-mix(in srgb, rgb(var(--rgb-ink)) 90%, #000);--theme-text-body: color-mix(in srgb, rgb(var(--rgb-ink)) 78%, #fff);--theme-text-muted: color-mix(in srgb, rgb(var(--rgb-ink)) 58%, #fff);--theme-text-accent: var(--palette-cerulean);--theme-text-price: var(--palette-cerulean);--theme-text-unaffordable: var(--palette-vibrant-coral);--theme-btn-primary-bg: var(--palette-cerulean);--theme-btn-primary-border: var(--ink);--theme-btn-secondary-bg: var(--surface-raised);--theme-btn-secondary-border: var(--ink);--theme-btn-secondary-color: var(--theme-text-title);--theme-btn-coral-bg: var(--palette-vibrant-coral);--theme-btn-coral-border: var(--ink);--theme-btn-hero-bg: var(--palette-tropical-teal);--theme-btn-hero-border: var(--ink);--theme-btn-hero-color: #ffffff;--theme-badge-coral-bg: rgba(var(--rgb-coral), .14);--theme-badge-coral-color: color-mix(in srgb, var(--palette-vibrant-coral) 75%, #000);--theme-badge-coral-border: rgba(var(--rgb-ink), .5);--theme-badge-apricot-bg: rgba(var(--rgb-apricot), .55);--theme-badge-apricot-color: color-mix(in srgb, var(--palette-soft-apricot) 30%, #000);--theme-badge-apricot-border: rgba(var(--rgb-ink), .5);--theme-badge-teal-bg: rgba(var(--rgb-teal), .14);--theme-badge-teal-color: color-mix(in srgb, var(--palette-tropical-teal) 62%, #000);--theme-badge-teal-border: rgba(var(--rgb-ink), .5);--panel-bg: var(--theme-modal-bg);--panel-border: var(--theme-modal-border);--panel-shadow: var(--theme-modal-shadow);--gold-main: #ffc93c;--gold-text: color-mix(in srgb, #ffc93c 55%, var(--ink));--xp-fill: var(--palette-tropical-teal);--xp-track: var(--surface-raised);--btn-menu-bg: var(--theme-btn-coral-bg);--btn-staff-bg: var(--theme-btn-primary-bg);--btn-shop-bg: var(--theme-btn-hero-bg);--btn-danger-bg: var(--theme-btn-coral-bg);--btn-action-bg: var(--theme-btn-primary-bg)}:root{--cursor-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg transform='rotate%28-45 16 16%29' fill='%23FDFCDC' stroke='%230081A7' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M9.5 2.5h3v8h1.5v-8h4v8h1.5v-8h3v10.5c0 2.2-1.6 3.6-3.5 3.9L18 29.5h-4l-1-12.6c-1.9-.3-3.5-1.7-3.5-3.9z'/%3E%3C/g%3E%3C/svg%3E") 5 5, default;--cursor-pointer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='%23FDFCDC' stroke='%230081A7' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M12 4.5a2 2 0 0 1 4 0V13h1v-2a2 2 0 0 1 4 0v2h.5v-1a2 2 0 0 1 4 0v6c0 3-1.5 5.5-4 6.5H13c-2-1-4-3-5.5-5.5-.8-1.4.5-2.6 1.7-1.9L12 18z'/%3E%3Crect x='11' y='24.5' width='11' height='5' rx='1.5' fill='%23F07167'/%3E%3C/g%3E%3C/svg%3E") 14 4, pointer;--cursor-crosshair: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='11' fill='none' stroke='%230081A7' stroke-width='5'/%3E%3Ccircle cx='16' cy='16' r='11' fill='none' stroke='%23FDFCDC' stroke-width='2'/%3E%3Ccircle cx='16' cy='16' r='5.5' fill='none' stroke='%230081A7' stroke-width='1.5'/%3E%3Ccircle cx='16' cy='16' r='1.8' fill='%23F07167'/%3E%3C/svg%3E") 16 16, crosshair;--cursor-not-allowed: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg transform='rotate%28-45 16 16%29' fill='%23cfd2d6' stroke='%230081A7' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M9.5 2.5h3v8h1.5v-8h4v8h1.5v-8h3v10.5c0 2.2-1.6 3.6-3.5 3.9L18 29.5h-4l-1-12.6c-1.9-.3-3.5-1.7-3.5-3.9z'/%3E%3C/g%3E%3Ccircle cx='23' cy='23' r='6' fill='%23FDFCDC' stroke='%23F07167' stroke-width='2'/%3E%3Cpath d='M19 27L27 19' stroke='%23F07167' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") 5 5, not-allowed}html,body,#game-container canvas{cursor:var(--cursor-default)}.washi-tape{position:absolute;width:90px;height:24px;background-color:rgba(var(--rgb-apricot),.88);border-left:2px dashed rgba(var(--rgb-ink),.4);border-right:2px dashed rgba(var(--rgb-ink),.4);box-shadow:0 1px 3px rgba(var(--rgb-ink),.12);z-index:10;pointer-events:none;clip-path:polygon(0% 0%,100% 0%,96% 25%,100% 50%,96% 75%,100% 100%,0% 100%,4% 75%,0% 50%,4% 25%);transform:rotate(-3.5deg)}.washi-tape.tape-coral{background-color:rgba(var(--rgb-coral),.85)}.washi-tape.tape-teal{background-color:rgba(var(--rgb-teal),.85)}.washi-tape.tape-top-left{top:-12px;left:-18px;transform:rotate(-7deg)}.washi-tape.tape-top-right{top:-12px;right:-18px;transform:rotate(6deg)}.washi-tape.tape-center{top:-12px;left:50%;transform:translate(-50%) rotate(-1.5deg)}.polaroid-frame{background:#fff;border:var(--line);border-radius:var(--wobble-1);box-shadow:var(--shadow-hard);padding:12px 12px 28px;position:relative;transition:transform .25s ease,box-shadow .25s ease;transform:rotate(-1.5deg)}.polaroid-frame:hover{transform:rotate(0) scale(1.02);box-shadow:var(--shadow-float)}.polaroid-caption{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:.82rem;font-weight:700;color:var(--ink);letter-spacing:.02em}.torn-paper-edge{width:100%;height:28px;position:relative;margin:-1px 0;z-index:5;background-repeat:repeat-x;background-size:48px 28px;pointer-events:none}.torn-paper-edge.torn-down{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 28' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L48,0 L48,16 Q42,26 36,18 Q30,10 24,22 Q18,28 12,17 Q6,8 0,20 Z' fill='%23FDFCDC' stroke='%23002330' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")}.torn-paper-edge.torn-up{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 28' preserveAspectRatio='none'%3E%3Cpath d='M0,28 L48,28 L48,12 Q42,2 36,10 Q30,18 24,6 Q18,0 12,11 Q6,20 0,8 Z' fill='%23FDFCDC' stroke='%23002330' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")}.rubber-stamp{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;border:3.5px solid var(--palette-vibrant-coral);border-radius:var(--wobble-lg);padding:6px 14px;color:var(--palette-vibrant-coral);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;line-height:1.2;transform:rotate(-11deg);box-shadow:inset 0 0 0 1.5px rgba(var(--rgb-coral),.4);user-select:none;opacity:.92;position:relative}.rubber-stamp.stamp-teal{border-color:var(--palette-tropical-teal);color:var(--palette-tropical-teal);box-shadow:inset 0 0 0 1.5px rgba(var(--rgb-teal),.4);transform:rotate(8deg)}.rubber-stamp.stamp-cerulean{border-color:var(--palette-cerulean);color:var(--palette-cerulean);box-shadow:inset 0 0 0 1.5px rgba(var(--rgb-cerulean),.4);transform:rotate(-6deg)}.paper-clip{position:absolute;top:-14px;left:24px;width:22px;height:44px;z-index:12;pointer-events:none}.push-pin{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:24px;height:24px;z-index:12;pointer-events:none}.curly-arrow-container{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:700;font-size:.88rem}.curly-arrow-svg{width:48px;height:32px;overflow:visible}.sketch-underline{display:inline-block;position:relative}.sketch-underline-svg{position:absolute;bottom:-10px;left:0;width:100%;height:12px;pointer-events:none}.hanging-signboard{position:relative;background:var(--surface-raised);border:var(--line);border-radius:var(--wobble-2);box-shadow:var(--shadow-hard-lg);padding:36px 32px 32px;text-align:center;max-width:760px;margin:0 auto;transform-origin:top center;animation:swingSlow 4.5s ease-in-out infinite}.signboard-rope-l,.signboard-rope-r{position:absolute;top:-34px;width:4px;height:36px;background:repeating-linear-gradient(to bottom,#7a5230,#7a5230 4px,#9c6b43 4px 8px);border:1.5px solid var(--ink);border-radius:2px}.signboard-rope-l{left:48px}.signboard-rope-r{right:48px}@keyframes swingSlow{0%,to{transform:rotate(0)}25%{transform:rotate(1.2deg)}75%{transform:rotate(-1.2deg)}}.cat-paw-trail{display:flex;align-items:center;justify-content:center;gap:20px;padding:12px 0;color:rgba(var(--rgb-ink),.45)}.cat-paw-icon{font-size:1.25rem;opacity:.6;transform:rotate(20deg)}.cat-paw-icon:nth-child(2n){transform:rotate(-20deg) scale(.9)}.whimsical-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-game);font-weight:800;font-size:1rem;padding:12px 24px;border:var(--line);border-radius:var(--wobble-1);box-shadow:var(--shadow-hard);cursor:var(--cursor-pointer);text-decoration:none;background-color:var(--palette-tropical-teal);color:#fff;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease,background-color .15s ease;user-select:none;min-height:48px;min-width:48px}.whimsical-btn:hover{transform:translateY(-2.5px) rotate(-1deg);box-shadow:var(--shadow-float)}.whimsical-btn:active{transform:translate(2px,3px) rotate(0);box-shadow:0 0 0 transparent}.whimsical-btn.btn-coral{background-color:var(--palette-vibrant-coral)}.whimsical-btn.btn-cerulean{background-color:var(--palette-cerulean)}.whimsical-btn.btn-gold{background-color:var(--gold-main);color:var(--ink)}.whimsical-btn.btn-paper{background-color:var(--surface-raised);color:var(--ink)}.whimsical-btn.btn-lg{font-size:1.2rem;padding:16px 36px;border-radius:var(--wobble-2);box-shadow:var(--shadow-hard-lg)}.sticky-note-card{background:var(--surface-raised);border:var(--line);border-radius:var(--wobble-1);box-shadow:var(--shadow-hard);padding:24px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.sticky-note-card:hover{transform:translateY(-3px) rotate(.8deg);box-shadow:var(--shadow-float)}.sticky-note-card.note-yellow{background:var(--paper)}.sticky-note-card.note-apricot{background:color-mix(in srgb,var(--palette-soft-apricot) 35%,#fff)}.sticky-note-card.note-grid{background-color:var(--paper);background-image:var(--paper-grid)}.sticky-note-card.note-dots{background-color:var(--paper);background-image:var(--paper-dots)}:root{--font-hand: var(--font-game)}.ico{width:1.15em;height:1.15em;flex:none;color:var(--ink);overflow:visible}.ico-sm{width:18px;height:18px}.trust-pill-icon .ico{width:40px;height:40px}.bento-icon .ico{width:52px;height:52px;transform:rotate(-4deg)}.cat-paw-icon{width:26px;height:26px;font-size:0}.lang-flag{font-size:.72rem;font-weight:900;letter-spacing:.04em;min-width:30px;height:22px;justify-content:center;border:var(--line-sm);border-radius:var(--wobble-sm);background:var(--palette-soft-apricot);transform:rotate(-3deg)}.meta-chip{display:inline-flex;align-items:center;gap:5px}.hero-visual{position:relative}.doodle{position:absolute;pointer-events:none;z-index:11}.doodle-star{width:38px;top:-18px;right:6%;transform:rotate(12deg)}.doodle-loop{width:84px;bottom:-22px;left:-14px;transform:rotate(-6deg)}.margin-note{position:absolute;right:-6px;bottom:-48px;z-index:12;font-family:var(--font-hand);font-size:1rem;font-weight:700;color:var(--palette-vibrant-coral);transform:rotate(-4deg);pointer-events:none;white-space:nowrap}.section-tag,.polaroid-caption,.hero-doodle-hint,.bento-badge{font-family:var(--font-hand);font-style:italic;letter-spacing:.01em}.sticky-note-card.note-yellow:after,.faq-section .faq-item:nth-child(3n+1):after{content:"";position:absolute;right:14px;bottom:12px;width:54px;height:54px;border-radius:50%;border:3px solid rgba(122,82,48,.16);box-shadow:inset 0 0 0 5px #7a52300d;pointer-events:none;transform:scaleY(.92) rotate(18deg)}.sticky-note-card:before,.hanging-signboard:before{content:"";position:absolute;inset:7px;border:1.5px dashed rgba(var(--rgb-ink),.22);border-radius:inherit;pointer-events:none}.bento-card:nth-child(1){transform:rotate(-.8deg)}.bento-card:nth-child(2){transform:rotate(.6deg) translateY(8px)}.bento-card:nth-child(3){transform:rotate(.9deg)}.bento-card:nth-child(4){transform:rotate(-.5deg) translateY(6px)}.bento-card:nth-child(5){transform:rotate(.4deg)}.bento-card:nth-child(6){transform:rotate(-.7deg) translateY(6px)}.step-card:nth-of-type(1){transform:rotate(-1.2deg)}.section-title{background-image:linear-gradient(transparent 62%,rgba(var(--rgb-apricot),.75) 62%,rgba(var(--rgb-apricot),.75) 92%,transparent 92%);background-repeat:no-repeat;background-size:100% 100%;display:inline;padding:0 6px;-webkit-box-decoration-break:clone;box-decoration-break:clone}@media(max-width:640px){.doodle-loop,.margin-note{display:none}.bento-card:nth-child(n){transform:none}}@media(prefers-reduced-motion:reduce){.hanging-signboard{animation:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-game);background-color:var(--palette-light-yellow);color:var(--ink);-webkit-font-smoothing:antialiased;cursor:var(--cursor-default)}body{min-height:100vh;background-color:var(--palette-light-yellow);background-image:var(--paper-dots);color:var(--ink);overflow-x:hidden;line-height:1.5;cursor:var(--cursor-default)}a,button,[role=button],input[type=submit],input[type=button],select{cursor:var(--cursor-pointer)}.landing-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.landing-header{position:sticky;top:0;z-index:100;background-color:var(--paper);background-image:var(--paper-dots);border-bottom:var(--line);box-shadow:0 2px 8px rgba(var(--rgb-ink),.08)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px;max-width:1200px;margin:0 auto;padding:0 20px}.header-logo-wrap{position:relative;text-decoration:none}.header-logo-tag{display:inline-flex;align-items:center;gap:8px;background:var(--palette-vibrant-coral);color:#fff;padding:6px 16px;font-size:1.25rem;font-weight:900;letter-spacing:.02em;border:var(--line);border-radius:var(--wobble-2);box-shadow:var(--shadow-hard-sm);transform:rotate(-2deg);transition:transform .2s ease}.header-logo-wrap:hover .header-logo-tag{transform:rotate(0) scale(1.04)}.header-nav{display:flex;align-items:center;gap:12px}.nav-tab-link{font-size:.95rem;font-weight:700;color:var(--ink);text-decoration:none;padding:6px 14px;border-radius:var(--wobble-sm);transition:all .15s ease;position:relative}.nav-tab-link:hover{background-color:var(--surface-raised);transform:translateY(-2px) rotate(-1deg)}.header-actions{display:flex;align-items:center;gap:12px}.lang-dropdown{position:relative;display:inline-block}.lang-dropdown-btn{height:44px;padding:0 12px;border-radius:var(--wobble-sm);border:var(--line);background:var(--surface-raised);box-shadow:var(--shadow-hard-sm);font-family:var(--font-game);font-size:.95rem;font-weight:800;color:var(--ink);display:inline-flex;align-items:center;gap:8px;cursor:var(--cursor-pointer);transition:transform .15s ease,box-shadow .15s ease;user-select:none}.lang-dropdown-btn:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:var(--shadow-hard)}.lang-dropdown.open .lang-dropdown-btn{transform:translateY(1px);box-shadow:1px 1px 0 var(--ink)}.lang-flag{font-size:1.25rem;line-height:1;display:inline-flex;align-items:center}.lang-label{font-weight:700;white-space:nowrap}.lang-arrow{font-size:.75rem;transition:transform .2s ease;color:var(--ink)}.lang-dropdown.open .lang-arrow{transform:rotate(180deg)}.lang-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:186px;background:var(--paper);border:var(--line);border-radius:var(--wobble-1);box-shadow:var(--shadow-hard);padding:6px;display:none;flex-direction:column;gap:4px;z-index:1000;animation:langFadeIn .15s ease-out}@keyframes langFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lang-dropdown.open .lang-dropdown-menu{display:flex}.lang-dropdown-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 12px;border:1.5px solid transparent;border-radius:var(--wobble-sm);background:transparent;color:var(--ink);font-family:var(--font-game);font-size:.95rem;font-weight:700;cursor:var(--cursor-pointer);text-align:left;transition:background-color .12s ease,transform .12s ease;min-height:40px}.lang-dropdown-item:hover,.lang-dropdown-item:focus-visible{background:var(--surface-raised);border-color:var(--ink);transform:translate(2px);outline:none}.lang-dropdown-item.active{background:var(--palette-soft-apricot);border-color:var(--ink);font-weight:800}.header-play-btn{font-size:.95rem;padding:10px 20px}.hero-section{padding:60px 0 50px;position:relative}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}.hero-content{display:flex;flex-direction:column;gap:20px}.hero-badge-wrap{position:relative;display:inline-block;align-self:flex-start}.hero-badge{display:inline-flex;align-items:center;gap:6px;background-color:var(--palette-soft-apricot);color:var(--ink);font-size:.85rem;font-weight:800;padding:6px 16px;border:var(--line-sm);border-radius:var(--wobble-1);box-shadow:var(--shadow-hard-sm);transform:rotate(-1deg)}.hero-title{font-size:2.19rem;font-weight:900;line-height:1.15;color:var(--ink);letter-spacing:-.02em}.hero-title-highlight{color:var(--palette-cerulean);position:relative;display:inline-block}.hero-desc{font-size:1.12rem;line-height:1.65;color:color-mix(in srgb,var(--ink) 85%,#000);max-width:580px}.hero-cta-group{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:10px}.hero-doodle-hint{display:flex;align-items:center;gap:6px;font-size:.86rem;font-weight:700;color:var(--palette-cerulean);margin-left:4px}.hero-visual{display:flex;justify-content:center;position:relative}.hero-polaroid{width:100%;max-width:420px}.hero-canvas-wrapper{width:100%;aspect-ratio:4 / 3;background-color:color-mix(in srgb,var(--ink) 85%,var(--palette-cerulean));border:var(--line-sm);border-radius:6px;overflow:hidden;position:relative}.hero-canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.trust-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:50px}.trust-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--surface-raised);border:var(--line-sm);border-radius:var(--wobble-1);box-shadow:var(--shadow-hard-sm);padding:20px 16px;font-size:1.3rem;line-height:1.25;font-weight:900;text-align:center;transition:transform .2s ease}.trust-pill:nth-child(1){background:color-mix(in srgb,var(--palette-light-yellow) 70%,#fff)}.trust-pill:nth-child(2){background:var(--palette-soft-apricot)}.trust-pill:nth-child(3){background:color-mix(in srgb,var(--palette-tropical-teal) 30%,#fff)}.trust-pill:nth-child(4){background:color-mix(in srgb,var(--palette-vibrant-coral) 25%,#fff)}.trust-pill:nth-child(odd){transform:rotate(-1.2deg)}.trust-pill:nth-child(2n){transform:rotate(1deg)}.trust-pill:hover{transform:translateY(-2px) scale(1.02)}.trust-pill-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:#fff;border:var(--line-sm);border-radius:50%;box-shadow:var(--shadow-hard-sm)}.section-head{text-align:center;margin-bottom:48px;position:relative}.section-tag{display:inline-block;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--palette-cerulean);margin-bottom:8px}.section-title{font-size:2.25rem;font-weight:900;color:var(--ink);margin-bottom:12px}.section-subtitle{font-size:1.05rem;color:color-mix(in srgb,var(--ink) 75%,#000);max-width:650px;margin:0 auto}.bento-section{padding:60px 0}.bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.bento-card:last-child:nth-child(odd){grid-column:1 / -1}.bento-card{min-height:200px;display:flex;flex-direction:column;justify-content:space-between}.bento-card-top{display:flow-root}.bento-icon{float:left;font-size:2.4rem;margin:2px 14px 4px 0}.bento-card-title{font-size:1.3rem;font-weight:800;color:var(--ink);margin-bottom:8px}.bento-card-desc{font-size:.95rem;line-height:1.6;color:color-mix(in srgb,var(--ink) 80%,#000)}.bento-footer{margin-top:18px;display:flex;align-items:center;justify-content:space-between}.bento-badge{font-size:.78rem;font-weight:800;padding:4px 10px;border-radius:var(--wobble-sm);border:1.5px solid var(--ink);background:var(--surface-sunken)}.showcase-section{padding:60px 0}.recipe-binder-box{background:var(--paper);border:var(--line);border-radius:var(--wobble-lg);box-shadow:var(--shadow-hard-lg);padding:32px;position:relative}.binder-rings{position:absolute;top:-16px;left:40px;display:flex;gap:40px}.binder-ring{width:14px;height:28px;background:color-mix(in srgb,var(--palette-soft-apricot) 45%,#fff);border:var(--line-sm);border-radius:7px;box-shadow:inset 0 2px 4px #fffc}.recipe-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px;border-bottom:var(--line-soft);padding-bottom:16px}.recipe-tab-btn{font-family:var(--font-game);font-size:.92rem;font-weight:800;padding:8px 18px;border:var(--line-sm);border-radius:var(--wobble-sm);background:var(--surface-raised);color:var(--ink);cursor:var(--cursor-pointer);box-shadow:var(--shadow-hard-sm);transition:all .15s ease;min-height:44px}.recipe-tab-btn:hover{transform:translateY(-2px)}.recipe-tab-btn.active{background:var(--palette-cerulean);color:#fff;transform:translateY(-2px) rotate(-1deg)}.dish-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.dish-card{background:var(--surface-raised);border:var(--line);border-radius:var(--wobble-1);box-shadow:var(--shadow-hard-sm);padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;transition:transform .2s ease,box-shadow .2s ease}.dish-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hard)}.dish-canvas-box{width:115px;height:92px;display:flex;align-items:center;justify-content:center;background:#fff;border:var(--line-sm);border-radius:var(--wobble-sm);margin-bottom:12px;position:relative}.dish-card-soon{border-style:dashed;background:transparent;align-items:center;text-align:center}.dish-card-soon .dish-name{justify-content:center}.dish-soon-icon{width:52px;height:52px;opacity:.35;filter:grayscale(1)}.dish-soon-mark{position:absolute;font-size:2rem;font-weight:900;color:var(--palette-cerulean)}.dish-soon-badge{margin-top:auto;padding:4px 12px;font-size:.8rem;font-weight:900;background:var(--palette-light-yellow);border:var(--line-sm);border-radius:var(--wobble-sm)}.dish-sparkle{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;background:color-mix(in srgb,var(--palette-light-yellow) 40%,#fff);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);pointer-events:none;opacity:0;animation:dishSparkle 1.8s ease-in-out infinite}@keyframes dishSparkle{0%,to{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(45deg)}}@media(prefers-reduced-motion:reduce){.dish-sparkle{animation:none;opacity:.9}}.dish-canvas{width:105px;height:82px;display:block}.dish-name{font-size:1.1rem;font-weight:800;margin-bottom:4px;display:flex;align-items:center;gap:6px}.dish-desc{font-size:.82rem;color:color-mix(in srgb,var(--ink) 75%,#000);line-height:1.4;margin-bottom:12px;min-height:38px}.dish-meta-row{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:.86rem;font-weight:700;padding:6px 10px;background:var(--paper);border:1.5px dashed rgba(var(--rgb-ink),.3);border-radius:var(--wobble-sm);margin-bottom:12px}.dish-tier-control{width:100%;display:flex;flex-direction:column;gap:6px}.dish-tier-label{font-size:.78rem;font-weight:800;color:var(--palette-cerulean);display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.dish-tier-label strong{font-size:.92rem;color:var(--ink);white-space:nowrap}.dish-stars-row{display:flex;justify-content:center;gap:4px}.dish-hint{text-align:center;font-weight:800;font-size:.95rem;color:var(--ink);background:color-mix(in srgb,var(--palette-light-yellow) 70%,#fff);border:2px dashed var(--palette-cerulean);border-radius:12px;padding:10px 14px;margin:0 0 18px}.dish-tier-pick{text-align:center;font-size:.72rem;font-weight:700;color:var(--ink);opacity:.7;margin-top:4px}.star-btn{background:none;border:none;font-size:.95rem;cursor:var(--cursor-pointer);padding:2px 0;flex:1 1 0;min-width:0;min-height:36px;font-weight:800;background:#fff;border:2px solid var(--palette-cerulean);border-radius:10px;transition:transform .15s ease,background .15s ease}.star-btn:hover{transform:scale(1.3)}.star-btn.active{background:var(--palette-light-yellow);filter:drop-shadow(0 1px 2px rgba(var(--rgb-ink),.3))}.how-it-works-section{padding:60px 0}.steps-container{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px}.step-card{text-align:center;padding:30px 20px}.step-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--palette-cerulean);color:#fff;font-weight:900;border:var(--line-sm);border-radius:50%;margin-bottom:12px}.step-title{font-size:1.15rem;font-weight:800;margin-bottom:8px}.step-desc{font-size:.9rem;line-height:1.5;color:color-mix(in srgb,var(--ink) 80%,#000)}.faq-section{padding:60px 0}.faq-list{display:flex;flex-direction:column;gap:16px;max-width:820px;margin:0 auto}.faq-item{background:var(--surface-raised);border:var(--line);border-radius:var(--wobble-1);box-shadow:var(--shadow-hard-sm);position:relative;transition:all .2s ease}.faq-question-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;font-family:var(--font-game);font-size:1.05rem;font-weight:800;color:var(--ink);background:none;border:none;cursor:var(--cursor-pointer);text-align:left;min-height:52px}.faq-arrow{font-size:1rem;transition:transform .2s ease}.faq-item.open .faq-arrow{transform:rotate(90deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(0,1,0,1)}.faq-answer-inner{padding:0 24px 20px;font-size:.96rem;line-height:1.65;color:color-mix(in srgb,var(--ink) 82%,#000);border-top:var(--line-soft);margin-top:4px}.faq-item.open .faq-answer{max-height:300px;transition:max-height .3s cubic-bezier(1,0,1,0)}.signboard-section{padding:80px 0 60px;background-color:var(--palette-light-yellow)}.signboard-title{font-size:1.85rem;font-weight:900;margin-bottom:12px}.signboard-desc{font-size:1.05rem;color:color-mix(in srgb,var(--ink) 80%,#000);margin-bottom:24px}.landing-footer{background-color:var(--paper);border-top:var(--line);padding:48px 0 32px;position:relative}.footer-content{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:36px;margin-bottom:36px}.footer-col-title{font-size:1.1rem;font-weight:800;margin-bottom:14px}.footer-links{list-style:none;display:flex;flex-direction:column;gap:8px}.footer-link{font-size:.92rem;font-weight:700;color:var(--ink);text-decoration:none;transition:color .15s ease}.footer-link:hover{color:var(--palette-cerulean)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:var(--line-soft);padding-top:24px;font-size:.85rem;color:color-mix(in srgb,var(--ink) 70%,#000)}@media(max-width:992px){.hero-grid{grid-template-columns:1fr;text-align:center}.hero-content{align-items:center}.hero-badge-wrap{align-self:center}.hero-cta-group{justify-content:center}.bento-grid{grid-template-columns:repeat(2,1fr)}.steps-container{grid-template-columns:1fr}.cat-paw-trail{transform:rotate(90deg);margin:8px 0}.trust-bar{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:1fr}}@media(max-width:768px){.header-nav,.lang-label{display:none}.lang-dropdown-btn{padding:0 10px}.hero-title{font-size:1.67rem}.bento-grid,.trust-bar{grid-template-columns:1fr}.recipe-binder-box{padding:20px 14px}.binder-rings{display:none}.hanging-signboard{padding:24px 16px}.signboard-title{font-size:1.45rem}.footer-bottom{flex-direction:column;gap:12px;text-align:center}}.music-toggle-btn{width:44px;height:44px;flex:none;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--ink);border-radius:50%;background:var(--palette-light-yellow);color:var(--ink);cursor:pointer}.music-toggle-btn .music-off-slash{display:none}.music-toggle-btn.is-off{opacity:.7}.music-toggle-btn.is-off .music-off-slash{display:inline}