:root{color-scheme:light;--paper: #f3efe6;--paper-strong: #fffaf1;--panel: rgba(255, 252, 245, .95);--panel-muted: rgba(255, 250, 240, .82);--ink: #111111;--muted: #57534d;--line: #181818;--line-soft: rgba(24, 24, 24, .14);--accent: #ffb347;--accent-2: #cadca5;--accent-3: #c7bbf8;--accent-4: #4d74ff;--shadow: 0 22px 60px rgba(33, 29, 23, .14);--radius-xl: 2rem;--radius-lg: 1.4rem;--radius-md: 1rem;--radius-sm: .75rem}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--ink);background:radial-gradient(circle at top left,rgba(255,179,71,.32),transparent 24rem),radial-gradient(circle at top right,rgba(199,187,248,.24),transparent 20rem),linear-gradient(180deg,#f8f4ea 0%,var(--paper) 40%,#efe8da 100%);font-family:Archivo,Arial Narrow,Franklin Gothic Medium,sans-serif;line-height:1.35}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(17,17,17,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.02) 1px,transparent 1px);background-size:2rem 2rem;mask-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent 90%)}main{max-width:92rem;margin:0 auto;padding:1rem 1rem 4rem}h1,h2,h3,h4,p{margin:0}a{color:inherit}button,code,pre,small,.meta-chip,.eyebrow,.mono{font-family:IBM Plex Mono,SFMono-Regular,ui-monospace,monospace}.app-shell{display:grid;gap:1rem}.masthead{display:grid;gap:1rem;padding:1.2rem 1.25rem;border:1.5px solid var(--line-soft);border-radius:var(--radius-xl);background:#fffbf3c7;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.masthead-top{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:space-between;align-items:start}.brand-lockup{display:grid;gap:.45rem}.brand-mark{font-size:clamp(2.4rem,8vw,4.7rem);line-height:.9;font-weight:900;letter-spacing:-.08em}.brand-subhead{max-width:36rem;color:var(--muted);font-size:.9rem}.status-cluster{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:flex-end}.status-pill,.eyebrow{display:inline-flex;align-items:center;gap:.55rem;min-height:2.9rem;padding:.7rem 1rem;border:1.5px solid var(--line-soft);border-radius:999px;background:var(--paper-strong);letter-spacing:-.02em}.status-pill strong,.eyebrow strong{font-size:.88rem}.status-dot{width:.7rem;height:.7rem;border-radius:999px;background:#21a661;box-shadow:0 0 0 .28rem #21a66121}.command-deck{display:grid;gap:1rem;padding:.9rem;border:1.5px solid var(--line);border-radius:var(--radius-xl);background:var(--panel);box-shadow:var(--shadow)}.command-row{display:grid;gap:1rem}.address-card{display:grid;gap:.75rem;padding:1rem 1.1rem;border:1.5px solid var(--line);border-radius:1.6rem;background:linear-gradient(135deg,#ffffffeb,#fff1d8e0)}.address-label{color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.address-value{font-size:clamp(1.2rem,4vw,2.4rem);font-weight:800;letter-spacing:-.07em;line-height:1;word-break:break-all}.address-subline{display:flex;flex-wrap:wrap;gap:.6rem;color:var(--muted);font-size:.86rem}.command-actions{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.control-button{min-height:4rem;padding:.9rem 1rem;border:1.5px solid var(--line);border-radius:1.35rem;background:#fffc;color:var(--ink);font-size:.92rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}.control-button:hover{transform:translateY(-1px);box-shadow:0 10px 28px #11111114}.control-button--primary{background:var(--accent)}.control-button--dark{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.12),transparent .85rem),#111;color:#fff8ef}.control-button--soft{background:var(--accent-2)}.control-button--danger{background:linear-gradient(135deg,#ffffffb3,#c7bbf8eb)}.workspace{display:grid;gap:1rem}.toolbar-strip{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;padding:.75rem .9rem;border:1.5px solid var(--line);border-radius:var(--radius-xl);background:#fffcf5e0;box-shadow:var(--shadow)}.toolbar-tabs,.toolbar-meta{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.toolbar-tab{display:inline-flex;align-items:center;min-height:2.3rem;padding:.4rem .8rem;border:1px solid var(--line-soft);border-radius:999px;background:#ffffffb8;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.toolbar-tab.is-active{border-color:var(--line);background:var(--accent)}.panel{min-width:0;border:1.5px solid var(--line);border-radius:var(--radius-xl);background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.panel--list{display:grid;grid-template-rows:auto minmax(0,1fr)}.panel--reader{display:grid;grid-template-rows:minmax(0,1fr)}.panel-header{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;align-items:center;padding:1rem 1rem .8rem;border-bottom:1px solid var(--line-soft)}.panel-header h2,.panel-header h3{font-size:1rem;text-transform:uppercase;letter-spacing:-.04em}.meta-chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.meta-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .55rem;border:1px solid var(--line-soft);border-radius:999px;background:#ffffffd6;font-size:.74rem;color:var(--muted)}.message-list{list-style:none;margin:0;padding:.85rem;display:grid;gap:.65rem;max-height:61rem;overflow:auto}.message-item{display:grid;gap:.45rem;width:100%;padding:.9rem .95rem;border:1.5px solid var(--line-soft);border-radius:1.1rem;background:#ffffffdb;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.message-item:hover{transform:translateY(-1px);border-color:var(--line)}.message-item.is-selected{border-color:var(--line);background:linear-gradient(180deg,#cadca570,#fffcf5f5)}.message-row-top{display:grid;gap:.8rem;grid-template-columns:minmax(0,1fr) auto;align-items:start}.message-source{display:grid;gap:.3rem;min-width:0}.message-meta-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.message-source strong{font-size:1.04rem;line-height:1.1;letter-spacing:-.05em;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.message-source span,.message-meta,#messages-status,#message-detail-status,#session-status,.policy-page p,.policy-page li{color:var(--muted)}.message-preview{color:#2f2b26;font-size:.88rem;line-height:1.35;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.message-address{font-size:.72rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-time{display:inline-flex;align-items:center;min-height:2rem;padding:.25rem .55rem;border:1px solid var(--line-soft);border-radius:999px;background:#ffffffc7;color:var(--muted);font-family:IBM Plex Mono,SFMono-Regular,ui-monospace,monospace;font-size:.72rem;white-space:nowrap}.message-flag{display:inline-flex;align-items:center;min-height:1.5rem;padding:.15rem .45rem;border:1px solid var(--line-soft);border-radius:999px;background:#ffb34729;font-family:IBM Plex Mono,SFMono-Regular,ui-monospace,monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.reader-shell{display:grid;gap:1.2rem;padding:1rem;min-height:100%}.reader-hero{display:grid;gap:.85rem;padding:.25rem 0 .5rem}.reader-hero h2{font-size:clamp(1.9rem,5vw,3.2rem);line-height:.94;letter-spacing:-.08em}.reader-sender{display:flex;gap:.8rem;align-items:center}.reader-sender-copy{display:grid;gap:.15rem;min-width:0}.reader-sender-copy strong{font-size:clamp(1rem,3vw,1.4rem);line-height:1.05;letter-spacing:-.04em;overflow-wrap:anywhere}.sender-orb{width:2.35rem;height:2.35rem;border-radius:999px;background:linear-gradient(135deg,var(--accent-3),#ec6f66);flex:0 0 auto}.reader-copy{display:grid;gap:1rem;padding:1.1rem 0 0;border-top:1px solid var(--line-soft)}.detail-grid{display:grid;gap:.8rem}.reader-actions{display:flex;flex-wrap:wrap;gap:.7rem}.mini-action{display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;padding:.75rem .95rem;border:1.5px solid var(--line);border-radius:1rem;background:#ffffffdb;font-size:.83rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;cursor:pointer}.mini-action:hover{background:var(--accent)}.detail-strip{display:grid;gap:.8rem}.detail-card{padding:.95rem;border:1.5px solid var(--line-soft);border-radius:1.1rem;background:#ffffffb8}.detail-card--code{display:grid;gap:.65rem;background:linear-gradient(135deg,#fffffffa,#ffb3472e)}.detail-card--html{display:grid;gap:.85rem;background:linear-gradient(180deg,#fffffff2,#f8f4eaeb)}.detail-card-header{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;align-items:center}.detail-kicker{font-size:.76rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.otp-display{font-size:clamp(2.4rem,8vw,4.5rem);font-weight:800;line-height:.9;letter-spacing:-.18em}.cta-link{display:inline-flex;align-items:center;justify-content:center;min-height:3.6rem;padding:.9rem 1.2rem;border:1.5px solid var(--line);border-radius:1.2rem;background:var(--accent);font-size:.95rem;font-weight:700;text-decoration:none;text-transform:uppercase}.reader-copy pre,.raw-value{margin:0;white-space:pre-wrap;word-break:break-word;color:var(--ink)}pre{padding:1rem;border:1px solid var(--line-soft);border-radius:1rem;background:#ffffff9e}code{font-size:.92rem}iframe{width:100%;min-height:34rem;border:1px solid var(--line-soft);border-radius:1rem;background:#fff}.support-grid{display:grid;gap:1rem}.support-card{display:grid;gap:.55rem;padding:1rem;border:1.5px solid var(--line);border-radius:1.35rem;background:var(--panel-muted);box-shadow:var(--shadow)}.support-card h3{font-size:1.25rem;letter-spacing:-.06em}.policy-page{display:grid;gap:1rem}.policy-page section{padding:1.2rem;border:1.5px solid var(--line);border-radius:1.25rem;background:#fffcf5eb;box-shadow:var(--shadow)}button{font:inherit}.site-footer{margin-top:2rem;padding:1rem 0 0;border-top:1px solid var(--line-soft);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;align-items:center;color:var(--muted)}.site-footer nav{display:flex;flex-wrap:wrap;gap:1rem}@media(min-width:760px){.command-row{grid-template-columns:minmax(0,1.9fr) minmax(20rem,1fr);align-items:stretch}.workspace{grid-template-columns:minmax(22rem,.88fr) minmax(0,1.25fr);align-items:start}.detail-strip{grid-template-columns:minmax(11rem,.7fr) minmax(0,1fr)}.detail-card--html{grid-column:1 / -1}.support-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace{min-height:44rem}}@media(max-width:759px){main{padding-inline:.8rem}.brand-mark{font-size:clamp(2.2rem,14vw,4rem)}.command-actions{grid-template-columns:1fr 1fr}.reader-hero h2{font-size:clamp(2rem,13vw,3.2rem)}}