:root{
  color-scheme:dark;

  /* Same palette as the landing page (dark). */
  --bg:#1E1E1E;
  --mat:#2C2C2E;
  --mat-hi:#323234;
  --fill:rgba(118,118,128,.24);
  --fill-2:rgba(118,118,128,.16);
  --fill-3:rgba(118,118,128,.09);
  --thumb:rgba(99,99,102,.92);
  --sep:rgba(255,255,255,.09);
  --sep-2:rgba(255,255,255,.15);

  --label:rgba(255,255,255,.92);
  --label-2:rgba(255,255,255,.58);
  --label-3:rgba(255,255,255,.4);
  --label-4:rgba(235,235,245,.2);

  --silver:#D8D8D5;
  --green:#32D74B; --red:#FF453A; --orange:#FF9F0A;
  --blue:#2B87FF; --link:#4C9BFF;
  --focus:rgba(10,132,255,.6);

  --ink:#1E1E1E; --panel:#2C2C2E; --panel-2:#363638;
  --line:var(--sep); --line-soft:rgba(255,255,255,.06);
  --silver-dim:#8E8E93;
  --fg:var(--label); --fg-muted:var(--label-2); --fg-faint:var(--label-3);
  --long:var(--green); --short:var(--red); --warn:var(--orange);

  --hair:1px;
  --r-xl:18px; --r-lg:14px; --r-md:10px; --r-sm:7px;
  --edge:0 0 0 .5px rgba(255,255,255,.1), 0 1px 2px rgba(0,0,0,.3);
  --ease:cubic-bezier(.2,.8,.2,1);
  --spring:cubic-bezier(.34,1.45,.64,1);

  --font:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
  --font-display:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif;
  --mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
  --serif:"Cormorant Garamond", "Times New Roman", serif;
}
@media (min-resolution:2dppx){
  :root{--hair:.5px; --sep:rgba(255,255,255,.14); --sep-2:rgba(255,255,255,.22);}
}

*{box-sizing:border-box; margin:0; padding:0;}
html,body{min-height:100%;}
html{-webkit-text-size-adjust:100%;}
body{
  background:var(--bg); color:var(--label);
  font-family:var(--font); font-size:14px; line-height:1.45;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
.wrap{max-width:920px; margin:0 auto; padding:0 32px;}
button{font-family:inherit; cursor:pointer;}
input{font-family:inherit;}
#app[hidden], #paused-screen[hidden], [hidden]{display:none !important;}

::selection{background:rgba(10,132,255,.42); color:#fff;}

:where(a, button, input, [tabindex]):focus-visible{
  outline:3px solid var(--focus); outline-offset:2px;
}

*{scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.22) transparent;}
::-webkit-scrollbar{width:11px; height:11px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.2); border-radius:8px;
  border:3px solid transparent; background-clip:content-box;
}
::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.34);}

@keyframes cardIn{from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:none;}}
@keyframes sheetIn{from{opacity:0; transform:translateY(8px) scale(.975);} to{opacity:1; transform:none;}}
@keyframes fadeIn{from{opacity:0;} to{opacity:1;}}
@keyframes fadeOut{from{opacity:1;} to{opacity:0;}}
@keyframes rise{from{opacity:0; transform:translateY(8px);} to{opacity:1; transform:none;}}

.plate{position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden; background:var(--bg);}
#backdrop{position:absolute; inset:0; width:100%; height:100%; display:block; opacity:.26;}
.falloff{
  position:absolute; inset:0;
  background:
    radial-gradient(ellipse 58% 38% at 50% -8%, rgba(255,255,255,.07), transparent 70%),
    linear-gradient(to bottom, rgba(0,0,0,.9) 0%, rgba(0,0,0,.55) 36%, rgba(0,0,0,.9) 100%),
    radial-gradient(ellipse 92% 68% at 50% 46%, rgba(0,0,0,0) 28%, #000 94%);
}
#app, #paused-screen{position:relative; z-index:1;}

.seal{
  --s:64px;
  position:relative; flex:none;
  width:var(--s); height:var(--s);
  border-radius:calc(var(--s) * .235);
  display:grid; place-items:center;
  background:
    radial-gradient(120% 90% at 30% 0%, rgba(255,255,255,.16), transparent 55%),
    linear-gradient(180deg, #3A3A3D 0%, #1A1A1C 100%);
  box-shadow:
    inset 0 0 0 var(--hair) rgba(255,255,255,.14),
    inset 0 1px 0 rgba(255,255,255,.2),
    0 0 0 var(--hair) rgba(0,0,0,.7),
    0 8px 22px -8px rgba(0,0,0,.85);
}
.seal span{
  font-family:var(--serif); font-weight:600; line-height:1;
  font-size:calc(var(--s) * .3); letter-spacing:.02em;
  color:var(--silver);
  background:linear-gradient(180deg, #FFFFFF 10%, #B4B4B1 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  transform:translateY(-.02em);
}
.seal.sm{--s:44px;}

#paused-screen{min-height:100vh; display:flex; align-items:center; justify-content:center; padding:24px;}
.paused-card{
  width:100%; max-width:380px; text-align:center;
  padding:36px 32px 32px;
  background:var(--mat-hi);
  backdrop-filter:blur(40px) saturate(1.8); -webkit-backdrop-filter:blur(40px) saturate(1.8);
  border:var(--hair) solid var(--sep-2); border-radius:var(--r-xl);
  box-shadow:var(--edge), 0 0 0 var(--hair) rgba(0,0,0,.6), 0 30px 80px -24px rgba(0,0,0,.85);
  animation:sheetIn .5s var(--ease) both;
}
.paused-card .seal{margin:0 auto 18px;}
.eyebrow{font-size:13px; font-weight:500; color:var(--label-3); margin-bottom:4px;}
.paused-card h1{
  font-family:var(--font-display); font-weight:700; font-size:22px;
  letter-spacing:-.018em; line-height:1.2; margin-bottom:8px;
}
.muted{color:var(--label-2); font-size:14px; line-height:1.5;}

nav{
  position:sticky; top:0; z-index:20;
  background:rgba(20,20,22,.72);
  backdrop-filter:blur(24px) saturate(1.8); -webkit-backdrop-filter:blur(24px) saturate(1.8);
  border-bottom:var(--hair) solid var(--sep);
}
nav .wrap{
  display:grid; grid-template-columns:1fr auto 1fr; align-items:center;
  gap:16px; height:56px;
}
.logo{
  justify-self:start; white-space:nowrap;
  font-family:var(--font-display); font-size:14px; font-weight:600;
  letter-spacing:-.01em; color:var(--label);
}
.nav-right{justify-self:end; display:flex; align-items:center; gap:12px; min-width:0;}
.who{
  font-size:12.5px; color:var(--label-3);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:210px;
}
.btn-ghost{
  height:28px; padding:0 12px; flex:none;
  border:none; border-radius:var(--r-sm);
  background:var(--fill-2);
  box-shadow:inset 0 0 0 var(--hair) var(--sep), var(--edge);
  color:var(--label); font-size:13px; font-weight:500; white-space:nowrap;
  transition:background .15s ease;
}
.btn-ghost:hover{background:var(--fill);}
.btn-ghost:active{background:rgba(118,118,128,.34);}

main.wrap{padding-top:32px; padding-bottom:96px;}
body:has(#get-app:not([hidden])) main.wrap{padding-bottom:150px;}

.tabs{
  position:relative; justify-self:center;
  display:inline-flex; padding:2px;
  border-radius:9px; background:var(--fill-2);
  box-shadow:inset 0 0 0 var(--hair) var(--sep);
}
.tab{
  position:relative; z-index:1;
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  height:28px; padding:0 16px;
  background:transparent; border:none; border-radius:7px;
  color:var(--label-2); font-size:13px; font-weight:500; letter-spacing:-.003em;
  white-space:nowrap;
  transition:color .2s ease;
}
.tab:hover{color:var(--label);}
.tab.active{color:var(--label);}
.tab:focus-visible{outline-offset:0;}
.tab-dot{
  width:6px; height:6px; border-radius:50%; flex:none;
  background:var(--blue); box-shadow:0 0 0 2px rgba(10,132,255,.2);
}
.tab-slider{
  position:absolute; z-index:0; top:2px; bottom:2px; left:0; width:0;
  border-radius:7px; background:var(--thumb);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 0 var(--hair) rgba(0,0,0,.4),
    0 2px 6px rgba(0,0,0,.35);
  transition:transform .32s var(--ease), width .32s var(--ease);
  pointer-events:none;
}

.feed{display:flex; flex-direction:column; gap:12px;}

.post{
  position:relative;
  background:var(--mat);
  backdrop-filter:blur(24px) saturate(1.5); -webkit-backdrop-filter:blur(24px) saturate(1.5);
  border:var(--hair) solid var(--sep); border-radius:var(--r-lg);
  box-shadow:var(--edge);
  padding:20px 22px;
  animation:cardIn .45s var(--ease) both;
  transition:border-color .2s ease;
}
.post:hover{border-color:var(--sep-2);}
.post.pinned{border-color:rgba(255,255,255,.22);}
.post.dir-long::after, .post.dir-short::after{
  content:""; position:absolute; left:0; top:18px; bottom:18px; width:3px; border-radius:0 3px 3px 0;
}
.post.dir-long::after{background:var(--green);}
.post.dir-short::after{background:var(--red);}

.post-head{display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:10px;}
.post-title{
  font-family:var(--font-display); font-weight:600; font-size:17px;
  letter-spacing:-.012em; line-height:1.3; color:var(--label);
}
.post-date{font-size:12px; color:var(--label-3); white-space:nowrap; padding-top:3px; font-variant-numeric:tabular-nums;}
.pin-badge, .rsr-pin{
  display:inline-flex; align-items:center; height:18px; padding:0 7px;
  border-radius:999px; background:var(--fill-2);
  font-size:11px; font-weight:600; color:var(--label-2);
}
.pin-badge{margin-bottom:6px;}
.post-body{font-size:14px; color:var(--label-2); line-height:1.6; white-space:pre-wrap;}

.post-media{
  display:inline-flex; align-items:center; gap:4px; margin-top:12px;
  font-size:14px; font-weight:500; color:var(--link); text-decoration:none;
}
.post-media:hover{text-decoration:underline; text-underline-offset:3px;}
.chev{flex:none; display:block; transition:transform .2s var(--ease);}
.post-media:hover .chev{transform:translateX(2px);}
.post-media .arrow{transition:transform .2s var(--ease);}

.signal-grid{
  display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr);
  border-radius:var(--r-md); background:var(--fill-3);
  box-shadow:inset 0 0 0 var(--hair) var(--sep);
  overflow:hidden; margin-bottom:14px;
}
.signal-cell{padding:10px 14px 11px; min-width:0;}
.signal-cell + .signal-cell{box-shadow:inset var(--hair) 0 0 var(--sep);}
.signal-cell .k{display:block; font-size:11.5px; font-weight:500; color:var(--label-3); margin-bottom:2px;}
.signal-cell .v{
  display:block; font-size:15px; font-weight:600; letter-spacing:-.01em;
  color:var(--label); font-variant-numeric:tabular-nums;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.signal-cell.stop .v{color:var(--red);}
.signal-cell.target .v{color:var(--green);}

.direction{
  display:inline-flex; align-items:center; height:20px; padding:0 8px;
  border-radius:999px; line-height:1;
  font-size:11.5px; font-weight:600; letter-spacing:.01em; text-transform:capitalize;
}
.direction.long{color:var(--green); background:rgba(48,209,88,.15);}
.direction.short{color:var(--red); background:rgba(255,69,58,.15);}

.empty{text-align:center; color:var(--label-3); padding:64px 0; font-size:14px; animation:cardIn .35s var(--ease) both;}
.empty.bad{color:var(--red);}
.empty .retry{
  display:block; margin:14px auto 0; height:28px; padding:0 14px;
  border:none; border-radius:var(--r-sm); background:var(--fill-2);
  box-shadow:inset 0 0 0 var(--hair) var(--sep), var(--edge);
  color:var(--label); font-size:13px; font-weight:500;
  transition:background .15s ease;
}
.empty .retry:hover{background:var(--fill);}

.skel{
  background:var(--mat); border:var(--hair) solid var(--sep);
  border-radius:var(--r-lg); padding:20px 22px;
}
.skel .bar{
  height:10px; border-radius:5px; margin-bottom:10px;
  background:linear-gradient(90deg, rgba(118,118,128,.12) 0%, rgba(118,118,128,.26) 50%, rgba(118,118,128,.12) 100%);
  background-size:220% 100%; animation:shimmer 1.4s linear infinite;
}
.skel .bar.t{height:14px; width:46%; margin-bottom:16px;}
.skel .bar.a{width:100%;} .skel .bar.b{width:86%;} .skel .bar.c{width:60%; margin-bottom:0;}
@keyframes shimmer{from{background-position:120% 0;} to{background-position:-120% 0;}}

.account-panel{
  display:flex; flex-direction:column; gap:16px;
  max-width:640px; width:100%; margin:0 auto;
  animation:cardIn .45s var(--ease) both;
}
.acct-group{
  background:var(--mat);
  backdrop-filter:blur(24px) saturate(1.5); -webkit-backdrop-filter:blur(24px) saturate(1.5);
  border:var(--hair) solid var(--sep); border-radius:var(--r-lg);
  box-shadow:var(--edge); overflow:hidden;
}
.account-head{display:flex; align-items:center; gap:14px; padding:18px 20px;}
.account-id{min-width:0;}
.account-email{
  font-family:var(--font-display); font-size:16px; font-weight:600; letter-spacing:-.012em;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.account-sub{font-size:13px; color:var(--label-2); margin-top:1px;}
.status-pill{
  margin-left:auto; flex:none;
  display:inline-flex; align-items:center; gap:6px; height:22px; padding:0 10px;
  border-radius:999px; background:var(--fill-2); color:var(--label-2);
  font-size:12px; font-weight:600; text-transform:capitalize;
}
.status-pill:empty{display:none;}
.status-pill.active{color:var(--green); background:rgba(48,209,88,.14);}
.status-pill.soon{color:var(--orange); background:rgba(255,159,10,.14);}
.status-pill.active::before, .status-pill.soon::before{
  content:""; width:6px; height:6px; border-radius:50%; background:currentColor;
}

.access-meter{padding:16px 20px 18px; border-top:var(--hair) solid var(--sep);}
.meter-head{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:10px;}
.meter-value{font-size:13px; color:var(--label-2); font-variant-numeric:tabular-nums;}
.meter-track{height:6px; border-radius:3px; background:var(--fill); overflow:hidden;}
.meter-track i{
  display:block; height:100%; width:0; border-radius:3px;
  background:linear-gradient(90deg, #A1A1A6, #F5F5F7);
  transition:width 1s var(--ease);
}
.meter-track i.soon{background:linear-gradient(90deg, #C77800, var(--orange));}
.meter-foot{margin-top:8px; font-size:12px; color:var(--label-3);}

.account-rows{padding:0;}

/* Chat profile: photo and name used in the engine chat. */
.cp-head{display:flex; align-items:center; gap:16px; padding:18px 20px;}
.cp-av{
  position:relative; flex:none; width:64px; height:64px; padding:0; border:0; border-radius:50%;
  overflow:hidden; cursor:pointer; background:var(--fill-2); color:#fff;
  box-shadow:inset 0 0 0 var(--hair) var(--sep-2);
}
.cp-av img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.cp-init{font-family:var(--font-display); font-size:24px; font-weight:600;}
.cp-cam{
  position:absolute; inset:0; display:grid; place-items:center; background:rgba(0,0,0,.45);
  opacity:0; transition:opacity .15s var(--ease);
}
.cp-cam svg{width:22px; height:22px;}
.cp-av:hover .cp-cam, .cp-av:focus-visible .cp-cam, .cp-av.busy .cp-cam{opacity:1;}
.cp-av:focus-visible{outline:none; box-shadow:0 0 0 2px var(--blue);}
.cp-av.busy .cp-cam svg{animation:cpPulse 1s ease-in-out infinite;}
@keyframes cpPulse{50%{opacity:.35;}}
.cp-main{min-width:0;}
.cp-sub{font-size:12.5px; color:var(--label-2); margin-top:2px; line-height:1.4;}
.cp-btns{display:flex; gap:8px; margin-top:10px;}
.cp-btn{
  height:28px; padding:0 12px; border:0; border-radius:8px; cursor:pointer;
  background:var(--fill-2); color:var(--label); font:inherit; font-size:12.5px; font-weight:600;
}
.cp-btn:hover:not(:disabled){background:var(--fill);}
.cp-btn:disabled{opacity:.45; cursor:default;}
.cp-btn.plain{background:none; color:var(--label-2); padding:0 6px;}
.cp-btn.plain:hover{color:var(--red, #FF453A); background:none;}
.cp-name{display:flex; align-items:center; gap:10px; padding:10px 16px 10px 20px; border-top:var(--hair) solid var(--sep);}
.cp-name .label{flex:none;}
.cp-name input{
  flex:1; min-width:0; height:30px; padding:0 10px; border-radius:8px; border:0;
  background:var(--fill); color:var(--label); font:inherit; font-size:13.5px; text-align:right;
}
.cp-name input:focus{outline:none; box-shadow:0 0 0 2px var(--blue); text-align:left;}
.cp-msg{margin:0; padding:0 20px 12px; font-size:12px; color:var(--label-2);}
.cp-msg.bad{color:var(--red, #FF453A);}
.account-row{
  position:relative;
  display:flex; justify-content:space-between; align-items:center; gap:16px;
  min-height:44px; padding:10px 16px 10px 20px; font-size:13.5px;
}
.account-row + .account-row::before{
  content:""; position:absolute; top:0; left:20px; right:0;
  height:var(--hair); background:var(--sep);
}
.account-row > span:last-child{
  color:var(--label-2); text-align:right; min-width:0;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
#acct-session{font-family:var(--mono); font-size:12.5px;}
.label{font-size:13.5px; color:var(--label);}
.acct-foot{font-size:12px; color:var(--label-3); padding:0 20px; margin-top:-8px;}

a.support-row{color:inherit; text-decoration:none; cursor:pointer; transition:background .15s var(--ease);}
a.support-row:hover{background:var(--fill);}
a.support-row:focus-visible{outline:none; box-shadow:inset 0 0 0 2px var(--blue);}
.account-row > span.support-mail{color:var(--link); display:inline-flex; align-items:center; gap:6px;}
.support-mail::after{
  content:""; width:6px; height:6px; flex:none;
  border-right:1.5px solid var(--label-3); border-top:1.5px solid var(--label-3);
  transform:rotate(45deg); margin-right:2px;
}
.support-link{
  display:inline-block; margin-top:14px; font-size:14px; color:var(--link);
  text-decoration:none;
}
.support-link:hover{text-decoration:underline; text-underline-offset:3px;}

.acct-toggle{
  position:relative; flex:none;
  width:40px; height:24px; border-radius:12px; border:none;
  background:rgba(120,120,128,.36);
  box-shadow:inset 0 0 0 var(--hair) rgba(0,0,0,.25);
  font-size:0; color:transparent;
  transition:background .22s var(--ease);
}
.acct-toggle::after{
  content:""; position:absolute; top:2px; left:2px;
  width:20px; height:20px; border-radius:50%; background:#fff;
  box-shadow:0 2px 4px rgba(0,0,0,.3), 0 0 0 var(--hair) rgba(0,0,0,.06);
  transition:transform .28s var(--spring);
}
.acct-toggle[aria-pressed="true"]{background:var(--blue);}
.acct-toggle[aria-pressed="true"]::after{transform:translateX(16px);}

.feed.research{gap:0;}

.rsr-engine{
  margin-bottom:32px; border-radius:var(--r-xl);
  --tilt-x:0deg; --tilt-y:0deg; --mx:50%; --my:50%;
  box-shadow:0 30px 60px -44px rgba(0,0,0,.9);
  transition:transform .55s var(--ease), box-shadow .55s ease;
}
@media (hover:hover) and (pointer:fine){
  .rsr-engine{
    transform:perspective(1500px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
  }
  .rsr-engine:hover{box-shadow:0 44px 80px -46px rgba(0,0,0,1);}
  .rsr-lead .rsr-scrim::after{
    content:""; position:absolute; inset:0; pointer-events:none;
    background:radial-gradient(460px circle at var(--mx) var(--my), rgba(255,255,255,.09), transparent 62%);
    opacity:0; transition:opacity .5s ease;
  }
  .rsr-engine:hover .rsr-lead .rsr-scrim::after{opacity:1;}
}
@media (prefers-reduced-motion:reduce){
  .rsr-engine{transform:none;}
}
.rsr-engine .rsr-lead{margin-bottom:0;}
.rsr-engine:not(.loose) .rsr-lead{border-bottom:none; border-radius:var(--r-xl) var(--r-xl) 0 0;}
.rsr-engine:not(.loose):hover .rsr-lead,
.rsr-engine:not(.loose):hover .eng-strip{border-color:var(--sep-2);}
.rsr-engine.loose{box-shadow:none;}
.rsr-engine.loose .eng-strip{margin-top:14px; border-top:var(--hair) solid var(--sep); border-radius:var(--r-xl);}

.eng-strip{
  display:flex; align-items:center; gap:18px;
  padding:13px 20px;
  border:var(--hair) solid var(--sep); border-top:none;
  border-radius:0 0 var(--r-xl) var(--r-xl);
  background:rgba(18,18,20,.84);
  backdrop-filter:blur(24px) saturate(1.5); -webkit-backdrop-filter:blur(24px) saturate(1.5);
  transition:border-color .3s;
  animation:cardIn .5s var(--ease) .06s both;
}
.rsr-engine:not(.loose) .eng-strip{box-shadow:inset 0 var(--hair) 0 var(--sep);}

.eng-tone{--eng:var(--label-3); --eng-glow:rgba(216,216,213,.16);}
.eng-tone[data-state="operational"]{--eng:#F6F6F3; --eng-glow:rgba(242,242,239,.5);}
.eng-tone[data-state="degraded"]{--eng:var(--silver); --eng-glow:rgba(216,216,213,.3);}
.eng-tone[data-state="maintenance"]{--eng:#8E8E93; --eng-glow:rgba(216,216,213,.18);}
.eng-tone[data-state="offline"]{--eng:var(--label-2); --eng-glow:rgba(216,216,213,.05);}

.eng-state{display:flex; align-items:center; gap:12px; flex:1; min-width:0;}
.eng-orb{position:relative; flex:none; width:18px; height:18px; display:grid; place-items:center;}
.eng-orb i{
  width:7px; height:7px; border-radius:50%; position:relative; z-index:2;
  background:radial-gradient(circle at 33% 29%, #FFFFFF, var(--eng) 58%, rgba(0,0,0,.45));
  box-shadow:0 0 11px var(--eng-glow), inset 0 -1px 1px rgba(0,0,0,.4);
  transition:background .4s ease, box-shadow .4s ease, border-color .4s ease;
}
[data-state="offline"] .eng-orb i{background:none; border:1px solid var(--eng); box-shadow:none;}
.eng-orb::after{
  content:""; position:absolute; inset:3px; border-radius:50%;
  border:1px solid var(--eng); opacity:0;
}
[data-state="operational"] .eng-orb::after{animation:engRing 3.6s cubic-bezier(.16,.84,.3,1) infinite;}
[data-state="degraded"] .eng-orb i{animation:engBreathe 2.6s ease-in-out infinite;}
[data-state="maintenance"] .eng-orb i{animation:engBreathe 4.2s ease-in-out infinite;}
@keyframes engRing{0%{transform:scale(.55); opacity:.6;} 62%{opacity:0;} 100%{transform:scale(2.4); opacity:0;}}
@keyframes engBreathe{0%,100%{opacity:.45;} 50%{opacity:1;}}

.eng-words{display:flex; flex-direction:column; gap:1px; min-width:0;}
.eng-label{font-size:13.5px; font-weight:600; letter-spacing:-.005em; color:var(--label); transition:color .3s ease;}
.eng-line{display:flex; align-items:baseline; gap:8px; min-width:0;}
.eng-sub{font-size:12.5px; color:var(--label-2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.eng-when{font-size:11.5px; color:var(--label-3); white-space:nowrap; flex:none; font-variant-numeric:tabular-nums;}
.eng-when:empty{display:none;}

.eng-sep{flex:none; width:var(--hair); height:28px; background:var(--sep);}

.eng-ver{
  flex:none; display:inline-flex; align-items:center; gap:8px;
  height:30px; padding:0 10px; margin-right:-8px;
  background:transparent; border:none; border-radius:var(--r-sm);
  color:var(--label-2); font-size:13px; font-weight:500;
  transition:background .15s ease, color .15s ease;
}
.eng-ver:hover{background:var(--fill-2); color:var(--label);}
.eng-ver-num{
  font-family:var(--mono); font-size:11.5px; color:var(--label);
  background:var(--fill-2); padding:2px 7px; border-radius:6px;
}
.eng-ver-rule{display:none;}
.eng-ver .ver-dot{order:-1;}
.eng-ver::after{
  content:""; flex:none; width:6px; height:6px; margin-left:2px;
  border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor;
  transform:rotate(-45deg); opacity:.75;
}

@media (max-width:680px){
  .eng-strip{flex-direction:column; align-items:stretch; gap:0; padding:0 16px;}
  .eng-state{padding:14px 0 15px; align-items:flex-start;}
  .eng-orb{margin-top:1px;}
  .eng-line{flex-wrap:wrap;}
  .eng-sub{white-space:normal;}
  .eng-when{display:none;}
  .eng-sep{width:auto; height:var(--hair); margin:0;}
  .eng-ver{min-height:50px; width:100%; margin:0; padding:0; gap:10px; border-radius:0;}
  .eng-ver:hover{background:transparent;}
  .eng-ver::after{margin-left:auto;}
}
@media (prefers-reduced-motion:reduce){
  .eng-strip{animation:none;}
  .eng-orb::after, .eng-orb i{animation:none !important;}
}

.rsr-lead{
  position:relative; overflow:hidden;
  border:var(--hair) solid var(--sep); border-radius:var(--r-xl);
  background:rgba(22,22,24,.74);
  backdrop-filter:blur(24px) saturate(1.5); -webkit-backdrop-filter:blur(24px) saturate(1.5);
  box-shadow:var(--edge);
  min-height:300px; display:flex; margin-bottom:32px;
  animation:cardIn .55s var(--ease) both;
  transition:border-color .3s;
}
.rsr-lead:hover{border-color:var(--sep-2);}
.rsr-lead.live{border-color:rgba(255,255,255,.2);}
.rsr-draw{position:absolute; inset:0; display:block;}
.rsr-scrim{
  position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(to top, rgba(0,0,0,.9) 18%, rgba(0,0,0,.46) 58%, rgba(0,0,0,.08) 100%);
}
.rsr-lead-in{
  position:relative; z-index:2; align-self:flex-end;
  padding:30px 30px 28px; display:flex; flex-direction:column; align-items:flex-start; gap:10px;
}
.rsr-lead h2{
  font-family:var(--font-display); font-weight:600;
  font-size:34px; line-height:1.08; letter-spacing:-.026em; max-width:15ch;
}
.rsr-lead p{font-size:14.5px; color:var(--label-2); line-height:1.55; max-width:58ch;}

@property --ro-ang{syntax:"<angle>"; inherits:false; initial-value:0deg;}
.rsr-open{
  --ro-ang:0deg;
  position:relative; isolation:isolate; overflow:hidden;
  display:inline-flex; align-items:center; gap:11px; margin-top:10px;
  height:46px; padding:0 6px 0 20px; border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.03)), rgba(12,12,14,.6);
  backdrop-filter:blur(14px) saturate(1.4); -webkit-backdrop-filter:blur(14px) saturate(1.4);
  color:#fff; text-decoration:none;
  font-size:14.5px; font-weight:600; letter-spacing:-.01em;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12), inset 0 1px 0 rgba(255,255,255,.14), 0 14px 30px -14px rgba(0,0,0,.9);
  transition:box-shadow .35s var(--ease), transform .2s var(--ease), background .3s ease;
}
/* Light that runs around the edge */
.rsr-open::before{
  content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit; padding:1px;
  background:conic-gradient(from var(--ro-ang), transparent 0deg, transparent 230deg, rgba(48,209,88,.15) 270deg, rgba(48,209,88,.95) 320deg, #fff 340deg, transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  animation:roSpin 3.6s linear infinite;
  pointer-events:none;
}
/* Shine that sweeps across on hover */
.rsr-open::after{
  content:""; position:absolute; top:0; bottom:0; left:-40%; width:36%; z-index:-1;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.16), transparent);
  transform:translateX(-120%) skewX(-18deg); pointer-events:none;
}
.rsr-open:hover::after, .rsr-open:focus-visible::after{transform:translateX(480%) skewX(-18deg); transition:transform .9s var(--ease);}
.rsr-open:hover, .rsr-open:focus-visible{
  background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.05)), rgba(12,12,14,.6);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18), inset 0 1px 0 rgba(255,255,255,.2), 0 0 0 4px rgba(48,209,88,.08), 0 18px 40px -14px rgba(48,209,88,.45);
  outline:none;
}
.rsr-open:active{transform:scale(.97);}
.ro-go{
  flex:none; display:grid; place-items:center;
  width:34px; height:34px; border-radius:50%;
  background:#F5F5F7; color:#000;
  box-shadow:inset 0 1px 0 #fff, 0 4px 12px -4px rgba(0,0,0,.6);
  transition:transform .45s var(--spring), background .2s ease;
}
.ro-go svg{transition:transform .45s var(--spring);}
.rsr-open:hover .ro-go, .rsr-open:focus-visible .ro-go{background:#fff; transform:scale(1.06);}
.rsr-open:hover .ro-go svg, .rsr-open:focus-visible .ro-go svg{transform:translateX(2px) rotate(-45deg);}
@keyframes roSpin{to{--ro-ang:360deg;}}
@media (prefers-reduced-motion:reduce){
  .rsr-open::before{animation:none;}
  .rsr-open:hover::after{transition:none;}
}

.rsr-bar{display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 4px 10px;}
.rsr-tally{font-size:13px; color:var(--label-3);}
.rsr-find{
  height:28px; width:180px; padding:0 10px 0 28px;
  border:none; border-radius:var(--r-sm); outline:none;
  background:var(--fill-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23EBEBF5' stroke-opacity='.55' stroke-width='1.4' stroke-linecap='round'%3E%3Ccircle cx='5' cy='5' r='3.7'/%3E%3Cpath d='M7.9 7.9l2.7 2.7'/%3E%3C/svg%3E") no-repeat 10px 50% / 12px 12px;
  box-shadow:inset 0 0 0 var(--hair) var(--sep);
  color:var(--label); font-size:13px;
  transition:width .3s var(--ease), box-shadow .15s ease;
}
.rsr-find::placeholder{color:var(--label-3);}
.rsr-find:focus{width:240px; box-shadow:0 0 0 3px var(--focus);}

.rsr-list{
  background:var(--mat);
  backdrop-filter:blur(24px) saturate(1.5); -webkit-backdrop-filter:blur(24px) saturate(1.5);
  border:var(--hair) solid var(--sep); border-radius:var(--r-lg);
  box-shadow:var(--edge); overflow:hidden;
}
.rsr-item{position:relative; animation:cardIn .4s var(--ease) both;}
.rsr-item + .rsr-item::before{
  content:""; position:absolute; top:0; left:16px; right:0; z-index:1;
  height:var(--hair); background:var(--sep);
}
.rsr-row{
  display:grid; grid-template-columns:96px 1fr 12px; gap:16px; align-items:center;
  width:100%; padding:14px 18px 14px 16px;
  background:transparent; border:none; color:inherit; text-align:left;
  transition:background .15s ease;
}
.rsr-row:hover{background:rgba(255,255,255,.035);}
.rsr-row:focus-visible{outline-offset:-3px;}
.rsr-when{font-size:12.5px; color:var(--label-3); white-space:nowrap; font-variant-numeric:tabular-nums;}
.rsr-name{font-size:14.5px; font-weight:500; letter-spacing:-.006em; line-height:1.35; color:var(--label);}
.rsr-pin{margin-left:8px; vertical-align:1px;}
.rsr-mark{
  justify-self:end; width:7px; height:7px;
  border-right:1.5px solid var(--label-3); border-bottom:1.5px solid var(--label-3);
  transform:rotate(-45deg);
  transition:transform .3s var(--ease), border-color .2s ease;
}
.rsr-row:hover .rsr-mark{border-color:var(--label-2);}
.rsr-item.open .rsr-mark{transform:rotate(45deg);}

.rsr-open-body{height:0; overflow:hidden; transition:height .34s var(--ease);}
.rsr-open-body .in{padding:0 40px 20px 128px;}
.rsr-text{font-size:14px; color:var(--label-2); line-height:1.65; white-space:pre-wrap; max-width:68ch;}
.rsr-open-body .post-media{margin-top:12px;}
.rsr-none{padding:36px 0;}

@media (max-width:680px){
  .rsr-engine{margin-bottom:28px;}
  .rsr-lead{min-height:236px;}
  .rsr-lead-in{padding:24px 20px 22px; gap:10px;}
  .rsr-lead h2{font-size:28px; line-height:1.1; max-width:none;}
  .rsr-lead p{
    font-size:13.5px; line-height:1.55;
    display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;
  }
  .rsr-open{height:44px; padding:0 5px 0 16px; font-size:14px;}
  .ro-go{width:34px; height:34px;}

  .rsr-row{grid-template-columns:1fr 12px; gap:3px 12px; padding:12px 16px;}
  .rsr-when{grid-column:1 / -1; grid-row:1;}
  .rsr-name{grid-column:1; grid-row:2;}
  .rsr-mark{grid-column:2; grid-row:1 / span 2;}
  .rsr-open-body .in{padding:0 16px 18px;}
  .rsr-find{width:130px;}
  .rsr-find:focus{width:160px;}
}

.feed.alerts{gap:0;}

.al-day{position:relative; padding-left:84px; padding-bottom:4px;}
.al-daymark{
  display:flex; align-items:baseline; gap:8px;
  margin:30px 0 12px -84px; padding:0 2px;
}
.al-day:first-child .al-daymark{margin-top:0;}
.al-daylabel{
  font-family:var(--font-display); font-size:20px; font-weight:700;
  letter-spacing:-.02em; color:var(--label);
}
.al-daycount{font-size:13px; color:var(--label-3); font-variant-numeric:tabular-nums;}
.al-day.today .al-daylabel::after{
  content:""; display:inline-block; width:7px; height:7px; margin-left:9px;
  border-radius:50%; background:var(--green); vertical-align:middle; transform:translateY(-2px);
  box-shadow:0 0 0 3px rgba(48,209,88,.18), 0 0 10px rgba(48,209,88,.5);
  will-change:opacity;
  animation:live 2.6s ease-in-out infinite;
}
@keyframes live{0%,100%{opacity:.4;} 50%{opacity:1;}}

.al-items{position:relative; display:flex; flex-direction:column; gap:10px;}
.al-items::before{
  content:""; position:absolute; left:-16px; top:10px; bottom:-4px; width:1px;
  background:linear-gradient(to bottom, var(--sep-2), var(--sep) 70%, transparent);
}
.al-item{position:relative; animation:cardIn .4s var(--ease) both;}

.al-stamp{position:absolute; left:-84px; top:17px; width:58px; text-align:right;}
.al-time{font-size:12px; font-weight:500; color:var(--label-3); font-variant-numeric:tabular-nums; white-space:nowrap;}
.al-dot{
  position:absolute; left:65px; top:4px; width:7px; height:7px; border-radius:50%;
  background:#48484A; box-shadow:0 0 0 2px var(--bg);
}
.al-item.call .al-dot{background:#8E8E93;}
.al-item.dir-long .al-dot{background:var(--green);}
.al-item.dir-short .al-dot{background:var(--red);}

.al-card{
  position:relative;
  background:var(--mat);
  backdrop-filter:blur(24px) saturate(1.5); -webkit-backdrop-filter:blur(24px) saturate(1.5);
  border:var(--hair) solid var(--sep); border-radius:var(--r-lg);
  box-shadow:var(--edge);
  padding:15px 18px 16px;
  transition:border-color .2s ease, background .2s ease;
}
.al-item:hover .al-card{border-color:var(--sep-2);}
.al-item.note .al-card{background:rgba(30,30,32,.42); padding:13px 18px 14px;}
.al-item.note .post-title{font-family:var(--font); font-size:14px; font-weight:600; letter-spacing:-.005em;}
.al-item.pinned .al-card{border-color:rgba(255,255,255,.22);}

.al-head{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;}
.al-item .post-title{font-size:15.5px; letter-spacing:-.01em;}
.al-item .signal-grid{margin-top:12px; margin-bottom:0;}
.al-item .post-body{margin-top:8px; font-size:13.5px; line-height:1.55;}
.al-item .post-media{margin-top:10px; font-size:13.5px;}
.al-tags{display:flex; align-items:center; gap:6px; flex:none;}
.al-sym{
  display:inline-flex; align-items:center; height:20px; padding:0 7px;
  border-radius:6px; background:var(--fill-2);
  font-size:11.5px; font-weight:600; letter-spacing:.02em; color:var(--label);
}

.feed.education{gap:0;}

.ed-filters{
  align-self:flex-start; display:inline-flex; max-width:100%;
  padding:2px; margin-bottom:20px; border-radius:9px;
  background:var(--fill-2); box-shadow:inset 0 0 0 var(--hair) var(--sep);
  overflow-x:auto; scrollbar-width:none;
}
.ed-filters::-webkit-scrollbar{display:none;}
.ed-chip{
  height:26px; padding:0 14px; flex:none;
  border:none; border-radius:7px; background:transparent;
  color:var(--label-2); font-size:12.5px; font-weight:500; white-space:nowrap;
  transition:color .15s ease, background .2s ease;
}
.ed-chip:hover{color:var(--label);}
.ed-chip.active{
  background:var(--thumb); color:var(--label);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 0 0 var(--hair) rgba(0,0,0,.4), 0 2px 6px rgba(0,0,0,.3);
}
.ed-chip:focus-visible{outline-offset:0;}

.ed-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
.ed-card{
  position:relative; display:flex; flex-direction:column;
  background:var(--mat);
  backdrop-filter:blur(24px) saturate(1.5); -webkit-backdrop-filter:blur(24px) saturate(1.5);
  border:var(--hair) solid var(--sep); border-radius:var(--r-lg); overflow:hidden;
  box-shadow:var(--edge);
  text-decoration:none; color:inherit;
  animation:cardIn .45s var(--ease) both;
  transition:border-color .2s ease, box-shadow .3s ease;
}
a.ed-card:hover{border-color:var(--sep-2); box-shadow:var(--edge), 0 24px 48px -30px rgba(0,0,0,.9);}
.ed-card.start{grid-column:1 / -1; flex-direction:row;}
.ed-card.start .ed-face{
  width:42%; flex:none; padding-top:0; min-height:210px;
  border-bottom:none; border-right:var(--hair) solid var(--sep);
}
.ed-card.start .ed-body{justify-content:center; padding:24px 28px; gap:6px;}

.ed-face{
  position:relative; padding-top:56.25%; overflow:hidden;
  background:radial-gradient(120% 110% at 28% 0%, #2E2E31, #161618 72%);
  border-bottom:var(--hair) solid var(--sep);
}
.ed-thumb{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; opacity:.82; transition:opacity .3s ease, transform .6s var(--ease);
}
a.ed-card:hover .ed-thumb{opacity:.96; transform:scale(1.03);}
.ed-mark{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:44px; height:44px; border-radius:50%;
  display:grid; place-items:center; color:#fff;
  background:rgba(44,44,48,.55);
  backdrop-filter:blur(12px) saturate(1.6); -webkit-backdrop-filter:blur(12px) saturate(1.6);
  box-shadow:inset 0 0 0 var(--hair) rgba(255,255,255,.2), 0 4px 14px rgba(0,0,0,.4);
  transition:transform .35s var(--spring), background .2s ease;
}
.ed-mark svg{width:16px; height:16px; display:block;}
.kind-video .ed-mark svg{margin-left:2px;}
a.ed-card:hover .ed-mark{transform:translate(-50%,-50%) scale(1.08); background:rgba(64,64,68,.6);}
.ed-runtime{
  position:absolute; right:10px; bottom:10px;
  display:inline-flex; align-items:center; height:20px; padding:0 7px;
  border-radius:6px; background:rgba(0,0,0,.62);
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  font-size:11.5px; font-weight:600; color:#fff; font-variant-numeric:tabular-nums;
}
.ed-body{display:flex; flex-direction:column; gap:4px; padding:14px 16px 16px; flex:1;}
.ed-module{font-size:12px; font-weight:500; color:var(--label-3);}
.ed-title{
  font-family:var(--font-display); font-weight:600; font-size:16px;
  letter-spacing:-.01em; line-height:1.3; color:var(--label);
}
.ed-card.start .ed-title{font-size:22px; letter-spacing:-.02em; line-height:1.2;}
.ed-note{font-size:13px; color:var(--label-2); line-height:1.5;}
.ed-card.start .ed-note{font-size:14px; max-width:48ch;}
.ed-kind{margin-top:auto; padding-top:8px; font-size:12px; color:var(--label-3);}
.ed-card.start .ed-kind{margin-top:4px;}
.ed-flag{
  position:absolute; left:12px; top:12px; z-index:2;
  display:inline-flex; align-items:center; height:22px; padding:0 9px;
  border-radius:999px; background:#F5F5F7; color:#000;
  font-size:11.5px; font-weight:600;
  box-shadow:0 2px 10px rgba(0,0,0,.4);
}

@media (max-width:900px){
  .ed-grid{grid-template-columns:repeat(2,1fr);}
}

body.wel-open{overflow:hidden;}

.wel{
  position:fixed; inset:0; z-index:50;
  display:flex; align-items:center; justify-content:center; padding:24px;
  background:rgba(0,0,0,.55);
  backdrop-filter:blur(22px) saturate(1.2); -webkit-backdrop-filter:blur(22px) saturate(1.2);
  overflow-y:auto;
  animation:fadeIn .35s ease both;
}
.wel.out{animation:fadeOut .3s ease both;}

.wel-in{
  width:100%; max-width:464px; margin:auto; text-align:center;
  padding:34px 26px 20px;
  background:var(--mat-hi);
  backdrop-filter:blur(40px) saturate(1.8); -webkit-backdrop-filter:blur(40px) saturate(1.8);
  border:var(--hair) solid var(--sep-2); border-radius:22px;
  box-shadow:var(--edge), 0 0 0 var(--hair) rgba(0,0,0,.6), 0 40px 100px -30px rgba(0,0,0,.9);
  animation:sheetIn .5s var(--ease) .05s both;
}

.wel-seal{--s:72px; margin:0 auto 18px; animation:iconIn .75s var(--spring) .16s both;}
@keyframes iconIn{from{opacity:0; transform:scale(.55);} to{opacity:1; transform:none;}}

.wel-eyebrow{font-size:13px; font-weight:500; color:var(--label-3); margin-bottom:3px; animation:welRise .5s var(--ease) .3s both;}
.wel-title{
  font-family:var(--font-display); font-size:26px; font-weight:700;
  letter-spacing:-.022em; line-height:1.15; margin-bottom:6px;
  animation:welRise .5s var(--ease) .36s both;
}
.wel-sub{color:var(--label-2); font-size:14px; margin-bottom:22px; animation:welRise .5s var(--ease) .42s both;}
@keyframes welRise{from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:none;}}

.wel-picks{
  display:flex; flex-direction:column; text-align:left;
  border-radius:var(--r-lg); background:var(--fill-3);
  box-shadow:inset 0 0 0 var(--hair) var(--sep);
  overflow:hidden; margin-bottom:16px;
}
.wel-pick{
  position:relative;
  display:grid; grid-template-columns:34px 1fr 8px; grid-template-rows:auto auto;
  column-gap:12px; row-gap:1px; align-items:center;
  padding:11px 16px 11px 12px;
  background:transparent; border:none; color:inherit; text-align:left;
  animation:welRise .45s var(--ease) calc(.48s + var(--i) * .06s) both;
  transition:background .15s ease;
}
.wel-pick + .wel-pick::before{
  content:""; position:absolute; top:0; left:58px; right:0;
  height:var(--hair); background:var(--sep);
}
.wel-pick:hover{background:rgba(255,255,255,.05);}
.wel-pick:focus-visible{outline-offset:-3px; border-radius:var(--r-lg);}
.wel-pick-icon{
  grid-row:1 / span 2; width:34px; height:34px; border-radius:9px;
  display:grid; place-items:center; color:#fff;
  background:linear-gradient(180deg, #4A4A4E, #2A2A2D);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 0 0 var(--hair) rgba(0,0,0,.5);
}
.wel-pick-icon svg{width:18px; height:18px; display:block;}
.wel-pick-name{grid-column:2; align-self:end; font-size:14px; font-weight:600; letter-spacing:-.005em;}
.wel-pick-blurb{grid-column:2; align-self:start; font-size:12.5px; color:var(--label-2); line-height:1.4;}
.wel-pick-go{
  grid-column:3; grid-row:1 / span 2; justify-self:end;
  width:7px; height:7px;
  border-right:1.5px solid var(--label-3); border-bottom:1.5px solid var(--label-3);
  transform:rotate(-45deg);
  transition:transform .2s var(--ease), border-color .2s ease;
}
.wel-pick:hover .wel-pick-go{border-color:var(--label-2); transform:translateX(2px) rotate(-45deg);}

.wel-toggle{
  display:inline-flex; align-items:center; gap:8px;
  background:transparent; border:none; color:var(--label-2);
  font-size:12.5px; padding:4px; margin-bottom:12px;
  animation:welRise .45s var(--ease) .68s both;
  transition:color .15s ease;
}
.wel-toggle:hover{color:var(--label);}
.wel-box{
  position:relative; flex:none; width:14px; height:14px; border-radius:4px;
  background:var(--fill); box-shadow:inset 0 0 0 var(--hair) rgba(255,255,255,.22);
  transition:background .15s ease;
}
.wel-box::after{
  content:""; position:absolute; left:4.6px; top:1.6px;
  width:3.6px; height:7.4px; border:solid #fff; border-width:0 1.8px 1.8px 0;
  transform:rotate(42deg); opacity:0; transition:opacity .15s ease;
}
.wel-toggle[aria-pressed="true"] .wel-box{background:var(--blue); box-shadow:inset 0 0 0 var(--hair) rgba(0,0,0,.2);}
.wel-toggle[aria-pressed="true"] .wel-box::after{opacity:1;}
.wel-toggle.off{color:var(--label-3);}

.wel-foot{
  display:flex; align-items:center; justify-content:center; gap:6px; flex-wrap:wrap;
  padding-top:12px; border-top:var(--hair) solid var(--sep);
  font-size:12px; color:var(--label-3);
  animation:welRise .45s ease .74s both;
}
.wel-who{color:var(--label-2);}
.wel-sep{opacity:.6;}

.wel.instant, .wel.instant *{animation:none !important; opacity:1 !important; transform:none !important;}
.wel.instant .wel-pick-go{transform:rotate(-45deg) !important;}

.wel-hi{
  position:fixed; right:24px; top:72px; z-index:35;
  display:flex; align-items:center; gap:10px;
  max-width:calc(100vw - 32px); padding:10px 16px;
  background:var(--mat-hi);
  backdrop-filter:blur(30px) saturate(1.8); -webkit-backdrop-filter:blur(30px) saturate(1.8);
  border:var(--hair) solid var(--sep-2); border-radius:14px;
  box-shadow:var(--edge), 0 0 0 var(--hair) rgba(0,0,0,.6), 0 16px 40px -16px rgba(0,0,0,.85);
  font-size:13px;
  animation:hiIn .5s var(--spring) both;
  transition:opacity .6s ease, transform .6s var(--ease);
}
@keyframes hiIn{from{opacity:0; transform:translateX(24px);} to{opacity:1; transform:none;}}
.wel-hi.out{opacity:0; transform:translateX(16px);}
.wel-hi-text{font-weight:600; color:var(--label); white-space:nowrap;}
.wel-hi-who{color:var(--label-3); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.al-daymark .info-wrap{margin-left:auto; align-self:center;}

.info-wrap{position:relative;}
.info-dot{
  width:20px; height:20px; border-radius:50%;
  background:transparent; border:1.3px solid var(--label-3); color:var(--label-2);
  font-family:var(--font-display); font-style:normal; font-weight:700; font-size:11px; line-height:1;
  display:grid; place-items:center;
  transition:border-color .15s ease, color .15s ease, background .15s ease;
}
.info-dot:hover, .info-dot.open{border-color:var(--label-2); color:var(--label); background:var(--fill-3);}

.info-pop{
  position:absolute; right:-6px; top:calc(100% + 10px); z-index:15;
  width:min(320px, calc(100vw - 40px)); text-align:left;
  background:#252528; border:var(--hair) solid var(--sep-2); border-radius:12px;
  padding:14px 16px;
  box-shadow:var(--edge), 0 0 0 var(--hair) rgba(0,0,0,.6), 0 24px 60px -20px rgba(0,0,0,.85);
  transform-origin:top right;
  animation:popIn .2s var(--ease) both;
}
@keyframes popIn{from{opacity:0; transform:scale(.96) translateY(-4px);} to{opacity:1; transform:none;}}
.info-pop::before{
  content:""; position:absolute; right:12px; top:-5px; width:9px; height:9px;
  background:#252528;
  border-left:var(--hair) solid var(--sep-2); border-top:var(--hair) solid var(--sep-2);
  transform:rotate(45deg);
}
.info-pop h4{font-size:13px; font-weight:600; color:var(--label); margin-bottom:6px;}
.info-pop p{font-size:12.5px; color:var(--label-2); line-height:1.5; margin-bottom:8px;}
.info-pop p:last-child{
  margin-bottom:0; padding-top:8px; border-top:var(--hair) solid var(--sep);
  color:var(--label-3); font-size:12px;
}

.al-day .empty{padding:24px 0 30px; text-align:left;}

.get-app{
  position:fixed; left:0; right:0; bottom:0; z-index:40;
  padding:0 20px 20px;
  pointer-events:none;
  animation:gaRise .6s var(--ease) .5s both;
}
@keyframes gaRise{from{opacity:0; transform:translateY(16px);} to{opacity:1; transform:none;}}
.get-app.out{animation:gaSink .4s cubic-bezier(.4,0,.7,.2) both; pointer-events:none;}
@keyframes gaSink{from{opacity:1; transform:none;} to{opacity:0; transform:translateY(12px);}}

.ga-inner{
  pointer-events:auto; position:relative;
  max-width:660px; margin:0 auto;
  display:flex; align-items:center; gap:14px;
  padding:12px 12px 12px 12px;
  background:var(--mat-hi);
  backdrop-filter:blur(40px) saturate(1.8); -webkit-backdrop-filter:blur(40px) saturate(1.8);
  border:var(--hair) solid var(--sep-2); border-radius:18px;
  box-shadow:var(--edge), 0 0 0 var(--hair) rgba(0,0,0,.6), 0 24px 60px -18px rgba(0,0,0,.9);
}
.ga-seal{--s:44px;}
.ga-copy{flex:1; min-width:0;}
.ga-eyebrow{display:none;}
.ga-line{font-size:14px; font-weight:600; letter-spacing:-.006em; color:var(--label); line-height:1.3;}
.ga-sub{font-size:12.5px; color:var(--label-2); line-height:1.4; margin-top:1px;}
.ga-cta{
  flex:none; display:inline-flex; align-items:center; gap:7px;
  height:32px; padding:0 15px 0 13px; border-radius:999px;
  background:#F5F5F7; color:#000; text-decoration:none;
  font-size:13px; font-weight:600; letter-spacing:-.005em; white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  transition:background .15s ease, transform .15s var(--ease);
}
.ga-cta:hover{background:#fff;}
.ga-cta:active{transform:scale(.97);}
.ga-cta svg{flex:none; transition:transform .22s var(--ease);}
.ga-cta:hover svg{transform:translateY(1px);}
.ga-dismiss{
  flex:none; width:22px; height:22px; border-radius:50%;
  border:none; background:var(--fill); color:var(--label-2);
  display:grid; place-items:center;
  transition:background .15s ease, color .15s ease;
}
.ga-dismiss:hover{background:rgba(118,118,128,.38); color:var(--label);}

@media (max-width:680px){
  .get-app{padding:0 12px 12px;}
  .ga-inner{gap:12px; flex-wrap:wrap; padding:12px;}
  .ga-copy{flex:1 1 0; min-width:0;}
  .ga-sub{display:none;}
  .ga-cta{flex:1 1 100%; justify-content:center; order:3; height:38px;}
  .ga-dismiss{order:2;}
  body:has(#get-app:not([hidden])) main.wrap{padding-bottom:170px;}
}
@media (prefers-reduced-motion:reduce){
  .get-app{animation:none;}
  .get-app.out{animation:none; opacity:0;}
}

.ver-dot{
  width:7px; height:7px; border-radius:50%; flex:none; background:var(--blue);
  box-shadow:0 0 0 2px rgba(10,132,255,.2), 0 0 8px rgba(10,132,255,.45);
}
.ver-dot[hidden]{display:none;}

.notes{
  position:fixed; inset:0; z-index:60;
  display:flex; align-items:flex-start; justify-content:center;
  padding:56px 24px;
  background:rgba(0,0,0,.55);
  backdrop-filter:blur(16px) saturate(1.1); -webkit-backdrop-filter:blur(16px) saturate(1.1);
  overflow-y:auto;
  animation:fadeIn .3s ease both;
}
.notes.out{animation:fadeOut .22s ease both;}

.notes-panel{
  width:100%; max-width:620px; position:relative;
  background:var(--mat-hi);
  backdrop-filter:blur(40px) saturate(1.8); -webkit-backdrop-filter:blur(40px) saturate(1.8);
  border:var(--hair) solid var(--sep-2); border-radius:var(--r-xl);
  box-shadow:var(--edge), 0 0 0 var(--hair) rgba(0,0,0,.6), 0 40px 100px -30px rgba(0,0,0,.9);
  padding:34px 36px 26px;
  animation:sheetIn .45s var(--ease) both;
}
.notes.instant, .notes.instant .notes-panel{animation:none;}

.notes-close{
  position:absolute; top:14px; right:14px;
  width:24px; height:24px; border-radius:50%;
  display:grid; place-items:center;
  background:var(--fill); border:none; color:var(--label-2);
  transition:background .15s ease, color .15s ease;
}
.notes-close svg{width:10px; height:10px;}
.notes-close:hover{background:rgba(118,118,128,.38); color:var(--label);}

.notes-head{text-align:center; margin-bottom:30px;}
.notes-head .seal{margin:0 auto;}
.notes-head .eyebrow{margin:14px 0 0;}
.notes-head h2{
  font-family:var(--font-display); font-weight:700; font-size:24px;
  letter-spacing:-.022em; line-height:1.15; margin-top:2px;
}
.notes-head .muted{margin-top:6px; font-size:13.5px;}

.rel{position:relative; padding:0 0 26px 30px;}
.rel::before{
  content:""; position:absolute; left:5px; top:18px; bottom:0; width:1px;
  background:linear-gradient(to bottom, var(--sep-2), var(--sep) 80%, transparent);
}
.rel:last-child{padding-bottom:4px;}
.rel:last-child::before{display:none;}
.rel::after{
  content:""; position:absolute; left:0; top:5px;
  width:11px; height:11px; border-radius:50%;
  background:#2C2C2E; box-shadow:inset 0 0 0 1px var(--sep-2);
}
.rel.current::after{background:var(--label); box-shadow:0 0 0 3px rgba(255,255,255,.12);}

.rel-head{display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:3px;}
.rel-v{font-size:13px; font-weight:600; color:var(--label); font-variant-numeric:tabular-nums;}
.rel-current{
  display:inline-flex; align-items:center; height:18px; padding:0 7px;
  border-radius:999px; background:#F5F5F7; color:#000;
  font-size:11px; font-weight:600;
}
.rel-date{font-size:12px; color:var(--label-3); margin-left:auto;}
.rel-title{
  font-family:var(--font-display); font-weight:600; font-size:17px;
  letter-spacing:-.012em; color:var(--label); margin-bottom:8px; line-height:1.3;
}
.rel-note{font-size:13.5px; color:var(--label-2); line-height:1.55; margin-bottom:10px;}

.rel-items{list-style:none; display:flex; flex-direction:column; gap:8px;}
.rel-item{display:flex; gap:10px; align-items:flex-start;}
.rel-kind{
  flex:none; width:50px; margin-top:1px;
  display:inline-flex; align-items:center; justify-content:center; height:18px;
  border-radius:999px; background:var(--fill-2); color:var(--label-2);
  font-size:10.5px; font-weight:600; text-transform:capitalize;
}
.rel-kind.new{color:var(--green); background:rgba(48,209,88,.14);}
.rel-kind.fix{color:var(--orange); background:rgba(255,159,10,.14);}
.rel-text{font-size:13.5px; color:var(--label-2); line-height:1.55;}

.notes-foot{
  margin-top:26px; padding-top:16px; border-top:var(--hair) solid var(--sep);
  display:flex; align-items:center; justify-content:center; gap:9px;
  font-size:12.5px; color:var(--label-3);
}
.nf-orb{
  width:7px; height:7px; border-radius:50%; flex:none;
  background:radial-gradient(circle at 33% 29%, #FFFFFF, var(--eng) 58%, rgba(0,0,0,.45));
  box-shadow:0 0 8px var(--eng-glow);
}
.notes-foot[data-state="offline"] .nf-orb{background:none; border:1px solid var(--eng); box-shadow:none;}
.nf-state{color:var(--label-2);}

@media (max-width:560px){
  .notes{padding:16px 10px;}
  .notes-panel{padding:30px 20px 22px; border-radius:16px;}
  .rel-date{margin-left:0; width:100%;}
  .rel-kind{width:46px;}
}
@media (prefers-reduced-motion:reduce){
  .notes, .notes-panel, .notes.out{animation:none;}
}

.cwm{
  position:fixed; inset:0; z-index:30;
  pointer-events:none; background-repeat:repeat; opacity:.12;
}

body.shielded .signal-cell .v,
body.shielded .post-title,
body.shielded .post-body,
body.shielded .rsr-name,
body.shielded .rsr-text,
body.shielded .rsr-lead-in p{filter:blur(5px); user-select:none;}

body.shielded .direction{
  color:var(--label-3) !important;
  background:var(--fill-3) !important;
}
body.shielded .signal-cell .v{color:var(--label-2) !important;}
body.shielded .post.dir-long::after,
body.shielded .post.dir-short::after{opacity:0 !important;}
body.shielded .al-item .al-dot{background:#48484A !important;}
body.shielded .rsr-draw{opacity:.12;}

.shield-wrap{
  position:fixed; inset:0; z-index:40;
  display:flex; align-items:center; justify-content:center; padding:24px;
  background:rgba(0,0,0,.55);
  backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
}
.shield-card{
  max-width:340px; text-align:center;
  background:var(--mat-hi);
  backdrop-filter:blur(40px) saturate(1.8); -webkit-backdrop-filter:blur(40px) saturate(1.8);
  border:var(--hair) solid var(--sep-2); border-radius:var(--r-xl);
  box-shadow:var(--edge), 0 0 0 var(--hair) rgba(0,0,0,.6), 0 30px 80px -24px rgba(0,0,0,.85);
  padding:26px 24px 22px;
}
.shield-wrap.in .shield-card{animation:shieldIn .26s var(--ease) both;}
@keyframes shieldIn{from{opacity:0; transform:translateY(8px) scale(.98);} to{opacity:1; transform:none;}}
.shield-mark{font-size:20px; color:var(--label-2); letter-spacing:.12em; margin-bottom:10px;}
.shield-title{font-family:var(--font-display); font-weight:600; font-size:17px; letter-spacing:-.012em; margin-bottom:6px;}
.shield-why{font-size:13px; color:var(--label-2); line-height:1.45; margin-bottom:16px;}
.shield-btn{
  height:30px; padding:0 16px; border:none; border-radius:var(--r-sm);
  background:var(--fill); box-shadow:inset 0 0 0 var(--hair) var(--sep), var(--edge);
  color:var(--label); font-size:13px; font-weight:500;
  transition:background .15s ease;
}
.shield-btn:hover{background:rgba(118,118,128,.34);}
.shield-who{margin-top:12px; font-size:11.5px; color:var(--label-3);}

.printnote{display:none;}
@media print{
  body *{visibility:hidden !important;}
  .printnote, .printnote *{visibility:visible !important;}
  .printnote{
    display:block; position:fixed; inset:0; padding:48px;
    background:#fff; color:#000;
    font-family:var(--font); font-size:12px; line-height:1.8;
  }
  .printnote span{display:block;}
}

@media (max-width:1000px){
  .who{display:none;}
}
@media (max-width:760px){
  nav .wrap{
    grid-template-columns:1fr auto; grid-template-rows:52px auto;
    height:auto; column-gap:12px; row-gap:0; padding-bottom:10px;
  }
  .logo{grid-column:1; grid-row:1;}
  .nav-right{grid-column:2; grid-row:1;}
  .tabs{grid-column:1 / -1; grid-row:2; justify-self:stretch; display:flex;}
  .tab{flex:1 1 0; min-width:0; padding:0 6px; font-size:12.5px;}
  .wel-hi{top:118px; right:12px;}
}
@media (max-width:680px){
  .wrap{padding:0 16px;}
  main.wrap{padding-top:20px;}
  .post{padding:18px;}
  .signal-grid{grid-auto-flow:row; grid-template-columns:repeat(2,minmax(0,1fr));}
  .signal-cell + .signal-cell{box-shadow:none;}
  .signal-cell:nth-child(even){box-shadow:inset var(--hair) 0 0 var(--sep);}
  .signal-cell:nth-child(n+3){border-top:var(--hair) solid var(--sep);}
  .al-item .signal-grid{grid-auto-flow:column; grid-template-columns:none;}
  .al-item .signal-cell:nth-child(n+3){border-top:none;}
  .al-item .signal-cell + .signal-cell{box-shadow:inset var(--hair) 0 0 var(--sep);}
  .al-item .signal-cell{padding:9px 11px 10px;}
  .al-item .signal-cell .v{font-size:14px;}

  .al-day{padding-left:0;}
  .al-items::before{display:none;}
  .al-daymark{margin-left:0;}
  .al-stamp{position:static; width:auto; text-align:left; margin:0 0 5px 4px;}
  .al-dot{display:none;}

  .ed-grid{grid-template-columns:1fr;}
  .ed-chip{padding:0 9px; font-size:12px;}
  .ed-card.start{flex-direction:column;}
  .ed-card.start .ed-face{width:100%; padding-top:56.25%; min-height:0; border-right:none; border-bottom:var(--hair) solid var(--sep);}
  .ed-card.start .ed-body{padding:16px 18px 18px;}
  .ed-card.start .ed-title{font-size:19px;}

  .account-head{padding:16px;}
  .access-meter{padding:14px 16px 16px;}
  .account-row{padding:10px 14px 10px 16px;}
  .account-row + .account-row::before{left:16px;}
  .acct-foot{padding:0 16px;}

  .wel{padding:14px;}
  .wel-in{padding:28px 16px 16px; border-radius:20px;}
  .wel-title{font-size:24px;}
}

@media (prefers-reduced-motion:reduce){
  *{animation:none !important; transition:none !important;}
}

.journal-panel{max-width:860px; margin:0 auto; display:flex; flex-direction:column; gap:16px; animation:cardIn .45s var(--ease) both;}
.journal-panel.loading .jr-grid{opacity:.55; transition:opacity .2s ease;}
.jr-head{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;}
.jr-nav{display:flex; align-items:center; gap:6px;}
.jr-title{font-family:var(--font-display); font-size:22px; font-weight:700; letter-spacing:-.02em; min-width:9.5ch; text-align:center;}
.jr-arrow{
  width:30px; height:30px; display:inline-grid; place-items:center;
  border:none; border-radius:8px; background:var(--fill-2); color:var(--label-2);
  transition:background .15s ease, color .15s ease;
}
.jr-arrow:hover{background:var(--fill); color:var(--label);}
.jr-today{margin-left:6px;}
.jr-log{
  height:30px; padding:0 14px; border:none; border-radius:8px;
  background:linear-gradient(180deg,#2B87FF,#0A64D8); color:#fff;
  font-size:13px; font-weight:500;
  box-shadow:inset 0 .5px 0 rgba(255,255,255,.22), 0 0 0 .5px rgba(0,0,0,.45), 0 1px 1.5px rgba(0,0,0,.4);
}
.jr-log:hover{filter:brightness(1.06);}

.jr-stats{display:grid; grid-template-columns:repeat(4,minmax(0,1fr));}
.jr-stat{padding:14px 18px; display:flex; flex-direction:column; gap:2px; min-width:0; position:relative;}
.jr-stat + .jr-stat::before{content:""; position:absolute; left:0; top:14px; bottom:14px; width:var(--hair); background:var(--sep);}
.jr-stat-k{font-size:12px; color:var(--label-3);}
.jr-stat-v{font-family:var(--font-display); font-size:20px; font-weight:600; letter-spacing:-.02em; font-variant-numeric:tabular-nums; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.jr-stat-s{font-size:12px; color:var(--label-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.jr-stat-v.up, .jr-alltime .up{color:var(--green);} .jr-stat-v.down, .jr-alltime .down{color:var(--red);}
.jr-alltime{font-size:12.5px; color:var(--label-3); padding:0 4px; margin-top:-6px;}
.jr-alltime b{font-weight:600;}

.jr-cal{padding:12px;}
.jr-grid{display:grid; grid-template-columns:repeat(7,minmax(0,1fr)) minmax(0,.9fr); gap:6px;}
.jr-dow{font-size:11.5px; font-weight:500; color:var(--label-3); text-align:center; padding:2px 0 4px;}
.jr-dow.wknd{color:var(--label-4);}
.jr-cell{
  position:relative; min-height:76px; padding:7px 8px; text-align:left;
  display:flex; flex-direction:column; gap:2px;
  border:none; border-radius:var(--r-md);
  background:var(--fill-3); color:var(--label);
  box-shadow:inset 0 0 0 var(--hair) var(--sep);
  transition:background .15s ease, box-shadow .15s ease, transform .15s var(--ease);
}
.jr-cell:hover{background:var(--fill-2);}
.jr-cell:active{transform:scale(.98);}
.jr-cell:focus-visible{outline:none; box-shadow:0 0 0 2px var(--blue);}
.jr-cell.out{background:none; box-shadow:none; pointer-events:none;}
.jr-cell.sat{background:none; box-shadow:none; pointer-events:none; cursor:default;}
.jr-cell.sat .jr-d{color:var(--label-4);}
.jr-log:disabled{opacity:.4; filter:none; cursor:default;}
.jr-cell.wknd:not(.has){background:transparent;}
.jr-cell.future:not(.has) .jr-d{color:var(--label-4);}
.jr-cell.today{box-shadow:inset 0 0 0 1.5px var(--blue);}
.jr-cell.has.up{background:rgba(48,209,88,var(--k,.2)); box-shadow:inset 0 0 0 var(--hair) rgba(48,209,88,.35);}
.jr-cell.has.down{background:rgba(255,69,58,var(--k,.2)); box-shadow:inset 0 0 0 var(--hair) rgba(255,69,58,.35);}
.jr-cell.has.flat{background:var(--fill-2);}
.jr-cell.has.today{box-shadow:inset 0 0 0 1.5px var(--blue);}
.jr-d{font-size:12px; font-weight:500; color:var(--label-2); font-variant-numeric:tabular-nums;}
.jr-p{margin-top:auto; font-size:14.5px; font-weight:600; letter-spacing:-.015em; font-variant-numeric:tabular-nums; color:#fff; white-space:nowrap;}
.jr-cell.has.flat .jr-p{color:var(--label);}
.jr-t{font-size:11px; color:rgba(255,255,255,.72); display:flex; align-items:center; gap:5px; min-height:13px;}
.jr-n{width:5px; height:5px; border-radius:50%; background:currentColor; flex:none;}
.jr-wk{
  min-height:76px; padding:7px 9px; border-radius:var(--r-md);
  display:flex; flex-direction:column; gap:2px;
  background:var(--fill-3);
}
.jr-wk-k{font-size:11px; color:var(--label-3);}
.jr-wk-v{margin-top:auto; font-size:14px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; color:var(--label-2);}
.jr-wk.up .jr-wk-v{color:var(--green);} .jr-wk.down .jr-wk-v{color:var(--red);}
.jr-wk-s{font-size:11px; color:var(--label-3); min-height:13px;}
.jr-err{grid-column:1 / -1; padding:40px 0;}

.jr-sheet{
  position:fixed; inset:0; z-index:60; display:flex; align-items:center; justify-content:center; padding:20px;
  background:rgba(0,0,0,.5); animation:fadeIn .2s ease both;
}
.jr-sheet[hidden]{display:none !important;}
@keyframes fadeIn{from{opacity:0}}
.jr-sheet-card{
  width:100%; max-width:400px; padding:20px;
  background:var(--mat-hi);
  backdrop-filter:blur(40px) saturate(1.8); -webkit-backdrop-filter:blur(40px) saturate(1.8);
  border:var(--hair) solid var(--sep-2); border-radius:var(--r-xl);
  box-shadow:var(--edge), 0 30px 80px -24px rgba(0,0,0,.85);
  animation:sheetIn .35s var(--ease) both;
}
.jr-sheet-card h3{font-family:var(--font-display); font-size:16px; font-weight:600; letter-spacing:-.012em; margin-bottom:14px;}
.jr-fields{display:grid; grid-template-columns:1fr 110px; gap:10px;}
.jr-field{display:flex; flex-direction:column; gap:5px; font-size:12px; color:var(--label-3);}
.jr-note-f{grid-column:1 / -1;}
.jr-field input, .jr-field textarea{
  width:100%; padding:9px 11px; border:none; border-radius:9px;
  background:var(--fill-2); color:var(--label); font:inherit; font-size:14px;
  box-shadow:inset 0 0 0 var(--hair) var(--sep); outline:none;
}
.jr-field textarea{resize:vertical; min-height:72px; line-height:1.45;}
.jr-field input:focus, .jr-field textarea:focus{box-shadow:inset 0 0 0 var(--hair) var(--sep), 0 0 0 3px var(--focus);}
.jr-money{position:relative; display:block;}
.jr-money i{position:absolute; left:11px; top:50%; transform:translateY(-50%); font-style:normal; color:var(--label-3); font-size:14px;}
.jr-money input{padding-left:22px; font-variant-numeric:tabular-nums;}
.jr-error{min-height:18px; margin-top:10px; font-size:12px; color:var(--red);}
.jr-actions{display:flex; align-items:center; justify-content:flex-end; gap:8px; margin-top:6px;}
.jr-del{margin-right:auto; border:none; background:none; color:var(--red); font-size:13px; padding:6px 4px;}
.jr-del:hover{text-decoration:underline; text-underline-offset:3px;}
.jr-save{
  min-width:80px; height:30px; padding:0 16px; border:none; border-radius:8px;
  background:linear-gradient(180deg,#2B87FF,#0A64D8); color:#fff; font-size:13px; font-weight:500;
}
.jr-save:disabled{opacity:.6;}

@media (max-width:680px){
  .jr-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .jr-stat:nth-child(3)::before{display:none;}
  .jr-stat:nth-child(n+3){border-top:var(--hair) solid var(--sep);}
  .jr-cal{padding:8px;}
  .jr-grid{grid-template-columns:repeat(7,minmax(0,1fr)); gap:4px;}
  .jr-wk-h, .jr-wk{display:none;}
  .jr-cell{min-height:58px; padding:5px 5px; border-radius:8px;}
  .jr-p{font-size:11.5px; letter-spacing:-.03em;}
  .jr-t{display:none;}
  .jr-title{font-size:19px;}
  .jr-stat{padding:12px 14px;}
  .jr-stat-v{font-size:17px;}
}

.jr-modes{
  align-self:center; display:inline-flex; gap:2px; padding:2px;
  border-radius:9px; background:var(--fill-2); box-shadow:inset 0 0 0 var(--hair) var(--sep);
}
.jr-mode{
  height:28px; padding:0 18px; border:none; border-radius:7px; background:transparent;
  color:var(--label-2); font-size:13px; font-weight:500; transition:color .2s ease, background .2s ease;
}
.jr-mode:hover{color:var(--label);}
.jr-mode.on{background:var(--thumb); color:var(--label); box-shadow:0 1px 2px rgba(0,0,0,.35), inset 0 .5px 0 rgba(255,255,255,.12);}
.jr-modes[hidden]{display:none !important;}
.jr-section{display:flex; flex-direction:column; gap:16px; animation:cardIn .3s var(--ease) both;}

.jr-ask{
  align-self:center; width:100%; max-width:440px; margin-top:6vh;
  padding:28px 26px 22px; text-align:center; animation:cardIn .4s var(--ease) both;
}
.jr-ask[hidden]{display:none !important;}
.jr-ask-icon{
  display:grid; place-items:center; width:52px; height:52px; margin:0 auto 14px; border-radius:14px;
  color:var(--blue); background:color-mix(in srgb, var(--blue) 14%, transparent);
}
.jr-ask-t{font-size:18px; font-weight:600; letter-spacing:-.02em; margin:0 0 6px;}
.jr-ask-s{font-size:13.5px; line-height:1.5; color:var(--label-2); margin:0 auto; max-width:34ch;}
.jr-ask-btns{display:flex; gap:10px; justify-content:center; margin-top:20px;}
.jr-ask-btns button{flex:1; max-width:170px; justify-content:center;}
.jr-ask-err{min-height:16px; margin-top:10px; font-size:12px; color:var(--red, #FF5A50);}
.jr-prop-switch{text-align:center; font-size:12px; color:var(--label-3); margin-top:-8px;}
.jr-prop-switch[hidden], .jr-verified[hidden]{display:none !important;}
.jr-prop-switch button{
  border:0; background:none; padding:0; font:inherit; color:var(--label-2); cursor:pointer;
  text-decoration:underline; text-decoration-color:var(--sep); text-underline-offset:3px;
}
.jr-prop-switch button:hover{color:var(--label);}
.jr-section[hidden]{display:none !important;}
.jr-verified{display:flex; align-items:center; justify-content:center; gap:6px; margin-top:0; color:var(--label-3);}
.jr-verified svg{color:var(--blue); flex:none;}

.ac-period{display:inline-flex; gap:2px; padding:2px; border-radius:9px; background:var(--fill-2); box-shadow:inset 0 0 0 var(--hair) var(--sep);}
.ac-p{height:28px; padding:0 13px; border:none; border-radius:7px; background:transparent; color:var(--label-2); font-size:12.5px; font-weight:500;}
.ac-p:hover{color:var(--label);}
.ac-p.on{background:var(--thumb); color:var(--label); box-shadow:0 1px 2px rgba(0,0,0,.35);}
.ac-adds{display:flex; gap:8px;}
.ac-adds .btn-ghost{height:30px;}

.ac-summary{padding:0;}
.ac-stats{border-radius:0; background:none; border:0; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none;}
.ac-bar{display:flex; height:6px; margin:0 18px 16px; border-radius:3px; overflow:hidden; background:var(--fill); gap:2px;}
.ac-bar i{display:block; height:100%; flex:0 0 0; transition:flex-basis .8s var(--ease);}
.ac-bar-pay{background:var(--green); border-radius:3px 0 0 3px;}
.ac-bar-exp{background:var(--red); border-radius:0 3px 3px 0;}

.ac-block{padding:0;}
.ac-block-h{display:flex; justify-content:space-between; align-items:baseline; padding:14px 18px 8px; font-size:13px; font-weight:600;}
.ac-block-s{font-size:12px; font-weight:400; color:var(--label-3);}
.ac-empty{padding:6px 18px 18px; font-size:13px; color:var(--label-3); line-height:1.5;}

.ac-firm{
  position:relative; display:grid; grid-template-columns:minmax(0,1fr) 120px auto; align-items:center; gap:16px;
  padding:11px 18px;
}
.ac-firm + .ac-firm::before, .ac-row + .ac-row::before{content:""; position:absolute; top:0; left:18px; right:0; height:var(--hair); background:var(--sep);}
.ac-firm:first-child::before, .ac-row:first-child::before{display:none;}
.ac-firm-id{display:flex; flex-direction:column; gap:1px; min-width:0;}
.ac-firm-n{font-size:14px; font-weight:600; letter-spacing:-.01em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ac-firm-s{font-size:12px; color:var(--label-3); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ac-mini{display:flex; height:5px; border-radius:3px; overflow:hidden; background:var(--fill); gap:1px;}
.ac-mini i{background:var(--green);} .ac-mini b{background:var(--red);}
.ac-firm-v{font-size:14.5px; font-weight:600; font-variant-numeric:tabular-nums; text-align:right; min-width:84px; white-space:nowrap;}
.ac-firm-v.up, .ac-amt.up{color:var(--green);} .ac-firm-v.down, .ac-amt.down{color:var(--red);}

.ac-row{
  position:relative; width:100%; display:grid; grid-template-columns:64px minmax(0,1fr) auto; align-items:center; gap:14px;
  padding:11px 18px; border:none; background:none; color:inherit; text-align:left;
  transition:background .15s ease;
}
.ac-row:hover{background:var(--fill-3);}
.ac-row:focus-visible{outline:none; box-shadow:inset 0 0 0 2px var(--blue);}
.ac-when{font-size:12.5px; color:var(--label-3); font-variant-numeric:tabular-nums;}
.ac-what{display:flex; flex-wrap:wrap; align-items:center; gap:2px 8px; min-width:0;}
.ac-cat{
  font-size:11px; font-weight:600; padding:1px 7px; border-radius:999px;
  color:var(--red); background:rgba(255,69,58,.14);
}
.ac-cat.payout{color:var(--green); background:rgba(48,209,88,.14);}
.ac-where{font-size:13.5px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0;}
.ac-note{flex-basis:100%; font-size:12px; color:var(--label-3); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ac-amt{font-size:14.5px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap;}

.ac-kind{display:flex; gap:2px; padding:2px; margin-bottom:14px; border-radius:9px; background:var(--fill-2);}
.ac-k{flex:1; height:30px; border:none; border-radius:7px; background:transparent; color:var(--label-2); font-size:13px; font-weight:500;}
.ac-k.on{background:var(--thumb); color:var(--label); box-shadow:0 1px 2px rgba(0,0,0,.35);}
.ac-k.on[data-kind="expense"]{color:#FF8A82;}
.ac-k.on[data-kind="payout"]{color:#5BE37F;}
.ac-fields{grid-template-columns:1fr 1fr;}
.jr-field select{
  width:100%; padding:9px 30px 9px 11px; border:none; border-radius:9px; appearance:none; -webkit-appearance:none;
  background:var(--fill-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 11px center;
  color:var(--label); font:inherit; font-size:14px; box-shadow:inset 0 0 0 var(--hair) var(--sep); outline:none;
}
.jr-field select:focus{box-shadow:inset 0 0 0 var(--hair) var(--sep), 0 0 0 3px var(--focus);}
.jr-field input[type="date"]{color-scheme:dark;}
#ac-sheet.is-payout .ac-fields > label:nth-child(2){grid-column:1 / -1;}

@media (max-width:680px){
  .jr-modes{align-self:stretch;} .jr-mode{flex:1;}
  .ac-period{flex:1;} .ac-p{flex:1; padding:0 6px;}
  .ac-adds{width:100%;} .ac-adds > *{flex:1;}
  .ac-firm{grid-template-columns:minmax(0,1fr) auto; gap:4px 12px;}
  .ac-mini{grid-column:1 / -1; grid-row:2;}
  .ac-row{grid-template-columns:52px minmax(0,1fr) auto; gap:10px; padding:10px 14px;}
  .ac-block-h{padding:12px 14px 6px;} .ac-firm{padding:10px 14px;} .ac-empty{padding:6px 14px 16px;}
  .ac-bar{margin:0 14px 14px;}
}

/* ---------- Levels Mirror (TradingView) ---------- */
.tvm{
  margin:0 0 32px;
  background:var(--mat);
  backdrop-filter:blur(24px) saturate(1.5); -webkit-backdrop-filter:blur(24px) saturate(1.5);
  border:var(--hair) solid var(--sep); border-radius:var(--r-xl);
  box-shadow:var(--edge); overflow:hidden;
  animation:cardIn .5s var(--ease) both;
  transition:border-color .3s;
}
.tvm:hover{border-color:var(--sep-2);}
.tvm-head{display:grid; grid-template-columns:56px 1fr auto; gap:18px; align-items:center; padding:22px 22px 18px;}
.tvm-art{
  width:56px; height:56px; border-radius:var(--r-lg); display:grid; place-items:center;
  background:var(--fill-3); box-shadow:inset 0 0 0 var(--hair) var(--sep); color:var(--silver);
}
.tvm-art svg{width:40px; height:40px;}
.tvm-eyebrow{font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--label-3); margin-bottom:3px;}
.tvm h3{font-family:var(--font-display); font-size:18px; font-weight:600; letter-spacing:-.016em; line-height:1.25;}
.tvm-copyblock p{font-size:13.5px; color:var(--label-2); line-height:1.5; margin-top:4px; max-width:56ch;}
.tvm-dl{
  display:inline-flex; align-items:center; gap:7px;
  height:34px; padding:0 16px 0 14px; border-radius:999px;
  background:#F5F5F7; color:#000; text-decoration:none; white-space:nowrap;
  font-size:13.5px; font-weight:600; letter-spacing:-.005em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 8px 20px -8px rgba(0,0,0,.7);
  transition:background .15s ease, transform .15s var(--ease);
}
.tvm-dl:hover{background:#fff;}
.tvm-dl:active{transform:scale(.97);}
.tvm-dl svg{flex:none; transition:transform .22s var(--ease);}
.tvm-dl:hover svg{transform:translateY(1px);}
.tvm-dl.off{background:var(--fill); color:var(--label-2); box-shadow:none; pointer-events:none;}
.tvm-ver{font-weight:500; color:rgba(0,0,0,.5); font-variant-numeric:tabular-nums;}
.tvm-ver:empty{display:none;}

.tvm-toggle{
  display:flex; align-items:center; justify-content:space-between; width:100%;
  padding:13px 22px; border:none; border-top:var(--hair) solid var(--sep);
  background:transparent; color:var(--label-2); font-size:13px; font-weight:500; text-align:left;
  transition:background .15s ease, color .15s ease;
}
.tvm-toggle:hover{background:rgba(255,255,255,.035); color:var(--label);}
.tvm-toggle .rsr-mark{transform:rotate(45deg);}
.tvm.open .tvm-toggle .rsr-mark{transform:rotate(-135deg);}

.tvm-body{padding:4px 22px 22px;}
.tvm-steps{list-style:none; display:grid; gap:2px;}
.tvm-step{display:grid; grid-template-columns:28px 1fr; gap:14px; padding:12px 0;}
.tvm-step + .tvm-step{border-top:var(--hair) solid var(--line-soft);}
.tvm-n{
  width:24px; height:24px; border-radius:50%; display:grid; place-items:center;
  font-size:12px; font-weight:600; font-variant-numeric:tabular-nums; color:var(--label);
  background:var(--fill-2); box-shadow:inset 0 0 0 var(--hair) var(--sep);
}
.tvm-st{font-size:14px; font-weight:600; letter-spacing:-.006em; line-height:24px;}
.tvm-sd{font-size:13.5px; color:var(--label-2); line-height:1.55; max-width:62ch;}
.tvm-code{
  display:inline-flex; align-items:center; gap:4px; margin-top:8px; padding:3px 3px 3px 12px;
  border-radius:var(--r-sm); background:rgba(0,0,0,.45); box-shadow:inset 0 0 0 var(--hair) var(--sep);
}
.tvm-code code{font-family:var(--mono); font-size:12.5px; color:var(--label); user-select:all;}
.tvm-copy{
  height:24px; padding:0 10px; border:none; border-radius:5px; margin-left:6px;
  background:var(--fill-2); color:var(--label); font-size:12px; font-weight:500;
}
.tvm-copy:hover{background:var(--fill);}
.tvm-notes{
  list-style:none; margin-top:10px; padding:14px 16px; border-radius:var(--r-md);
  background:var(--fill-3); display:grid; gap:8px;
}
.tvm-notes li{position:relative; padding-left:14px; font-size:12.5px; color:var(--label-2); line-height:1.5;}
.tvm-notes li::before{content:""; position:absolute; left:0; top:.6em; width:4px; height:4px; border-radius:50%; background:var(--label-3);}

@media (max-width:680px){
  .tvm{margin-bottom:28px;}
  .tvm-head{grid-template-columns:44px 1fr; gap:14px; padding:18px 16px 16px;}
  .tvm-art{width:44px; height:44px;}
  .tvm-art svg{width:32px; height:32px;}
  .tvm-dl{grid-column:1 / -1; justify-content:center; height:40px;}
  .tvm-toggle{padding:13px 16px;}
  .tvm-body{padding:2px 16px 18px;}
}
@media (prefers-reduced-motion:reduce){
  .tvm{animation:none;}
}
.tvm-notes li b{color:var(--label); font-weight:600;}

.vp{
  position:fixed; inset:0; z-index:200; display:grid; place-items:center;
  padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));
  background:rgba(0,0,0,.82); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  animation:vpIn .18s ease-out;
}
.vp-box{ width:min(1100px, 100%); display:flex; flex-direction:column; gap:10px; }
.vp-head{ display:flex; align-items:center; gap:12px; color:#fff; }
.vp-title{ flex:1; min-width:0; font-size:15px; font-weight:600; letter-spacing:-.01em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.vp-x{
  flex:none; width:36px; height:36px; border-radius:50%; border:0; cursor:pointer; display:grid; place-items:center;
  color:#fff; background:rgba(255,255,255,.14);
}
.vp-x:hover{ background:rgba(255,255,255,.24); }
.vp-x svg{ width:16px; height:16px; }
.vp-frame{
  position:relative; width:100%; aspect-ratio:16 / 9; max-height:calc(100dvh - 110px);
  border-radius:14px; overflow:hidden; background:#000; box-shadow:0 30px 80px -20px rgba(0,0,0,.8);
}
.vp-frame iframe, .vp-frame video{ position:absolute; inset:0; width:100%; height:100%; border:0; background:#000; }
body.vp-open{ overflow:hidden; }
@keyframes vpIn{ from{ opacity:0; } to{ opacity:1; } }
@media (max-width: 640px){
  .vp{ padding-left:0; padding-right:0; }
  .vp-head{ padding:0 12px; }
  .vp-frame{ border-radius:0; }
}

/* Education: main intro (featured at top) */
.edi{
  --edi-ar: 9 / 16;
  display:grid; grid-template-columns:auto minmax(0,1fr); gap:clamp(20px,3vw,40px); align-items:center;
  margin:0 0 22px; padding:clamp(16px,2vw,22px);
  background:var(--mat); backdrop-filter:blur(24px) saturate(1.5); -webkit-backdrop-filter:blur(24px) saturate(1.5);
  border:var(--hair) solid var(--sep); border-radius:var(--r-xl, 22px); box-shadow:var(--edge);
  animation:cardIn .45s var(--ease) both;
}
.edi-media{ position:relative; border-radius:16px; overflow:hidden; background:#000; box-shadow:0 24px 60px -30px rgba(0,0,0,.9); }
.edi.tall .edi-media{ aspect-ratio:var(--edi-ar); height:min(72vh, 640px); }
.edi:not(.tall){ grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); }
.edi:not(.tall) .edi-media{ aspect-ratio:var(--edi-ar, 16 / 9); width:100%; }
.edi-video, .edi-link{ position:absolute; inset:0; width:100%; height:100%; display:block; background:#000; object-fit:contain; }
.edi-link img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.85; }
.edi-body{ display:flex; flex-direction:column; gap:10px; min-width:0; }
.edi-flag{ align-self:flex-start; display:inline-flex; align-items:center; height:24px; padding:0 10px; border-radius:999px; background:#F5F5F7; color:#000; font-size:12px; font-weight:700; }
.edi-title{ font-family:var(--font-display); font-weight:700; font-size:clamp(24px,2.6vw,34px); letter-spacing:-.025em; line-height:1.1; color:var(--label); }
.edi-note{ font-size:15px; line-height:1.6; color:var(--label-2); max-width:52ch; white-space:pre-line; }
.edi-meta{ font-size:13px; color:var(--label-3); }
.vp-frame.tall{ aspect-ratio:9 / 16; width:auto; height:min(calc(100dvh - 110px), 900px); max-height:none; margin:0 auto; }
.vp-box:has(.vp-frame.tall){ width:auto; }
@media (max-width:700px){
  .edi, .edi:not(.tall){ grid-template-columns:1fr; padding:14px; gap:14px; }
  .edi-body{ order:-1; gap:6px; }
  .edi.tall .edi-media{ height:auto; width:min(100%, calc(62vh * 9 / 16)); margin:0 auto; }
  .edi-title{ font-size:24px; }
  .vp-frame.tall{ width:100%; height:auto; max-height:calc(100dvh - 90px); }
}

/* ===== Landing-page look ======================================================
   Calm and flat, like the public site: plain background, solid cards with a
   hairline edge, no frosted glass and nothing moving behind the content.
   (The moving background and the blur on every card were what made the
   dashboard and Research page lag.) */
.plate{background:var(--bg);}
#backdrop, .falloff{display:none;}
*, *::before, *::after{-webkit-backdrop-filter:none !important; backdrop-filter:none !important;}
nav{background:rgba(30,30,30,.94); border-bottom-color:rgba(255,255,255,.08);}
.seal{
  background:#2C2C2E;
  box-shadow:0 0 0 .5px rgba(255,255,255,.14), 0 1px 2px rgba(0,0,0,.3);
}
.seal span{
  font-family:var(--font-display); font-weight:700; letter-spacing:-.01em; font-size:calc(var(--s) * .26);
  background:none; -webkit-text-fill-color:currentColor; color:rgba(255,255,255,.92);
}
/* Launch: the landing page's blue button, no spinning light. */
.rsr-open{
  height:44px; padding:0 6px 0 20px;
  background:linear-gradient(180deg, #2B87FF, #0A64D8);
  box-shadow:inset 0 .5px 0 rgba(255,255,255,.22), 0 0 0 .5px rgba(0,0,0,.45), 0 1px 1.5px rgba(0,0,0,.4);
  transition:filter .15s ease, transform .15s ease;
}
.rsr-open::before, .rsr-open::after{display:none; animation:none;}
.rsr-open:hover, .rsr-open:focus-visible{
  background:linear-gradient(180deg, #2B87FF, #0A64D8); filter:brightness(1.08);
  box-shadow:inset 0 .5px 0 rgba(255,255,255,.22), 0 0 0 .5px rgba(0,0,0,.45), 0 1px 1.5px rgba(0,0,0,.4);
}
.rsr-open .ro-go{width:32px; height:32px; background:rgba(255,255,255,.18); color:#fff; box-shadow:none; transition:transform .2s ease;}
.rsr-open:hover .ro-go, .rsr-open:focus-visible .ro-go{background:rgba(255,255,255,.26); transform:none;}
.rsr-open:hover .ro-go svg, .rsr-open:focus-visible .ro-go svg{transform:translateX(2px);}

/* Research header and engine status card: same solid card colour as the rest. */
.rsr-lead{background:#2C2C2E;}
.rsr-scrim{background:linear-gradient(to top, #2C2C2E 16%, rgba(44,44,46,.6) 58%, rgba(44,44,46,0) 100%);}
.eng-strip{background:#2C2C2E;}

/* Top right: account initial instead of the full email. */
.who{
  display:grid; place-items:center; flex:none; width:28px; height:28px; max-width:none; padding:0; border:0; border-radius:50%;
  background:#3A3A3C; color:rgba(255,255,255,.92); font:600 12.5px var(--font); cursor:pointer;
  box-shadow:0 0 0 .5px rgba(255,255,255,.14);
}
.who:empty{display:none;}
.who:hover{background:#48484A;}
@media (max-width:1000px){ .who{display:grid;} .who:empty{display:none;} }

/* Alerts: direction on the edge of the card, the plan drawn to scale, risk and reward. */
.al-card{background:#2C2C2E; overflow:hidden;}
.al-item.note .al-card{background:#262628;}
.al-item.dir-long .al-card, .al-item.dir-short .al-card{padding-left:21px;}
.al-item.dir-long .al-card::before, .al-item.dir-short .al-card::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--green);
}
.al-item.dir-short .al-card::before{background:var(--red);}
.direction{height:22px; padding:0 9px; font-size:12px; font-weight:700; gap:3px;}
.direction b{font-weight:700;}
.al-plan{margin-top:14px; padding:0 6px;}
.al-bar{position:relative; height:6px; border-radius:3px; background:var(--fill-2);}
.al-risk, .al-reward{position:absolute; top:0; bottom:0;}
.al-risk{left:0; border-radius:3px 0 0 3px; background:linear-gradient(90deg, rgba(255,69,58,.55), rgba(255,69,58,.25));}
.al-reward{right:0; border-radius:0 3px 3px 0; background:linear-gradient(90deg, rgba(50,215,75,.25), rgba(50,215,75,.6));}
.al-pin{position:absolute; top:50%; width:12px; height:12px; margin:-6px 0 0 -6px; border-radius:50%; border:2px solid #2C2C2E;}
.al-pin.stop{background:var(--red);}
.al-pin.target{background:var(--green);}
.al-pin.entry{width:14px; height:14px; margin:-7px 0 0 -7px; background:#fff;}
.al-rr{display:flex; flex-wrap:wrap; align-items:center; gap:6px 16px; margin-top:12px; font-size:12.5px; color:var(--label-3);}
.al-rr b{color:var(--label-2); font-weight:600; font-variant-numeric:tabular-nums;}
.al-ratio{margin-left:auto; padding:2px 8px; border-radius:6px; background:var(--fill-2); color:var(--label); font-weight:600; font-variant-numeric:tabular-nums;}
.al-empty{display:flex; align-items:center; gap:14px; padding:18px 20px; border-radius:var(--r-lg); background:#2C2C2E; box-shadow:var(--edge); animation:cardIn .35s var(--ease) both;}
.al-empty-ico{flex:none; display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:var(--fill-2); color:var(--label-2);}
.al-empty-ico svg{width:19px; height:19px;}
.al-empty b{display:block; font-size:14px; font-weight:600; color:var(--label);}
.al-empty span{display:block; margin-top:2px; font-size:13px; color:var(--label-2);}
body.shielded .al-plan, body.shielded .al-rr{filter:blur(6px);}

/* Account header picture: chat photo, or the email's initial. */
.acct-av{
  position:relative; flex:none; width:48px; height:48px; border-radius:50%; overflow:hidden;
  display:grid; place-items:center; background:#3A3A3C; color:rgba(255,255,255,.92);
  font:600 19px var(--font-display); box-shadow:0 0 0 .5px rgba(255,255,255,.14);
}
.acct-av img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}



/* Research card: photo background, same card size as before. */
/* A slow, hands-off slideshow: each photo fades in, drifts, and fades out. 18s loop, no controls. */
.rsr-slides{position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden; background:#1C2230;}
.rsr-slides img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0;
  animation:rsrSlide 18s linear infinite; will-change:opacity, transform;
  -webkit-user-drag:none; user-select:none;
}
.rsr-slides img:nth-child(2){object-position:50% 100%; animation-delay:5s;}
.rsr-slides img:nth-child(3){object-position:50% 75%; animation-delay:11s;}
@keyframes rsrSlide{
  0%{opacity:0; transform:scale(1.08);}
  6%{opacity:1;}
  33%{opacity:1;}
  40%{opacity:0; transform:scale(1);}
  100%{opacity:0; transform:scale(1);}
}
@media (prefers-reduced-motion:reduce){
  .rsr-slides img{animation:none;}
  .rsr-slides img:nth-child(1){opacity:1;}
}
.rsr-lead .rsr-scrim{
  z-index:1;
  background:
    linear-gradient(90deg, rgba(14,18,26,.82) 0%, rgba(14,18,26,.55) 38%, rgba(14,18,26,0) 70%),
    linear-gradient(to top, rgba(14,18,26,.78) 0%, rgba(14,18,26,.25) 45%, rgba(14,18,26,0) 70%);
}
.rsr-lead h2{text-shadow:0 1px 20px rgba(0,0,0,.5);}
.rsr-lead p{color:rgba(255,255,255,.82);}
@media (max-width:760px){
  .rsr-lead .rsr-scrim{background:linear-gradient(to top, rgba(14,18,26,.86) 0%, rgba(14,18,26,.4) 50%, rgba(14,18,26,0) 78%);}
}

/* First-person ski clip that the Research photo fades into. */
.rsr-slides .rsr-pov{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 40%; opacity:0; transition:opacity 1.2s ease; pointer-events:none;}
.rsr-slides.pov-on .rsr-pov{opacity:1;}