.sponsor-notice{position:fixed;inset:0;margin:auto;width:min(920px,calc(100vw - 36px));max-width:920px;max-height:calc(100dvh - 48px);padding:0;border:1px solid #bcaa7a55;border-radius:30px;background:#10191b;color:#edf0eb;overflow:auto;box-shadow:0 36px 120px #000b,0 1px 0 #edcf8d25 inset;isolation:isolate}
.sponsor-notice::backdrop{background:#050b10b8;backdrop-filter:blur(13px) saturate(.65);-webkit-backdrop-filter:blur(13px) saturate(.65)}
.sponsor-note-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b1519ed 0%,#0c171bdc 43%,#10191b70 100%),linear-gradient(0deg,#0d171b 0%,transparent 85%),url('/static/media/sponsor/letter-workshop-v1.png') center/cover no-repeat;opacity:.96;pointer-events:none}
.sponsor-note-content{padding:44px 56px 38px}.sponsor-note-logo{display:block;object-fit:contain;object-position:left;width:174px;height:59px;filter:drop-shadow(0 2px 6px #0009);margin-bottom:23px}.sponsor-note-close{position:absolute;right:22px;top:20px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid #d6dfd528;background:#17232a99;color:#dde6e1;font-size:26px;line-height:1;cursor:pointer;z-index:1}.sponsor-note-close:hover{background:#35454c}.sponsor-note-close:focus-visible,.sponsor-note-actions :focus-visible{outline:2px solid #ddc18e;outline-offset:4px}
.sponsor-note-status{display:inline-flex;align-items:center;gap:9px;border:1px solid #d3bd8d44;border-radius:99px;padding:7px 13px;color:#e0c796;background:#c6ab6b0c;font-size:12px;letter-spacing:.14em}.sponsor-note-status i{width:5px;height:5px;background:#d5b87a;border-radius:50%}.sponsor-note-kicker{margin:27px 0 10px;font-size:12px;letter-spacing:.22em;color:#b4c1c3}.sponsor-note-content h2{font-size:clamp(27px,3.2vw,39px);line-height:1.5;letter-spacing:.025em;margin:0 0 22px;font-weight:650}.sponsor-note-content h2 em{font-style:normal;color:#dfc69b}.sponsor-note-letter{max-width:610px;font-size:15px;line-height:1.95;color:#c7d1d1;text-wrap:pretty}.sponsor-note-letter p{margin:0 0 14px}.sponsor-note-letter .sponsor-note-thanks{color:#f0e1c5;font-weight:500;margin-top:21px}.sponsor-note-sign{max-width:610px;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #c2d0d21e;padding-top:18px;margin-top:24px;font-size:12px;color:#aababb;letter-spacing:.08em}.sponsor-note-sign span:last-child{color:#c2a477}.sponsor-note-actions{display:flex;gap:12px;margin-top:26px}.sponsor-note-actions .btn{border-radius:12px;min-height:44px;font-size:14px}.sponsor-note-return{background:#ffffff06;border-color:#d5dedc30;color:#d2dcd9}.sponsor-notice[open]{animation:sponsor-note-enter .32s cubic-bezier(.2,.7,.2,1)}@keyframes sponsor-note-enter{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){.sponsor-notice{width:calc(100vw - 22px);max-height:calc(100dvh - 24px);border-radius:22px}.sponsor-note-content{padding:29px 25px 28px}.sponsor-note-logo{width:140px;height:47px}.sponsor-note-close{right:15px;top:15px;width:34px;height:34px}.sponsor-note-letter{font-size:14px;line-height:1.9}.sponsor-note-content h2{font-size:27px}.sponsor-note-sign{flex-direction:column;gap:6px}.sponsor-note-actions{flex-wrap:wrap}.sponsor-note-art{background-position:65% center}.sponsor-note-kicker{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.sponsor-notice[open]{animation:none}}