*{box-sizing:border-box;margin:0;padding:0}:root{--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--gun:#1E2226;--gun-d:#121417;--char:#1B1D20;--brass-d:#7A5C2E;--brass:#B08D57;--brass-m:#C8A45E;--gold:#D4AF37;--brass-hi:#F6E7B8;--bronze:#5A3F1C;--bronze-d:#3B2810;--steel-hi:#E3E4E2;--steel:#B9BBBA;--steel-d:#7F8282;--parch:#F3E9D2;--parch-2:#EADCBC;--ivory:#F1E6CC;--ink:#2A2016;--muted:#6B5A45;--faint:#9A876E;--hair:rgba(122,92,46,.28);--patina:#4E8370;--patina-l:#7FAE98;--brushed:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.004 0.9' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.002 0.6' numOctaves='2' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .78 0 0 0 0 .8 0 0 0 0 .82 0 0 0 .10 0'/%3E%3C/filter%3E%3Crect width='600' height='600' filter='url(%23g)'/%3E%3C/svg%3E");--paper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' seed='2'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .33 0 0 0 0 .18 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23p)'/%3E%3C/svg%3E")}html,body{height:100%;font-family:Inter,-apple-system,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}body{position:relative;background:var(--gun);overscroll-behavior:none}#root{height:100%}.bg{position:fixed;inset:0;z-index:0;background:radial-gradient(120% 80% at 30% 0%,rgba(212,175,55,.07),transparent 60%),radial-gradient(140% 120% at 50% 50%,transparent 45%,rgba(0,0,0,.55)),repeating-linear-gradient(180deg,transparent 0 159px,rgba(0,0,0,.45) 159px 160px,rgba(255,255,255,.05) 160px 161px),var(--grain),linear-gradient(170deg,#353a3f,#23272b 50%,#16181b)}.serif{font-family:Playfair Display,Georgia,serif}.eng{font-family:Marcellus SC,Marcellus,serif;letter-spacing:.9px}.mono{font-family:IBM Plex Mono,monospace}.brass{background:linear-gradient(180deg,#fffae68c,#fffae600 42%,#0000 60%,#3c230a40),var(--brushed),linear-gradient(100deg,#8a6a33,#c9a45c 18%,#f3dfa2 34%,#d4af37 48%,#a9823f 66%,#e2c47a 82%,#8a6a33);background-blend-mode:normal,overlay,normal;border:1px solid var(--bronze);box-shadow:inset 0 1px #fff8dcd9,inset 0 -1px #462d0f8c,0 2px 4px #00000059,0 6px 14px -6px #00000080;color:#3a2810;text-shadow:0 1px 0 rgba(255,240,200,.65)}.goldtxt{background:linear-gradient(180deg,#fbefc6,#e6c877 40%,#b08d57 62%,#e9cf86);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.6))}.bezel{padding:3px;background:linear-gradient(135deg,#5a3f1c,#c9a45c 18%,#f3dfa2 30%,#a9823f,#6e5329 70%,#d4af37 86%,#5a3f1c);box-shadow:0 18px 36px -14px #000000bf,0 2px #0006}.parch{background:var(--paper),radial-gradient(130% 90% at 20% 0%,#FBF4E2,transparent 60%),linear-gradient(180deg,var(--parch),var(--parch-2));box-shadow:inset 0 0 0 1px #5a3f1c59,inset 0 0 24px #8c642824}.steel{background:linear-gradient(180deg,#ffffff80,#fff0 50%,#0000001f),var(--brushed),linear-gradient(100deg,#9a9d9e,#d9dad8 35%,#afb2b2,#e1e2df 85%,#999c9c);background-blend-mode:normal,overlay,normal;border:1px solid #5E5F5C;box-shadow:inset 0 1px #ffffffd9,0 1px 3px #0006}.av{border-radius:50%;display:grid;place-items:center;flex:none;font-family:Marcellus SC,serif;font-weight:400;letter-spacing:.5px;color:#3a2810;text-shadow:0 1px 0 rgba(255,240,200,.6);box-shadow:inset 0 0 0 1.5px #fff0c88c,inset 0 0 0 3px #5a3f1c59,0 1px #fff6,0 2px 4px #3c230a73}.c-brass{background:radial-gradient(circle at 32% 28%,#fff3c8,#e2c47a 30%,#b08d57 62%,#7a5c2e)}.c-gold{background:radial-gradient(circle at 32% 28%,#fff6d0,#e8c95a 30%,#c79a2a 64%,#7a5c1e)}.c-bronze{background:radial-gradient(circle at 32% 28%,#f2d2a8,#c08a55 32%,#8a5a2e 65%,#4e3016);color:#2a180a}.c-steel{background:radial-gradient(circle at 32% 28%,#fff,#d3d5d3 30%,#9c9f9f 64%,#5e6060);color:#2a2c2c;text-shadow:0 1px 0 rgba(255,255,255,.7)}.c-patina{background:radial-gradient(circle at 30% 26%,#e7d9a6,#b9a060 22%,#6f9a83 48%,#3e6b5b 80%,#2c4c40);color:#1e2e26;text-shadow:0 1px 0 rgba(230,245,230,.5)}.rivet{width:9px;height:9px;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 30%,#fff6d0,#d4af37 45%,#7a5c1e);box-shadow:0 0 0 2px #d4af3738,0 1px 1px #0006}.chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;font-weight:600;white-space:nowrap}.plate{display:inline-flex;align-items:center;gap:4px;border-radius:4px;font-family:Marcellus SC,serif;letter-spacing:.8px;white-space:nowrap}.trunc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.pills{position:absolute;left:0;right:0;display:flex;justify-content:center;gap:6px;z-index:3}.pill{width:18px;height:4px;border-radius:2px;background:#f1e6cc2e;box-shadow:inset 0 1px 1px #00000080}.pill.on{width:28px;background:linear-gradient(90deg,#8a6a33,#f3dfa2 45%,#d4af37 60%,#8a6a33);box-shadow:0 0 6px #d4af3759}svg{display:block}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:left}button:disabled{opacity:.55;cursor:default}input,textarea{font:inherit;color:inherit;background:none;border:0;outline:none;min-width:0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #D4AF37;outline-offset:2px}.flex{flex:1}.app{position:relative;height:100%;height:100dvh;overflow:hidden}.panes{position:relative;z-index:1;height:100%;display:flex;gap:14px}.wide .panes{padding:16px}.rail{width:244px;flex:none;border-radius:18px;padding:18px 14px;display:flex;flex-direction:column;position:relative;overflow:auto;background:linear-gradient(180deg,#ffffff0d,#0000002e),linear-gradient(180deg,#2c3135,#1a1d21);box-shadow:inset 0 0 0 1px #b08d5752,inset 0 1px #ffffff1a,0 18px 36px -14px #000000b3}.brand{display:flex;align-items:center;gap:11px;padding:0 4px 18px}.brand .close{margin-left:auto}.medal{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none;font:700 19px Playfair Display,Georgia,serif;color:#3a2810;text-shadow:0 1px 0 rgba(255,240,200,.7);background:radial-gradient(circle at 32% 28%,#fff3c8,#e2c47a 30%,#b08d57 62%,#6e5329);box-shadow:inset 0 0 0 2px #fff0c880,inset 0 0 0 4px #5a3f1c59,0 3px 8px #0009}.brand b{font:700 18px Playfair Display,Georgia,serif;display:block;line-height:1.1}.brand small{font:400 10px Marcellus SC,serif;letter-spacing:1.6px;color:#f1e6cc8c}.compose-wide{height:42px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:700;margin-bottom:18px}.nav{display:flex;flex-direction:column;gap:2px}.ni{height:36px;border-radius:8px;display:flex;align-items:center;gap:11px;padding:0 10px 0 12px;font-size:13.5px;font-weight:550;color:#f1e6ccd1;border:1px solid transparent}.ni svg{color:#c8a45e;opacity:.9}.ni:not(.on):hover{background:#ffffff0d}.ni .c{margin-left:auto;font-size:11.5px;color:#f1e6cc99;font-weight:600}.ni.on{color:#3a2810;font-weight:700;border-color:var(--bronze)}.ni.on svg{color:#3a2810}.ni.on .c{color:#3a2810;background:#3a281024;padding:1px 7px;border-radius:999px;text-shadow:none}.sec{font:400 10.5px Marcellus SC,serif;letter-spacing:2px;color:#d4af3799;padding:18px 12px 6px;display:flex;align-items:center;gap:8px}.sec:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(176,141,87,.4),transparent)}.lb{width:10px;height:10px;border-radius:2px;box-shadow:inset 0 1px #ffffff59,0 0 0 1px #00000059}.sw-patina{background:linear-gradient(#7fae98,#3e6b5b)}.sw-bronze{background:linear-gradient(#d9a26a,#8a5a2e)}.sw-steel{background:linear-gradient(#e3e4e2,#8f9393)}.sw-brass{background:linear-gradient(#f3dfa2,#b08d57)}.acct{margin-top:auto;border-radius:12px;padding:10px;display:flex;gap:10px;align-items:center;background:#00000047;box-shadow:inset 0 1px 3px #00000080,0 0 0 1px #b08d574d}.acct b{font-size:13px;color:var(--ivory);display:block}.acct small{font-size:11px;color:#f1e6cc99;display:flex;align-items:center;gap:5px}.acct i,.acctline i{width:6px;height:6px;border-radius:50%;background:#7fae98;box-shadow:0 0 0 2.5px #7fae9833;flex:none}.demo{margin-top:10px;font:400 10px Marcellus SC,serif;letter-spacing:1.2px;color:#f1e6cc73;text-align:center}.demo button{color:#c8a45e;text-decoration:underline;font:inherit;margin-left:6px}.lbz{width:424px;flex:none;border-radius:18px;display:flex}.list{flex:1;border-radius:15px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.lhead{padding:18px 18px 8px;flex:none}.lt{display:flex;align-items:center;gap:10px}.lt h1{font:700 28px Playfair Display,Georgia,serif;color:var(--ink);letter-spacing:-.2px}.lt .n{height:19px;padding:0 7px;font-size:10.5px;margin-top:4px}.seg{margin-left:auto;display:flex;padding:2px;border-radius:7px;background:#5a3f1c1f;box-shadow:inset 0 1px 2px #5a3f1c40}.seg button{font:400 11.5px Marcellus SC,serif;letter-spacing:.8px;padding:4px 10px;border-radius:5px;color:var(--muted);border:1px solid transparent}.seg button.on{color:#3a2810}.mseg{margin:10px 0 0;width:max-content}.search{margin-top:12px;height:38px;border-radius:999px;display:flex;align-items:center;gap:8px;padding:0 14px;font-size:14px;color:var(--ink);background:#fffaeb99;box-shadow:inset 0 1px 3px #5a3f1c4d,0 0 0 1px #7a5c2e4d}.search input{flex:1;height:100%}.search input::placeholder{color:var(--faint)}.search kbd{font:600 10.5px IBM Plex Mono,monospace;color:var(--muted);padding:2px 6px;border-radius:4px;background:#b08d572e;border:1px solid rgba(122,92,46,.3)}.rows{flex:1;overflow:auto;padding-bottom:12px;-webkit-overflow-scrolling:touch}.day{font:400 10.5px Marcellus SC,serif;letter-spacing:2px;color:#8a6a33;padding:12px 20px 5px;display:flex;align-items:center;gap:8px}.day:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(122,92,46,.35),transparent)}.row{display:flex;gap:11px;padding:11px 16px 11px 9px;margin:0 8px;border-radius:10px;position:relative;width:calc(100% - 16px)}.row:hover:not(.sel){background:#d4af3714}.row+.row:before{content:"";position:absolute;top:0;left:56px;right:10px;height:1px;background:#7a5c2e33}.row.sel+.row:before,.row.sel:before{display:none}.lead{width:9px;flex:none;display:flex;justify-content:center;padding-top:13px}.b{flex:1;min-width:0}.l1{display:flex;align-items:baseline;gap:7px}.from{font-size:13.5px;font-weight:700;flex:1}.time{font-size:11px;color:var(--faint);font-weight:600;font-variant-numeric:tabular-nums}.st{color:#b08d57;font-size:12px}.s{font-size:13px;font-weight:650;margin-top:1px}.p{font-size:12.5px;color:var(--muted);line-height:1.4;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row.read .from,.row.read .s{font-weight:500;color:#4a3b2a}.row.sel{background:linear-gradient(180deg,#fff9ea,#f8edd2);box-shadow:0 0 0 1.5px #b08d57,0 0 0 3px #d4af3740,0 6px 14px -8px #5a3f1c80}.cnt{font-size:11px;color:var(--faint);font-weight:600}.tag{font:400 9px Marcellus SC,serif;letter-spacing:.8px;padding:2px 5px 1px;border-radius:3px;color:#eaf3ec;background:linear-gradient(180deg,#5e937f,#3e6b5b);align-self:center}.mini{display:flex;gap:5px;margin-top:6px}.mini span{font:400 10px Marcellus SC,serif;letter-spacing:.7px;padding:2px 7px;border-radius:3px;border:1px solid}.mini-field{color:#7a4a22;border-color:#8a5a2e73!important;background:#c08a5524}.mini-builds{color:#4e5252;border-color:#5e606066!important;background:#b9bbba40}.mini-calendar{color:#7a5c1e;border-color:#b08d5780!important;background:#d4af3724}.empty{padding:50px 20px;text-align:center;color:var(--muted);font-size:13.5px;display:flex;flex-direction:column;align-items:center;gap:12px}.medal.sm{width:30px;height:30px;font-size:14px}.rbz{flex:1;border-radius:18px;min-width:0;display:flex}.reader{flex:1;border-radius:15px;position:relative;overflow:hidden;display:flex;flex-direction:column;min-width:0;background:var(--paper),radial-gradient(120% 70% at 30% 0%,#FFFAEE,transparent 60%),linear-gradient(180deg,#f8f0dc,#efe3c6)}.rbar{display:flex;align-items:center;gap:7px;padding:14px 18px;border-bottom:1px solid rgba(122,92,46,.22);flex:none}.act{height:30px;padding:0 12px 0 10px;font-size:12.5px;font-weight:650;color:#2a2c2c;text-shadow:0 1px 0 rgba(255,255,255,.7)}.knob{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#2a2c2c;flex:none}.knob.lit{color:#8a6a33;box-shadow:inset 0 1px #ffffffd9,0 0 0 2px #d4af3799}.clock{margin-left:6px;font:500 12px IBM Plex Mono,monospace;color:var(--muted);white-space:nowrap}.rscroll{flex:1;overflow:auto;padding-bottom:20px}.rsub{padding:22px 40px 6px}.rsub h2{font:700 32px Playfair Display,Georgia,serif;letter-spacing:-.3px;color:var(--ink);line-height:1.15}.meta{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}.meta .plate{height:20px;padding:0 8px;font-size:10.5px}.plate.patina,.chip.patina{color:#eaf3ec;background:linear-gradient(180deg,#5e937f,#3e6b5b);box-shadow:inset 0 1px #ffffff40}.plate.outline{color:var(--muted);border:1px solid rgba(122,92,46,.4)}.msgs{padding:14px 40px;display:flex;flex-direction:column;gap:12px;max-width:860px}.mbz{border-radius:14px;padding:2px}.msg{border-radius:12px;padding:15px 18px 16px;background:linear-gradient(180deg,#fffbf0,#f6ecd4);box-shadow:inset 0 0 0 1px #5a3f1c33;position:relative;overflow:hidden}.msg.bot:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(#7fae98,#3e6b5b)}.msg.mine{background:linear-gradient(180deg,#fdf7e8,#f1e4c5)}.mh{display:flex;align-items:center;gap:11px}.who{font-size:14px;font-weight:700}.who small{font-weight:500;color:var(--faint);font-size:12px;margin-left:6px}.to{font-size:12px;color:var(--faint)}.mt{margin-left:auto;font-size:12px;color:var(--faint);font-weight:600;align-self:flex-start}.txt{font-size:14.5px;line-height:1.6;color:#33281c;margin-top:10px;max-width:640px;overflow-wrap:anywhere}.att{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:7px 12px 7px 9px;border-radius:6px 13px 13px 6px;background:linear-gradient(180deg,#fbf3dd,#efe0bb);border:1px solid rgba(122,92,46,.4);font-size:12.5px;font-weight:650;box-shadow:0 1px 2px #5a3f1c33}.att span{color:var(--faint);font-weight:500}.att i{width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6d0,#d4af37 45%,#7a5c1e)}.quick{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.quick .chip{height:28px;padding:0 12px;font-size:12.5px;color:#5a3f1c;background:#b08d5724;border:1px solid rgba(122,92,46,.35)}.quick .chip.w{color:#3a2810;border-color:var(--bronze);background:linear-gradient(180deg,#fffae699,#fffae600 50%),linear-gradient(100deg,#b08d57,#f3dfa2 40%,#d4af37 65%,#a9823f);box-shadow:inset 0 1px #fff8dccc}.rpz{margin:0 24px 22px;border-radius:16px;padding:2px;flex:none}.reply{border-radius:14px;padding:12px 14px;background:linear-gradient(180deg,#2b3035,#181b1f);box-shadow:inset 0 2px 6px #0009}.ta{display:flex;align-items:center;gap:6px;font-size:12px;color:#f1e6cc99;flex-wrap:wrap}.ta .chip{height:20px;padding:0 8px;font-size:11.5px}.ta b{color:#f1e6cce6;font-weight:600}.rrow{display:flex;align-items:flex-end;gap:8px;margin-top:10px}.rrow textarea{flex:1;resize:none;font-size:14px;line-height:1.45;color:var(--ivory);padding:7px 2px;max-height:140px;field-sizing:content;min-height:32px}.rrow textarea::placeholder{color:#f1e6cc73}.rrow .knob{width:32px;height:32px}.ai{height:32px;padding:0 13px;font-size:12.5px;color:#e2c47a;border:1px solid rgba(212,175,55,.5);background:#d4af3714}.chip.send{height:34px;padding:0 16px 0 13px;font-size:13.5px;font-weight:700}.sendknob{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:none}.empty-reader{align-items:center;justify-content:center;gap:10px;color:var(--muted)}.empty-reader p{font:700 20px Playfair Display,serif;color:var(--ink)}.cwrap{position:fixed;inset:0;z-index:20;background:#080a0c8c;display:flex;align-items:flex-end;justify-content:center;animation:fade .18s ease}.sheetb{width:100%;max-width:640px;border-radius:24px 24px 0 0;padding:3px 3px 0;animation:up .24s cubic-bezier(.2,.8,.2,1)}.sheetb.win{align-self:center;border-radius:20px;padding:3px}.sheet{border-radius:21px 21px 0 0;overflow:hidden;position:relative;display:flex;flex-direction:column;max-height:calc(100dvh - 40px);padding-bottom:var(--sab)}.win .sheet{border-radius:17px;height:min(620px,calc(100dvh - 80px))}.narrow .sheet{height:calc(100dvh - 44px - var(--sat))}.grab{width:38px;height:5px;border-radius:3px;margin:7px auto 0;background:linear-gradient(90deg,#7a5c2e,#e2c47a,#7a5c2e)}.bar{display:flex;align-items:center;padding:10px 14px 8px}.bar .x{font-size:14px;color:#7a5c2e;font-weight:650;width:96px}.bar h2{flex:1;text-align:center;font:700 18px Playfair Display,Georgia,serif;color:var(--ink)}.sendw{width:96px;display:flex;justify-content:flex-end}.sendc{height:34px;padding:0 14px 0 12px;font-size:13.5px;font-weight:700}.f{display:flex;align-items:center;gap:8px;margin:0 14px;padding:0 2px;min-height:44px;border-bottom:1px solid rgba(122,92,46,.28);font-size:14px}.f input{flex:1;height:40px}.f input::placeholder,.cbody::placeholder{color:var(--faint)}.f .k{width:62px;flex:none;color:var(--faint);font-size:11.5px;font-family:Marcellus SC,serif;letter-spacing:.8px}.lock{height:26px;padding:0 10px 0 8px;font-size:12.5px;color:#eaf3ec;background:linear-gradient(180deg,#5e937f,#3e6b5b);box-shadow:inset 0 1px #ffffff40,0 1px 2px #0003;max-width:100%;overflow:hidden}.cc{color:var(--faint);font-size:12px;font-weight:600;white-space:nowrap}.cbody{flex:1;resize:none;padding:14px 16px 4px;font-size:15px;line-height:1.55;color:#33281c;min-height:120px}.sig{color:var(--faint);font-size:12.5px;padding:0 16px 10px;font-style:italic;font-family:Playfair Display,serif}.tb{margin:0 12px 10px;height:48px;border-radius:999px;display:flex;align-items:center;gap:5px;padding:0 7px;background:linear-gradient(180deg,#2b3035,#181b1f);box-shadow:inset 0 2px 5px #0009,0 0 0 2px #a9823f,0 0 0 3px #5a3f1c;flex:none}.tb .t{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#3a3c3c}.tb .polish{margin-left:auto;height:34px;padding:0 13px 0 11px;font-size:12.5px;font-weight:700;color:#3a2810}.note{font-size:11px;color:var(--faint);text-align:center;padding:0 16px 12px}.toast{position:fixed;left:50%;bottom:calc(28px + var(--sab));transform:translate(-50%);z-index:30;padding:10px 16px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ivory);background:linear-gradient(180deg,#30353a,#1b1e22);box-shadow:0 0 0 1.5px #a9823f,0 10px 24px -8px #000000b3;white-space:nowrap;animation:fade .2s ease}@keyframes fade{0%{opacity:0}}@keyframes up{0%{transform:translateY(40px);opacity:.4}}.narrow .topline{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:calc(10px + var(--sat)) 18px 0;height:calc(30px + var(--sat));font-size:11.5px;font-weight:600;color:#f1e6ccb8}.acctline{display:flex;align-items:center;gap:7px}.narrow .panes{height:calc(100% - 30px - var(--sat));padding:6px 10px calc(10px + var(--sab))}.narrow .lbz,.narrow .rbz{width:auto;flex:1}.narrow .lhead{padding:14px 14px 6px}.narrow .lt h1{font-size:28px}.compose-pill{margin-left:auto;height:36px;padding:0 15px 0 12px;font-size:13.5px;font-weight:700;border-radius:999px;display:flex;align-items:center;gap:6px}.narrow .row{margin:0 6px;width:calc(100% - 12px);padding:10px 12px 10px 6px}.narrow .rbar{padding:10px 12px}.narrow .rsub{padding:16px 16px 4px}.narrow .rsub h2{font-size:26px}.narrow .msgs{padding:12px}.narrow .msg{padding:13px 14px}.narrow .txt{font-size:14px;line-height:1.55}.narrow .rpz{margin:0 10px 10px}.narrow .reply{padding:10px 10px 8px;border-radius:22px}.narrow .rrow{margin-top:6px}.narrow .rail{position:fixed;z-index:15;left:0;top:0;bottom:0;border-radius:0 18px 18px 0;padding-top:calc(18px + var(--sat));padding-bottom:calc(14px + var(--sab));width:min(290px,84vw);animation:slide .22s ease}.scrim{position:fixed;inset:0;z-index:14;background:#080a0c8c}@keyframes slide{0%{transform:translate(-30px);opacity:.3}}@media(min-width:900px)and (max-width:1180px){.lbz{width:360px}.rail{width:214px}.rsub,.msgs{padding-left:24px;padding-right:24px}.chip.act{padding:0 10px}}.narrow .who small{display:block;margin:0}.narrow .toast{bottom:auto;top:calc(44px + var(--sat))}html.f-ios{--sat:54px;--sab:30px}html.f-ios .narrow .topline{padding-top:calc(4px + var(--sat))}.lights{display:none}html.f-mac .wide .panes{padding:0 12px 12px 0;gap:12px}html.f-mac .wide .rail{border-radius:0;padding-top:52px;box-shadow:inset -1px 0 #b08d5761,inset 0 1px #ffffff0f}html.f-mac .wide .lbz,html.f-mac .wide .rbz{margin-top:12px}html.f-mac .lights{display:flex;gap:8px;position:absolute;left:18px;top:18px;z-index:5}.lights i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 .5px #00000059}.lights i:nth-child(1){background:#ff5f57}.lights i:nth-child(2){background:#febc2e}.lights i:nth-child(3){background:#28c840}.demo.live{display:flex;flex-direction:column;gap:4px;align-items:center}.demo.live button{margin:0}.demo .ls{display:flex;align-items:center;gap:6px;color:#f1e6ccb3}.demo .ls i{width:6px;height:6px;border-radius:50%;background:#7fae98;box-shadow:0 0 0 2.5px #7fae9833}.demo .ls i.spin{animation:pulse .8s ease-in-out infinite alternate}.demo .lq{color:#e2c47a}@keyframes pulse{to{opacity:.25}}.ostat{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.ostat .plate{height:20px;padding:0 8px;font-size:10.5px}.ostat .oh{font-size:12px;color:var(--faint)}.ostat .chip{height:24px;padding:0 10px;font-size:12px;color:#5a3f1c;background:#b08d5724;border:1px solid rgba(122,92,46,.35);margin-left:auto}.plate.brass{color:#3a2810}.plate.rust{color:#fbede6;background:linear-gradient(180deg,#b5573a,#7e3520);box-shadow:inset 0 1px #ffffff40}.tb .tbn{font-size:11.5px;color:#f1e6cc8c;padding-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip:disabled{opacity:.55;cursor:default}.app.connect{display:grid;place-items:center;padding:20px calc(16px + env(safe-area-inset-right,0px)) 20px calc(16px + env(safe-area-inset-left,0px))}.cnb{position:relative;z-index:1;width:100%;max-width:400px;border-radius:22px}.cn{border-radius:19px;padding:30px 26px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.cn .medal{width:56px;height:56px;font-size:28px}.cn h1{font:700 28px Playfair Display,Georgia,serif;filter:none;background:linear-gradient(180deg,#8a6526,#5a3f1c);-webkit-background-clip:text;background-clip:text}.cna{font:500 12.5px IBM Plex Mono,monospace;color:var(--muted);margin-top:-6px}.cnk{width:100%;text-align:left;margin-top:8px;display:flex;flex-direction:column;gap:6px}.cnk span{font:400 11.5px Marcellus SC,serif;letter-spacing:.8px;color:var(--faint)}.cnk input{height:44px;border-radius:10px;padding:0 14px;font-size:15px;background:#fffbf0;box-shadow:inset 0 1px 3px #5a3f1c59,0 0 0 1px #7a5c2e66}.cnk input:focus{outline:none;box-shadow:inset 0 1px 3px #5a3f1c59,0 0 0 2px #b08d57}.cne{font-size:13px;font-weight:600;color:#8e3b22}.cnc{width:100%;height:44px;justify-content:center;font-size:15px;font-weight:700;margin-top:4px}.cnh{font-size:12px;line-height:1.5;color:var(--muted)}.cnd{font-size:13px;font-weight:650;color:#7a5c2e;text-decoration:underline;margin-top:2px}.syncbox{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.demo .syncb,.syncb{width:100%;height:36px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;font:400 13px Marcellus SC,serif;letter-spacing:1.4px;color:#2a2c2c;text-shadow:0 1px 0 rgba(255,255,255,.75);text-decoration:none;margin:0}.syncb b{font-weight:400}.syncb .rv{width:6px;height:6px;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 30%,#fff6d0,#d4af37 45%,#7a5c1e);box-shadow:0 1px 1px #00000073}.syncb .rv:first-child{margin-right:auto}.syncb .rv:last-child{margin-left:auto}.syncb:hover:not(:disabled){box-shadow:inset 0 1px #ffffffd9,0 0 0 2px #d4af3773,0 1px 3px #0006}.syncb:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 4px #0000004d}.syncb.busy{box-shadow:inset 0 1px #ffffffd9,0 0 0 2px #d4af3799,0 0 12px #d4af3759}.syncb.busy svg,.synck.busy svg{animation:spin 1.1s linear infinite}.synck{margin-left:auto}.synck+.compose-pill{margin-left:0}.demo .syncbox .ls{font-size:10px;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}