:root{color:#f5f5f5;font-synthesis:none;text-rendering:optimizelegibility;background:#0b0b0d;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#0b0b0d;min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.container{width:min(100% - 32px,900px);margin-inline:auto}.site-header{border-bottom:1px solid #1d1d21}.header-inner{align-items:center;height:64px;display:flex}.brand{align-items:center;gap:10px;font-weight:700;display:inline-flex}.brand-mark{color:#0b0b0d;background:#f5f5f5;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.hero{padding:80px 0 100px}.hero-content{text-align:center;max-width:680px;margin-inline:auto}.eyebrow{letter-spacing:.16em;color:#8f8f98;margin:0 0 16px;font-size:.75rem;font-weight:700}h1{letter-spacing:-.05em;margin:0;font-size:clamp(2.5rem,8vw,5rem);line-height:.98}h1 span{color:#a78bfa}.hero-description{color:#9b9ba5;max-width:520px;margin:24px auto 40px;font-size:1.05rem;line-height:1.7}.message-form{text-align:left;background:#111114;border:1px solid #242429;border-radius:20px;padding:20px;box-shadow:0 20px 60px #0003}.message-form label{margin-bottom:10px;font-size:.9rem;font-weight:600;display:block}.message-form textarea{resize:vertical;color:#f5f5f5;background:#0b0b0d;border:1px solid #29292f;border-radius:12px;outline:none;width:100%;min-height:150px;padding:14px;line-height:1.6;display:block}.message-form textarea::placeholder{color:#5f5f68}.message-form textarea:focus{border-color:#6d5cc7}.form-footer{color:#6f6f79;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;font-size:.8rem;display:flex}.form-footer button{color:#0b0b0d;background:#f5f5f5;border:0;border-radius:10px;padding:10px 18px;font-weight:700}.form-footer button:hover{background:#dedee3}.site-footer{border-top:1px solid #1d1d21}.footer-inner{color:#66666f;justify-content:space-between;gap:20px;padding:24px 0;font-size:.8rem;display:flex}.footer-inner p{margin:0}@media (width<=600px){.hero{padding:56px 0 72px}.form-footer{flex-direction:column;align-items:stretch}.form-footer button{width:100%}.footer-inner{flex-direction:column}}.admin-page{padding:64px 0 100px}.admin-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.admin-heading h1{font-size:clamp(2rem,5vw,3.5rem)}.admin-heading>div>p:last-child{color:#8f8f98;margin:16px 0 0}.back-link{color:#a78bfa;font-size:.9rem;font-weight:600}.admin-card{background:#111114;border:1px solid #242429;border-radius:20px;overflow:hidden}.admin-card-header{border-bottom:1px solid #242429;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.admin-card-header h2{margin:0;font-size:1.1rem}.admin-card-header p{color:#6f6f79;margin:5px 0 0;font-size:.85rem}.message-count{color:#8f8f98;white-space:nowrap;border:1px solid #29292f;border-radius:999px;padding:6px 10px;font-size:.75rem}.empty-state{text-align:center;padding:80px 24px}.empty-icon{color:#a78bfa;background:#1b1b20;border-radius:14px;place-items:center;width:52px;height:52px;margin:0 auto 18px;font-size:1.4rem;display:grid}.empty-state h3{margin:0;font-size:1rem}.empty-state p{color:#6f6f79;max-width:400px;margin:10px auto 0;font-size:.85rem;line-height:1.6}@media (width<=600px){.admin-heading,.admin-card-header{flex-direction:column;align-items:flex-start}}.admin-actions{align-items:center;gap:10px;display:flex}.google-button{color:#0b0b0d;background:#f5f5f5;border:1px solid #29292f;border-radius:10px;margin-top:24px;padding:11px 18px;font-weight:700}.google-button:hover{background:#dedee3}.google-button:disabled{cursor:wait;opacity:.6}.logout-button{color:#9b9ba5;background:0 0;border:1px solid #29292f;border-radius:8px;padding:7px 11px;font-size:.8rem}.logout-button:hover{color:#f5f5f5;background:#1b1b20}.error-message{color:#f87171;max-width:400px;margin:16px auto 0;font-size:.85rem;line-height:1.5}.messages-list{flex-direction:column;display:flex}.message-card{cursor:pointer;border-bottom:1px solid #242429;flex-direction:column;gap:10px;padding:20px 24px;transition:background .2s;display:flex}.message-card:last-child{border-bottom:none}.message-card:hover,.message-card:focus-visible{background:#1b1b20;outline:none}.message-text{color:#f5f5f5;overflow-wrap:anywhere;margin:0;font-size:.95rem;line-height:1.6}.message-meta{color:#6f6f79;align-items:center;gap:10px;font-size:.78rem;display:flex}.message-meta span{text-transform:capitalize;border:1px solid #29292f;border-radius:999px;padding:3px 9px}body.modal-open{overflow:hidden}.message-modal:not([hidden]){z-index:1000;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.message-modal-backdrop{-webkit-backdrop-filter:blur(18px)saturate(120%);background:#000000b8;position:absolute;inset:0}.message-modal-dialog{z-index:1;-webkit-backdrop-filter:blur(24px);background:#121216e0;border:1px solid #ffffff1f;border-radius:24px;width:min(680px,100%);max-height:calc(100vh - 48px);padding:24px;position:relative;overflow-y:auto;box-shadow:0 30px 80px #0000008c,0 0 0 1px #ffffff08}.message-modal-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.message-modal-header h2{margin:4px 0 0}.modal-close{width:40px;height:40px;color:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:50%;place-items:center;font-size:24px;line-height:1;transition:background .2s,transform .2s;display:grid}.modal-close:hover{background:#ffffff1a;transform:rotate(90deg)}.message-export-card{box-sizing:border-box;color:#f5f5f5;background:#111114;border:1px solid #2a2a2f;border-radius:24px;width:100%;padding:36px;overflow:hidden;box-shadow:0 24px 60px #00000073}.export-brand{color:#f5f5f5;align-items:center;gap:14px;margin-bottom:42px;display:flex}.export-logo{color:#111114;background:#f5f5f5;border-radius:14px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:21px;font-weight:800;display:grid}.export-brand strong,.export-brand span{display:block}.export-brand strong{color:#f5f5f5}.export-brand span{color:#85858d;margin-top:3px;font-size:12px}.export-message{color:#f5f5f5;overflow-wrap:anywhere;padding:10px 0 38px;font-size:clamp(24px,4vw,38px);font-weight:600;line-height:1.35}.export-message p{color:#f5f5f5;margin:0}.export-meta{color:#85858d;border-top:1px solid #29292e;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;font-size:13px;display:flex}.export-meta span{color:#b8b8c0;background:#1d1d22;border-radius:999px;padding:6px 10px}.message-modal-actions{justify-content:flex-end;margin-top:18px;display:flex}.download-button{color:#111;cursor:pointer;background:#f5f5f5;border:0;border-radius:12px;padding:11px 18px;font-weight:600;transition:transform .2s,opacity .2s}.download-button:hover{transform:translateY(-1px)}.download-button:disabled{opacity:.5;cursor:wait}