body.public-shell{--public-header-height:88px;--public-nav-purple:var(--design-purple);--public-nav-pink:var(--design-lavender)}body.public-shell main{padding-top:var(--public-header-height)}body.public-shell .public-header{z-index:100;background:linear-gradient(180deg, color-mix(in srgb, var(--design-bg-main) 78%, transparent), color-mix(in srgb, var(--design-bg-main) 14%, transparent));box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:0;position:fixed;top:0;left:0;right:0}body.public-shell .public-header .container-fluid.public-nav,body.public-shell .public-nav{width:100%;max-width:none;min-height:var(--public-header-height);padding:.7rem clamp(1rem,2.4vw,2rem)}body.public-shell .public-header .brand-mark{min-width:0;max-width:clamp(9rem,28vw,16rem);color:var(--design-text);gap:.65rem}body.public-shell .public-header .brand-mark>span:last-child{min-width:0}body.public-shell .public-header .brand-seal{width:34px;height:34px;box-shadow:none;background:0 0;border:0;flex:0 0 34px}body.public-shell .public-header .brand-mark strong{max-width:100%;color:var(--design-text);letter-spacing:0;overflow-wrap:anywhere;font-size:1.05rem;font-weight:900;display:block}body.public-shell .public-header .brand-mark small{color:var(--design-text-muted);overflow-wrap:anywhere;line-height:1.3;display:block}body.public-shell .public-nav-links{flex-wrap:wrap;flex:auto;justify-content:center;gap:clamp(.45rem,1.1vw,.85rem);min-width:0;display:flex}body.public-shell .nav-link-pill{min-height:42px;color:var(--design-text);text-align:center;white-space:normal;overflow-wrap:anywhere;background:0 0;border:0;border-radius:0;flex:0 auto;padding:.35rem .55rem;font-size:.9rem;font-weight:850;line-height:1.25;position:relative}body.public-shell .nav-link-pill:after{content:"";background:var(--public-nav-purple);border-radius:999px;height:2px;transition:left .16s,right .16s;display:block;position:absolute;bottom:.2rem;left:50%;right:50%}body.public-shell .nav-link-pill:hover,body.public-shell .nav-link-pill:focus-visible,body.public-shell .nav-link-pill.is-active{color:var(--public-nav-purple);background:0 0;border-color:#0000}body.public-shell .nav-link-pill:hover:after,body.public-shell .nav-link-pill:focus-visible:after,body.public-shell .nav-link-pill.is-active:after{left:38%;right:38%}body.public-shell .public-auth-actions{flex-wrap:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:.75rem;min-width:0;max-width:100%;display:inline-flex}body.public-shell .public-auth-actions .btn,body.public-shell .public-auth-actions .user-chip,body.public-shell .public-auth-actions .user-wallet-balance,body.public-shell .public-auth-actions .public-free-cta{white-space:normal;overflow-wrap:anywhere;border-radius:999px;width:auto;max-width:min(100%,18rem);min-height:44px;font-size:.84rem;font-weight:900;line-height:1.25}body.public-shell .public-auth-actions .btn>span,body.public-shell .public-auth-actions .public-free-cta>span,body.public-shell .public-auth-actions .user-chip>span{min-width:0}body.public-shell .public-auth-actions .user-wallet-balance{white-space:nowrap;max-width:8.5rem}body.public-shell .public-auth-actions .btn-primary,body.public-shell .public-auth-actions .public-free-cta{color:var(--public-nav-purple);background:linear-gradient(135deg,#fff 0%,#fff8ff 42%,#f5efff 100%);border-color:#0000;box-shadow:0 16px 34px #6d49d833,inset 0 0 0 1px #7d4df41f}body.public-shell .public-auth-actions .btn-outline-ink,body.public-shell .public-auth-actions .user-chip{color:#30264d;background:#ffffff94;border-color:#7d4df42e}body.public-shell .public-nav-utility>.locale-switcher{background:#ffffff94;border:1px solid #7d4df429;border-radius:999px;justify-content:center;align-items:center;gap:.25rem;max-width:100%;padding:.25rem;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff6b}body.public-shell .public-nav-utility>.locale-switcher .locale-link{min-height:1.72rem;color:var(--design-text);white-space:normal;overflow-wrap:anywhere;border-radius:999px;padding:.18rem .55rem;font-size:.74rem;font-weight:900;line-height:1.25}body.public-shell .public-nav-utility>.locale-switcher .locale-link:hover,body.public-shell .public-nav-utility>.locale-switcher .locale-link:focus-visible,body.public-shell .public-nav-utility>.locale-switcher .locale-link.is-active{background:linear-gradient(135deg, var(--public-nav-purple), var(--public-nav-pink));color:#fff}body.public-shell .public-navigation-brand{display:none}body.public-shell main>:is(.home-hero.home-dream-hero,.omikuji-hero,.tarot-hero,.kyusei-hero,.shichu-hero,.seimei-hero,.bloodz-hero):first-child,body.public-shell main>:first-child>:is(.home-hero.home-dream-hero,.omikuji-hero,.tarot-hero,.kyusei-hero,.shichu-hero,.seimei-hero,.bloodz-hero):first-child{margin-top:calc(var(--public-header-height) * -1)}@media (width>=1181px){body.public-shell{--public-header-height:88px}body.public-shell .public-nav{grid-template-rows:auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 clamp(1rem,2.2vw,2.5rem);display:grid}body.public-shell .public-nav>.brand-mark{grid-area:1/1}body.public-shell .public-nav-utility{grid-area:1/2;grid-template-rows:auto;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:0 clamp(.6rem,1.4vw,1.25rem);min-width:0;display:grid!important}body.public-shell .public-nav-links{scrollbar-width:none;background:0 0;border-radius:0;flex-wrap:nowrap;grid-area:1/1;justify-content:center;justify-self:center;width:100%;padding:0;display:flex;overflow-x:auto}body.public-shell .public-nav-links::-webkit-scrollbar{display:none}body.public-shell .public-auth-actions{grid-area:1/2;justify-self:end}body.public-shell .public-nav-utility>.locale-switcher{grid-area:1/3;justify-self:end}}@media (width<=1180px){body.public-shell{--public-header-height:76px}body.public-shell .public-header{background:#fff8ffeb;box-shadow:0 14px 34px #50328a14}body.public-shell .public-nav{min-height:var(--public-header-height);flex-wrap:wrap;align-items:center;padding-block:.55rem;display:flex}body.public-shell .public-nav>.brand-mark{max-width:calc(100% - 60px)}body.public-shell .nav-toggle{background:#ffffffc2;border:0;border-radius:0;flex:0 0 44px;margin-left:auto;display:block}body.public-shell .nav-toggle span{background:#512de8}body.public-shell .public-nav-utility{z-index:80;width:min(86vw,24rem);max-width:100vw;height:100dvh;max-height:none;padding:calc(.85rem + env(safe-area-inset-top)) .85rem calc(.85rem + env(safe-area-inset-bottom));overscroll-behavior:contain;will-change:transform, opacity;background:linear-gradient(#fff8fffa,#f6eefffa),#fff8ff;border:1px solid #7d4df429;border-radius:0;flex-direction:column;flex-basis:auto;justify-content:flex-start;align-items:stretch;gap:.8rem;margin-top:0;display:flex;position:fixed;inset:0 0 0 auto;overflow-y:auto;box-shadow:-18px 18px 46px #50328a2e}body.public-shell .public-navigation-brand{max-width:100%;padding-bottom:.2rem;display:flex}body.public-shell .public-nav-links{flex:none;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(42px,auto);align-content:start;gap:.45rem;display:grid;overflow:visible}body.public-shell .nav-link-pill{background:#ffffff9e;border-radius:8px;justify-content:flex-start;align-items:center;width:100%;min-height:46px;padding:.75rem .85rem;display:flex}body.public-shell .nav-link-pill:after{display:none}body.public-shell .nav-link-pill:hover,body.public-shell .nav-link-pill:focus-visible,body.public-shell .nav-link-pill.is-active{background:#7d4df41c}body.public-shell .public-auth-actions{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;align-items:center;gap:.65rem;min-width:0;display:grid}body.public-shell .public-auth-actions:has(.user-menu){grid-template-columns:minmax(0,1fr) auto}body.public-shell .public-auth-actions .btn,body.public-shell .public-auth-actions .inline-form,body.public-shell .public-auth-actions .inline-form .btn,body.public-shell .public-auth-actions .public-free-cta{width:100%;min-width:0}body.public-shell .public-nav-utility>.locale-switcher{display:inline-flex}}@media (width<=560px){body.public-shell .public-header .brand-mark strong{max-width:calc(100vw - 7rem);font-size:1rem}}@media (orientation:landscape) and (height<=500px){body.public-shell{--public-header-height:56px}body.public-shell .public-nav{min-height:56px;padding-block:.35rem}body.public-shell .public-nav>.brand-mark{max-width:calc(100% - 52px)}body.public-shell .public-nav>.brand-mark strong{font-size:.9rem}body.public-shell .nav-toggle{flex:0 0 40px}body.public-shell .public-auth-actions .btn,body.public-shell .public-auth-actions .public-free-cta{min-height:38px;font-size:.78rem}body.public-shell .public-nav-utility{top:var(--public-header-height);width:100vw;max-width:100vw;height:auto;max-height:calc(100dvh - var(--public-header-height));padding:.65rem max(.75rem, env(safe-area-inset-right)) .75rem max(.75rem, env(safe-area-inset-left));border-inline:0;border-top:1px solid #7d4df41f;border-radius:0 0 18px 18px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.55rem;display:grid;bottom:auto;left:0;right:0;overflow:hidden auto;box-shadow:0 18px 36px #50328a29}body.public-shell .public-nav-utility.translate-x-full{transform:translateY(-100%)!important}body.public-shell .public-nav-utility.translate-x-0{transform:translateY(0)!important}body.public-shell .public-navigation-brand{display:none}body.public-shell .public-nav-links{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:100%;display:grid}body.public-shell .nav-link-pill{text-align:center;justify-content:center;min-height:40px;padding:.55rem .65rem;font-size:.78rem;line-height:1.2}body.public-shell .public-auth-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}body.public-shell .public-nav-utility>.locale-switcher{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:stretch;gap:.45rem;width:100%;display:grid}body.public-shell .public-nav-utility>.locale-switcher .locale-link{justify-content:center;width:100%;min-height:34px}}@media (width<=767px){body.public-shell h1{font-size:clamp(30px,7.2vw,36px)!important;line-height:1.14!important}body.public-shell h2{font-size:clamp(24px,5.4vw,30px)!important;line-height:1.25!important}body.public-shell h3{font-size:clamp(20px,4.4vw,24px);line-height:1.32}body.public-shell p,body.public-shell li,body.public-shell dd{font-size:clamp(15px,1vw + 12px,16px);line-height:1.68}body.public-shell .btn,body.public-shell button,body.public-shell input,body.public-shell select,body.public-shell textarea{min-height:44px!important;font-size:16px!important;line-height:1.45!important}}@media (width>=768px) and (width<=1023px){body.public-shell h1{font-size:clamp(36px,4.8vw,48px)!important;line-height:1.12!important}body.public-shell h2{font-size:clamp(28px,3.6vw,38px)!important;line-height:1.24!important}body.public-shell h3{font-size:clamp(22px,2.7vw,28px);line-height:1.3!important}body.public-shell p,body.public-shell li,body.public-shell dd{font-size:clamp(15px,.45vw + 13px,16px)!important;line-height:1.7!important}body.public-shell .btn,body.public-shell button,body.public-shell input,body.public-shell select,body.public-shell textarea{min-height:44px!important;font-size:16px!important;line-height:1.45!important}}@media (width>=1024px) and (width<=1194px){body.public-shell h1{font-size:clamp(42px,4.5vw,56px)!important;line-height:1.1!important}body.public-shell h2{font-size:clamp(32px,3.2vw,44px)!important;line-height:1.2!important}body.public-shell h3{font-size:clamp(24px,2.4vw,32px);line-height:1.28}body.public-shell p,body.public-shell li,body.public-shell dd{font-size:clamp(15px,.5vw + 13px,17px)!important;line-height:1.72!important}body.public-shell .btn,body.public-shell button,body.public-shell input,body.public-shell select,body.public-shell textarea{min-height:44px!important;font-size:16px!important;line-height:1.45!important}}@media (width>=768px) and (height>=501px) and (width<=1180px){body.public-shell{--public-header-height:104px}body.public-shell .public-nav{min-height:var(--public-header-height);grid-template-rows:auto auto;grid-template-columns:minmax(10rem,auto) minmax(0,1fr);align-items:center;gap:.55rem clamp(.85rem,2vw,1.4rem);padding-block:.55rem;display:grid}body.public-shell .public-nav>.brand-mark{grid-area:1/1;max-width:clamp(10rem,26vw,15rem)}body.public-shell .nav-toggle{display:none}body.public-shell .public-nav-utility{width:100%;height:auto;max-height:none;box-shadow:none;background:0 0;border:0;grid-area:2/1/auto/-1;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.55rem;padding:0;position:static;overflow:visible;z-index:9999999!important;display:grid!important}body.public-shell .public-navigation-brand{display:none}body.public-shell .public-nav-links{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:.28rem;width:100%;min-width:0;display:flex;overflow-x:auto}body.public-shell .public-nav-links::-webkit-scrollbar{display:none}body.public-shell .nav-link-pill{white-space:nowrap;background:#ffffff80;border-radius:999px;flex:none;width:auto;min-height:38px;padding:.45rem .62rem;font-size:clamp(.72rem,1vw,.82rem)}body.public-shell .public-auth-actions{flex-wrap:nowrap;gap:.45rem;display:flex}body.public-shell .public-auth-actions .btn,body.public-shell .public-auth-actions .user-chip,body.public-shell .public-auth-actions .user-wallet-balance,body.public-shell .public-auth-actions .public-free-cta{max-width:12rem;min-height:38px;padding-inline:.85rem;font-size:.78rem}body.public-shell .public-nav-utility>.locale-switcher .locale-link{min-height:1.6rem;padding-inline:.45rem;font-size:.68rem}}@media (width>=1024px) and (height>=501px) and (width<=1180px){body.public-shell{--public-header-height:88px}body.public-shell .public-nav{grid-template-rows:auto;grid-template-columns:auto minmax(0,1fr)}body.public-shell .public-nav-utility{grid-area:1/2}body.public-shell .nav-link-pill{font-size:clamp(.72rem,.78vw,.82rem)}}