@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Marcellus&display=swap");:root{--bg:#f8fafc;--panel:#fff;--panel-2:#f1f5f9;--text:#0f172a;--muted:#64748b;--brand:#0d9488;--brand-2:#2563eb;--accent:#d97706;--glass:rgba(0,0,0,.04);--stroke:rgba(0,0,0,.08);--shadow:0 10px 30px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.8);--radius-1:14px;--radius-2:22px;--radius-3:28px}.dark{--bg:#0b0d10;--panel:#0f1318;--panel-2:#0b1015;--text:#e7ecef;--muted:#a8b3bd;--brand:#80ffea;--brand-2:#6ea8ff;--accent:#ffb86b;--glass:hsla(0,0%,100%,.04);--stroke:hsla(0,0%,100%,.08);--shadow:0 10px 30px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.03)}.readproof{background-color:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.readproof .grad-hero{background:radial-gradient(1200px 600px at 20% 10%,rgba(13,148,136,.1),transparent 60%),radial-gradient(1000px 500px at 80% 0,rgba(37,99,235,.1),transparent 60%),linear-gradient(180deg,var(--panel) 0,var(--panel-2) 100%)}.dark .readproof .grad-hero{background:radial-gradient(1200px 600px at 20% 10%,rgba(128,255,234,.12),transparent 60%),radial-gradient(1000px 500px at 80% 0,rgba(110,168,255,.12),transparent 60%),linear-gradient(180deg,#0a0c10,#07090c)}.readproof .grad-btn{background:linear-gradient(135deg,var(--brand) 0,var(--brand-2) 60%,var(--accent) 120%);border:0;border-radius:var(--radius-2);box-shadow:0 10px 24px rgba(37,99,235,.25);color:#fff}.dark .readproof .grad-btn{box-shadow:0 10px 24px rgba(110,168,255,.35);color:#0a0c10}.readproof .grad-btn:hover{box-shadow:0 16px 36px rgba(37,99,235,.35);transform:translateY(-2px)}.readproof .grad-card{background:var(--panel-2);border:1px solid var(--stroke);border-radius:var(--radius-2);box-shadow:var(--shadow);overflow:hidden;position:relative;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s cubic-bezier(.2,.8,.2,1),border-color .25s cubic-bezier(.2,.8,.2,1)}.readproof .grad-card:hover{border-color:var(--brand);transform:translateY(-6px)}.readproof .grad-card:before{background:linear-gradient(180deg,rgba(13,148,136,.06),rgba(37,99,235,.02));border-radius:inherit;content:"";inset:-1px;opacity:.7;pointer-events:none;position:absolute}.readproof .glass-panel{backdrop-filter:blur(10px);background:var(--glass);border:1px solid var(--stroke)}.readproof .widget{background:var(--panel);border:1px solid var(--stroke);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.readproof .widget-head{align-items:center;background:var(--glass);border-bottom:1px solid var(--stroke);display:flex;justify-content:space-between;padding:10px 12px}.readproof .status{align-items:center;color:var(--muted);display:flex;font-size:14px;gap:8px}.readproof .status .dot{background:#10b981;border-radius:50%;box-shadow:0 0 10px #10b981;height:8px;width:8px}.readproof .messages{background:linear-gradient(180deg,var(--glass),transparent);display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:12px}.readproof .msg{background:var(--panel-2);border:1px solid var(--stroke);border-radius:14px;color:var(--text);font-weight:400;line-height:1.6;max-width:88%;padding:14px 18px}.readproof .msg.me{align-self:flex-end;background:linear-gradient(135deg,rgba(13,148,136,.1),rgba(37,99,235,.05));border:1px solid rgba(13,148,136,.3)}.readproof .msg.streaming-msg{background:var(--panel-2)!important;border-left:3px solid var(--brand)!important;border-radius:4px 14px 14px 4px!important}.readproof .msg.streaming-msg,.readproof .msg.streaming-msg *{color:var(--text)!important}.readproof .msg.streaming-msg .prose :where(h1,h2,h3,h4,th,strong){color:var(--brand)!important}.readproof .widget-input{background:var(--glass);border-top:1px solid var(--stroke);display:flex;gap:8px;padding:10px}.readproof .widget-input input{background:var(--panel-2);border:1px solid var(--stroke);border-radius:12px;color:var(--text);flex:1;font-size:14px;outline:none;padding:12px}.readproof .widget-input input::placeholder{color:var(--muted);opacity:.6}.readproof .widget-input button{align-items:center;background:var(--brand);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:700;justify-content:center;min-width:70px;padding:12px 14px;transition:all .2s}.dark .readproof .widget-input button{color:#0a0c10}.readproof .widget-input button:hover{background:var(--brand-2);transform:translateY(-1px)}.readproof .widget-input button:disabled{background:var(--muted);cursor:not-allowed;opacity:.5;transform:none}.readproof .font-serif,.readproof h1,.readproof h2,.readproof h3{font-family:Marcellus,serif}