.welcome-page{--welcome-ink:#14394e;min-height:100svh;color:var(--welcome-ink);background:#fff9f2;font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;line-height:1.65}.welcome-page a,.welcome-page button{touch-action:manipulation;transition:background .18s,color .18s,border-color .18s,box-shadow .18s}:is(.welcome-page a:focus-visible,.welcome-page button:focus-visible){outline-offset:5px;outline:3px solid #256d98}.welcome-page .welcome-skip{z-index:100;background:#fff;border-radius:8px;padding:12px 20px;position:fixed;top:-90px;left:12px}.welcome-page .welcome-skip:focus{top:12px}.welcome-header{background:#fffdfb;border-bottom:1px solid #f1e5d8}.welcome-header-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1360px;margin:auto;padding:22px 40px;display:flex}.welcome-brand{align-items:center;gap:13px;min-width:0;display:flex}.welcome-brand>svg{color:#ef7719;stroke-width:2.5px;fill:#ffdfba;width:39px;height:39px}.welcome-brand strong{letter-spacing:-1px;font-size:28px;font-weight:800;line-height:1.1;display:block}.welcome-brand small{letter-spacing:.04em;margin-top:6px;font-size:11px;display:block}.welcome-desktop-nav{align-items:center;gap:28px;font-size:13px;font-weight:600;display:flex}.welcome-desktop-nav>*{padding:10px 0}.welcome-nav-link{color:inherit;background:0 0}.welcome-desktop-nav a:hover,.welcome-nav-link:hover{color:#ae4b0a;text-underline-offset:5px;text-decoration:underline}.welcome-menu{color:inherit;background:0 0;display:none}.welcome-main{outline:none;grid-template-columns:minmax(0,1.8fr) minmax(310px,1fr);align-items:center;gap:34px;max-width:1360px;margin:0 auto;padding:36px 40px 30px;display:grid}.welcome-story{isolation:isolate;min-width:0;padding:18px 0 0;position:relative}.welcome-copy{z-index:1;padding-left:12px;position:relative}.welcome-eyebrow{color:#ad4a0b;align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.welcome-eyebrow:before{content:"";background:#e16d1e;width:26px;height:1px}.welcome-copy h1{letter-spacing:-.055em;margin:19px 0 17px;font-size:clamp(28px,3.5vw,47px);font-weight:750;line-height:1.5}.welcome-copy h1 span{display:block}.welcome-intro{letter-spacing:.01em;font-size:15px;line-height:1.95}.welcome-pets{isolation:isolate;margin:0 -10px -2px;position:relative}.welcome-pets:before{content:"";z-index:-1;background:#ffe2bb;border-radius:50% 50% 26% 24%;position:absolute;inset:-13% 3% 0 26%}.welcome-pets img{z-index:1;width:100%;max-width:100%;height:auto;display:block;position:relative}.welcome-benefits{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:8px 0;list-style:none;display:grid}.welcome-benefits li+li{border-left:1px solid #e6cdb1}.welcome-benefits a{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:5px;font-size:13px;font-weight:600;display:flex}.welcome-benefits svg{color:#d96916;stroke-width:1.6px;width:26px;height:26px}.welcome-benefits a:hover{background:#ffeacd}.welcome-access{z-index:2;background:#fff;border:1px solid #f0e2d3;border-radius:22px;min-width:0;padding:34px 28px;position:relative;box-shadow:0 10px 36px #59381605}.welcome-access-heading{text-align:center;margin-bottom:27px}.welcome-access-paw{color:#f9b778;fill:#ffe5c8;stroke-width:1.8px;width:34px;height:34px;margin:0 auto 22px}.welcome-access h2{letter-spacing:-.035em;font-size:25px;font-weight:700;line-height:1.6}.welcome-access h2 span{display:block}.welcome-access-heading p{color:#526877;margin-top:12px;font-size:12px;line-height:1.8}.welcome-action{text-align:center;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:14px;min-height:58px;padding:15px 12px;font-size:17px;font-weight:700;line-height:1.5;display:flex}.welcome-register{color:#584296;background:#eee8ff;border-color:#ded3fc}.welcome-register:hover{background:#e3d9ff;border-color:#bba5ec}.welcome-login{color:#fff;background:#216b95;border-color:#216b95}.welcome-login:hover{background:#185675;border-color:#185675;box-shadow:0 3px 12px #216b951c}.welcome-guest{color:#234f6b;background:#fff;border-color:#6189a1;justify-content:space-between;font-size:15px}.welcome-guest:hover{background:#f2f7fb;border-color:#216b95}.welcome-login+.welcome-guest{margin-top:18px}.welcome-divider{color:#597080;align-items:center;gap:13px;margin:22px 0;font-size:12px;display:flex}.welcome-divider:before,.welcome-divider:after{content:"";background:#e0e8ed;flex:1;height:1px}.welcome-access-note{color:#5c7080;text-align:center;margin-top:25px;font-size:11px;line-height:1.8}.welcome-page .welcome-footer{color:#4f6677;background:#fffdfb;border-top:1px solid #f1e5d8;justify-content:center;align-items:center;gap:28px;min-height:80px;padding:25px 40px;font-size:12px;display:flex;position:relative}.welcome-footer nav{gap:26px;display:flex}.welcome-footer small{font-size:11px}.welcome-footer>svg{color:#ecb88d;fill:#ffecdc;width:30px;height:30px;position:absolute;right:max(32px,50vw - 620px)}.welcome-footer a:hover{text-underline-offset:5px;text-decoration:underline}body .welcome-dialog{color:#14394e;background:#fffdf9;border:1px solid #efddc9;border-radius:20px;gap:18px;max-width:min(480px,100% - 32px);padding:32px;line-height:1.85}.welcome-dialog [data-slot=dialog-title]{padding-right:25px;font-size:22px;line-height:1.6}.welcome-dialog [data-slot=dialog-description],.welcome-dialog>p{color:#526877;font-size:14px}.welcome-dialog-close{color:#14394e;background:#fff0de;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:14px;right:14px}.welcome-dialog-links,.welcome-mobile-dialog nav{gap:10px;display:grid}.welcome-dialog-links a,.welcome-mobile-dialog nav a{background:#fff;border:1px solid #e5d6c4;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:14px;display:flex}.welcome-dialog-links a:hover,.welcome-mobile-dialog nav a:hover{background:#fff0de}@media (min-width:1600px){.welcome-main{padding-top:48px;padding-bottom:42px}.welcome-copy h1{font-size:49px}}@media (max-width:1000px) and (min-width:761px){.welcome-header-inner{padding:20px 26px}.welcome-main{grid-template-columns:minmax(0,1.5fr) minmax(285px,1fr);gap:22px;padding:28px 26px}.welcome-copy{padding-left:0}.welcome-copy h1{font-size:30px}.welcome-access{padding:27px 20px}.welcome-access h2{font-size:22px}.welcome-benefits a{gap:6px;font-size:11px}.welcome-benefits svg{width:22px}.welcome-intro{font-size:13px}}@media (max-width:760px){.welcome-header-inner{padding:16px 22px}.welcome-brand strong{font-size:24px}.welcome-brand>svg{width:32px;height:32px}.welcome-brand small{font-size:10px}.welcome-desktop-nav{display:none}.welcome-menu{border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.welcome-menu:hover{background:#fff0de}.welcome-main{max-width:540px;padding:0;display:block}.welcome-story{padding:28px 22px 14px}.welcome-copy{padding:0}.welcome-eyebrow{gap:10px;font-size:12px}.welcome-copy h1{letter-spacing:-.05em;margin:15px 0 12px;font-size:clamp(26px,5.9vw,34px);line-height:1.5}.welcome-intro{font-size:13px;line-height:1.9}.welcome-pets{margin:5px -12px 0}.welcome-pets:before{inset:4% 5% 0 26%}.welcome-benefits{padding:5px 0}.welcome-benefits a{white-space:normal;gap:6px;min-height:35px;font-size:10px}.welcome-benefits svg{width:20px;height:20px}.welcome-access{border-radius:18px;margin:0 18px 26px;padding:23px 20px}.welcome-access-heading{text-align:left;align-items:flex-start;gap:10px;margin-bottom:19px;display:flex}.welcome-access-paw{width:26px;height:26px;margin:3px 0 0}.welcome-access h2{letter-spacing:-.05em;font-size:18px;line-height:1.6}.welcome-access-heading p{margin-top:5px;font-size:11px}.welcome-action{border-radius:10px;gap:12px;min-height:50px;padding:12px;font-size:16px}.welcome-guest{font-size:14px}.welcome-divider{margin:16px 0;font-size:11px}.welcome-access-note{margin-top:18px;font-size:10px}.welcome-page .welcome-footer{flex-direction:column;gap:8px;min-height:86px;padding:22px 16px;font-size:10px}.welcome-footer nav{gap:18px}.welcome-footer>svg{display:none}.welcome-benefits a{white-space:nowrap;flex-direction:column;gap:4px;font-size:11px}.welcome-access h2 span{display:inline-block}}@media (prefers-reduced-motion:reduce){.welcome-page a,.welcome-page button{transition:none}}.welcome-page .welcome-access{background:radial-gradient(at 0 0,#fff2dc99,#0000 60%),radial-gradient(at 100% 100%,#eae2ff77,#0000 65%),linear-gradient(125deg,#fff,#fffdf9 45%,#f8f7ff);border-color:#e8ded5}.welcome-page .welcome-access-heading{text-align:left;margin-bottom:20px;display:block}.welcome-page .welcome-access-paw{width:28px;height:28px;margin:0 0 12px}.welcome-page .welcome-access h2{letter-spacing:0;font-size:24px;line-height:1.5}.welcome-page .welcome-access-heading p{font-size:13px;line-height:1.8}.welcome-page .welcome-guest{color:#65370f;background:radial-gradient(at 90% 0,#ffe5edaa,#0000 60%),linear-gradient(115deg,#ffd29b,#ffe8b9 50%,#ffc894);border-color:#eab67d;justify-content:center;min-height:62px;font-size:18px;box-shadow:0 5px 18px #d57b1720}.welcome-guest span{text-align:left;flex:1}.welcome-page .welcome-guest:hover{background:#ffe1b5;border-color:#cf8e4b}.welcome-shop-note{text-align:center;color:#706758;margin:10px 0 26px;font-size:11px}.welcome-member-area{border-top:1px solid #e6dfeb;padding-top:20px}.welcome-member-area>p{color:#675b7c;flex-wrap:wrap;gap:5px 12px;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.welcome-member-area>p span{color:#706a7a;font-weight:400}.welcome-member-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.welcome-page .welcome-member-links .welcome-action{color:#5e4c7c;min-height:48px;box-shadow:none;background:linear-gradient(120deg,#fff,#f4efff);border:1px solid #ddd3eb;gap:6px;padding:10px 5px;font-size:13px}.welcome-page .welcome-member-links .welcome-action:hover{background:#eee6fa;border-color:#b9a3d2}.welcome-page .welcome-access-note{margin-top:20px;font-size:11px}@media (max-width:400px){.welcome-page .welcome-access{padding:22px 16px}.welcome-page .welcome-access h2{font-size:21px}.welcome-member-links{gap:7px}.welcome-page .welcome-member-links .welcome-action{font-size:12px}}
