:root,:root[data-theme=light]{--paper:#fff;--ink:#242424;--ink-2:#616161;--line:#e1e1e1;--panel:#f5f5f5;--band:#0f6cbd;--band-ink:#fff;--band-2:#e0efff;--keyline:#0f6cbd;--sel:#cfe6fa;--read:#fff;--unread:#fff;--sans:"Segoe UI",Arial,sans-serif}
[hidden]{display:none!important}.top{min-height:52px;padding-top:7px;padding-bottom:7px;background:#0f6cbd}.top .brand{letter-spacing:0;font-size:20px}.top .brand span{font-size:14px}.sbox{max-width:650px;margin-left:35px}.sbox input{border-radius:4px;background:#fff;color:#242424;padding-top:7px;padding-bottom:7px}.sbox input::placeholder,.sbox .mag,.sbox .clr{color:#616161}.sbox .mag{top:6px}.sbox .clr{top:0}.grad{background:#0f6cbd}.ribbon{display:flex;gap:5px;align-items:center;padding:12px 16px;background:var(--paper);border-bottom:1px solid var(--line);min-height:74px;flex:none}.ribbon button{border:0;background:transparent;padding:10px 12px;border-radius:4px;color:var(--ink);white-space:nowrap}.ribbon button:hover{background:var(--sel)}.ribbon button.ribbon-new{background:#0f6cbd;color:white}.ribbon-separator{height:32px;border-right:1px solid var(--line);margin:0 7px}.app{grid-template-columns:230px minmax(0,1fr);background:var(--panel);padding-top:8px}.nav{border:0;padding-top:4px}.compose{border-radius:4px;box-shadow:none;padding:10px 14px;margin-bottom:8px}.nav button.f,.nav button.l{border-radius:4px;min-height:40px}.nav h3{font-size:14px;letter-spacing:0;text-transform:none;margin-top:12px;margin-bottom:10px}.mail-address{font-size:12px;font-weight:600;padding:10px 12px;overflow-wrap:anywhere;color:var(--ink-2);margin:6px 0 0}.main{grid-template-columns:minmax(310px,33%) minmax(0,1fr);gap:8px;padding-right:8px}.listwrap{background:var(--paper);border:1px solid var(--line);border-radius:5px 5px 0 0;overflow:hidden;min-height:0}.list-title{font-size:18px;font-weight:600;padding:12px 18px;border-bottom:1px solid var(--line)}.tools{min-height:44px;padding:2px 8px}.row{min-height:94px;padding:12px 12px 12px 6px;gap:4px}.row .body{min-width:0}.row .w{font-size:14px;margin-bottom:4px}.row .s{font-size:14px;color:#0f6cbd;font-weight:600}.row .s span:not(.tag){display:block;font-weight:400;color:var(--ink-2);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .t{align-self:center;font-size:12px;color:#0f6cbd}.row.unread{border-left:3px solid #0f6cbd;padding-left:3px}.row.on{background:var(--sel)}.read{border:1px solid var(--line);border-radius:5px 5px 0 0;background:var(--paper);min-height:0;overflow:auto}.rhead{min-height:44px}.subject{font-size:20px;padding-top:18px}.msg{border-bottom:1px solid var(--line)}.msg .bd{overflow-wrap:anywhere}.email-frame{width:100%;height:55vh;min-height:260px;border:0;background:white}.empty{color:var(--ink-2);display:grid;place-content:center;min-height:240px;text-align:center;padding:24px}.cw{box-shadow:0 12px 48px #0004;border:1px solid var(--line)}.cw .bar{background:#0f6cbd}.cw .foot .send{border-radius:4px}.header{background:#0f6cbd;border:0}.header .brand{letter-spacing:0;font-size:22px}.header .brand span{color:#e0efff}.header~main{background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 40px #0000000a;margin:7vh auto 20px;padding:32px;max-width:460px}body:has(.header){background:#f3f6fa;min-height:100dvh}body:has(.header) .btn{background:#0f6cbd;color:white;border-color:#0f6cbd;border-radius:4px}body:has(.header) input{border-radius:4px}body:has(.header) .ways{margin-top:20px}body:has(.header) h1{font-size:28px}body:has(.header) label{font-size:11px;letter-spacing:.05em}
@media(max-width:1150px){.ribbon{gap:1px;padding:8px}.ribbon button{padding:8px;font-size:13px}.ribbon-separator{margin:0 3px}.app{grid-template-columns:190px minmax(0,1fr)}.main{grid-template-columns:minmax(280px,40%) minmax(0,1fr)}}
@media(max-width:1000px){.main{grid-template-columns:minmax(0,1fr)}.read{display:none}body.reading .read{display:flex}body.reading .listwrap{display:none}.ribbon button[data-ribbon=replyall],.ribbon button[data-ribbon=spam],.ribbon button[data-ribbon=star]{display:none}}
@media(max-width:760px){.ribbon{min-height:50px;overflow-x:auto}.ribbon button{font-size:12px}.ribbon-separator,.ribbon button[data-ribbon=unread],.ribbon button[data-ribbon=forward]{display:none}.top .brand{font-size:18px}.sbox{margin-left:0}.app{grid-template-columns:minmax(0,1fr);padding-top:0}.main{padding:0;gap:0}.nav{top:102px}.row{min-height:86px}.list-title{padding:8px 16px}.msg .hd{flex-wrap:wrap}.msg .when{margin-left:42px}.header~main{margin:20px 12px;padding:24px 20px;max-width:none}.header{padding:14px 20px}.cw .ed{min-height:100px}}
.row .body{display:block}.row .w{width:auto;max-width:none}.row .s{display:block}.row .t{align-self:start;padding-top:6px}.top #burger{display:none!important}@media(max-width:760px){.top #burger{display:inline-flex!important}}
/* Jude Cinema master brand: deployed masthead geometry and signature colours. */
:root,:root[data-theme=light]{--ink:#071722;--ink-2:#486373;--keyline:#0a689c;--band:#050708;--band-2:#bec8cf;--line:#d9e3e8;--sel:#dff3ff;--panel:#f5f9fc;--sans:Arial,"Liberation Sans",Helvetica,sans-serif;--signature:linear-gradient(100deg,#064163 0%,#0a689c 55%,#18a3e9 100%)}
.top{background:#050708;border-bottom:3px solid transparent;border-image:var(--signature) 1;min-height:64px}.top .brand{display:flex;align-items:center;gap:22px;flex:none}.cinema-wordmark{width:108px;height:auto;display:block;fill:#fff}.top .brand span.mail-product{font-size:20px;font-weight:700;letter-spacing:-.04em;margin:0;color:#fff;display:flex;align-items:center;gap:10px}.mail-product small{font-size:12px;font-weight:400;letter-spacing:0;color:#bec8cf;border-left:1px solid #486373;padding-left:10px}.top .sbox{margin-left:8px}.av{background:var(--signature)}.grad,.ribbon button.ribbon-new,.cw .bar{background:var(--signature)}.ribbon{border-bottom:1px solid #c5dce9}.ribbon button,.compose,.cw .foot .send{border-radius:2px}.nav button.f.on{border-left:3px solid #18a3e9}.row .s,.row .t{color:#0a689c}.row.unread{border-left-color:#18a3e9}.app{background:linear-gradient(110deg,#f5f9fc 15%,#e8f7ff 100%)}.sbox input:focus-visible{outline-color:#63ddff}.ribbon button:focus-visible{outline-color:#07537d}
body:has(.header){height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(106deg,#0b0c0c 0%,#0b0e10 48%,#10232f 100%);font-family:Arial,"Liberation Sans",Helvetica,sans-serif}.header{background:#000;padding:18px clamp(24px,5vw,88px);min-height:112px;flex:none;justify-content:space-between}.header .brand{display:block;line-height:0}.cinema-masthead{display:block;width:clamp(232px,29vw,400px);height:auto}.gateway-home{font-size:14px;color:#fff;text-decoration:none}.gateway-home span{color:#63ddff;margin-left:12px}.gateway-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,450px);align-items:center;gap:8vw;flex:1;min-height:0;padding:30px clamp(24px,7vw,100px)}.gateway-intro{color:#fff;align-self:center}.gateway-eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;color:#bec8cf;margin:0 0 24px}.gateway-intro h2{font-size:clamp(52px,7.5vw,108px);letter-spacing:-.055em;line-height:1;margin:0 0 26px;font-weight:750}.gateway-line{font-size:clamp(26px,3.2vw,44px);line-height:1.14;letter-spacing:-.035em;color:#e1edf4;margin:0}.gateway-rule{display:block;width:clamp(160px,22vw,300px);height:3px;margin-top:36px;background:var(--signature)}.gateway-stage main{width:100%;max-width:450px;padding:32px;margin:0;max-height:100%;overflow:auto;background:radial-gradient(ellipse at 98% 88%,#e8f8ff 0%,transparent 57%),linear-gradient(110deg,#fff 15%,#f5fcff 100%);color:#071722;border:1px solid #9abccc;border-radius:2px;box-shadow:none}.gateway-stage main h1{font-size:27px!important;line-height:1.1;letter-spacing:-.035em}.gateway-stage main p{font-size:15px;color:#486373}.gateway-stage main .btn{background:var(--signature)!important;border:0!important;color:#fff!important;border-radius:2px!important;min-height:48px}.gateway-stage main input{background:#fff!important;color:#071722!important;border-color:#9abccc!important;border-radius:2px!important}.gateway-stage .ways a{color:#07537d}.gateway-stage .ways{margin-top:20px;padding-top:16px}.gateway-stage :focus-visible{outline-color:#07537d}.header~.gateway-stage label{color:#486373}body:has(.header) #themetog{display:none}
@media(max-width:1000px){.cinema-wordmark{width:80px}.top .brand{gap:12px}.gateway-stage{gap:5vw;padding:24px 5vw}.gateway-intro h2{font-size:66px}.gateway-stage main{padding:26px}}
@media(max-width:760px){.top{min-height:58px}.cinema-wordmark{display:none}.top .brand span.mail-product{display:flex;font-size:18px}.mail-product small{display:none}.nav{top:108px}.header{min-height:86px;padding:14px 18px}.cinema-masthead{width:225px}.gateway-home{font-size:12px}.gateway-home span{margin-left:3px}.gateway-stage{display:flex;flex-direction:column;justify-content:center;padding:20px 18px;gap:14px}.gateway-intro{display:none}.gateway-stage main{max-width:440px;padding:24px 20px;flex:none;max-height:100%}.gateway-stage main h1{font-size:26px!important}.gateway-stage main .ways{margin-top:14px}.gateway-stage main label{margin-top:10px}.gateway-stage main input{padding:11px 12px}.gateway-stage main .btn{margin-top:14px}}
@media(max-height:650px) and (min-width:761px){.header{min-height:78px;padding-top:8px;padding-bottom:8px}.cinema-masthead{width:260px}.gateway-stage{padding-top:12px;padding-bottom:12px}.gateway-stage main{padding:20px}}
.gateway-stage main .passkey-first{margin-top:18px}.gateway-stage main .passkey-hint{font-size:12px;margin:9px 0 22px}.gateway-stage main:has(.passkey-first:not([hidden])) #s1-lede{font-size:13px;margin-top:14px;border-top:1px solid #cbdfe9;padding-top:14px}

/* Jude Glass v1: scoped translation of the shared master-brand tokens. */
:root,:root[data-theme]{color-scheme:dark;--paper:#092536;--ink:#eafdff;--ink-2:#b5d1df;--line:#63ddff38;--panel:#071722;--band:#092536;--band-ink:#eafdff;--band-2:#134765;--keyline:#63ddff;--sel:#125475;--read:#092536;--unread:#0c3045;--sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--signature:linear-gradient(110deg,#086396,#13a7e6);--glass:linear-gradient(130deg,#123e51e8,#092536ed);--glass-edge:1px solid #63ddff48;--glass-shadow:inset 0 1px 0 #eafdff24,0 16px 40px #00131d38}
body,body:has(.header){font-family:var(--sans);background:radial-gradient(ellipse at 93% 3%,#107fa2 0,transparent 49%),linear-gradient(130deg,#071722 8%,#092536 55%,#086396);color:var(--ink)}
button,input,textarea,select{font-family:inherit}button,a,input,textarea{touch-action:manipulation}button,a{transition:background-color 180ms,box-shadow 180ms}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #63ddff!important;outline-offset:3px}button:disabled{opacity:.5}
.top,.header{background:#071722b8;border-bottom:var(--glass-edge);border-image:none;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}
.top{min-height:72px;padding-inline:20px}.top .brand span.mail-product{font-weight:600;letter-spacing:-.03em}.top .sbox{max-width:660px}.sbox input{background:#092536b8;color:#eafdff;border:var(--glass-edge);border-radius:9px;box-shadow:inset 0 1px 0 #eafdff18}.sbox input::placeholder,.sbox .mag,.sbox .clr{color:#b5d1df}.top .iconbtn{color:#eafdff}.av{box-shadow:inset 0 1px 0 #eafdff60;border:1px solid #63ddff66}
.ribbon{background:#092536ad;border:var(--glass-edge);border-radius:16px;margin:10px 16px 0;min-height:66px;padding:8px;box-shadow:var(--glass-shadow);backdrop-filter:blur(24px)}.ribbon button{color:#eafdff;border-radius:9px;min-height:42px}.ribbon button:hover{background:#63ddff20}.ribbon button.ribbon-new{background:var(--signature);box-shadow:inset 0 1px 0 #eafdff4a}.ribbon-separator{border-color:#63ddff38}
.app{background:transparent;padding:12px 16px 16px;gap:12px;grid-template-columns:215px minmax(0,1fr)}.nav{background:var(--glass);border:var(--glass-edge);border-radius:20px;padding:14px 10px;box-shadow:var(--glass-shadow)}.nav h3{color:#b5d1df;font-size:12px;font-weight:500;padding-inline:10px}.nav button.f,.nav button.l{color:#eafdff;min-height:44px;border-radius:9px}.nav button.f.on{border:1px solid #63ddff66;background:#13759b5c;color:#eafdff;box-shadow:inset 0 1px 0 #eafdff20}.nav button.f:hover,.nav button.l:hover{background:#63ddff18}.nav button.f .n{color:#b5eaff}.compose{border:1px solid #63ddff80;border-radius:9px;box-shadow:inset 0 1px 0 #eafdff4a;min-height:44px}.mail-address{color:#b5d1df;font-weight:400;font-size:11px;padding:8px 10px}.main{gap:12px;padding:0;grid-template-columns:minmax(295px,36%) minmax(0,1fr)}
.listwrap,.read{border-radius:20px;border:var(--glass-edge);box-shadow:var(--glass-shadow);overflow:hidden}.listwrap{background:var(--glass);backdrop-filter:blur(24px)}.list-title{font-size:18px;font-weight:600;padding:15px 18px}.tools{color:#b5d1df;background:#07172235;border-bottom:var(--glass-edge);min-height:46px}.tools button{color:#eafdff;min-height:40px;border-radius:9px}.tools button:hover{background:#63ddff20}.row{background:transparent;border-bottom-color:#63ddff22;min-height:94px}.row.unread{background:#0e3c5066;border-left-color:#63ddff}.row.on{background:#12688b88;box-shadow:inset 0 0 0 1px #63ddff70}.row:hover{background:#12688b60}.row .s,.row .t{color:#9eeaff}.row .w{color:#eafdff}.row .s span:not(.tag){color:#b5d1df}.row input{accent-color:#13a7e6}.row .star{color:#9fbfce}
.read{--ink:#071722;--ink-2:#486373;--line:#c5dbe8;--paper:#f8fdff;--sel:#dff3ff;background:#f8fdff;color:#071722}.read .rhead{background:#e5f5fd;border-bottom:1px solid #c5dbe8;min-height:46px}.read .iconbtn{color:#086396}.read .subject{letter-spacing:-.025em}.read .empty{color:#486373}.read .msg{background:#fff}.read a{color:#086396}.email-frame{background:#fff;border-radius:9px}
.cw{--ink:#071722;--ink-2:#486373;--paper:#fff;--line:#c5dbe8;--sel:#dff3ff;color:#071722;background:#fff;border:1px solid #63ddff99;border-radius:20px 20px 0 0;overflow:hidden;box-shadow:0 24px 80px #00131d80}.cw .bar{padding:12px 16px;color:#eafdff;background:var(--signature)}.cw .bar button{color:#eafdff;min-width:40px;min-height:40px}.cw .foot .send{border-radius:9px;background:var(--signature);color:#fff}.cw .fld input,.cw .ed{color:#071722;background:#fff}.pop,.sheet .box{background:#092536f5;color:#eafdff;border:var(--glass-edge);border-radius:16px;box-shadow:var(--glass-shadow);backdrop-filter:blur(24px)}.pop button{color:#eafdff;min-height:44px}.pop button:hover{background:#63ddff20}.sheet input,.sheet textarea{color:#eafdff;background:#071722;border:var(--glass-edge);border-radius:9px}.sheet .btn{border-radius:9px;min-height:44px}.toast{border:var(--glass-edge);border-radius:12px;background:#092536;color:#eafdff}
.header{min-height:100px;padding:18px clamp(22px,5vw,76px)}.cinema-masthead{width:clamp(225px,27vw,330px)}.gateway-stage{position:relative;display:flex;justify-content:center;align-items:center;padding:28px 22px 6vh;overflow:auto;isolation:isolate}.gateway-stage:before{content:"";position:fixed;z-index:-1;width:140vw;height:85vh;top:29vh;left:5vw;transform:rotate(-25deg);border-radius:50%;border-top:2px solid #63ddff66;background:linear-gradient(160deg,#13a7e666 0%,#08639620 40%,transparent 70%);box-shadow:0 -38px 100px #13a7e625;pointer-events:none}.gateway-intro{display:none}.gateway-stage main{width:min(100%,440px);border:var(--glass-edge);border-radius:20px;box-shadow:inset 0 1px 0 #eafdff38,0 28px 80px #00131d70;background:linear-gradient(135deg,#12465bcf,#092536ed);backdrop-filter:blur(35px) saturate(140%);-webkit-backdrop-filter:blur(35px) saturate(140%);color:#eafdff;padding:30px;max-height:100%;overflow:auto}.gateway-stage main h1{font-size:28px!important;font-weight:600;letter-spacing:-.035em}.gateway-stage main p,.header~.gateway-stage label{color:#b5d1df}.gateway-stage main input{background:#071722a8!important;color:#eafdff!important;border-color:#63ddff50!important;border-radius:9px!important;min-height:46px}.gateway-stage main input::placeholder{color:#94b7c9}.gateway-stage main .btn{border-radius:9px!important;background:var(--signature)!important;box-shadow:inset 0 1px 0 #eafdff50;min-height:48px}.gateway-stage .ways{border-top-color:#63ddff38}.gateway-stage .ways a{color:#9eeaff}.gateway-stage main:has(.passkey-first:not([hidden])) #s1-lede{border-color:#63ddff38}.gateway-stage main .passkey-hint{color:#b5d1df}.gateway-home{color:#eafdff}.gateway-stage main .msg.bad{color:#ffb8b8}
@media(max-width:1150px){.app{grid-template-columns:185px minmax(0,1fr)}.main{grid-template-columns:minmax(280px,42%) minmax(0,1fr)}}
@media(max-width:1000px){.main{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.top{min-height:60px;padding-inline:12px}.ribbon{margin:7px 8px 0;min-height:54px;border-radius:12px;padding:4px}.ribbon button{padding:8px 10px;min-height:42px}.app{display:block;padding:8px;min-height:0}.main{height:100%;display:grid}.nav{position:fixed;top:127px;bottom:8px;left:8px;width:245px;z-index:30;background:#092536fa}.listwrap,.read{border-radius:16px}.header{min-height:86px;padding:14px 18px}.cinema-masthead{width:225px}.gateway-stage{padding:22px 16px;justify-content:center;min-height:0}.gateway-stage main{padding:25px 22px;max-height:100%}.cw{border-radius:16px 16px 0 0}.mail-address{font-size:12px}}
@media(max-height:650px){.header{min-height:72px;padding-block:10px}.gateway-stage{padding:14px 16px}.gateway-stage main{padding:20px}.gateway-stage main h1{font-size:25px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-transparency:reduce){.top,.header,.nav,.listwrap,.ribbon,.pop,.gateway-stage main{background:#092536;backdrop-filter:none;-webkit-backdrop-filter:none}.gateway-stage:before{display:none}}
@supports not (backdrop-filter:blur(1px)){.top,.header,.nav,.listwrap,.ribbon,.pop,.gateway-stage main{background:#092536}}
.tabs{background:#092536f5!important;border-top:1px solid #63ddff48!important;backdrop-filter:blur(24px)}.tabs button{color:#b5d1df!important}.tabs button.on{color:#63ddff!important;background:#12688b55}.sheet input[type=password]{width:100%;padding:12px;min-height:46px}.sheet #password-message{color:#ffcece}.sheet #password-verify{color:#9eeaff}.sheet label{display:block;margin:12px 0 6px}#password-verify[hidden]{display:none!important}
@media(max-width:760px){.app{padding-bottom:calc(70px + env(safe-area-inset-bottom))}body.reading .app{padding-bottom:8px}.nav{bottom:calc(72px + env(safe-area-inset-bottom))}.tabs button{min-height:44px}}
.top #theme{display:none}.fab{display:none!important}