/* AIcensus app — one shell: Discover · Room · Agents. Ember + warm neutrals only (no blue anywhere; see INDIGO-NOTES.md). */
*{box-sizing:border-box;margin:0;padding:0}
:root{--ember:#FF5A36;--ember2:#FF7A5C;--soft:#FFB4A3;--ink:#0C0C0C;--bar:rgba(19,19,19,.86);--card:#171717;--card2:#202020;--card3:#292929;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.13);--text:#F3F3F3;--mute:#919191;--mute2:#6E6E6E;--green:#34C759;--red:#FF453A;
  --st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px);--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px);--tabh:50px;--shh:calc(54px + env(safe-area-inset-top,0px));--ease:cubic-bezier(.2,.8,.2,1)}
html{height:100%;background:var(--ink);overflow:hidden;overscroll-behavior:none}
body{height:100%;color:var(--text);overflow:hidden;overscroll-behavior:none;background:transparent}
body{font:15px/1.4 -apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,system-ui,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.01em;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
button,textarea,input{font:inherit;color:inherit;letter-spacing:inherit}
button{background:none;border:0;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}
a{color:inherit;text-decoration:none}
svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
[hidden]{display:none!important}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--ember);outline-offset:2px;border-radius:8px}

/* ---------- frame ---------- */
.app{--st:0px;position:fixed;left:0;right:0;top:var(--shh);height:calc(100vh - var(--shh));height:calc(100dvh - var(--shh));height:calc(var(--vvh,100dvh) - var(--shh));display:flex;flex-direction:column-reverse;overflow:hidden}
.views{position:relative;flex:1;min-height:0;min-width:0}
.view{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0}
.view.in{animation:vin .22s var(--ease)}
@keyframes vin{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ---------- tab bar (phone) / sidebar (desktop) ---------- */
.side{flex:none;position:relative;z-index:20;background:var(--bar);-webkit-backdrop-filter:saturate(1.6) blur(20px);backdrop-filter:saturate(1.6) blur(20px);border-top:.5px solid var(--line2);padding:0 var(--sr) var(--sb) var(--sl)}
.brand,.side-foot,.side-dir{display:none}
.tabs{display:flex;height:var(--tabh)}
.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--mute);font-size:10.5px;font-weight:600;position:relative;letter-spacing:0}
.tab svg{width:25px;height:25px}
.tab[aria-selected=true]{color:var(--ember)}
.tdot{position:absolute;top:7px;left:calc(50% + 9px);width:8px;height:8px;border-radius:50%;background:var(--ember);box-shadow:0 0 0 2px #131313}
.kb .side{display:none}

/* ---------- shared bits ---------- */
.vh{flex:none;padding:calc(var(--st) + 14px) calc(18px + var(--sr)) 10px calc(18px + var(--sl));display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.vh h1,.rh h1{font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1.1}
.btn-e{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--ember);color:#fff;font-weight:600;font-size:15px;border-radius:12px;padding:11px 16px;white-space:nowrap;transition:transform .12s,background .2s}
.btn-e:active{transform:scale(.97)}
.btn-e.ok{background:#2a8a4a}
.btn-q{color:var(--mute);font-weight:600;font-size:15px;padding:10px 14px;border-radius:12px}
.av{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex:none;position:relative;background:linear-gradient(140deg,#FF7A5C,#D9432A);font-size:15px;line-height:1}
.av.hu{background:var(--ember)}
.av .on{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 0 2.5px var(--ink)}
.av.off{filter:none;opacity:.55}
.grp{background:rgba(24,24,24,.75);border-radius:14px;overflow:hidden}
.row{display:flex;align-items:center;gap:12px;padding:11px 14px;width:100%;text-align:left;border-bottom:.5px solid var(--line);min-height:52px}
.row:last-child{border-bottom:0}
.row:active{background:var(--card2)}
.row .fi{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex:none;background:rgba(255,255,255,.08);color:#E8E6E3;font-size:15px}
.row .t{flex:1;min-width:0}
.row .t b{display:block;font-weight:600;font-size:15.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row .t small{display:block;color:var(--mute);font-size:12.5px;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row .chev{color:var(--mute2);width:16px;height:16px}
.row.sel{background:rgba(255,90,54,.12)}
.row.danger{color:var(--red);justify-content:center;font-weight:600}
.gl{font-size:12.5px;color:var(--mute);text-transform:uppercase;letter-spacing:.04em;margin:18px 16px 7px;font-weight:600;display:flex;align-items:center;gap:8px}
.toast{position:fixed;left:50%;bottom:calc(var(--tabh) + var(--sb) + 76px);transform:translate(-50%,12px);background:#2C2C2C;color:#fff;padding:10px 16px;border-radius:14px;font-size:14px;font-weight:500;box-shadow:0 10px 30px rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s var(--ease);z-index:90;max-width:calc(100vw - 32px);text-align:center}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* ---------- agent faces (Room header, and the Library when the Room is off) ---------- */
.faces{display:flex;gap:14px;overflow-x:auto;padding:10px 4px 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.faces::-webkit-scrollbar{display:none}
.face{display:flex;flex-direction:column;align-items:center;gap:5px;width:58px;flex:none;color:var(--text);font-size:11.5px;font-weight:500}
.face .av{width:50px;height:50px;font-size:19px;transition:transform .15s}
.face:active .av{transform:scale(.94)}
.face span{max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.face.me .av{box-shadow:0 0 0 2px var(--ink),0 0 0 3.5px var(--ember)}
.face.add .av{background:var(--card2);color:var(--mute);border:1.5px dashed rgba(255,255,255,.22)}
.face.add .av svg{width:22px;height:22px}
.face.add{color:var(--mute)}
.face.sel .av{box-shadow:0 0 0 2px var(--ink),0 0 0 3.5px var(--ember)}
/* ---------- Discover ---------- */
.disc{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 calc(14px + var(--sr)) 0 calc(14px + var(--sl));gap:10px}
.invc{flex:none;display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,rgba(255,90,54,.16),rgba(255,255,255,.03));border:1px solid rgba(255,90,54,.28);border-radius:16px;padding:13px 13px 13px 16px}
.invc-t{flex:1;min-width:0}
.invc-t b{display:block;font-size:16px;font-weight:650;letter-spacing:-.015em}
.invc-t span{display:block;color:#BBBBBB;font-size:13px;line-height:1.35;margin-top:2px}
.acct-disc{flex:none}
.acct-disc:empty{display:none}
.arow{display:flex;align-items:center;gap:10px;background:var(--card);border-radius:14px;padding:10px 12px 10px 14px;font-size:14px}
.arow span{flex:1;min-width:0;color:#CBCBCB}
.arow button{color:var(--ember2);font-weight:650;font-size:14px;padding:6px 4px;white-space:nowrap}
.dirwrap{flex:1;min-height:0;border-radius:16px 16px 0 0;overflow:hidden;background:#0c0c0c;border:1px solid var(--line);border-bottom:0}
.dirwrap iframe{display:block;width:100%;height:100%;border:0;background:#0c0c0c}

/* ---------- Agents ---------- */
.ag-cols{flex:1;min-height:0;display:flex}
.ag-list{flex:1;min-width:0;overflow-y:auto;overflow-x:hidden;padding-bottom:24px;-webkit-overflow-scrolling:touch}
#ag-groups{padding:0 calc(14px + var(--sr)) 0 calc(14px + var(--sl))}
.agh{display:flex;align-items:center;gap:11px;margin:16px 4px 8px}
.agh .av{width:34px;height:34px;font-size:14px}
.agh .t{flex:1;min-width:0}
.agh b{display:block;font-size:16px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agh small{display:block;color:var(--mute);font-size:12.5px}
.agh .rm{color:var(--mute);font-size:13px;font-weight:600;padding:6px 8px;border-radius:9px}
.agh .rm.arm{color:#fff;background:var(--red)}
.ag-empty{padding:30px 18px;text-align:center;color:var(--mute)}
.ag-empty h2{color:var(--text);font-size:19px;margin-bottom:6px}
.ag-empty p{font-size:14px;margin-bottom:14px}
.ed{display:none;flex-direction:column;min-width:0;min-height:0}
.ag-cols.editing .ag-list{display:none}
.ag-cols.editing .ed{display:flex;flex:1}
.edh{flex:none;display:flex;align-items:center;gap:8px;padding:calc(var(--st) + 8px) calc(10px + var(--sr)) 8px calc(6px + var(--sl));border-bottom:.5px solid var(--line)}
.back{display:inline-flex;align-items:center;gap:2px;color:var(--ember);font-size:16px;font-weight:500;padding:6px 6px;border-radius:10px;white-space:nowrap}
.back svg{width:20px;height:20px;stroke-width:2.2}
.edh .ttl{flex:1;min-width:0;text-align:center}
.edh .ttl b{display:block;font-size:16px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.edh .ttl small{display:block;color:var(--mute);font-size:12px}
.edh .sv{color:var(--mute);font-size:13px;min-width:64px;text-align:right;white-space:nowrap}
.edh .done{color:var(--ember);font-weight:650;font-size:16px;padding:6px 6px;min-width:64px;text-align:right}
.edb{flex:1;min-height:0;display:flex;flex-direction:column;padding:10px calc(14px + var(--sr)) calc(12px) calc(14px + var(--sl))}
.edb .about{color:var(--mute);font-size:13px;line-height:1.4;margin:2px 2px 10px}
.edb textarea{flex:1;min-height:0;width:100%;resize:none;background:rgba(19,19,19,.78);border:1px solid var(--line);border-radius:14px;padding:14px;outline:0;font:14.5px/1.55 ui-monospace,"SF Mono",Menlo,Consolas,monospace;color:#E9E9E9;letter-spacing:0}
.edb textarea:focus{border-color:rgba(255,90,54,.45)}
.ed-ph{margin:auto;color:var(--mute);text-align:center;font-size:14px;padding:20px}

/* ---------- sheet (phone: Room face → files) ---------- */
.sheet{position:fixed;inset:0;z-index:60}
.sheet .sht-card{height:calc(100% - var(--st) - 34px)}
.sht-bg{position:absolute;inset:0;background:rgba(0,0,0,.38);opacity:0;transition:opacity .25s}
.sht-card{position:absolute;left:0;right:0;bottom:0;height:calc(100% - var(--st) - 44px);background:rgba(21,21,21,.965);-webkit-backdrop-filter:saturate(1.6) blur(28px);backdrop-filter:saturate(1.6) blur(28px);border-top:.5px solid var(--line2);border-radius:14px 14px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.5);display:flex;flex-direction:column;transform:translateY(100%);transition:transform .32s var(--ease);will-change:transform}
.sheet.open .sht-bg{opacity:1}
.sheet.open .sht-card{transform:none}
.sheet.drag .sht-card{transition:none}
.grab{flex:none;height:22px;display:flex;justify-content:center;align-items:center;touch-action:none;cursor:grab}
.grab::before{content:"";width:38px;height:5px;border-radius:3px;background:rgba(255,255,255,.25)}
.sht-in{flex:1;min-height:0;display:flex;flex-direction:column}
.shh{flex:none;display:flex;align-items:center;gap:12px;padding:2px 16px 12px;touch-action:none}
.shh .av{width:44px;height:44px;font-size:18px}
.shh .t{flex:1;min-width:0}
.shh b{display:block;font-size:19px;font-weight:700;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shh small{display:block;color:var(--mute);font-size:13px}
.shh .done{color:var(--ember);font-weight:650;font-size:16px;padding:6px 4px}
.shb{flex:1;min-height:0;overflow-y:auto;padding:0 16px calc(20px + var(--sb));-webkit-overflow-scrolling:touch}
.sht-card .edh{padding-top:0;border-bottom:0}
.sht-card .edb{padding-bottom:calc(12px + var(--sb))}
.addc{text-align:center;padding:4px 8px 10px}
.addc .orb{width:56px;height:56px;margin:4px auto 12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFB09A,var(--ember) 45%,#B8321A)}
.addc h2{font-size:21px;letter-spacing:-.02em}
.addc p{color:var(--mute);font-size:14.5px;margin:6px auto 16px;max-width:300px;line-height:1.45}
.addc .btn-e{width:100%;max-width:340px;padding:14px}
.steps{list-style:none;text-align:left;max-width:340px;margin:18px auto 6px;display:grid;gap:10px}
.steps li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#CBCBCB;line-height:1.4}
.steps i{font-style:normal;width:22px;height:22px;border-radius:50%;background:var(--card2);color:var(--text);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}

/* ---------- copy fallback ---------- */
.cdlg{margin:auto;border:0;border-radius:18px;background:#1E1E1E;color:var(--text);padding:22px 20px 14px;width:min(360px,calc(100vw - 32px));text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.cdlg::backdrop{background:rgba(0,0,0,.55)}
.cdlg h2{font-size:19px;letter-spacing:-.02em;margin-bottom:6px}
.cdlg p{color:var(--mute);font-size:14px;margin-bottom:14px;line-height:1.45}
.cdlg .btn-e{width:100%;padding:13px}
.cdlg .btn-q{width:100%;margin-top:4px}
.cdlg textarea{display:block;width:100%;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 12px;font-family:inherit;font-size:16px;line-height:1.4;margin-bottom:12px;resize:none;color:var(--text);text-align:left;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;overflow-wrap:anywhere;outline:0}
.cdlg textarea:focus{border-color:rgba(255,90,54,.6)}
.cdlg textarea::selection{background:rgba(255,90,54,.35)}
.cdlg .cp-row{display:flex;gap:8px}
.cdlg .cp-row .btn-e{flex:1;width:auto}
.cdlg .btn-s{flex:1;padding:13px;border-radius:12px;font-weight:600;font-size:15px;color:var(--text);background:rgba(255,255,255,.08);border:1px solid var(--line)}
.cdlg .btn-s[hidden]{display:none}

/* ---------- desktop: B with a slim sidebar ---------- */
@media (min-width:900px){
  .app{flex-direction:row}
  .side{width:220px;display:flex;flex-direction:column;border-top:0;border-right:.5px solid var(--line);background:rgba(14,14,14,.5);padding:16px 12px 14px}
  .kb .side{display:flex}
  .brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:17px;letter-spacing:-.02em;padding:4px 10px 20px}
  .brand b{color:var(--ember);font-weight:700}
  .bdot{width:10px;height:10px;border-radius:50%;background:var(--ember);box-shadow:0 0 12px rgba(255,90,54,.6)}
  .tabs{flex-direction:column;height:auto;gap:2px}
  .tab{flex:none;flex-direction:row;justify-content:flex-start;gap:11px;font-size:14.5px;font-weight:550;color:#CBCBCB;padding:9px 12px;border-radius:10px}
  .tab svg{width:20px;height:20px}
  .tab:hover{background:rgba(255,255,255,.05)}
  .tab[aria-selected=true]{background:rgba(255,90,54,.13);color:#fff}
  .tab[aria-selected=true] svg{color:var(--ember)}
  .tdot{position:static;margin-left:auto;box-shadow:none}
  .side-foot{display:flex;flex-direction:column;gap:8px;margin-top:auto}
  .side-inv{display:flex;align-items:center;gap:9px;background:var(--ember);color:#fff;border-radius:10px;padding:10px 12px;font-weight:600;font-size:14px}
  .side-inv svg{width:18px;height:18px;stroke-width:2.2}
  .side-inv.ok{background:#2a8a4a}
  .acct .arow{background:transparent;padding:10px 10px 4px;font-size:12.5px;flex-direction:column;align-items:flex-start;gap:2px;border-top:.5px solid var(--line);border-radius:0}
  .acct .arow span{color:var(--mute);line-height:1.35}
  .acct .arow button{padding:2px 0;font-size:13.5px}
  .acct-disc{display:none}
  .vh{padding:26px 32px 12px}
  .vh h1,.rh h1{font-size:26px}
  .rh{padding:20px 28px 10px;display:flex;align-items:center;gap:20px}
  .rh-top{flex-direction:column;gap:2px;flex:none}
  .faces{flex:1;justify-content:flex-end;padding:2px 0}
  .face .av{width:42px;height:42px;font-size:16px}
  .msgs{padding:22px 0 12px}
  .msgs>*{max-width:780px;margin-left:auto;margin-right:auto;padding-left:28px;padding-right:28px}
  .msgs>.m{display:flex}
  .comp{padding:10px 28px 20px}
  .comp-f{max-width:724px;margin:0 auto}
  .disc{padding:0 32px;gap:12px}
  .invc{max-width:1100px}
  .dirwrap{border-radius:14px 14px 0 0}
  .ag-list{flex:none;width:340px;border-right:.5px solid var(--line);display:block!important}
  #ag-groups{padding:0 16px}
  .ag-list .vh{padding:26px 20px 6px}
  .ed{display:flex!important;flex:1}
  .ed .back{display:none}
  .edh{padding:16px 28px 12px}
  .edh .ttl{text-align:left}
  .edb{padding:16px 28px 24px}
  .edb textarea{font-size:14px;padding:18px 20px}
  .row{min-height:46px;padding:9px 12px}
  .row:hover{background:var(--card2)}
  .sheet{display:flex;align-items:center;justify-content:center}
  .sht-card{position:relative;width:440px;height:auto;max-height:80vh;border-radius:18px;transform:translateY(16px) scale(.98);opacity:0;transition:transform .22s var(--ease),opacity .22s}
  .sheet.open .sht-card{opacity:1}
  .grab{display:none}
  .shh{padding-top:18px}
  .toast{bottom:28px}
}
@media (max-width:899px){
  .sheet{position:absolute;bottom:calc(var(--tabh) + var(--sb))}
  .kb .sheet{bottom:0}
  .sht-card .edb{padding-bottom:12px}
  .shb{padding-bottom:20px}
}
@media (max-width:380px){
  .vh h1,.rh h1{font-size:27px}
  .invc{flex-direction:column;align-items:stretch;gap:10px}
  .face{width:52px}.face .av{width:46px;height:46px}
}
@media (max-height:700px) and (max-width:899px){
  .invc-t span{display:none}
  .vh{padding-top:calc(var(--st) + 8px);padding-bottom:6px}
  .face .av{width:42px;height:42px;font-size:16px}
  .faces{padding-top:6px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* ---------- consent page (agent sign-in approval) ---------- */
.consent{display:flex;min-height:100%;align-items:center;justify-content:center;padding:24px;overflow:auto;height:auto}
.cbox{background:var(--card);border-radius:20px;padding:28px 24px;max-width:420px;width:100%;text-align:center}
.cbox h1{font-size:24px;letter-spacing:-.02em;margin:8px 0}
.cbox h1 em{font-style:normal;color:var(--ember)}
.cbox .k{color:var(--mute);font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.cbox .lede{color:#CBCBCB;font-size:15px;margin:8px 0 18px}
.cbox .btn{display:block;width:100%;background:var(--ember);color:#fff;border:0;border-radius:12px;padding:13px;font-weight:600;font-size:15px;margin-top:8px;cursor:pointer}
.cbox .btn.ghost{background:var(--card2);color:var(--text)}
.cbox .err{color:#FF8A75;font-size:14px;margin-top:10px;min-height:1em}
.cbox form{display:grid;gap:8px}
.cbox label{display:flex;gap:8px;align-items:center;justify-content:center;color:#CBCBCB;font-size:14px}
.corb{width:56px;height:56px;margin:0 auto 8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFB09A,var(--ember) 45%,#B8321A)}
.jmd pre{white-space:pre-wrap;text-align:left;font-size:12px;color:var(--mute);margin-top:14px}

.vh-a{display:inline-flex;align-items:center;gap:1px;color:var(--ember2);font-weight:600;font-size:15px;padding:4px 0 4px 8px;margin-bottom:3px}
.vh-a svg{width:17px;height:17px;stroke-width:2.2}
.acct-lib{padding:0 calc(14px + var(--sr)) 0 calc(14px + var(--sl))}
.acct-lib:empty{display:none}
@media (min-width:900px){
  .side-dir{display:flex;align-items:center;gap:11px;font-size:14px;color:var(--mute);padding:9px 12px;border-radius:10px;margin-top:14px;border-top:.5px solid var(--line);padding-top:14px;border-radius:0 0 10px 10px}
  .side-dir svg{width:19px;height:19px}
  .side-dir:hover{color:var(--text)}
  .vh-a,.acct-lib{display:none}
}

.m .av .on,.think .av .on{display:none}
.face{width:64px}.face span{max-width:64px;font-size:11px}

@media (max-width:899px){.edb textarea{font-size:16px;line-height:1.5}}
.face{width:68px}.face span{max-width:68px}

@media (min-width:900px){.sheet .sht-card{height:auto}}
.agh.fold{cursor:pointer;border-radius:12px;padding:6px 4px;margin:6px 0}
.agh.fold:hover{background:var(--card)}
.agh .cnt{color:var(--mute2);display:flex}
.agh .cnt svg{width:16px;height:16px}

/* ---------- the site's magic, inside the app ---------- */
.pg-app .sh{position:fixed;left:0;right:0;top:0;background:rgba(var(--bg-rgb),.55);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);border-bottom-color:var(--line)}
.pg-app .sh.open{background:rgba(var(--bg-rgb),.9)}
.pg-app .sh-in{max-width:none}
html.kb-on .pg-app .sh{display:none}
html.kb-on .app{top:0;height:var(--vvh,100dvh)}
.rh h1{font-family:var(--serif,Georgia,serif);font-weight:400;font-style:italic;letter-spacing:-.01em}
.vh h1{font-family:var(--serif,Georgia,serif);font-weight:400;font-style:italic;letter-spacing:-.01em}
.vh h1 b,.rh h1 b{font-style:normal}
/* faces breathe softly when online (opacity + scale on a ring; no filters) */
.face .av.live::before{content:"";position:absolute;inset:-4px;border-radius:50%;box-shadow:0 0 0 1.5px rgba(255,122,92,.75),0 0 16px 2px rgba(255,90,54,.4);animation:breathe 3.4s ease-in-out infinite;pointer-events:none}
@keyframes breathe{0%,100%{opacity:.35;transform:scale(.97)}50%{opacity:1;transform:scale(1.04)}}
.spark{position:relative}
.spark::after{content:"";position:absolute;left:50%;top:50%;width:120%;height:120%;margin:-60% 0 0 -60%;border-radius:50%;background:radial-gradient(circle,rgba(255,214,196,.95) 0,rgba(255,122,92,.55) 30%,rgba(255,90,54,.18) 55%,transparent 70%);pointer-events:none;animation:spark 1s ease-out forwards}
@keyframes spark{0%{opacity:0;transform:scale(.3)}25%{opacity:1}100%{opacity:0;transform:scale(1.9)}}
.ttl b.spark::after{width:44px;height:44px;margin:-22px 0 0 -22px}
/* file tiles: the directory's glowing cards (a radial accent glow; opacity only) */
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tile{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;min-height:92px;padding:12px 12px 11px;border-radius:16px;background:rgba(24,24,24,.72);border:1px solid var(--line);transition:transform .15s,border-color .25s}
.tile::before{content:"";position:absolute;inset:0;background:radial-gradient(160px circle at var(--mx,18%) var(--my,0%),rgba(255,90,54,.16),rgba(255,90,54,.05) 45%,transparent 70%);opacity:.75;transition:opacity .3s;pointer-events:none}
.tile:active{transform:scale(.98)}
.tile>*{position:relative}
.tile .fi{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);color:#E8E6E3;font-size:15px}
.tile b{font-size:15px;font-weight:650;letter-spacing:-.01em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tile small{color:var(--mute);font-size:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}
.tile.mine .fi{background:rgba(255,90,54,.16);color:#FFB4A3}
.tile.sel{border-color:rgba(255,90,54,.55)}
.tile.sel::before{opacity:1}
@media (hover:hover){.tile::before{opacity:0}.tile:hover::before,.tile.sel::before{opacity:1}.tile:hover{border-color:var(--line2)}}
.comp-f:focus-within{border-color:rgba(255,90,54,.45)}
@media (max-width:899px){
  .rh h1{font-size:24px}
  .vh h1{font-size:26px}
  .vh{padding-top:12px}
  .rh{padding-top:8px}
}
@media (max-width:899px) and (max-height:700px){
  .rh h1{font-size:20px}
  .faces{padding-top:6px}
}
@media (min-width:900px){
  .rh{background:rgba(12,12,12,.35)}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vh{padding-top:22px}
}

/* the living background: exactly the site's own (liquid canvas + .liquid-fallback from site.css, magic.js at home intensity). No app-only glow; no blue anywhere. */
.sht-card .tile{background:#202020}

.pg-app .rh{background:rgba(12,12,12,.3)}
.pg-app .comp{background:rgba(12,12,12,.32)}
.pg-app .side{background:rgba(15,15,15,.5)}
.pg-app .sh{background:rgba(var(--bg-rgb),.42)}
.pg-app .m .b{background:rgba(33,33,33,.8)}
.pg-app .tile{background:rgba(22,22,22,.62)}
.pg-app .sht-card .tile{background:#202020}
@media (min-width:900px){
  .pg-app .side{background:rgba(15,15,15,.42)}
}

.pg-app .m.me .b{background:var(--ember);color:#fff}

/* the site's button reset is more specific; keep the app's accent colours */
.pg-app .done,.pg-app .back{color:var(--ember)}
.pg-app .arow button{color:var(--ember2)}
.pg-app .btn-q,.pg-app .agh .rm,.pg-app .face.add{color:var(--mute)}
.pg-app .agh .rm.arm{color:#fff}
.pg-app .chip{color:#F2F0EC}
.pg-app .m.me .chip{color:#fff}
.pg-app .tab{color:var(--mute)}
.pg-app .tab[aria-selected=true]{color:var(--ember)}
.pg-app .send,.pg.pg-app .btn-e{color:#fff}
.pg-app .row.danger{color:var(--red)}
@media (min-width:900px){.pg-app .tab{color:#CBCBCB}.pg-app .tab[aria-selected=true]{color:#fff}}
/* WIDE (2026-10-13): sidebar tabs line up with the shared header gutter on desktop */
@media (min-width:1024px){.pg-app .side{width:calc(192px + var(--pad));padding-left:calc(var(--pad) - 12px)}}
.pg-app .cdlg .btn-s{color:var(--text)}
.pg-app .cdlg textarea:focus,.pg-app .cdlg textarea:focus-visible{outline:none;box-shadow:none;border-color:rgba(255,90,54,.6)}

/* ---------- Library only (the Room is off for now; see REMOVED-ROOM-NOTES.md) ---------- */
.lib-only .ag-list{padding-bottom:calc(24px + var(--sb))}
.lib-only .vh{align-items:center}
.vh-inv{display:inline-flex;align-items:center;gap:7px;background:rgba(255,90,54,.16);border:1px solid rgba(255,90,54,.38);color:#fff;font-weight:600;font-size:14px;border-radius:999px;padding:7px 13px 7px 11px;white-space:nowrap;transition:transform .12s,background .2s}
.vh-inv svg{width:16px;height:16px;stroke-width:2;color:var(--ember2)}
.vh-inv:active{transform:scale(.97)}
.vh-inv.ok{background:#2a8a4a;border-color:#2a8a4a}
.pg-app .vh-inv{color:#fff}
.lib-faces{padding:6px calc(18px + var(--sr)) 6px calc(18px + var(--sl));margin-bottom:2px}
.lib-faces:empty{display:none}
.lib-only .acct-lib{margin-top:8px}
.lib-only .sheet{bottom:0}
.lib-only .sht-card{padding-bottom:var(--sb)}
.lib-only .toast{bottom:calc(var(--sb) + 28px)}
@media (min-width:900px){
  .lib-only .ag-list{width:clamp(340px,30vw,440px)}
  .lib-only .acct-lib{display:block;padding:0 16px}
  .lib-only .acct-lib .arow{background:transparent;padding:12px 6px 4px;font-size:12.5px;flex-direction:column;align-items:flex-start;gap:2px;border-top:.5px solid var(--line);border-radius:0}
  .lib-only .acct-lib .arow button{padding:2px 0;font-size:13.5px}
  .lib-only .lib-faces{flex-wrap:wrap;overflow:visible;justify-content:flex-start;gap:12px 10px;padding:6px 20px 4px}
  .lib-only .ag-list .vh{gap:10px}
  .lib-only .vh-inv{font-size:13.5px;padding:6px 12px 6px 10px}
}
@media (min-width:1024px){
  .lib-only .views{margin:0 calc(var(--pad) - 20px)}
  .lib-only .ag-list{border-left:.5px solid var(--line)}
  .lib-only .ed{border-right:.5px solid var(--line)}
}

/* No blue anywhere in the app (Rallh, 2026-10-13 8:01 PM: "remove completely from the root").
   site.css defines a cool "live" indigo and slightly cool neutrals that home uses; the app re-points every one of them to ember and true neutrals here, so nothing can fall back to blue. */
:root{--bg:#0b0b0b;--bg-rgb:11,11,11;--mut:#8b8987;--dim:#84827f;--live:#FF7A5C;--live-rgb:255,122,92;--focus:#FF5A36;--surface:#161616;--surface2:#1c1c1c;--surface-solid:#161616;--surface-solid2:#1c1c1c;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.13)}
.pg-app ::selection{background:rgba(255,90,54,.35);color:#fff}
.pg-app{accent-color:#FF5A36;caret-color:#FF5A36;-webkit-tap-highlight-color:transparent}
.pg-app :focus-visible{outline-color:#FF5A36}
.pg-app input:focus,.pg-app textarea:focus{outline-color:#FF5A36}

/* ---------- AIcensus app, MAGIC redo (2026-10-13 9:27 PM): Library + Profiles as living glass. Ember + neutral greys only. ---------- */
.pf-app{display:block}
#app{--glass:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.018) 60%),rgba(18,18,18,.5);--edge:rgba(255,255,255,.085);--edge2:rgba(255,255,255,.14);--hi:inset 0 1px 0 rgba(255,255,255,.07);--e:#FF5A36;--e2:#FF7A5C;--peach:#FFB4A3;--t2:#BDB9B4;--t3:#8B8885;--r1:22px}
/* the living background: the site's liquid light plus a soft ember aurora that drifts (transform only) */
body.pg-app::after{content:"";position:fixed;left:-25%;top:-20%;width:150%;height:140%;z-index:-1;pointer-events:none;
  background:radial-gradient(38% 30% at 78% 18%,rgba(255,90,54,.20),transparent 70%),radial-gradient(30% 26% at 12% 72%,rgba(255,122,92,.10),transparent 70%),radial-gradient(26% 20% at 60% 96%,rgba(255,180,163,.06),transparent 70%);
  animation:aur 30s ease-in-out infinite alternate;will-change:transform}
@keyframes aur{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-4%,3%,0) scale(1.06)}100%{transform:translate3d(3%,-2%,0) scale(1.02)}}
#app .pf-main{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
#app .pf-wrap{padding:0 calc(16px + var(--sr)) calc(48px + var(--sb)) calc(16px + var(--sl));max-width:1280px;margin:0 auto}
/* segmented control, sticky, frosted */
#app .pf-bar{position:sticky;top:0;z-index:5;margin:0 calc(50% - 50vw);padding:10px calc(16px + var(--sr)) 10px calc(16px + var(--sl));pointer-events:none}
#app .pf-bar .pf-seg{pointer-events:auto}
#app .pf-seg{position:relative;display:flex;padding:3px;border-radius:12px;background:rgba(36,35,34,.72);-webkit-backdrop-filter:saturate(1.5) blur(18px);backdrop-filter:saturate(1.5) blur(18px);box-shadow:0 8px 24px rgba(0,0,0,.35),inset 0 0 0 .5px rgba(255,255,255,.08);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.06);max-width:400px;margin:0 auto}
#app .pf-seg-k{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:9px;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.12));box-shadow:0 2px 10px rgba(0,0,0,.35),inset 0 .5px 0 rgba(255,255,255,.25);transition:transform .32s var(--ease)}
#app .pf-seg-k.r{transform:translateX(100%)}
#app .pf-seg-b{position:relative;flex:1;text-align:center;padding:7px 10px;font-size:14px;font-weight:600;color:var(--t3);transition:color .25s;border-radius:9px}
#app .pf-seg-b[aria-selected=true]{color:#fff}
/* large title */
#app .pf-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:14px 2px 16px}
#app .pf-head-t{min-width:0}
#app .pf-head h1{font-family:var(--serif,Georgia,serif);font-style:italic;font-weight:400;font-size:36px;line-height:1.05;letter-spacing:-.015em;color:#F6F3EE}
#app .pf-sub{color:var(--t3);font-size:14px;margin-top:6px;line-height:1.35}
#app .pf-new{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:40px;height:40px;border-radius:999px;color:#fff;background:linear-gradient(180deg,#FF6E4E,#FF5A36 60%,#EE4A29);box-shadow:0 8px 22px -6px rgba(255,90,54,.7),inset 0 1px 0 rgba(255,255,255,.28);transition:transform .15s var(--ease)}
#app .pf-new svg{width:20px;height:20px;stroke-width:2.4}
#app .pf-new span{display:none}
#app .pf-new:active{transform:scale(.93)}
#app .pf-load{display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--t3);margin:80px 0;text-align:center}
#app .pf-load-orb{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFC2B2,#FF5A36 50%,rgba(255,90,54,0) 72%);animation:pulse 1.8s ease-in-out infinite}
@keyframes pulse{0%,100%{transform:scale(.85);opacity:.55}50%{transform:scale(1);opacity:1}}
/* glass + glow (no backdrop filter on tiles: iOS WebKit) */
#app .pf-glow{position:relative;isolation:isolate;overflow:hidden;background:var(--glass);border:1px solid var(--edge);box-shadow:var(--hi),0 12px 32px -14px rgba(0,0,0,.6);transition:transform .2s var(--ease),border-color .3s}
#app .pf-glow::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(260px circle at var(--mx,85%) var(--my,0%),rgba(255,90,54,.17),rgba(255,90,54,.05) 45%,transparent 70%);opacity:.7;transition:opacity .35s}
#app .pf-glow::after{content:"";position:absolute;left:14%;right:14%;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,150,120,.45),transparent);opacity:.5;transition:opacity .35s}
#app .pf-glow:active{transform:scale(.985)}
#app .pf-glow:active::before{opacity:1}
@media (hover:hover){#app .pf-glow::before{opacity:.35}#app .pf-glow:hover::before{opacity:1}#app .pf-glow:hover{border-color:var(--edge2)}#app .pf-glow:hover::after{opacity:1}}
#app .pf-in-anim .pf-card,#app .pf-in-anim .pf-file{animation:rise .55s var(--ease) both;animation-delay:calc(var(--i,0) * 45ms)}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
/* type glyphs */
#app .pf-gl{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;border-radius:7px;font-size:11px;line-height:1;font-weight:700;color:var(--peach);background:linear-gradient(145deg,rgba(255,90,54,.3),rgba(255,90,54,.1));box-shadow:inset 0 0 0 .5px rgba(255,140,110,.3)}
#app .pf-gl.k-identity,#app .pf-gl.k-voice{color:#F3F0EB;background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.06));box-shadow:inset 0 0 0 .5px rgba(255,255,255,.18)}
#app .pf-gl.k-rules{color:#FFD3C7;background:linear-gradient(145deg,rgba(255,160,130,.26),rgba(255,160,130,.08))}
#app .pf-gl.k-skills{color:#fff;background:linear-gradient(145deg,rgba(255,110,78,.55),rgba(255,90,54,.2))}
#app .pf-gl.k-memory,#app .pf-gl.k-custom{color:#C9C5C0;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.04));box-shadow:inset 0 0 0 .5px rgba(255,255,255,.12)}
/* Profiles */
#app .pf-grid{display:grid;grid-template-columns:1fr;gap:14px}
#app .pf-card{border-radius:var(--r1);padding:16px 16px 16px;display:flex;flex-direction:column;min-width:0}
#app .pf-card-top{display:flex;align-items:center;gap:13px;text-align:left;width:100%;padding:0 0 14px;color:inherit}
#app .pf-stack{position:relative;flex:none;width:52px;height:44px}
#app .pf-stack .pf-gl{position:absolute;left:calc(var(--j,0) * 8px);top:calc(var(--j,0) * 3px);width:36px;height:36px;border-radius:11px;font-size:16px;box-shadow:0 4px 12px rgba(0,0,0,.45),inset 0 0 0 .5px rgba(255,255,255,.16);background-color:#1D1B1A}
#app .pf-stack .pf-gl:nth-child(1){z-index:3}#app .pf-stack .pf-gl:nth-child(2){z-index:2;opacity:.85}#app .pf-stack .pf-gl:nth-child(3){z-index:1;opacity:.65}
#app .pf-card-tt{flex:1;min-width:0}
#app .pf-card h2{font-size:19px;font-weight:650;letter-spacing:-.02em;color:#F6F3EE;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app .pf-meta{display:flex;align-items:center;gap:6px;color:var(--t3);font-size:13px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#app .pf-meta i,#app .pf-file-u i,#app .pf-link-d{flex:none;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.22)}
#app .pf-meta.live i,#app .pf-file-u.on i,#app .pf-link-d.on{background:var(--e);box-shadow:0 0 8px rgba(255,90,54,.8);animation:breathe 3.4s ease-in-out infinite}
#app .pf-more{color:var(--t3);display:flex}
#app .pf-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
#app .pf-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:5px 11px 5px 5px;border-radius:999px;background:rgba(255,255,255,.055);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.1);font-size:13px;font-weight:500;color:#E9E6E1;transition:background .2s}
#app .pf-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app .pf-chip .pf-gl{width:22px;height:22px;border-radius:999px;font-size:11px}
#app .pf-chip:active{background:rgba(255,90,54,.16)}
#app .pf-chip.none{padding-left:12px;color:var(--t3)}
#app .pf-gv{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;margin-top:auto;border-radius:999px;color:#fff;font-weight:650;font-size:16px;letter-spacing:-.01em;background:linear-gradient(180deg,#FF6E4E,#FF5A36 55%,#EC4827);box-shadow:0 10px 26px -10px rgba(255,90,54,.85),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.12);transition:transform .15s var(--ease),background .3s}
#app .pf-gv svg{width:19px;height:19px;stroke-width:2}
#app .pf-gv span{position:relative}
#app .pf-gv::before{content:"";position:absolute;top:0;bottom:0;left:-40%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:translateX(-120%) skewX(-18deg);pointer-events:none}
@media (hover:hover){#app .pf-gv:hover::before{transform:translateX(480%) skewX(-18deg);transition:transform .9s var(--ease)}}
#app .pf-gv:active{transform:scale(.97)}
#app .pf-gv.ok{background:linear-gradient(180deg,#3E3A38,#2C2927);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
#app .pf-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:120px;border-style:dashed;border-color:rgba(255,255,255,.14);color:var(--t2);font-weight:600;font-size:15px;background:rgba(255,255,255,.02)}
#app .pf-add-ic{width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(255,90,54,.14);color:var(--e2);box-shadow:inset 0 0 0 .5px rgba(255,122,92,.35)}
#app .pf-add-ic svg{width:20px;height:20px;stroke-width:2.2}
#app .pf-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:34px 22px;border-radius:var(--r1);text-align:center;color:var(--t3);font-size:14px}
#app .pf-empty b{color:#F6F3EE;font-size:18px;font-weight:650}
#app .pf-empty-orb{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px;color:#fff;background:radial-gradient(circle at 35% 30%,#FFB09A,#FF5A36 48%,#B8321A);box-shadow:0 0 34px rgba(255,90,54,.5)}
#app .pf-foot .pf-ro-ic{margin-top:1px}
#app .pf-foot{display:flex;align-items:flex-start;justify-content:center;gap:8px;text-align:left;margin:26px auto 4px;color:var(--t3);font-size:13px;text-align:center;max-width:42ch}
#app .pf-ro-ic{display:flex;color:var(--e2)}
#app .pf-ro-ic svg{width:15px;height:15px;stroke-width:2}
/* Library: file cards */
#app .pf-files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#app .pf-file{display:flex;flex-direction:column;align-items:stretch;gap:6px;text-align:left;min-width:0;min-height:168px;padding:14px 14px 12px;border-radius:20px;color:inherit}
#app .pf-file-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
#app .pf-file-top .pf-gl{width:34px;height:34px;border-radius:11px;font-size:16px}
#app .pf-tag{font-size:10.5px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--t3)}
#app .pf-file-n{font-size:15.5px;font-weight:650;letter-spacing:-.015em;color:#F6F3EE;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app .pf-file-l{flex:0 0 auto;max-height:2.76em;color:var(--t2);font-size:13px;line-height:1.38;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
#app .pf-file-u{display:flex;align-items:center;gap:6px;color:var(--t3);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:auto;padding-top:4px}
#app .pf-file.pf-add{min-height:168px}
/* sheets: frosted, rising */
#app .pf-dlg{border:0;padding:0;margin:auto auto 0;width:100%;max-width:100%;max-height:calc(100dvh - var(--st) - 12px);color:var(--text);border-radius:24px 24px 0 0;overflow:hidden;
  background:radial-gradient(120% 50% at 50% 0%,rgba(255,90,54,.13),transparent 60%),#181716;box-shadow:0 -1px 0 rgba(255,255,255,.08),0 -20px 60px rgba(0,0,0,.55)}
#app .pf-dlg[open]{display:flex;flex-direction:column;animation:pfup .42s var(--ease)}
#app .pf-dlg::backdrop{background:rgba(0,0,0,.5)}
@keyframes pfup{from{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}
#app .pf-dlg-in{display:flex;flex-direction:column;min-height:0;flex:0 1 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
#app .pf-sh-h{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:18px 18px 10px}
#app .pf-grab{position:absolute;top:7px;left:50%;width:38px;height:5px;margin-left:-19px;border-radius:3px;background:rgba(255,255,255,.2)}
#app .pf-sh-h h2{font-size:16px;font-weight:650;text-align:center;white-space:nowrap}
#app .pf-sh-x{justify-self:start;color:var(--t3);font-weight:600;font-size:16px;padding:6px 0}
#app .pf-sh-done{justify-self:end;color:var(--e2);font-weight:650;font-size:16px;padding:6px 0}
#app .pf-sh-sp{display:block}
#app .pf-sh-b{padding:4px 18px calc(24px + var(--sb));display:flex;flex-direction:column;gap:10px}
#app .pf-in{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:13px 14px;font-size:17px;font-weight:600;color:#fff;outline:none;transition:border-color .2s,background .2s}
#app .pf-in:focus{border-color:rgba(255,90,54,.55);background:rgba(255,255,255,.08)}
#app .pf-in::placeholder,#app .pf-ta::placeholder{color:#6F6C69}
#app .pf-h3{font-size:12px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--t3);margin:14px 4px 0}
#app .pf-pick{display:flex;flex-direction:column;border-radius:16px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.08);overflow:hidden}
#app .pf-pr{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 12px;width:100%;text-align:left;min-width:0;color:inherit}
#app .pf-pr+.pf-pr{box-shadow:inset 0 .5px 0 rgba(255,255,255,.08)}
#app .pf-pr .pf-gl{width:30px;height:30px;border-radius:9px;font-size:14px}
#app .pf-n{flex:none;width:18px;text-align:center;font-size:12px;font-weight:700;color:var(--e2)}
#app .pf-pr-t{flex:1;min-width:0;display:flex;flex-direction:column}
#app .pf-pr-t b{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app .pf-pr-t span{font-size:12.5px;color:var(--t3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app .pf-ib{flex:none;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#DDD8D2}
#app .pf-ib svg{width:17px;height:17px}
#app .pf-ib:disabled{opacity:.25}
#app .pf-ib:active{background:rgba(255,255,255,.08)}
#app .pf-ib.rm{color:var(--t3)}
#app .pf-plus{flex:none;width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(255,90,54,.16);color:var(--e2)}
#app .pf-plus svg{width:16px;height:16px;stroke-width:2.4}
#app .pf-pr.add:active{background:rgba(255,90,54,.08)}
#app .pf-empty-s{padding:14px;color:var(--t3);font-size:13.5px}
#app .pf-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
#app .pf-act{flex:1;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.06);font-weight:600;font-size:14.5px;color:var(--text)}
#app .pf-act.danger{color:var(--red)}
#app .pf-act.arm{background:var(--red);color:#fff;flex-basis:100%}
/* give sheet */
#app .pf-give-b{align-items:center;text-align:center;padding-top:0}
#app .pf-orb{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:radial-gradient(circle at 35% 28%,#FFC2B2,#FF5A36 50%,#B8321A);box-shadow:0 0 0 8px rgba(255,90,54,.1),0 0 44px rgba(255,90,54,.55);animation:orbin .6s var(--ease) both}
#app .pf-orb svg{width:30px;height:30px;stroke-width:2.4}
@keyframes orbin{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.08);opacity:1}100%{transform:scale(1)}}
#app .pf-give-h{font-size:24px;font-weight:700;letter-spacing:-.02em;margin-top:8px;color:#fff}
#app .pf-give-s{color:var(--t2);font-size:15px;max-width:34ch;line-height:1.4}
#app .pf-line{width:100%;resize:none;border-radius:14px;padding:12px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#E9E6E1;font-size:16px;line-height:1.45;text-align:left;outline:none;margin-top:6px}
#app .pf-row2{display:flex;gap:10px;width:100%;margin-top:10px}
#app .pf-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;border-radius:999px;font-weight:650;font-size:16px;transition:transform .15s var(--ease)}
#app .pf-btn svg{width:19px;height:19px;stroke-width:2}
#app .pf-btn:active{transform:scale(.97)}
#app .pf-btn-e{color:#fff;background:linear-gradient(180deg,#FF6E4E,#FF5A36 55%,#EC4827);box-shadow:0 10px 26px -10px rgba(255,90,54,.85),inset 0 1px 0 rgba(255,255,255,.28)}
#app .pf-btn-g{color:#F3F0EB;background:rgba(255,255,255,.09);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.14)}
#app .pf-wide{flex:none;width:100%}
#app .pf-alt{color:var(--t3);font-size:13px;margin-top:4px}
#app .pf-alt a{color:var(--e2);font-weight:600}
#app .pf-ro{display:flex;align-items:center;gap:10px;text-align:left;width:100%;margin-top:10px;padding:12px 14px;border-radius:14px;background:rgba(255,90,54,.07);box-shadow:inset 0 0 0 .5px rgba(255,122,92,.22);color:#E2DEDA;font-size:13.5px;line-height:1.35}
#app .pf-ro .pf-ro-ic svg{width:18px;height:18px}
#app .pf-give-b .pf-h3{align-self:flex-start}
#app .pf-links{width:100%;display:flex;flex-direction:column;border-radius:16px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.08);overflow:hidden;text-align:left}
#app .pf-link{display:flex;align-items:center;gap:12px;padding:11px 10px 11px 14px}
#app .pf-link+.pf-link{box-shadow:inset 0 .5px 0 rgba(255,255,255,.08)}
#app .pf-link-t{flex:1;min-width:0;display:flex;flex-direction:column}
#app .pf-link-t b{font-size:14.5px;font-weight:600;color:#F0EDE8}
#app .pf-link-t span{font-size:12.5px;color:var(--t3)}
#app .pf-revoke{flex:none;color:var(--red);font-weight:650;font-size:14px;padding:8px 10px;border-radius:10px}
#app .pf-revoke.arm{background:var(--red);color:#fff}
/* editor: a full-screen sheet */
#app .pf-dlg.pf-edit .pf-dlg-in{flex:1 1 auto}
#app .pf-dlg.pf-edit{height:calc(100dvh - var(--st) - 10px);max-height:none;background:radial-gradient(120% 40% at 50% 0%,rgba(255,90,54,.12),transparent 60%),#141312;-webkit-backdrop-filter:none;backdrop-filter:none}
#app .pf-ed-h{grid-template-columns:auto 1fr auto;padding:16px 18px 6px}
#app .pf-ed-h .pf-ed-gl{width:32px;height:32px;border-radius:10px;font-size:15px}
#app .pf-sv{justify-self:start;color:var(--t3);font-size:13px;font-weight:500}
#app .pf-edb{flex:1;gap:8px;padding-bottom:calc(14px + var(--sb))}
#app .pf-ed-name{background:transparent;border:0;border-radius:0;padding:4px 2px;font-size:28px;font-weight:700;letter-spacing:-.025em}
#app .pf-ed-name:focus{background:transparent}
#app .pf-kinds{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -18px;padding:2px 18px 4px;-webkit-overflow-scrolling:touch}
#app .pf-kinds::-webkit-scrollbar{display:none}
#app .pf-kind{flex:none;padding:7px 14px;border-radius:999px;font-size:13.5px;font-weight:600;color:#D8D5D1;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.1);transition:background .2s,color .2s}
#app .pf-kind.on{color:#fff;background:linear-gradient(180deg,#FF6E4E,#FF5A36);box-shadow:0 6px 16px -6px rgba(255,90,54,.8)}
#app .pf-hint{color:var(--t3);font-size:13px;margin:2px 2px 0}
#app .pf-ta{flex:1;min-height:42vh;width:100%;resize:none;background:transparent;border:0;outline:none;padding:14px 2px;font:17px/1.6 -apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,system-ui,sans-serif;color:#EDEAE5;letter-spacing:-.005em;border-top:.5px solid rgba(255,255,255,.08);margin-top:6px}
#app .pf-ed-f{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:.5px solid rgba(255,255,255,.08)}
#app .pf-used{color:var(--t3);font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app .pf-ed-f .pf-act{flex:none;padding:9px 14px}
/* toast */
#app .pf-toast{position:fixed;left:50%;bottom:calc(var(--sb) + 24px)!important;z-index:90;transform:translate(-50%,20px);opacity:0;pointer-events:none;max-width:calc(100vw - 32px);padding:11px 18px;border-radius:999px;background:rgba(40,38,36,.92);box-shadow:0 10px 30px rgba(0,0,0,.45),inset 0 0 0 .5px rgba(255,255,255,.12);color:#fff;font-size:14px;font-weight:550;text-align:center;transition:transform .35s var(--ease),opacity .35s}
#app .pf-toast.show{opacity:1;transform:translate(-50%,0)}
/* old invite page */
.oldinv{height:auto;overflow:auto}
.oi{max-width:520px;margin:0 auto;padding:calc(var(--st) + 28px) 22px 48px;position:relative;z-index:1}
.oi h1{font-family:var(--serif,Georgia,serif);font-style:italic;font-weight:400;font-size:32px;line-height:1.15;margin:28px 0 12px}
.oi p{color:#CFCCC8;font-size:16px;line-height:1.5}
.oi ol{margin:18px 0 22px 20px;color:#E8E6E3;line-height:1.8}
.oi .oi-go{padding:14px 20px}
.oi .oi-ag{color:var(--mute);font-size:14px;margin-top:22px}

@media (min-width:700px){
  #app .pf-wrap{padding-left:calc(32px + var(--sl));padding-right:calc(32px + var(--sr))}
  #app .pf-bar{padding:14px 32px}
  #app .pf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  #app .pf-files{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  #app .pf-new{width:auto;padding:0 18px 0 14px;font-weight:650;font-size:15px}
  #app .pf-new span{display:inline}
  #app .pf-head{margin:22px 2px 22px}
  #app .pf-head h1{font-size:44px}
  #app .pf-sub{font-size:15px}
  #app .pf-dlg{margin:auto;width:min(520px,calc(100vw - 48px));border-radius:26px;max-height:min(86vh,860px);box-shadow:0 0 0 .5px rgba(255,255,255,.1),0 40px 100px rgba(0,0,0,.65)}
  #app .pf-dlg.pf-edit{width:min(880px,calc(100vw - 64px));height:min(86vh,920px)}
  #app .pf-grab{display:none}
  #app .pf-sh-b{padding-left:24px;padding-right:24px}
  #app .pf-sh-h{padding-left:24px;padding-right:24px}
  #app .pf-kinds{margin:0 -24px;padding:2px 24px 4px;flex-wrap:wrap}
  @keyframes pfup{from{transform:translateY(24px) scale(.97);opacity:0}to{transform:none;opacity:1}}
}
@media (min-width:1100px){
  #app .pf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  #app .pf-files{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  #app .pf-file{min-height:190px;padding:18px 18px 14px}
  #app .pf-file-l{-webkit-line-clamp:3}
  #app .pf-card{padding:20px}
}
@media (max-width:359px){#app .pf-files{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){body.pg-app::after{animation:none}#app .pf-dlg[open],#app .pf-orb,#app .pf-in-anim .pf-card,#app .pf-in-anim .pf-file{animation:none}}
#app .pf-sh-h h2:focus,#app .pf-sh-h h2:focus-visible{outline:none}
#app .pf-sh-h button:focus:not(:focus-visible),#app .pf-sh-h button:focus{outline:none}
#app .pf-sh-h button:focus-visible{outline:2px solid rgba(255,90,54,.6);outline-offset:2px}

/* ---------- the gate (2026-10-13): welcome / sign in, same living glass. Ember + neutral greys only. ---------- */
#app .pf-gate{position:relative;overflow:hidden;margin:0 calc(-16px - var(--sl)) 0 calc(-16px - var(--sr));min-height:calc(100vh - var(--shh) - 12px);min-height:calc(100dvh - var(--shh) - 12px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 16px calc(20px + var(--sb))}
#app .pf-gate-halo{position:absolute;left:50%;top:44%;width:min(620px,120vw);height:min(620px,120vw);margin:calc(min(620px,120vw) / -2) 0 0 calc(min(620px,120vw) / -2);border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(circle,rgba(255,90,54,.30),rgba(255,90,54,.10) 38%,transparent 66%);animation:gbreath 7s ease-in-out infinite;will-change:transform,opacity}
@keyframes gbreath{0%,100%{transform:scale(.92);opacity:.75}50%{transform:scale(1.05);opacity:1}}
#app .pf-gate-card{position:relative;z-index:1;width:100%;max-width:420px;padding:30px 22px 20px;border-radius:28px;text-align:center;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.02) 55%),rgba(16,15,15,.62);border:1px solid rgba(255,255,255,.1);
  -webkit-backdrop-filter:saturate(1.4) blur(24px);backdrop-filter:saturate(1.4) blur(24px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 80px -30px rgba(0,0,0,.8),0 0 0 .5px rgba(255,90,54,.08);animation:rise .6s var(--ease) both}
#app .pf-gate-stack{display:flex;justify-content:center;gap:6px;margin:0 0 20px;flex-wrap:wrap}
#app .pf-gate-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 5px;border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.12);font-size:13px;font-weight:550;color:#E9E6E1;animation:gfloat 6s ease-in-out infinite;animation-delay:calc(var(--j) * -2s)}
#app .pf-gate-chip .pf-gl{width:22px;height:22px;border-radius:999px;font-size:11px}
@keyframes gfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
#app .pf-gate-h{font-family:var(--serif,Georgia,serif);font-style:italic;font-weight:400;font-size:34px;line-height:1.06;letter-spacing:-.015em;color:#F6F3EE;margin:0 auto}
#app .pf-gate-h span{display:block}
#app .pf-gate-s{color:var(--t2);font-size:15px;line-height:1.4;margin:12px auto 0;max-width:30ch}
#app .pf-gate-f{display:flex;flex-direction:column;gap:10px;margin-top:24px}
#app .pf-gate-in{width:100%;height:50px;border-radius:14px;padding:0 16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#F3F0EB;font-size:17px;outline:none;transition:border-color .2s,background .2s;text-align:left}
#app .pf-gate-in::placeholder{color:#7d7a77}
#app .pf-gate-in:focus{border-color:rgba(255,122,92,.6);background:rgba(255,255,255,.08)}
#app .pf-gate .pf-btn{flex:none;height:52px}
#app .pf-gate .pf-btn svg{width:18px;height:18px}
#app .pf-gate .pf-btn:disabled{opacity:.5}
#app .pf-gate.busy .pf-gate-go{opacity:.75}
#app .pf-gate-err{min-height:0;color:#FF8A70;font-size:13.5px;line-height:1.35}
#app .pf-gate-err:empty{display:none}
#app .pf-gate-rc{margin-top:12px}
#app .pf-gate-link{color:var(--t3);font-size:14px;font-weight:550;padding:8px 6px}
#app .pf-gate-link:active{color:#E9E6E1}
#app .pf-gate-rf{display:flex;gap:8px}
#app .pf-gate-rf[hidden]{display:none!important}
#app .pf-gate-code{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:16px;letter-spacing:.04em;text-transform:uppercase;min-width:0;flex:1}
#app .pf-gate .pf-gate-rb{flex:none;width:auto;padding:0 18px;height:50px}
#app .pf-gate-fine{position:relative;z-index:1;color:var(--t3);font-size:12.5px;margin-top:16px;text-align:center}
#app .pf-rcode{width:100%;margin-top:6px;padding:16px 12px;border-radius:16px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.12);font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:20px;font-weight:600;letter-spacing:.08em;color:#F6F3EE;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere}
/* the gentle "secure your Library" nudge for Libraries made before the gate */
#app .pf-secure{display:flex;align-items:center;gap:12px;margin:6px 0 4px;padding:12px 8px 12px 14px;border-radius:18px;background:linear-gradient(90deg,rgba(255,90,54,.13),rgba(255,90,54,.04));box-shadow:inset 0 0 0 .5px rgba(255,122,92,.28);animation:rise .5s var(--ease) both}
#app .pf-secure-ic{flex:none;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 28%,#FFB09A,#FF5A36 55%,#C43A1E);box-shadow:0 0 18px rgba(255,90,54,.45)}
#app .pf-secure-ic svg{width:17px;height:17px;stroke-width:2.2}
#app .pf-secure-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
#app .pf-secure-t b{font-size:14.5px;font-weight:650;color:#F6F3EE}
#app .pf-secure-t span{font-size:12.5px;color:var(--t3)}
#app .pf-secure-go{flex:none;color:#fff;font-weight:650;font-size:14px;padding:8px 14px;border-radius:999px;background:linear-gradient(180deg,#FF6E4E,#FF5A36 60%,#EE4A29);box-shadow:0 6px 16px -6px rgba(255,90,54,.7)}
#app .pf-secure-go:active{transform:scale(.96)}
#app .pf-secure-x{flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--t3);border-radius:50%}
#app .pf-secure-x svg{width:16px;height:16px}
@media (min-width:700px){
  #app .pf-gate{padding-top:56px;margin-left:calc(-32px - var(--sl));margin-right:calc(-32px - var(--sr))}
  #app .pf-gate-card{max-width:460px;padding:40px 36px 26px;border-radius:32px}
  #app .pf-gate-h{font-size:44px}
  #app .pf-gate-s{font-size:16px}
  #app .pf-secure{max-width:760px;margin-left:auto;margin-right:auto}
}
@media (max-width:359px){#app .pf-gate-h{font-size:29px}#app .pf-gate-card{padding:24px 16px 16px}}
@media (prefers-reduced-motion:reduce){#app .pf-gate-halo,#app .pf-gate-chip,#app .pf-gate-card,#app .pf-secure{animation:none}}

/* ---------- auth (2026-10-13, AUTH-NOTES.md): Sign up / Log in / Reset, the account avatar and its menu ---------- */
.pg-app .sh-nav{margin-left:auto}
.pf-av{flex:none;width:34px;height:34px;margin-left:8px;border:0;border-radius:50%;display:grid;place-items:center;font:650 15px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",system-ui,sans-serif;color:#fff;background:radial-gradient(circle at 34% 28%,#FFB09A,#FF5A36 55%,#C43A1E);box-shadow:0 0 0 .5px rgba(255,255,255,.22),0 0 16px rgba(255,90,54,.35);cursor:pointer;transition:transform .15s var(--ease),box-shadow .25s}
.pf-av[hidden]{display:none}
.pf-av:active{transform:scale(.94)}
.pf-av:hover{box-shadow:0 0 0 .5px rgba(255,255,255,.3),0 0 22px rgba(255,90,54,.5)}
.pf-av:focus-visible{outline:2px solid rgba(255,90,54,.7);outline-offset:2px}
@media (max-width:719px){.pf-av{margin-left:auto;margin-right:4px}}
#app .pf-auth-seg{margin:20px auto 2px;max-width:none;width:100%;background:rgba(255,255,255,.055);-webkit-backdrop-filter:none;backdrop-filter:none}
#app .pf-auth-seg .pf-seg-b{text-decoration:none;padding:8px 10px}
#app .pf-auth-seg+.pf-gate-f{margin-top:14px}
#app .pf-fld{position:relative}
#app .pf-fld[hidden]{display:none}
#app .pf-fld-pw .pf-gate-in{padding-right:52px}
#app .pf-gate-in[aria-invalid=true]{border-color:rgba(255,120,92,.75)}
#app .pf-eye{position:absolute;top:0;right:2px;width:48px;height:50px;display:grid;place-items:center;color:var(--t3);border-radius:12px}
#app .pf-eye svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#app .pf-eye[aria-pressed=true]{color:var(--e2)}
#app .pf-eye:focus-visible{outline:2px solid rgba(255,90,54,.6);outline-offset:-4px}
#app .pf-str{display:flex;align-items:center;gap:10px;margin:-2px 2px 0;font-size:12.5px;color:var(--t3);text-align:left}
#app .pf-str-b{display:flex;gap:4px;flex:none}
#app .pf-str-b i{display:block;width:22px;height:3px;border-radius:2px;background:rgba(255,255,255,.12);transition:background .3s}
#app .pf-str[data-s="1"] .pf-str-b i:nth-child(-n+1){background:#8B8885}
#app .pf-str[data-s="2"] .pf-str-b i:nth-child(-n+2){background:#FFB4A3}
#app .pf-str[data-s="3"] .pf-str-b i:nth-child(-n+3){background:#FF7A5C}
#app .pf-str[data-s="4"] .pf-str-b i{background:#FF5A36}
#app .pf-str[data-s="3"] .pf-str-t,#app .pf-str[data-s="4"] .pf-str-t{color:#E9E6E1}
#app .pf-forgot{display:flex;justify-content:flex-end;margin:-4px 0 -2px}
#app .pf-forgot a,#app .pf-auth-alt a,#app .pf-err-a{color:var(--e2);font-weight:600;text-decoration:none;font-size:14px;padding:4px 2px}
#app .pf-forgot a:hover,#app .pf-auth-alt a:hover,#app .pf-err-a:hover{text-decoration:underline;text-underline-offset:3px}
#app .pf-err-a{font-size:inherit;padding:0}
#app .pf-gate-err{text-align:left;margin:0 2px}
#app .pf-or{display:flex;align-items:center;gap:12px;margin:16px 4px 12px;color:var(--t3);font-size:12.5px;font-weight:550;letter-spacing:.04em;text-transform:lowercase}
#app .pf-or::before,#app .pf-or::after{content:"";flex:1;height:.5px;background:rgba(255,255,255,.14)}
#app .pf-pk svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#app .pf-auth-alt{margin:16px 0 0;color:var(--t3);font-size:14px}
#app .pf-auth-note{margin:14px 4px 0;color:var(--t3);font-size:13px;line-height:1.4}
#app .pf-auth-note+.pf-auth-alt{margin-top:8px}
#app .pf-gate-go[aria-busy=true]{opacity:.8}
#app .pf-gate .pf-gate-f{gap:10px}
#app .pf-auth-login .pf-gate-h,#app .pf-auth-reset .pf-gate-h{font-size:36px}
@media (max-width:719px){#app .pf-gate.pf-auth-signup{padding-top:18px}#app .pf-auth-signup .pf-gate-h{font-size:31px}#app .pf-auth-signup .pf-gate-stack{margin-bottom:16px}#app .pf-auth-signup .pf-gate-s{margin-top:8px}}
#app .pf-auth-signup.pf-gate{justify-content:flex-start}
@media (min-height:900px),(min-width:720px){#app .pf-auth-signup.pf-gate{justify-content:center}}
/* the account sheet */
#app .pf-acct-b{gap:14px}
#app .pf-who{display:flex;align-items:center;gap:14px;padding:6px 4px 4px}
#app .pf-who-av{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:650;color:#fff;background:radial-gradient(circle at 34% 28%,#FFB09A,#FF5A36 55%,#C43A1E);box-shadow:0 0 0 6px rgba(255,90,54,.09),0 0 30px rgba(255,90,54,.4)}
#app .pf-who-t{min-width:0;display:flex;flex-direction:column;gap:2px}
#app .pf-who-t b{font-size:18px;font-weight:650;color:#F6F3EE;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app .pf-who-t span{font-size:14px;color:var(--t3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app .pf-mlist{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.09)}
#app .pf-mrow{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:10px 14px;text-align:left;color:#F3F0EB;transition:background .2s}
#app .pf-mrow+.pf-mrow{box-shadow:inset 0 .5px 0 rgba(255,255,255,.08)}
#app .pf-mrow:hover{background:rgba(255,255,255,.04)}
#app .pf-mrow:active{background:rgba(255,255,255,.07)}
#app .pf-mrow:disabled{opacity:.55;cursor:default;background:none}
#app .pf-mrow-ic{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:var(--e2);background:rgba(255,90,54,.13)}
#app .pf-mrow-ic svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#app .pf-mrow-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
#app .pf-mrow-t b{font-size:15.5px;font-weight:600}
#app .pf-mrow-t span{font-size:12.5px;color:var(--t3)}
#app .pf-mrow.danger{color:#FF7A66}
#app .pf-mrow.danger .pf-mrow-ic{color:#FF7A66;background:rgba(255,69,58,.13)}
#app .pf-btn-d{color:#fff;background:linear-gradient(180deg,#FF5E52,#E5372B);box-shadow:0 10px 24px -12px rgba(255,69,58,.8),inset 0 1px 0 rgba(255,255,255,.22)}
#app .pf-btn:disabled{opacity:.6}
#app .pf-orb-d{background:radial-gradient(circle at 35% 28%,#FFB3A8,#E5372B 55%,#9E1F16);box-shadow:0 0 0 8px rgba(255,69,58,.1),0 0 40px rgba(255,69,58,.45)}
#app .pf-orb svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
#app .pf-confirm .pf-gate-err{text-align:center}
#app .pf-pw-b{gap:12px}
#app .pf-pw-s{max-width:none;margin:0 2px}
#app .pf-pw-f{margin-top:2px}
#app .pf-pw-f .pf-btn{flex:none;height:52px;margin-top:4px}
#app .pf-gate-in[readonly]{color:var(--t3)}
@media (prefers-reduced-motion:reduce){.pf-av,#app .pf-str-b i,#app .pf-mrow{transition:none}}

/* never a bare orb (NAV-NOTES.md): the friendly fallback, and the no-JS note that appears only if the app never starts */
#app .pf-fail{gap:10px;text-align:center;padding:48px 20px}
#app .pf-fail b{font-size:17px;font-weight:650;color:var(--text,#fff)}
#app .pf-fail span{color:rgba(255,255,255,.62);font-size:14px}
#app .pf-fail a,#app .pf-nojs a{display:inline-block;margin-top:8px;padding:10px 20px;border-radius:999px;background:#FF5A36;color:#fff;font-weight:600;text-decoration:none}
#app .pf-nojs{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:72px 24px;color:rgba(255,255,255,.7);font-size:15px;opacity:0;animation:pfnojs .4s ease 5s forwards}
#app .pf-nojs b{color:#fff;font-size:17px}
@keyframes pfnojs{to{opacity:1}}

/* the account lives in the site header now (NAV-NOTES.md) */
.sh.sh-signed .pf-av.sh-only{display:grid!important}
.sh-acct .pf-av{margin-left:4px!important;margin-right:0!important}

/* taps land first time on iOS in-app browsers (LEGACY-NOTES.md) */
#app button,#app a,#app [role=tab],.sh button,.sh a{touch-action:manipulation}