*{box-sizing:border-box}:root{--primary: #f35d1c;--primary-text: #111827;--secondary-text: #374151;--tertiary-text: #4b5563;--secondary-background: #f3f4f6;--content-background: white;--focus-ring: #3b82f680;--border-color: #cbd5e1;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--primary: #f35d1c;--primary-text: #f9fafb;--secondary-text: #f3f4f6;--tertiary-text: #e5e7eb;--secondary-background: #0f172a;--content-background: #374151;--border-color: #64748b}}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;background-color:var(--secondary-background);padding:96px 16px 72px}.app header{position:fixed;top:0;left:0;width:100%;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;background:var(--primary);color:#fff;text-align:center;height:75px}.app header:before,.app header:after{display:block;content:"";position:absolute;top:75px;box-shadow:0 -40px 0 0 var(--primary);pointer-events:none;width:40px;height:80px}.app header:before{left:0;border-top-left-radius:40px}.app header:after{right:0;border-top-right-radius:40px}.app header h1{font-size:1.1rem;font-weight:500;letter-spacing:-.02em;margin:0}.app article{display:grid;grid-template-columns:1fr 1fr;margin:24px auto;max-width:380px;padding:0 16px;animation:.15s ease-in-out message;box-sizing:content-box}.app article h3{display:flex;align-items:center;gap:.3em;margin:0;font-weight:500;color:var(--primary-text);text-transform:capitalize;font-size:1em}.app article h3 span{font-size:1.5em}.app article .score{text-align:right;color:var(--primary-text);display:flex;justify-content:flex-end;align-items:center}.app article p{color:var(--secondary-text);background-color:var(--content-background);padding:20px;margin:.5em 0;border-radius:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;text-overflow:ellipsis;line-height:1.4;grid-column:1 / 3;white-space:pre-line;position:relative;overflow:hidden}.app article.message-mine{padding-left:calc(16px + 10vw);padding-right:16px}.app article.message-mine div{text-align:right;justify-self:end;grid-column:1 / 3}.app form{position:relative;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;background-color:#fffc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:20px;display:flex;flex-direction:column;gap:8px;padding:16px 80px 16px 16px;margin-bottom:3em;margin-left:auto;margin-right:auto;max-width:520px}.form-title{max-width:520px;font-size:1em;font-weight:500;margin:.8em auto;color:var(--primary-text)}@media (prefers-color-scheme: dark){.app form{background-color:#374151cc}}.app input{color:#111827;width:100%;border:0;background:transparent;font-size:18px;font-family:inherit;border:3px solid transparent;border-radius:8px;padding:8px}.app input::placeholder{color:#6b7280}@media (prefers-color-scheme: dark){.app input{color:#fff}.app input::placeholder{color:#9ca3af}}.app input:focus{outline:0;border-color:var(--focus-ring)}.app form>button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:48px;height:48px;border:0;border-radius:50%;position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#fff;font-size:0;transition:.15s ease-in-out opacity;background-color:var(--primary);background-size:24px;background-repeat:no-repeat;background-position:center}.app select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%234b5563' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9' /%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:right 4px center;background-size:24px;height:36px;padding:8px 30px 8px 8px;font-size:16px;border:1px solid var(--border-color);border-radius:8px}@media (prefers-color-scheme: dark){.app select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23e5e7eb' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9' /%3E%3C/svg%3E%0A")}}.app button:disabled{opacity:.7}.tabs{height:72px;background-color:#ffffff80;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);position:fixed;bottom:0;left:0;width:100%;border-top:1px solid rgba(0,0,0,.15);display:flex;padding:0 16px}@media (prefers-color-scheme: dark){.tabs{background-color:#00000080}}.tabs button{position:relative;width:100%;display:flex;flex-direction:column;gap:.2em;justify-content:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;font-family:inherit;font-size:1em;transition:font-variation-settings .15s ease-in-out,color .15s ease-in-out;font-variation-settings:"wght" 300}.tabs button[aria-selected=true]{font-variation-settings:"wght" 600;color:#ea580c}.tabs button:after{display:block;width:100%;height:4px;background-color:var(--primary);position:absolute;left:0;bottom:0;content:"";transform:translateY(100%);transition:.15s ease-in-out transform}.tabs button[aria-selected=true]:after{transform:translateY(0)}.tabs button svg{width:24px;height:24px}.loading{margin:2em 0;text-align:center;font-size:1.5em;color:var(--secondary-text)}.populate{display:flex;flex-direction:column;gap:.3;align-items:center;margin:2em 0}.populate p{font-size:1.2em;color:var(--secondary-text)}.populate button{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:48px;border:0;border-radius:16px;color:#fff;transition:.15s ease-in-out opacity;background-color:var(--primary);background-size:24px;background-repeat:no-repeat;background-position:center;font-size:1em;font-weight:500;padding:0 20px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.add-form button{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='white' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 4.5v15m7.5-7.5h-15' /%3E%3C/svg%3E%0A")}.search-form button{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='white' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z' /%3E%3C/svg%3E%0A")}.pills{display:flex;flex-wrap:wrap;gap:.6em .6em;font-size:14px}.pills input{width:0;height:0;opacity:0}.pills label{position:relative;border:1px solid var(--border-color);padding:8px 16px 8px 28px;border-radius:9999px;background-color:transparent;transition:.15s ease-in-out background-color;background-size:20px;background-position:left 8px center;background-repeat:no-repeat;color:var(--primary-text)}.pills label.pill-selected{background-color:var(--secondary-background);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%234b5563' class='w-5 h-5'%3E%3Cpath fill-rule='evenodd' d='M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z' clip-rule='evenodd' /%3E%3C/svg%3E%0A")}@media (prefers-color-scheme: dark){.pills label.pill-selected{background-color:#475569;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23e5e7eb' class='w-5 h-5'%3E%3Cpath fill-rule='evenodd' d='M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z' clip-rule='evenodd' /%3E%3C/svg%3E%0A")}}