.rf-notice{box-sizing:border-box;width:min(1080px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid #fff9;border-radius:28px;background:radial-gradient(ellipse at 100% 100%,#fae9ef 0,transparent 53%),#fffdf9;color:#192231;box-shadow:0 32px 100px #0005;overflow:auto;font-family:Arial,Helvetica,sans-serif;overscroll-behavior:contain}
.rf-notice::backdrop{background:#0b1020b8;backdrop-filter:blur(7px)}
.rf-notice *{box-sizing:border-box}
.rf-notice__layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:36px;padding:42px}
.rf-notice__content{align-self:center;min-width:0;padding:0}
.rf-notice .rf-notice__logo{display:block;width:268px;max-width:78%;height:auto;margin:0 0 28px;object-fit:contain}
.rf-notice .rf-notice__eyebrow{margin:0 0 12px;color:#6c6270;font-size:17px;line-height:1.5;font-weight:400}
.rf-notice .rf-notice__title{margin:0;color:#242032;font-size:clamp(27px,3.15vw,40px);font-weight:750;line-height:1.16;letter-spacing:-1.1px;text-align:left}
.rf-notice .rf-notice__domain{display:inline-block;margin:12px 0 22px;color:#242032;font-size:clamp(29px,3.3vw,42px);font-weight:750;line-height:1.15;letter-spacing:-1.1px;background:linear-gradient(transparent 66%,#ffdc31 66%,#ffdc31 92%,transparent 92%)}
.rf-notice .rf-notice__timing{display:flex;align-items:center;gap:6px;margin:0 0 24px;color:#696272;font-size:15px;line-height:1.5;font-weight:400}
.rf-notice .rf-notice__count{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;border-radius:9px;background:#fff0b6;color:#393024;font-weight:700;font-size:17px;font-variant-numeric:tabular-nums}
.rf-notice__actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 22px}
.rf-notice .rf-notice__go{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-width:188px;min-height:56px;padding:16px 22px;border:0;border-radius:13px;background:#ffd800;color:#151b27;text-decoration:none;font-size:17px;line-height:1.2;font-weight:700;transition:background .15s,box-shadow .15s}
.rf-notice .rf-notice__go:hover{background:#f6cd00;box-shadow:0 5px 20px #e2bb0030}
.rf-notice__go svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.8;fill:none}
.rf-notice .rf-notice__stay{appearance:none;min-height:44px;margin:0;padding:6px 0;border:0;border-radius:3px;background:transparent;color:#706477;text-decoration:underline;text-underline-offset:4px;font-family:inherit;font-size:14px;line-height:1.4;font-weight:400;cursor:pointer}
.rf-notice .rf-notice__stay:hover{color:#292335}
.rf-notice .rf-notice__stay:is(:focus,:focus-visible){outline:none;box-shadow:none;border:0;background:transparent;color:#292335;text-decoration-thickness:2px}
.rf-notice__close{appearance:none;position:absolute;top:14px;right:14px;z-index:2;display:grid;place-items:center;width:36px;height:36px;margin:0;padding:8px;border:1px solid #e3dde3;border-radius:50%;background:#fffdf9e8;color:#655c6a;cursor:pointer}
.rf-notice__close svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none}
.rf-notice__photo{min-width:0;align-self:stretch;min-height:390px;overflow:hidden;border-radius:22px;background:#b5d6d8}
.rf-notice .rf-notice__photo img{display:block;width:100%;height:100%;max-height:470px;object-fit:cover;object-position:50% 55%}
.rf-notice__track{position:sticky;bottom:0;height:5px;background:#eee4dc}
.rf-notice__track span{display:block;width:100%;height:100%;background:#e8bd21;transform-origin:left center;transition:transform .1s linear}
.rf-notice :is(a,button):focus-visible{outline:3px solid #665198;outline-offset:4px}
@media(max-width:800px){.rf-notice{width:calc(100vw - 32px);border-radius:22px}.rf-notice__layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);padding:32px;gap:24px}.rf-notice__photo{min-height:360px}.rf-notice .rf-notice__logo{width:225px;margin-bottom:23px}.rf-notice .rf-notice__title{font-size:30px}.rf-notice .rf-notice__domain{font-size:33px}.rf-notice__actions{gap:10px}.rf-notice__desktop-break{display:none}}
@media(max-width:600px){.rf-notice{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:20px}.rf-notice__layout{grid-template-columns:1fr;gap:20px;padding:28px 23px 22px}.rf-notice .rf-notice__logo{width:216px;max-width:83%;margin-bottom:22px}.rf-notice .rf-notice__eyebrow{font-size:14px;margin-bottom:10px}.rf-notice .rf-notice__title{max-width:440px;font-size:29px;line-height:1.16;letter-spacing:-.8px}.rf-notice .rf-notice__domain{font-size:31px;letter-spacing:-.6px;margin:12px 0 18px}.rf-notice .rf-notice__timing{font-size:13px;gap:5px;margin-bottom:17px;white-space:nowrap}.rf-notice__actions{display:grid;gap:6px}.rf-notice .rf-notice__go{width:100%;min-height:52px;padding:14px 20px}.rf-notice .rf-notice__stay{justify-self:center}.rf-notice__photo{grid-row:2;min-height:0;height:136px;border-radius:14px}.rf-notice .rf-notice__photo img{height:136px;object-position:50% 59%}.rf-notice__close{width:32px;height:32px;top:10px;right:10px}}
@media(max-width:350px){.rf-notice__layout{padding:25px 18px 18px;gap:12px}.rf-notice .rf-notice__logo{width:195px}.rf-notice .rf-notice__title{font-size:26px}.rf-notice .rf-notice__domain{font-size:28px}.rf-notice .rf-notice__timing{font-size:12px;gap:4px}.rf-notice__photo,.rf-notice .rf-notice__photo img{height:110px}}
@media(max-height:650px) and (max-width:600px){.rf-notice__photo{display:none}.rf-notice__layout{gap:0}.rf-notice .rf-notice__logo{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.rf-notice__track span,.rf-notice .rf-notice__go{transition:none}}