:root {--color-cream: #F8F3EE;--color-cream-2: #F2EBE2;--color-warm-white: #FDFAF7;--color-parchment: #EDE4D8;--color-ink: #1A1510;--color-ink-2: #221D17;--color-ink-3: #2E2720;--color-gold: #C9A96E;--color-gold-lt: #E4CFA0;--color-gold-dk: #A87E45;--color-gold-pale: #F5EDD8;--color-rose: #C47A85;--color-sage: #8BAE96;--color-teal: #5BBFB5;--text-primary: #1A1510;--text-mid: #5A5048;--text-soft: #9C8E83;--text-muted: #C4B8AF;--text-on-dark: #F5F0EA;--text-on-dark-soft: #C8BFB5;--text-on-dark-muted: #7A7068;--border-light: rgba(201, 169, 110, 0.2);--border-light-2: rgba(201, 169, 110, 0.1);--border-dark: rgba(255, 255, 255, 0.08);--border-dark-2: rgba(255, 255, 255, 0.12);--font-display: 'Playfair Display', 'Noto Serif JP', Georgia, serif;--font-body: 'Jost', 'Noto Serif JP', sans-serif;--text-xs: 10px;--text-sm: 12px;--text-base: 15px;--text-md: 17px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 44px;--text-4xl: 56px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-28: 110px;--radius-sm: 4px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.08);--shadow-md: 0 8px 32px rgba(0, 0, 0, 0.12);--shadow-lg: 0 20px 56px rgba(0, 0, 0, 0.15);--shadow-xl: 0 32px 80px rgba(0, 0, 0, 0.2);--shadow-gold: 0 8px 28px rgba(201, 169, 110, 0.35);--shadow-gold-lg: 0 16px 48px rgba(201, 169, 110, 0.45);--shadow-dark: 0 8px 28px rgba(0, 0, 0, 0.3);--transition-fast: 0.2s ease;--transition-base: 0.3s ease;--transition-slow: 0.5s ease;--transition-spring: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);--transition-smooth: 0.7s cubic-bezier(0.22, 1, 0.36, 1);--z-base: 1;--z-raised: 10;--z-dropdown: 50;--z-sticky: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 400;}*, *::before, *::after {margin: 0;padding: 0;box-sizing: border-box;}html {scroll-behavior: smooth;font-size: 16px;-webkit-text-size-adjust: 100%;}body {font-family: var(--font-body);background-color: var(--color-cream);color: var(--text-primary);overflow-x: hidden;line-height: 1.7;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}img, video {max-width: 100%;height: auto;display: block;}a {color: inherit;text-decoration: none;}button, input, select, textarea {font-family: inherit;font-size: inherit;}ul, ol {list-style: none;}::-webkit-scrollbar {width: 4px;}::-webkit-scrollbar-track {background: var(--color-cream);}::-webkit-scrollbar-thumb {background: var(--color-gold-dk);border-radius: var(--radius-full);}.container {max-width: 1160px;margin: 0 auto;padding: 0 var(--space-6);}.container--narrow {max-width: 720px;margin: 0 auto;padding: 0 var(--space-6);}.container--wide {max-width: 1360px;margin: 0 auto;padding: 0 var(--space-6);}.grid-2 {display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--space-12);}.grid-3 {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-5);}.grid-4 {display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--space-5);}.flex-center {display: flex;align-items: center;justify-content: center;}.flex-between {display: flex;align-items: center;justify-content: space-between;}.flex-gap-sm {gap: var(--space-3);}.flex-gap-md {gap: var(--space-4);}.flex-gap-lg {gap: var(--space-6);}.text-center {text-align: center;}.text-left {text-align: left;}.text-right {text-align: right;}.section-label {font-family: var(--font-body);font-size: var(--text-xs);font-weight: 600;letter-spacing: 0.22em;text-transform: uppercase;color: var(--color-gold-dk);display: block;margin-bottom: var(--space-3);}.section-label--light {color: var(--color-gold-lt);}.section-title {font-family: var(--font-display);font-size: clamp(28px, 4vw, 48px);font-weight: 700;color: var(--text-primary);line-height: 1.2;margin-bottom: var(--space-4);}.section-title--light {color: var(--text-on-dark);}.section-sub {font-size: var(--text-base);color: var(--text-mid);line-height: 1.9;}.section-sub--light {color: var(--text-on-dark-soft);}.gold-line {width: 44px;height: 2px;background: linear-gradient(90deg, var(--color-gold-dk), var(--color-gold), transparent);border-radius: var(--radius-full);margin: var(--space-4) 0;}.gold-line--center {margin-left: auto;margin-right: auto;}.btn {display: inline-flex;align-items: center;gap: var(--space-2);font-family: var(--font-body);font-size: var(--text-sm);font-weight: 600;letter-spacing: 0.05em;padding: 14px 32px;border-radius: var(--radius-sm);border: none;cursor: pointer;text-decoration: none;position: relative;overflow: hidden;transition: transform var(--transition-base), box-shadow var(--transition-base);white-space: nowrap;}.btn::after {content: '';position: absolute;inset: 0;background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent);opacity: 0;transition: opacity var(--transition-base);}.btn:hover {transform: translateY(-3px);}.btn:hover::after {opacity: 1;}.btn:active {transform: translateY(-1px);}.btn--gold {background: linear-gradient(135deg, var(--color-gold) 0%, var(--color-gold-dk) 100%);color: #fff;box-shadow: var(--shadow-gold);}.btn--gold:hover {box-shadow: var(--shadow-gold-lg);}.btn--outline {background: transparent;border: 1.5px solid var(--color-gold);color: var(--color-gold-dk);}.btn--outline:hover {background: var(--color-gold-pale);}.btn--dark {background: var(--color-ink);color: var(--text-on-dark);box-shadow: var(--shadow-dark);}.btn--dark:hover {box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4);}.btn--sm {padding: 10px 22px;font-size: var(--text-xs);}.btn--full {width: 100%;justify-content: center;}.store-btn {display: inline-flex;align-items: center;gap: 13px;padding: 13px 22px;border-radius: 10px;text-decoration: none;transition: transform var(--transition-spring), box-shadow var(--transition-base);min-width: 162px;border: none;cursor: pointer;}.store-btn:hover {transform: translateY(-4px) scale(1.03);}.store-btn--apple {background: var(--color-ink);border: 1px solid rgba(255, 255, 255, 0.1);color: var(--text-on-dark);box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25);}.store-btn--apple:hover {box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);}.store-btn--google {background: linear-gradient(135deg, var(--color-gold) 0%, var(--color-gold-dk) 100%);color: #fff;box-shadow: var(--shadow-gold);}.store-btn--google:hover {box-shadow: var(--shadow-gold-lg);}.store-btn--lg {padding: 16px 28px;min-width: 196px;}.store-btn--soon {opacity: 0.7;cursor: default;pointer-events: none;filter: grayscale(0.4);}.store-btn--soon:hover {transform: none;box-shadow: none;}.store-icon {width: 26px;height: 26px;flex-shrink: 0;fill: currentColor;}.store-btn--lg .store-icon {width: 30px;height: 30px;}.store-text {display: flex;flex-direction: column;line-height: 1.2;}.store-text__sub {font-size: var(--text-xs);font-weight: 400;opacity: 0.65;letter-spacing: 0.04em;}.store-text__main {font-size: 15px;font-weight: 700;}.store-btn--lg .store-text__main {font-size: 17px;}.card {background: var(--color-warm-white);border: 1px solid var(--border-light);border-radius: var(--radius-2xl);padding: var(--space-10) var(--space-7);position: relative;overflow: hidden;transition: transform var(--transition-spring), box-shadow var(--transition-base), border-color var(--transition-base);}.card:hover {transform: translateY(-8px) scale(1.01);box-shadow: 0 24px 64px rgba(201, 169, 110, 0.14);border-color: var(--color-gold-lt);}.card--dark {background: rgba(255, 255, 255, 0.04);border-color: var(--border-dark);}.card--dark:hover {border-color: rgba(201, 169, 110, 0.35);box-shadow: 0 28px 64px rgba(0, 0, 0, 0.4);background: rgba(255, 255, 255, 0.06);}.bg-cream {background-color: var(--color-cream);}.bg-cream-2 {background-color: var(--color-cream-2);}.bg-warm-white {background-color: var(--color-warm-white);}.bg-parchment {background-color: var(--color-parchment);}.bg-ink {background-color: var(--color-ink);}.bg-ink-2 {background-color: var(--color-ink-2);}.bg-ink-3 {background-color: var(--color-ink-3);}.reveal {opacity: 0;transform: translateY(28px);transition: opacity var(--transition-smooth), transform var(--transition-smooth);}.reveal.is-visible {opacity: 1;transform: translateY(0);}.reveal-left {opacity: 0;transform: translateX(-36px);transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);}.reveal-left.is-visible {opacity: 1;transform: translateX(0);}.reveal-right {opacity: 0;transform: translateX(36px);transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);}.reveal-right.is-visible {opacity: 1;transform: translateX(0);}.reveal-delay-1 {transition-delay: 0.1s;}.reveal-delay-2 {transition-delay: 0.2s;}.reveal-delay-3 {transition-delay: 0.3s;}.reveal-delay-4 {transition-delay: 0.4s;}.reveal-delay-5 {transition-delay: 0.5s;}.reveal-delay-6 {transition-delay: 0.6s;}.nav {position: fixed;top: 0;left: 0;right: 0;z-index: var(--z-overlay);padding: 18px 0;background: rgba(22, 18, 14, 0.96);backdrop-filter: blur(24px);-webkit-backdrop-filter: blur(24px);border-bottom: 1px solid rgba(201, 169, 110, 0.12);box-shadow: 0 4px 32px rgba(0, 0, 0, 0.35);transition: padding var(--transition-base), box-shadow var(--transition-base);}.nav.is-scrolled {padding: 12px 0;background: rgba(16, 13, 10, 0.98);border-bottom-color: rgba(201, 169, 110, 0.2);box-shadow: 0 6px 48px rgba(0, 0, 0, 0.5);}.nav__inner {display: flex;align-items: center;justify-content: space-between;}.nav__logo {display: flex;align-items: center;gap: 10px;text-decoration: none;flex-shrink: 0;}.nav__logo-img {height: 38px;width: auto;display: block;transition: transform var(--transition-base);flex-shrink: 0;}.nav__logo:hover .nav__logo-img {transform: scale(1.05);}.nav__logo-text {display: flex;flex-direction: column;line-height: 1.15;}.nav__logo-name {font-family: var(--font-display);font-size: 20px;font-weight: 700;color: var(--text-on-dark);letter-spacing: 0.02em;}.nav__logo-tagline {font-family: var(--font-body);font-size: 9.5px;font-weight: 500;letter-spacing: 0.12em;color: var(--color-gold);opacity: 0.85;white-space: nowrap;}.nav__links {display: flex;align-items: center;gap: 32px;}.nav__link {font-family: var(--font-body);font-size: var(--text-sm);font-weight: 500;letter-spacing: 0.06em;color: var(--text-on-dark-soft);text-decoration: none;position: relative;transition: color var(--transition-fast);}.nav__link::after {content: '';position: absolute;bottom: -3px;left: 0;width: 0;height: 1px;background: var(--color-gold);transition: width var(--transition-base);}.nav__link:hover {color: var(--color-gold);}.nav__link:hover::after {width: 100%;}.nav__link.is-active {color: var(--color-gold);}.nav__actions {display: flex;align-items: center;gap: 10px;}.nav__hamburger {display: none;flex-direction: column;gap: 5px;background: none;border: none;cursor: pointer;padding: 4px;}.nav__hamburger-line {display: block;width: 22px;height: 1.5px;background: var(--text-on-dark-soft);border-radius: var(--radius-full);transition: all var(--transition-base);}.nav__hamburger.is-open .nav__hamburger-line:nth-child(1) {transform: translateY(6.5px) rotate(45deg);}.nav__hamburger.is-open .nav__hamburger-line:nth-child(2) {opacity: 0;}.nav__hamburger.is-open .nav__hamburger-line:nth-child(3) {transform: translateY(-6.5px) rotate(-45deg);}.nav__mobile-menu {display: none;flex-direction: column;gap: 18px;padding: 24px 28px;background: rgba(16, 13, 10, 0.98);backdrop-filter: blur(20px);border-bottom: 1px solid rgba(201, 169, 110, 0.2);width:100%;}.nav__mobile-menu.is-open {display: flex;}.nav__mobile-link {font-size: var(--text-base);font-weight: 500;color: var(--text-on-dark-soft);text-decoration: none;padding: 4px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.05);transition: color var(--transition-fast);}.nav__mobile-link:hover {color: var(--color-gold);}.footer {background: var(--color-ink);border-top: 1px solid rgba(201, 169, 110, 0.12);padding: 72px 0 32px;}.footer__grid {display: grid;grid-template-columns: 2fr 1fr 1fr 1fr;gap: 48px;margin-bottom: 32px;}.footer__logo {font-family: var(--font-display);font-size: var(--text-xl);font-weight: 700;color: var(--text-on-dark);text-decoration: none;display: flex;align-items: center;gap: var(--space-2);margin-bottom: var(--space-3);}.footer__logo-img {height: clamp(36px, 5vw, 48px);width: auto;display: block;}.footer__tagline {font-size: var(--text-sm);color: var(--text-on-dark-muted);line-height: 1.8;margin-bottom: var(--space-6);}.footer__social {display: flex;gap: var(--space-2);}.footer__social-btn {width: 34px;height: 34px;border-radius: 7px;background: rgba(255, 255, 255, 0.04);border: 1px solid var(--border-dark);display: flex;align-items: center;justify-content: center;font-size: 14px;cursor: pointer;text-decoration: none;color: var(--text-on-dark-soft);transition: all var(--transition-base);}.footer__social-btn:hover {background: rgba(201, 169, 110, 0.12);border-color: rgba(201, 169, 110, 0.3);transform: translateY(-2px);}.footer__col-title {font-size: var(--text-xs);font-weight: 700;letter-spacing: 0.18em;text-transform: uppercase;color: var(--color-gold-dk);margin-bottom: 20px;}.footer__links {list-style: none;}.footer__links li {margin-bottom: 10px;}.footer__link {font-size: var(--text-sm);color: var(--text-on-dark-muted);text-decoration: none;transition: color var(--transition-fast);}.footer__link:hover {color: var(--color-gold);}.footer__stores {display: flex;gap: 14px;flex-wrap: wrap;padding: 28px 0;border-top: 1px solid rgba(255, 255, 255, 0.06);border-bottom: 1px solid rgba(255, 255, 255, 0.06);margin-bottom: 24px;}.footer__stores .store-btn {opacity: 0.85;}.footer__stores .store-btn:hover {opacity: 1;}.footer__bottom {align-items: center;justify-content: space-between;flex-wrap: wrap;gap: var(--space-3);}.footer__copy {font-size: 11px;color: var(--text-on-dark-muted);text-align: center;}.footer__legal {font-size: 11px;color: var(--text-on-dark-muted);text-align: right;line-height: 1.9;}.footer__legal-link {color: var(--color-gold);text-decoration: none;transition: opacity var(--transition-fast);}.footer__legal-link:hover {opacity: 0.8;}.cursor-dot {width: 8px;height: 8px;background: var(--color-gold);border-radius: 50%;position: fixed;pointer-events: none;z-index: var(--z-toast);transform: translate(-50%, -50%);transition: transform 0.1s ease, opacity 0.2s ease;mix-blend-mode: multiply;}@keyframes spin-star {to {transform: rotate(360deg);}}@keyframes blink {0%, 100% {opacity: 1;}50% {opacity: 0.3;}}@keyframes pulse-ring {0%, 100% {transform: scale(1);opacity: 0.7;}50% {transform: scale(1.2);opacity: 1;}}@keyframes float-y {0%, 100% {transform: translateY(0);}50% {transform: translateY(-10px);}}@keyframes glow-pulse {0%, 100% {transform: translate(-50%, -50%) scale(1);opacity: 0.7;}50% {transform: translate(-50%, -50%) scale(1.2);opacity: 1;}}@keyframes grad-shift {0% {background-position: 0% 50%;}100% {background-position: 100% 50%;}}@keyframes fade-up {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}@keyframes tag-pop {from {transform: scale(0.85);opacity: 0;}to {transform: scale(1);opacity: 1;}}@keyframes bar-grow {from {width: 0 !important;}}@keyframes spin-ring {to {transform: translate(-50%, -50%) rotate(360deg);}}@keyframes star-twinkle {0%, 100% {opacity: 0.1;transform: scale(1);}50% {opacity: 0.7;transform: scale(1.5);}}@keyframes mesh-shift {0% {transform: scale(1) translate(0, 0);}100% {transform: scale(1.08) translate(-20px, -10px);}}@keyframes petal-float {0% {transform: translateY(110vh) rotate(0deg) scale(0);opacity: 0;}5% {opacity: 0.6;}95% {opacity: 0.3;}100% {transform: translateY(-10vh) rotate(720deg) scale(1.5);opacity: 0;}}@keyframes marquee-scroll {0% {transform: translateX(0);}100% {transform: translateX(-50%);}}.grid-2--vcenter {align-items: center;}.grid-2--vstart {align-items: start;}.grid-2--vend {align-items: end;}.avatar--rose {background: linear-gradient(135deg, #C47A85, #C47A85bb);}.avatar--sage {background: linear-gradient(135deg, #8BAE96, #8BAE96bb);}.avatar--violet {background: linear-gradient(135deg, #9B8EC4, #9B8EC4bb);}.avatar--gold {background: linear-gradient(135deg, #C9A96E, #C9A96Ebb);}.avatar--teal {background: linear-gradient(135deg, #5BBFB5, #5BBFB5bb);}[data-color] {background: var(--avatar-bg, linear-gradient(135deg, var(--color-gold-dk), var(--color-gold)));}.rating-pill__bar-fill {width: var(--bar-w, 0%);}@media (max-width: 1100px) {.grid-4 {grid-template-columns: repeat(2, 1fr);}}@media (max-width: 960px) {.grid-2 {grid-template-columns: 1fr;gap: var(--space-10);}.grid-3 {grid-template-columns: 1fr;}.grid-4 {grid-template-columns: repeat(2, 1fr);}.nav__links {display: none;}.nav__logo-tagline {display: none;}.nav__hamburger {display: flex;}.footer__grid {grid-template-columns: 1fr 1fr;gap: var(--space-8);}.text-center-mobile {text-align: center;}.section-sub {max-width: 100%;}.gold-line--center {margin-left: auto;margin-right: auto;}}@media (max-width: 640px) {.container {padding: 0 var(--space-5);}.grid-4 {grid-template-columns: 1fr;}.footer__grid {grid-template-columns: 1fr;}.store-btn {min-width: 140px;padding: 12px 16px;}.store-btn--lg {min-width: 160px;}}.lang-toggle {display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(201, 169, 110, 0.22);border-radius:9999px;background:rgba(255, 255, 255, 0.06);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.lang-btn {display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:32px;padding:0 12px;border-radius:9999px;font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-on-dark-soft);transition:background var(--transition-base), color var(--transition-base), transform var(--transition-base);}
.lang-btn:hover {color:var(--color-gold);transform:translateY(-1px);}
.lang-btn.active {background:linear-gradient(135deg, var(--color-gold), var(--color-gold-dk));color:#fff;box-shadow:var(--shadow-gold);}
@media (max-width: 960px) {.lang-toggle {margin-right:8px;}}