:root{--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-slate-950:#020617;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bfdbfe;--color-blue-300:#93c5fd;--color-blue-400:#60a5fa;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-blue-800:#1e40af;--color-blue-900:#1e3a8a;--color-blue-950:#172554;--color-green-400:#4ade80;--color-green-500:#22c55e;--color-red-400:#f87171;--color-red-500:#ef4444;--color-indigo-300:#a5b4fc}*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-slate-50);color:var(--color-slate-900);border-color:var(--color-slate-200);margin:0;padding:0;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}@media (prefers-color-scheme:dark){body{color:var(--color-slate-100);border-color:var(--color-slate-800);background-color:#0f172a}}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:10px}.custom-scrollbar:hover::-webkit-scrollbar-thumb{background-color:#fff3}h1,h2,h3,h4,h5,h6,p{margin:0}a{color:inherit;text-decoration:none}input,textarea,button{font-family:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}img,svg{max-width:100%;display:block}.urltotv-icon{stroke-width:1.5px;width:2rem;height:2rem}.message-card{-webkit-backdrop-filter:blur(12px);border-width:1px;border-radius:1.5rem;gap:1.25rem;width:100%;min-width:20rem;max-width:40rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 25px 50px -12px #00000040}.message-card.is-url{color:var(--color-blue-50);background-color:#1e3a8a66;border-color:#3b82f64d}.message-card.is-text{color:var(--color-slate-100);background-color:#1e293b66;border-color:#4755694d}.mc-icon-container{flex-shrink:0;padding-top:.25rem}.mc-icon-bg{border-radius:.75rem;justify-content:center;align-items:center;padding:.75rem;display:flex}.mc-icon-bg.is-url{background-color:#3b82f633}.mc-icon-bg.is-url svg{width:1.5rem;height:1.5rem;color:var(--color-blue-300)}.mc-icon-bg.is-text{background-color:#33415580}.mc-icon-bg.is-text svg{width:1.5rem;height:1.5rem;color:var(--color-slate-300)}.mc-content-col{flex-direction:column;justify-content:center;gap:.5rem;width:100%;display:flex;overflow:hidden}.mc-og-card{background-color:#1e293bcc;border:1px solid #33415580;border-radius:1.25rem;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.mc-og-image-wrapper{background-color:var(--color-slate-900);cursor:pointer;border-bottom:1px solid #33415580;justify-content:center;align-items:center;width:100%;height:12rem;display:flex;overflow:hidden}.mc-og-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.4,0,.2,1)}.mc-og-card:hover .mc-og-image-wrapper img{transform:scale(1.05)}.mc-og-body{flex-direction:column;gap:.375rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.mc-og-gradient-overlay{pointer-events:none;background-image:linear-gradient(to bottom right,#3b82f60d,#0000);position:absolute;inset:0}.mc-og-meta{z-index:10;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex;position:relative}.mc-og-logo{background-color:#fff;border-radius:.375rem;width:1.5rem;height:1.5rem}.mc-og-publisher{color:var(--color-slate-400);letter-spacing:.05em;text-transform:uppercase;font-size:.875rem;font-weight:700}.mc-og-title{color:var(--color-slate-100);-webkit-line-clamp:2;line-clamp:2;z-index:10;cursor:pointer;-webkit-box-orient:vertical;margin:0;font-size:1.25rem;font-weight:700;line-height:1.25;display:-webkit-box;position:relative;overflow:hidden}.mc-og-title:hover{text-decoration:underline}.mc-og-desc{color:var(--color-slate-400);-webkit-line-clamp:2;line-clamp:2;z-index:10;-webkit-box-orient:vertical;margin-top:.5rem;font-size:1rem;line-height:1.625;display:-webkit-box;position:relative;overflow:hidden}.mc-og-url-fallback{color:var(--color-blue-400);white-space:nowrap;text-overflow:ellipsis;z-index:10;margin-top:.25rem;font-size:1rem;font-weight:500;position:relative;overflow:hidden}.mc-raw-url{color:var(--color-blue-200);word-break:break-all;text-underline-offset:4px;cursor:pointer;font-size:1.5rem;font-weight:500;line-height:2rem}.mc-raw-url:hover{color:var(--color-blue-100);text-decoration:underline}.mc-raw-text{word-wrap:break-word;font-size:1.875rem;font-weight:500;line-height:2.25rem}.mc-context-box{color:var(--color-slate-300);background-color:#0003;border:1px solid #ffffff0d;border-radius:.75rem;margin-top:.75rem;padding:1rem;font-size:1rem;line-height:1.5rem}.mc-context-label{color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem;font-size:.875rem;font-weight:600;line-height:1.25rem;display:block}.mc-action-bar{border-top:1px solid #33415580;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;display:flex}.mc-timestamp{text-transform:uppercase;letter-spacing:.05em;opacity:.5;margin-right:.5rem;font-size:.875rem;font-weight:600;display:block}.mc-action-buttons{align-items:center;gap:.75rem;display:flex}.mc-btn-open{color:var(--color-blue-300);text-transform:uppercase;letter-spacing:.05em;background-color:#3b82f633;border-radius:.75rem;align-items:center;gap:.5rem;min-width:max-content;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:background-color .15s;display:flex}.mc-btn-open:hover{background-color:#3b82f64d}.mc-btn-open svg{width:1.25rem;height:1.25rem}.mc-btn-copy{color:var(--color-slate-300);text-transform:uppercase;letter-spacing:.05em;background-color:#33415580;border-radius:.75rem;align-items:center;gap:.5rem;min-width:max-content;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:background-color .15s;display:flex}.mc-btn-copy:hover{background-color:#334155cc}.mc-btn-copy svg{width:1.25rem;height:1.25rem}.mc-btn-copy svg.copied{color:var(--color-green-400)}.mc-btn-delete{color:var(--color-red-400);background-color:#ef44441a;border-radius:.75rem;flex-shrink:0;padding:.625rem;transition:background-color .15s}.mc-btn-delete:hover{background-color:#ef444433}.mc-btn-delete svg{width:1.25rem;height:1.25rem}.global-footer{text-align:center;width:100%;color:var(--color-slate-400,#94a3b8);pointer-events:none;z-index:50;padding:1rem;font-size:.875rem}.global-footer.fixed-bottom{position:absolute;bottom:0;left:0;right:0}.global-footer.relative-bottom{margin-top:auto;padding-bottom:0}.global-footer a{pointer-events:auto;color:var(--color-slate-300,#cbd5e1);-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .2s ease-in-out}.global-footer a:hover{-webkit-text-decoration-color:var(--color-slate-300,#cbd5e1);text-decoration-color:var(--color-slate-300,#cbd5e1)}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.tv-container{background-color:var(--color-slate-950);width:100vw;height:100vh;color:var(--color-slate-100);flex-direction:column;gap:3rem;padding:3rem;display:flex;position:relative;overflow:hidden}@media (orientation:portrait){.tv-container{padding-bottom:max(3rem, env(safe-area-inset-bottom))}}@media (orientation:landscape){.tv-container{padding-right:max(3rem, env(safe-area-inset-right));flex-direction:row}}.tv-mobile-header{color:var(--color-blue-400);flex-shrink:0;justify-content:center;align-items:center;gap:1rem;display:flex}@media (orientation:landscape){.tv-mobile-header{display:none}}.tv-logo-icon{stroke-width:2px;width:3rem;height:3rem}.tv-brand-title{letter-spacing:-.025em;margin:0;font-size:2.25rem;line-height:2.5rem}.tv-brand-title .extrabold{font-weight:800}.tv-brand-title .semibold{opacity:.8;font-weight:600}.tv-modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#020617cc;position:fixed;inset:0}@media (orientation:landscape){.tv-modal-backdrop{display:none}}.tv-sidebar{border:1px solid var(--color-slate-800);text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:2.5rem;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:100%;max-width:34rem;margin-left:auto;margin-right:auto;padding:3rem;display:none;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.tv-sidebar.is-mobile-open{z-index:50;background-color:var(--color-slate-950);border-color:var(--color-slate-700);display:flex;position:fixed;inset:1.5rem}@media (orientation:landscape){.tv-sidebar{z-index:0;border-color:var(--color-slate-800);background-color:#0f172a80;width:30%;min-width:28rem;margin:0;display:flex;position:relative;inset:auto}.tv-sidebar.is-mobile-open{border-color:var(--color-slate-800);background-color:#0f172a80;position:relative}}.tv-sidebar-glow{filter:blur(64px);pointer-events:none;background-color:#3b82f60d;border-radius:9999px;position:absolute;inset:0;transform:translateY(50%)}.tv-close-btn{color:var(--color-slate-400);z-index:20;background-color:#1e293bcc;border-radius:9999px;padding:1rem;transition:background-color .15s,color .15s;position:absolute;top:1.5rem;right:1.5rem}.tv-close-btn:hover{background-color:var(--color-slate-700);color:#fff}.tv-close-btn svg{width:2rem;height:2rem}@media (orientation:landscape){.tv-close-btn{display:none}}.tv-sidebar-header{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2.5rem;display:flex}.tv-sidebar-logo-group{color:var(--color-blue-400);align-items:center;gap:1rem;display:flex}.tv-sidebar-desc{color:var(--color-slate-400);text-align:center;font-size:1.125rem;font-weight:500;line-height:1.625}.tv-qr-container{aspect-ratio:1;background-color:#fff;border-radius:1.5rem;justify-content:center;align-items:center;width:18rem;max-width:100%;height:18rem;margin-bottom:2.5rem;padding:2rem;transition:transform .3s;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.tv-qr-container:hover{transform:scale(1.05)}.tv-qr-instruction{color:var(--color-slate-400);margin-bottom:.5rem;font-size:1.25rem;font-weight:500}.tv-qr-sub-instruction{color:var(--color-slate-500);margin-bottom:2rem;font-size:1.125rem}.tv-url-pill{border:1px solid var(--color-slate-800);background-color:#020617cc;border-radius:9999px;padding:1rem 2rem;box-shadow:inset 0 2px 4px #0000000f}.tv-url-text{color:var(--color-blue-300);letter-spacing:.025em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.5rem}.tv-main-content{background-color:#0f172a4d;border:1px solid #1e293b80;border-radius:2.5rem;flex-direction:column;flex:1;min-height:0;padding:3rem;display:flex;position:relative;overflow:hidden}.tv-main-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.tv-main-title{align-items:center;gap:1rem;font-size:1.875rem;font-weight:600;display:flex}.tv-status-indicator{background-color:var(--color-green-500);border-radius:9999px;width:1rem;height:1rem}.tv-show-qr-btn{color:var(--color-blue-400);background-color:#2563eb33;border:1px solid #3b82f64d;border-radius:1rem;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1.25rem;transition:all .15s;display:flex}.tv-show-qr-btn:hover{background-color:#2563eb66}.tv-show-qr-btn:active{transform:scale(.95)}.tv-show-qr-btn svg{width:2rem;height:2rem}.tv-show-qr-text{letter-spacing:.025em;text-transform:uppercase;font-size:1.25rem;font-weight:700}@media (orientation:landscape){.tv-show-qr-btn{display:none}}.tv-messages-list{flex-direction:column;flex:1;align-items:flex-start;gap:1.5rem;padding-right:1.5rem;display:flex;overflow-y:auto}.tv-empty-state{width:100%;height:100%;color:var(--color-slate-500);opacity:.5;flex-direction:column;justify-content:center;align-items:center;display:flex}.tv-welcome-backdrop{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#020617d9;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.tv-welcome-modal{text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background-color:#0f172ab3;border:1px solid #33415599;border-radius:2rem;flex-direction:column;align-items:center;width:100%;max-width:38rem;padding:3rem;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.tv-welcome-modal:before{content:"";pointer-events:none;background-image:linear-gradient(#3b82f61a,#0000);height:50%;position:absolute;top:0;left:0;right:0}.tv-welcome-text{color:var(--color-slate-300);margin-bottom:2.5rem;font-size:1.25rem;line-height:1.75}.tv-welcome-btn{background-color:var(--color-blue-600);color:#fff;border-radius:1rem;padding:1rem 3rem;font-size:1.25rem;font-weight:700;transition:all .2s;box-shadow:0 10px 15px -3px #0000001a}.tv-welcome-btn:hover{background-color:var(--color-blue-500);transform:translateY(-2px)}.tv-welcome-btn:active{transform:translateY(0)}.msv-container{background-color:var(--color-slate-950);min-height:100vh;color:var(--color-slate-100);flex-direction:column;max-width:32rem;margin-left:auto;margin-right:auto;padding:1.5rem;display:flex;position:relative;overflow:hidden}.msv-bg-blur{filter:blur(64px);pointer-events:none;background-color:#2563eb33;border-radius:9999px;width:120%;height:16rem;position:absolute;top:-10%;left:-10%}.msv-header{text-align:center;z-index:10;flex-direction:column;align-items:center;margin-bottom:2.5rem;padding-top:2rem;display:flex;position:relative}.msv-logo-wrapper{color:var(--color-blue-400);justify-content:center;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.msv-title{letter-spacing:-.025em;color:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right, var(--color-blue-400), var(--color-indigo-300));font-size:1.875rem;line-height:2.25rem}.msv-title-light{font-weight:600}.msv-title-bold{font-weight:800}.msv-subtitle{color:var(--color-slate-400);font-weight:500;line-height:1.5}.msv-session-id{color:var(--color-blue-400);text-transform:uppercase;letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem}.msv-main{z-index:10;flex-direction:column;flex:1;display:flex;position:relative}.msv-tabs-container{-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-slate-800);background-color:#0f172a99;border-radius:1rem;margin-bottom:2rem;padding:.375rem;display:flex}.msv-tab{border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.msv-tab.active{background-color:var(--color-slate-800);color:var(--color-blue-400);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.msv-tab.inactive{color:var(--color-slate-400)}.msv-tab.inactive:hover{color:var(--color-slate-200)}.msv-form{flex-direction:column;gap:1rem;display:flex}.msv-textarea{width:100%;color:var(--color-slate-100);resize:none;background-color:#0f172a80;border:1px solid #33415580;border-radius:1rem;padding:1rem;font-size:1.125rem;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000000f}.msv-textarea::placeholder{color:var(--color-slate-500)}.msv-textarea:focus{outline:none;box-shadow:inset 0 2px 4px #0000000f,0 0 0 2px #3b82f680}.msv-input{width:100%;color:var(--color-slate-200);background-color:#0f172a4d;border:1px solid #3341554d;border-radius:.75rem;padding:1rem;font-size:1rem;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000000f}.msv-input::placeholder{color:var(--color-slate-500)}.msv-input:focus{outline:none;box-shadow:inset 0 2px 4px #0000000f,0 0 0 2px #3b82f64d}.msv-submit-btn{background-color:var(--color-blue-600);color:#fff;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1.125rem;font-weight:700;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.msv-submit-btn:hover:not(:disabled){background-color:var(--color-blue-500)}.msv-submit-btn:active:not(:disabled){transform:scale(.98)}.msv-submit-btn:disabled{background-color:var(--color-slate-800);color:var(--color-slate-500);box-shadow:none;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.msv-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:9999px;width:1.5rem;height:1.5rem;animation:1s linear infinite spin}.msv-toast-wrapper{pointer-events:none;justify-content:center;width:100%;display:flex;position:absolute;bottom:2.5rem;left:0}.msv-toast{color:var(--color-green-400);-webkit-backdrop-filter:blur(12px);background-color:#22c55e33;border:1px solid #22c55e4d;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;display:flex;box-shadow:0 25px 50px -12px #00000040}.msv-toast-text{font-size:.875rem;font-weight:600}