:root{--reson-notice-height:0px;--reson-notice-base-pad:0px}
body.reson-notices-mounted{padding-top:calc(var(--reson-notice-base-pad) + var(--reson-notice-height))!important}
#resonNoticeBar,#resonNoticeFooter,#resonNoticeContact,#resonNoticeDialog{box-sizing:border-box;font:14px/1.6 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0;text-shadow:none}
#resonNoticeBar *,#resonNoticeDialog *{box-sizing:border-box}
#resonNoticeBar[hidden],#resonNoticeDialog:not([open]){display:none!important}
#resonNoticeBar{position:fixed;inset:0 0 auto;z-index:1150;min-height:46px;padding:8px max(20px,5vw);display:flex;gap:12px;align-items:center;background:#082326;color:#effffc;border-bottom:1px solid #176562}
#resonNoticeBar button,#resonNoticeFooter button,#resonNoticeContact,#resonNoticeDialog button{font:inherit;cursor:pointer;letter-spacing:0;text-transform:none;box-shadow:none}
#resonNoticeBar button{background:none;border:0;color:inherit;padding:4px;min-height:30px;border-radius:4px}
#resonNoticeBar .rn-label{flex:none;color:#65e8d9;border:1px solid #287c76;padding:0 8px;border-radius:5px;font-size:12px}
#resonNoticeTitle{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;font-weight:600!important}
#resonNoticeDate{color:#a0b9b7;font-size:12px;flex:none}
#resonNoticeBar #resonNoticeMore{margin-left:auto;color:#69f0df;white-space:nowrap}
#resonNoticeBar #resonNoticeDismiss{flex:none;width:32px;font-size:23px;line-height:1;color:#bed2cf}
#resonNoticeFooter{position:relative;z-index:6;display:flex;justify-content:center;gap:22px;flex-wrap:wrap;padding:16px 16px max(22px,env(safe-area-inset-bottom));background:#091114;color:#aabfba}
#resonNoticeFooter button{background:transparent;border:0;padding:8px;color:#68ead5;font-weight:600}
#resonNoticeContact{position:fixed;right:20px;bottom:max(76px,env(safe-area-inset-bottom));z-index:1110;display:none;align-items:center;gap:8px;padding:10px 16px;border-radius:24px;border:1px solid #368e80;background:#09231f;color:#93ffe5;box-shadow:0 4px 18px #0004;font-weight:600}
body:has(#resonGuestHomeFrame) #resonNoticeContact{display:flex}
#resonGuestHomeFrame{top:var(--reson-notice-height)!important;bottom:0!important;height:calc(100dvh - var(--reson-notice-height))!important}
body>.reson-home-topbar{top:calc(16px + var(--reson-notice-height))!important}
body[data-authenticated="false"] .reson-home-topbar #crumb{top:calc(22px + var(--reson-notice-height))!important}
#resonNoticeDialog{color-scheme:dark;position:fixed;inset:0;width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid #315c56;border-radius:16px;background:#0b1619;color:#e9f6f1;z-index:2500;box-shadow:0 24px 80px #0008;overflow:auto}
#resonNoticeDialog::backdrop{background:#000a}
#resonNoticeDialog .rn-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:#0b1619;border-bottom:1px solid #243a3a;z-index:1}
#resonNoticeDialog h2{font-size:21px;margin:0;color:#f0fffa;font-weight:650;line-height:1.4;letter-spacing:0}
#resonNoticeDialog .rn-close{border:0;background:transparent;color:#b7ceca;font-size:26px;line-height:1;width:36px;height:36px;padding:0}
#resonNoticeDialog .rn-body{padding:0 24px 24px}
#resonNoticeDialog article{padding:22px 0;border-bottom:1px solid #243a3a}
#resonNoticeDialog article:last-child{border:0}
#resonNoticeDialog h3{margin:7px 0 12px;color:#eaf8f2;font-size:18px;letter-spacing:0;line-height:1.5}
#resonNoticeDialog time{font-size:12px;color:#71d9c4}
#resonNoticeDialog p{margin:12px 0;color:#b9cdc7;font-size:14px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}
#resonNoticeDialog label{display:block;margin:16px 0 7px;color:#c7e4db;font-size:14px}
#resonNoticeDialog select,#resonNoticeDialog textarea,#resonNoticeDialog input{width:100%;background:#071014;border:1px solid #3b5c57;border-radius:8px;color:#e9fff6;padding:10px;font:inherit;letter-spacing:0}
#resonNoticeDialog textarea{min-height:120px;resize:vertical}
#resonNoticeDialog .rn-email{display:block;color:#77f2d4;font-size:clamp(19px,5vw,26px);font-weight:650;text-decoration:none;overflow-wrap:anywhere;margin:20px 0 8px}
#resonNoticeDialog .rn-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
#resonNoticeDialog .rn-actions button,#resonNoticeDialog .rn-actions a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #3b6259;border-radius:8px;background:#142b28;color:#bbf9e6;padding:10px 15px;text-decoration:none;font-size:14px}
#resonNoticeDialog .rn-actions .rn-primary{background:#79ead0;border-color:#79ead0;color:#09241c;font-weight:650}
#resonNoticeBar button:focus-visible,#resonNoticeFooter button:focus-visible,#resonNoticeContact:focus-visible,#resonNoticeDialog :focus-visible{outline:2px solid #8affdf;outline-offset:3px}
@media(max-width:760px){#resonNoticeBar{padding:7px 12px;gap:7px;min-height:44px;font-size:12px}#resonNoticeDate{display:none}#resonNoticeBar #resonNoticeMore{font-size:12px}#resonNoticeBar .rn-label{font-size:10px;padding:0 5px}body>.reson-home-topbar{top:calc(12px + var(--reson-notice-height))!important}body[data-authenticated="false"] .reson-home-topbar #crumb{top:calc(12px + var(--reson-notice-height))!important}.reson-home-topbar .task-popover{top:calc(64px + var(--reson-notice-height))!important;max-height:calc(100dvh - 86px - var(--reson-notice-height))!important}#resonNoticeContact{right:12px;padding:9px 12px;font-size:12px}#resonNoticeDialog .rn-head{padding:16px 18px}#resonNoticeDialog .rn-body{padding:0 18px 20px}}

/* One viewport only for the homepage; history and other views retain scrolling. */
:root{--reson-home-footer-height:64px}
body.reson-home-one-screen{box-sizing:border-box!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important;overflow:hidden!important;padding-bottom:var(--reson-home-footer-height)!important}
body.reson-home-one-screen>.app{height:100%!important;min-height:0!important;max-height:100%!important}
body.reson-home-one-screen>.app>.main{display:flex!important;flex-direction:column;height:100%!important;min-height:0!important;box-sizing:border-box;padding:16px 34px 0!important}
body.reson-home-one-screen>.app>.main>.topbar{flex:0 0 auto;min-height:64px}
body.reson-home-one-screen #workspace.active{display:flex!important;flex:1 1 0;min-height:0;flex-direction:column}
body.reson-home-one-screen #workspace .workspace-hero{flex:1 1 0;min-height:0!important;height:auto!important;padding:clamp(12px,4vh,44px) 24px!important;margin:0!important;box-sizing:border-box}
body.reson-home-one-screen #workspace .workspace-copy{transform:none!important;padding:0!important}
body.reson-home-one-screen #workspace .quick-upload{max-width:100%}
body.reson-home-one-screen>footer:not(#resonNoticeFooter){display:none!important}
body.reson-home-one-screen #resonNoticeFooter{position:fixed;inset:auto 0 0;z-index:1120;display:flex;align-items:center;justify-content:center;gap:8px 22px;min-height:52px;padding:10px 18px max(10px,env(safe-area-inset-bottom));background:#091114;border-top:1px solid #19312f;font-size:12px;line-height:1.5}
#resonNoticeFooter .rn-home-legal,#resonNoticeFooter .rn-home-copyright{display:none}
body.reson-home-one-screen #resonNoticeFooter .rn-home-legal{display:flex;gap:16px;align-items:center}
body.reson-home-one-screen #resonNoticeFooter .rn-home-legal a{color:#a0c0b7;text-decoration:none;padding:5px 0}
body.reson-home-one-screen #resonNoticeFooter .rn-home-copyright{display:block;color:#78928b;font-size:11px;white-space:nowrap}
body.reson-home-one-screen #resonNoticeFooter button{padding:5px 2px;font-size:12px}
body.reson-home-one-screen #resonNoticeContact{display:none!important}
body.reson-home-one-screen #resonGuestHomeFrame{height:calc(100dvh - var(--reson-notice-height) - var(--reson-home-footer-height))!important;bottom:var(--reson-home-footer-height)!important}
@media(max-width:760px){body.reson-home-one-screen>.app>.main{padding:8px 18px 0!important}body.reson-home-one-screen #workspace .workspace-hero{padding:12px 0!important}body.reson-home-one-screen #workspace .workspace-copy h1.authenticated-hero-title{font-size:clamp(25px,8.1vw,44px)!important;margin-bottom:22px!important}body.reson-home-one-screen #resonNoticeFooter{gap:4px 16px;padding:7px 12px max(8px,env(safe-area-inset-bottom));min-height:66px}body.reson-home-one-screen #resonNoticeFooter .rn-home-copyright{order:5;flex-basis:100%;text-align:center;font-size:10px}body.reson-home-one-screen #resonNoticeFooter .rn-home-legal{gap:12px}}
@media(max-height:580px){body.reson-home-one-screen #workspace .workspace-copy h1.authenticated-hero-title{font-size:clamp(24px,5vw,42px)!important;margin-bottom:16px!important}body.reson-home-one-screen #workspace .workspace-hero{padding:8px 0!important}body.reson-home-one-screen #workspace .quick-upload{min-height:58px!important}body.reson-home-one-screen #workspace .workspace-copy .eyebrow{margin-bottom:12px!important}}

/* Lift the whole upload group together while preserving its internal spacing. */
body.reson-home-one-screen #workspace .workspace-copy{transform:translateY(clamp(-56px,-4.5vh,-24px))!important}
@media(max-width:760px){body.reson-home-one-screen #workspace .workspace-copy{transform:translateY(-18px)!important}}
@media(max-height:580px){body.reson-home-one-screen #workspace .workspace-copy{transform:translateY(-8px)!important}}

/* Quiet, slimmer homepage footer. */
body.reson-home-one-screen #resonNoticeFooter{min-height:34px;padding:3px 16px max(3px,env(safe-area-inset-bottom));gap:4px 17px;background:#081114;border-top-color:#142725;font-size:11px}
body.reson-home-one-screen #resonNoticeFooter button{min-height:26px;padding:2px;font-size:11px;font-weight:500;line-height:1.5}
body.reson-home-one-screen #resonNoticeFooter .rn-home-legal{gap:14px}
body.reson-home-one-screen #resonNoticeFooter .rn-home-legal a{padding:3px 0;font-size:11px}
body.reson-home-one-screen #resonNoticeFooter .rn-home-copyright{font-size:10px;color:#617c73}
#resonNoticeFooter .rn-footer-feedback{display:none}
body.reson-home-one-screen #resonNoticeFooter .rn-footer-feedback{display:inline-flex;align-items:center}
#resonNoticeFooter .rn-footer-feedback[hidden]{display:none!important}
body.reson-home-one-screen .rn-feedback-source{display:none!important}
@media(max-width:760px){body.reson-home-one-screen #resonNoticeFooter{min-height:54px;padding:4px 10px max(5px,env(safe-area-inset-bottom));gap:1px 12px}body.reson-home-one-screen #resonNoticeFooter button{min-height:28px}body.reson-home-one-screen #resonNoticeFooter .rn-home-legal{gap:10px}body.reson-home-one-screen #resonNoticeFooter .rn-home-copyright{font-size:9px;line-height:1.4}}

/* Full publication date/time remains visible on small screens. */
@media(max-width:760px){
 #resonNoticeBar{display:grid;grid-template-columns:auto minmax(0,1fr) auto 28px;gap:0 6px;padding:5px 12px}
 #resonNoticeBar>span:first-child{display:none}
 #resonNoticeBar .rn-label{grid-column:1;grid-row:1}
 #resonNoticeTitle{grid-column:2;grid-row:1}
 #resonNoticeBar #resonNoticeMore{grid-column:3;grid-row:1;margin-left:0;font-size:11px}
 #resonNoticeBar #resonNoticeDismiss{grid-column:4;grid-row:1;width:28px}
 #resonNoticeDate{display:block;grid-column:2 / 4;grid-row:2;font-size:10px;line-height:16px;padding-bottom:2px}
}

#resonContactReplyEmail{display:block;box-sizing:border-box;min-height:44px}
#resonContactReplyEmail::placeholder{color:#8eaaa3;opacity:1}