.od{--od-cream:#fffcf7;--od-navy:#132d52;--od-teal:#006b80;--od-green:#009180;--od-orange:#ea5325;--od-lime:#b8cc33;--od-yellow:#ffc909;--font-h:var(--font-hand), "DFVN Gochi Hand", "Comic Sans MS", cursive;background:var(--od-cream);color:var(--od-navy);min-height:100vh;overflow-x:clip}.od-top{z-index:3;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:max(14px,min(2.6vw,50px)) max(16px,3.5vw) 0;display:flex;position:absolute;top:0;bottom:auto;left:0;right:0}.od-top>*{pointer-events:auto}.od-top .logo{width:auto;height:max(36px,min(4vw,66px));display:block}.lang-btn--round{background:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;width:max(36px,min(2.6vw,48px));height:max(36px,min(2.6vw,48px));margin:0;padding:0;overflow:hidden;box-shadow:0 0 0 1.5px #88848133,0 3px 10px #132d522e}.lang-btn--round svg{width:100%;height:100%}.lang-btn--round:focus-visible{outline:3px solid var(--od-yellow);outline-offset:2px}.od-hero{aspect-ratio:1920/760;background:var(--od-cream);text-align:center;position:relative;container-type:inline-size}.od-hero-stage{position:absolute;top:0;bottom:0;left:0;right:0}.od-hero-art,.od-hero-art img{width:100%;height:100%;display:block}.od-hero-title{z-index:1;width:45.89%;height:auto;position:absolute;top:16.05%;left:29.32%}.od-hero-date{z-index:1;white-space:nowrap;color:#fff;background:url(/openday/hero-date.webp) 50%/100% 100% no-repeat;padding:.5em 2em;font-size:max(11px,1.25cqw);font-weight:700;line-height:1.5;position:absolute;top:51.45%;left:51.46%;transform:translate(-50%)}.od-hero-date p{margin:0}.od-hero-date svg{vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:1em;height:1em;margin-right:.3em}.od-hero-date .sep{border-left:1px solid;margin-left:.5em;padding-left:.5em;line-height:1.1;display:inline-block}.od-hero-note{z-index:1;width:36cqw;margin:0;font-size:max(12px,1.1cqw);position:absolute;top:67%;left:51.46%;transform:translate(-50%)}.od-hero-note b{color:var(--od-orange)}.od-hero-cta{z-index:2;background:var(--od-orange);box-shadow:.12em .2em 0 var(--od-navy);color:#fff;white-space:nowrap;border-radius:.7em;padding:.62em 1.1em;font-size:max(15px,2.05cqw);font-weight:800;line-height:1.2;text-decoration:none;transition:box-shadow .15s,translate .15s,opacity .2s,visibility .2s;position:absolute;top:92.1%;left:50.18%;transform:translate(-50%,-50%)}.od-hero-cta:hover{box-shadow:.12em .3em 0 var(--od-navy);translate:0 -2px}.od-hero-cta:active{box-shadow:.06em .1em 0 var(--od-navy);translate:0 1px}.od-hero-cta:focus-visible{outline:3px solid var(--od-yellow);outline-offset:3px}@media (max-width:700px){.od-hero{aspect-ratio:auto;background:var(--od-cream) url(/openday/hero-wash-mobile.webp) center / cover no-repeat;flex-direction:column;align-items:center;padding-top:76px;display:flex}.od-hero-title,.od-hero-date,.od-hero-note,.od-hero-stage{position:relative;top:auto;bottom:auto;left:auto;right:auto;transform:none}.od-hero-title{width:min(90%,460px)}.od-hero-date{max-width:calc(100% - 32px);margin-top:10px;padding:.55em 1.7em;font-size:.85rem}.od-hero-note{width:auto;max-width:34rem;margin-top:8px;padding:0 16px;font-size:.95rem}.od-hero-stage{width:100%;margin-top:6px}.od-hero-art img{height:auto}.od-hero-cta{font-size:1rem;position:absolute;top:88%;left:50%;transform:translate(-50%,-50%)}}@media (max-width:380px){.od-hero-date{padding:.55em 1.3em;font-size:.78rem}}.od-cta-follow{bottom:max(16px, env(safe-area-inset-bottom));z-index:5;opacity:0;pointer-events:none;justify-content:center;margin:0 0 22px;transition:opacity .2s,translate .2s;display:flex;position:sticky;translate:0 12px}.od-cta-follow[data-show]{opacity:1;pointer-events:auto;translate:0}.od-cta-away .od-hero-cta{opacity:0;visibility:hidden}.od-cta-float{background:var(--od-orange);box-shadow:.12em .2em 0 var(--od-navy), 0 6px 18px #132d5240;color:#fff;white-space:nowrap;border-radius:.7em;padding:.6em 1.4em;font-size:1.1rem;font-weight:800;line-height:1.2;text-decoration:none}.od-cta-float:active{translate:0 1px}.od-cta-float:focus-visible{outline:3px solid var(--od-yellow);outline-offset:3px}.od-form-anchor{outline:none;scroll-margin-top:16px}.od-body{padding:max(28px,min(2.6vw,48px)) 16px max(48px,min(5vw,90px));position:relative;overflow:clip}.od-main{z-index:1;max-width:800px;margin:0 auto;position:relative}.od-deco{pointer-events:none;-webkit-user-select:none;user-select:none;height:auto;position:absolute}.od-deco--leaf-l{width:20.68vw;top:11.77vw;left:-10.16vw}.od-deco--leaf-r{width:15.57vw;bottom:7.81vw;right:-10.26vw}.od-deco--leaf-s{width:4.58vw;bottom:17.5vw;right:4.84vw}@media (max-width:1000px){.od-deco--leaf-l,.od-deco--leaf-r,.od-deco--leaf-s{display:none}}.od-edit-note{margin:0 0 24px;line-height:1.5}.od-intro{margin:0 0 32px;font-size:1rem;line-height:1.45}.od-intro b{font-weight:800}.od-intro p{margin:0 0 8px}.od-intro .notice-sep{text-align:center}.od-intro ul,.od-privacy .privacy ul{margin:0 0 14px;padding-left:22px;list-style:outside}.od-intro li{margin-bottom:5px}.od-intro li:nth-child(5n+1) b{color:var(--od-orange)}.od-intro li:nth-child(5n+2) b,.od-intro li:nth-child(5n+4) b{color:var(--od-teal)}.od-intro li:nth-child(5n+3) b{color:#d98e00}.od-intro li:nth-child(5n) b{color:var(--od-orange)}.od-sec{--c:var(--od-orange);border:2px dashed var(--c);border-radius:10px;padding:22px max(16px,min(4.5vw,36px)) 26px;position:relative}.od-sec+.od-sec{margin-top:28px}.od-sec--teal{--c:var(--od-teal)}.od-sec--navy{--c:var(--od-navy)}.od-sec-h{align-items:center;gap:12px;margin:0 0 14px calc(-1*max(4px,min(1.6vw,14px)));display:flex}.od-sec-h h2{font-family:var(--font-h);color:var(--c);letter-spacing:0;font-size:max(1.6rem,min(3.4vw,1.9rem));font-weight:400;line-height:1.1}.od-sec-sub{margin:-8px 0 16px}.od-num{background:var(--c);color:#fff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:1.15rem;font-weight:800;display:grid;position:relative}.od-num:after{content:"";border:1.5px solid var(--c);border-radius:46% 54% 50% 50%/52% 46% 54% 48%;position:absolute;top:-5px;bottom:-5px;left:-5px;right:-5px;transform:rotate(-12deg)}.od-plane{pointer-events:none;width:max(44px,min(5vw,64px));height:auto;position:absolute}.od-plane--teal{bottom:-14px;right:max(-44px,min(-3vw,-20px))}.od-plane--yellow{bottom:-26px;left:max(-36px,min(-2.6vw,-16px))}.od .field{gap:4px}.od .label{font-size:1rem;font-weight:700}.od .label .req{color:var(--od-orange)}.od .grid2{gap:14px 22px}.od .stack{gap:14px}.od .input,.od .select,.od-box{border:1.5px solid var(--od-orange);min-height:46px;color:var(--od-navy);background:#fff;border-radius:4px;padding:10px 14px;box-shadow:2px 2px #ea532538}.od .input::placeholder{color:#8a94a6}.od .input:focus,.od .select:focus{border-color:var(--od-navy);box-shadow:0 0 0 3px #ea532540}.od .input.bad,.od .select.bad{border-color:var(--red);background:snow}.od .hint{color:#5a6b86}.od .err{color:#c62f2f}.od-box{align-items:center;gap:10px;padding:4px 6px 4px 14px;display:flex}.od-box output{font-variant-numeric:tabular-nums;flex:auto;font-weight:700}.od-box--ro{box-shadow:none;background:#fdf6ef;border-style:dashed}.od .counter-btn{width:34px;height:34px;color:var(--od-orange);border-color:#f1c2b1}.od .counter-btn--add{background:var(--od-orange);border-color:var(--od-orange);color:#fff}.od .counter-btn:hover:not(:disabled){border-color:var(--od-orange)}.od .counter-btn:focus-visible{outline-color:var(--od-navy)}.od .radio-card{border-color:#f1c2b1;border-radius:6px}.od .radio-card input{accent-color:var(--od-orange)}.od .radio-card.on{border-color:var(--od-orange);background:#fff4ee}.od-kid{background:var(--od-teal);color:#fff;border-radius:8px;padding:14px max(14px,min(3.6vw,30px)) 18px}.od-kid+.od-kid{margin-top:14px}.od-kid-h{justify-content:space-between;align-items:center;min-height:30px;margin-bottom:8px;display:flex}.od-kid-h h3{font-family:var(--font-h);letter-spacing:0;font-size:1.3rem;font-weight:400}.od-kid-x{color:#fff;cursor:pointer;background:0 0;border:1.5px solid #fff9;border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:700}.od-kid-x:hover{background:#ffffff1f}.od-kid .input,.od-kid .select{box-shadow:none;color:#fff;background:0 0;border-color:#ffffffd9}.od-kid .input::placeholder,.od-kid .select:invalid,.od-kid .select.empty{color:#ffffffd9}.od-kid .select option{color:var(--od-navy)}.od-kid .select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:12px 8px;padding-right:36px}.od-kid .input:focus,.od-kid .select:focus{border-color:#fff;box-shadow:0 0 0 3px #ffffff4d}.od-kid .input.bad,.od-kid .select.bad{background-color:#ffffff14;border-color:#ffb4a1}.od-kid .err{color:#ffd2c4}.od-kid .note{color:#fff;background:#ffffff24;border-radius:6px}.od-switch{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;display:flex}.od-switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:999px;flex:none;width:44px;height:26px;margin:0;transition:background .15s;position:relative}.od-switch input:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:2px;left:2px}.od-switch input:checked{background:var(--od-lime);border-color:var(--od-lime)}.od-switch input:checked:before{transform:translate(18px)}.od-switch input:focus-visible{outline:3px solid var(--od-yellow);outline-offset:2px}@media (prefers-reduced-motion:reduce){.od-switch input,.od-switch input:before{transition:none}}.od-btn{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 28px;font-size:1rem;font-weight:800;line-height:1.2;text-decoration:none;transition:filter .15s,transform 50ms;display:inline-flex}.od-btn:hover:not(:disabled){filter:brightness(1.12)}.od-btn:active:not(:disabled){transform:translateY(1px)}.od-btn:disabled{opacity:.55;cursor:default}.od-btn:focus-visible{outline:3px solid var(--od-yellow);outline-offset:2px}.od-btn--teal{background:var(--od-teal);color:#fff}.od-btn--navy{background:var(--od-navy);color:#fff;box-shadow:0 0 0 3px var(--od-cream), 0 0 0 4.5px var(--od-navy);border-radius:8px}.od-btn--ghost{color:var(--od-navy);border:1.5px solid var(--od-navy);background:#fff;border-radius:8px}.od-add{width:min(100%,300px);margin:18px auto 0;display:flex}.od-actions{justify-content:center;gap:16px;margin-top:36px;display:flex}.od-actions .od-btn--navy{flex:0 500px}@media (max-width:480px){.od-actions{z-index:5;padding:14px 16px max(14px, env(safe-area-inset-bottom));background:linear-gradient(to top, var(--od-cream) 75%, #fffcf700);margin:28px -16px 0;position:sticky;bottom:0}.od-actions .od-btn--navy{flex:auto}}.od-privacy{margin-top:28px}.od-privacy .privacy{color:#5a6b86;white-space:normal;background:#fff;border:1px solid #eadfd2;border-radius:6px;max-height:none}.od-privacy .privacy ul{margin:0}.od-privacy .privacy li+li{margin-top:4px}.od .check input{accent-color:var(--od-orange)}.od-review dl{grid-template-columns:minmax(120px,38%) 1fr;gap:8px 16px;margin:0 0 16px;display:grid}.od-review dt{color:#5a6b86}.od-review dd{margin:0;font-weight:700}.od-review .od-kid{padding:12px 16px}.od-review .od-kid .small{opacity:.9}.od-total{color:var(--od-navy);background:#fff4d6;border-radius:6px;margin-top:16px;padding:12px 14px}.od-done{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.od-done>p{margin:0;font-weight:700}.od-done .od-actions{flex-wrap:wrap;margin-top:4px}html:has(.od-modal[open]){overflow:hidden}.od-modal{background:var(--od-cream);width:min(700px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--od-navy);overscroll-behavior:contain;border:0;border-radius:14px;padding:0;overflow:auto;box-shadow:0 24px 60px #132d5259}.od-modal::backdrop{background:#132d5299}.od-modal-in{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:30px max(18px,min(6vw,48px)) 0;display:flex;position:relative}.od-modal-logo{width:auto;height:36px;position:absolute;top:20px;left:22px}@media (max-width:560px){.od-modal-in{padding-top:66px}}.od-modal-x{width:40px;height:40px;color:var(--od-navy);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.od-modal-x:hover{background:#132d5214}.od-modal-x:focus-visible{outline:3px solid var(--od-yellow)}.od-modal-x svg{stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:20px;height:20px}.od-modal h2{font-family:var(--font-h);color:var(--od-orange);letter-spacing:0;margin:0;font-size:2.4rem;font-weight:400}.od-modal h2 img{width:min(270px,62vw);height:auto;display:block}.od-modal p{max-width:34rem;margin:0;line-height:1.6}.od-regno{flex-direction:column;gap:2px;display:flex}.od-regno span{color:#5a6b86;font-size:.9rem}.od-regno b{letter-spacing:.04em;font-size:1.7rem}.od-qr{background:#fff;border-radius:14px;padding:14px;box-shadow:0 1px 2px #132d5214}.od-qr img{aspect-ratio:1;width:min(190px,52vw);height:auto;display:block}.od-modal .od-btn--navy{width:min(100%,460px);box-shadow:0 0 0 3px var(--od-cream), 0 0 0 4.5px var(--od-navy)}.od-modal-book{width:110%;max-width:none;height:auto;margin:0 -5%;display:block}.od-foot{background:var(--od-navy);color:#fff;padding:max(36px,min(5vw,96px)) 16px}.od-foot-in{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:center;gap:32px 48px;max-width:1100px;margin:0 auto;display:grid}.od-foot-logo{justify-self:center;width:min(300px,70%);height:auto}.od-foot h2{font-family:var(--font-b);text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px;font-size:1.15rem;font-weight:800}.od-foot ul{gap:8px;margin:0;padding:0;font-size:.88rem;list-style:none;display:grid}.od-foot li{align-items:flex-start;gap:10px;display:flex}.od-foot li svg{background:var(--od-orange);fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;border-radius:3px;flex:none;width:16px;height:16px;margin-top:2px;padding:2px}.od-foot a{color:#fff;overflow-wrap:anywhere;text-decoration:none}.od-foot a:hover{text-decoration:underline}@media (max-width:700px){.od-foot-in{grid-template-columns:1fr}.od-foot-logo{justify-self:start;width:220px}}
