.notice-backdrop{z-index:1200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#24141794;place-items:center;padding:24px 16px;animation:.26s ease-out both notice-fade;display:grid;position:fixed;inset:0}.notice-dialog{width:min(100%,680px);max-height:calc(100dvh - 48px);animation:.46s cubic-bezier(.2,.8,.2,1) both notice-rise;display:flex;container-type:inline-size}.notice-card{--notice-wine:#3f262b;--notice-ink:#2f2223;--notice-copper:#ad795e;--notice-paper:#fbf8f3;background:var(--notice-paper);width:100%;color:var(--notice-ink);grid-template-columns:172px minmax(0,1fr);display:grid;position:relative;overflow:hidden;box-shadow:0 34px 90px #26121657,inset 0 2px #fff6}.notice-stamp{background:var(--notice-wine);color:#f3e1d3;flex-direction:column;justify-content:space-between;gap:28px;padding:30px 26px 32px;display:flex;position:relative}.notice-stamp:after{content:"";pointer-events:none;border:1px solid #e9c4aa38;position:absolute;inset:10px}.notice-seal{color:#cf9f83;transform-origin:50% 54%;font:400 38px/1 Georgia,serif;animation:1.4s cubic-bezier(.3,.7,.2,1) .2s both notice-turn;display:inline-block}.notice-date{margin:0;display:grid}.notice-day{font:italic 400 76px/.82 var(--display);letter-spacing:-.04em;color:#f6e6d8}.notice-month{font:italic 400 22px/1.2 var(--display);color:#d6b39d;margin-top:8px}.notice-content{flex-direction:column;min-height:0;padding:38px clamp(26px,6cqi,46px) 36px;display:flex;position:relative}.notice-card .notice-close{color:#8b7369;width:40px;height:40px;font:300 26px/1 var(--body);cursor:pointer;background:0 0;border:0;place-items:center;transition:color .2s,background .2s;display:grid;position:absolute;top:10px;right:10px}.notice-close:hover{color:var(--notice-wine);background:#f1e7de}.notice-from{font:italic 400 18px/1.2 var(--display);color:var(--notice-copper);margin:0 0 12px}.notice-title{font:500 clamp(30px, 6.4cqi, 42px)/1.02 var(--display);letter-spacing:-.02em;color:var(--notice-wine);overflow-wrap:anywhere;margin:0 0 18px;padding-right:26px}.notice-body{overscroll-behavior:contain;min-height:0;max-height:min(40vh,340px);font:400 14px/1.75 var(--body);color:#5d4e48;overflow-wrap:anywhere;padding-right:6px;overflow-y:auto}.notice-body p{white-space:pre-line;max-width:54ch;margin:0 0 .85em}.notice-body p:last-child{margin-bottom:0}.notice-placeholder{color:#ad9c92;font-style:italic}.notice-card .notice-action{border:1px solid var(--notice-wine);background:var(--notice-wine);color:#fff;font:700 12px/1 var(--body);letter-spacing:.05em;cursor:pointer;align-self:flex-start;margin-top:28px;padding:14px 30px;transition:background .2s,transform .2s}.notice-action:hover{background:#6a3c43;transform:translateY(-1px)}.notice-close:focus-visible,.notice-action:focus-visible{outline:2px solid var(--notice-copper);outline-offset:3px}.notice-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.notice-card.is-preview{box-shadow:0 22px 50px #26121629}.notice-card.is-preview .notice-seal{animation:none}.notice-card.is-preview .notice-action{pointer-events:none}@container (max-width:520px){.notice-card{grid-template-columns:1fr}.notice-stamp{flex-direction:row;justify-content:flex-start;align-items:center;gap:14px;padding:16px 22px}.notice-stamp:after{inset:6px}.notice-seal{font-size:24px}.notice-date{align-items:baseline;gap:7px;display:flex}.notice-day{font-size:30px;line-height:1}.notice-month{margin:0;font-size:19px}.notice-content{padding:26px 22px 24px}.notice-card .notice-close{color:#e9cdbb;top:-51px;right:8px}.notice-card .notice-close:hover{color:#fff;background:#ffffff14}.notice-title{padding-right:0;font-size:32px}.notice-card .notice-action{text-align:center;align-self:stretch}}@media (max-width:600px){.notice-backdrop{place-items:end stretch;padding:0}.notice-dialog{width:100%;max-height:88dvh;animation-name:notice-sheet}.notice-body{max-height:46dvh}.notice-content{padding-bottom:max(24px, env(safe-area-inset-bottom))}}@keyframes notice-fade{0%{opacity:0}}@keyframes notice-rise{0%{opacity:0;transform:translateY(18px)scale(.985)}}@keyframes notice-sheet{0%{transform:translateY(100%)}}@keyframes notice-turn{0%{opacity:0;transform:rotate(-90deg)}}@media (prefers-reduced-motion:reduce){.notice-backdrop,.notice-dialog,.notice-seal{animation:none}}