:root{--cream:#f7f4ed;--paper:#fcfbf8;--ink:#1c1c1c;--ink-soft:#1c1c1cd4;--ink-muted:#5f5f5d;--border-subtle:#eceae4;--focus-shadow:#0000001a 0 4px 12px;--button-inset-shadow:#fff3 0 .5px 0 0 inset, #0003 0 0 0 .5px inset, #0000000d 0 1px 2px 0;color:var(--ink);background:var(--cream);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Camera Plain Variable,Camera Plain,ui-sans-serif,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--cream);margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{background:radial-gradient(circle at top left, #e4976114, transparent 28%), radial-gradient(circle at top right, #6b91d614, transparent 30%), linear-gradient(180deg, #1c1c1c05, transparent 25%), var(--cream);grid-template-columns:minmax(20rem,20%) minmax(0,1fr);min-height:100svh;display:grid}.sidebar,.viewer-panel{min-height:100svh}.sidebar{border-right:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f4edd1;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.sidebar-header{gap:.75rem;display:grid}.eyebrow,.viewer-kicker,.details-label{text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:.82rem}.sidebar h1{letter-spacing:-.075rem;margin:0;font-size:clamp(2.25rem,2vw + 1.5rem,3.35rem);line-height:.98}.intro,.status-panel,.message-card span,.metadata-grid dd,.viewer-empty p{color:var(--ink-muted)}.dropzone{text-align:left;color:var(--ink);cursor:pointer;background:linear-gradient(#1c1c1c08,#1c1c1c03);border:1px dashed #1c1c1c66;border-radius:1rem;gap:.4rem;padding:1.5rem;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:grid}.dropzone:hover,.dropzone.is-active{border-color:var(--ink);box-shadow:var(--focus-shadow);background:#1c1c1c0a;transform:translateY(-1px)}.dropzone-icon{background:var(--cream);width:2.25rem;height:2.25rem;box-shadow:var(--button-inset-shadow);border-radius:9999px;place-items:center;font-size:1.35rem;line-height:1;display:grid}.dropzone-title{font-size:1.1rem}.dropzone-copy,.session-note,.header-row span{color:var(--ink-soft)}.sidebar-toolbar{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.ghost-button,.message-remove{color:var(--ink);background:0 0;border:1px solid #1c1c1c66}.ghost-button,.message-remove,.attachment-pill{font:inherit;border-radius:.5rem;padding:.45rem .8rem;text-decoration:none;transition:opacity .16s,box-shadow .16s,background .16s}.ghost-button:hover,.message-remove:hover,.attachment-pill:hover{box-shadow:var(--focus-shadow)}.ghost-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.status-panel{border:1px solid var(--border-subtle);background:#1c1c1c08;border-radius:.75rem;gap:.35rem;padding:.9rem 1rem;display:grid}.status-panel p,.empty-state p{margin:0}.error-copy{color:#8a3f2d}.message-list{align-content:start;gap:.75rem;max-height:min(34rem,42svh);padding-right:.15rem;display:grid;overflow-y:auto}.empty-state,.viewer-empty,.email-surface{border:1px solid var(--border-subtle);background:#fcfbf8ad;border-radius:1rem}.empty-state{padding:1rem}.message-card{border:1px solid var(--border-subtle);background:#1c1c1c05;border-radius:.9rem;flex-direction:column;align-items:flex-start;gap:.75rem;padding:.8rem;display:flex}.message-card.is-selected{background:#1c1c1c0a;border-color:#1c1c1c66}.message-select{text-align:left;cursor:pointer;background:0 0;border:0;gap:.35rem;width:100%;min-width:0;padding:0;display:grid}.message-select strong{color:var(--ink);overflow-wrap:anywhere;font-size:1rem;line-height:1.2}.message-select span{overflow-wrap:anywhere}.message-select strong,.message-select span{max-width:100%}.message-remove{align-self:flex-start;padding:.38rem .72rem}.message-format,.viewer-format-chip{width:fit-content;color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;background:#1c1c1c0a;border-radius:9999px;padding:.25rem .55rem;font-size:.78rem}.viewer-panel{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.viewer-header{border:1px solid var(--border-subtle);background:#fcfbf885;border-radius:1rem;gap:1.1rem;padding:1.35rem;display:grid}.viewer-title-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.viewer-header h2,.viewer-empty h2{letter-spacing:-.06rem;margin:.35rem 0 0;font-size:clamp(2rem,1.6vw + 1.4rem,3rem);line-height:1}.metadata-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;display:grid}.metadata-grid div{gap:.3rem;display:grid}.metadata-grid dt{color:var(--ink-soft);font-size:.84rem}.metadata-grid dd{margin:0;font-size:.97rem;line-height:1.45}.attachments-strip{flex-wrap:wrap;gap:.75rem;display:flex}.attachment-pill{background:var(--ink);color:var(--paper);box-shadow:var(--button-inset-shadow)}.viewer-content{min-height:0}.email-surface{min-height:0;padding:1.5rem;overflow:auto}.email-body{color:var(--ink)}.email-body img{max-width:100%;height:auto}.email-body table{max-width:100%}.email-body [data-remote-blocked=true]{outline:1px dashed #1c1c1c33;min-height:2.5rem}.plain-text-body{white-space:pre-wrap;word-break:break-word;font:inherit;color:var(--ink);margin:0;line-height:1.6}.embedded-images{border-top:1px solid var(--border-subtle);margin-top:1.5rem;padding-top:1.25rem}.embedded-images-label{text-transform:uppercase;color:var(--ink-soft);margin:0 0 .9rem;font-size:.88rem}.embedded-images-grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;display:grid}.embedded-image-card{border:1px solid var(--border-subtle);background:#1c1c1c05;border-radius:.9rem;gap:.75rem;margin:0;padding:.85rem;display:grid}.embedded-image-card img{border:1px solid var(--border-subtle);background:#1c1c1c08;border-radius:.7rem;width:100%;height:auto;display:block}.embedded-image-card figcaption{color:var(--ink-muted);font-size:.94rem;line-height:1.4}.viewer-empty{max-width:46rem;margin:auto;padding:2rem}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.sidebar,.viewer-panel{min-height:auto}.sidebar{border-right:0;border-bottom:1px solid var(--border-subtle)}.metadata-grid{grid-template-columns:1fr}}@media (width<=700px){.sidebar,.viewer-panel{padding:1rem}.viewer-title-row,.sidebar-toolbar,.message-card{grid-template-columns:1fr;display:grid}.viewer-title-row{justify-content:stretch}}