body{background:#1e1f2a;color:#f8f8f2;font-family:Segoe UI,Inter,sans-serif;margin:0}:root{--bg-dark:#282a36;--bg-darker:#1e1f2a;--bg-card:#21222dfa;--bg-card-hover:#282a36e6;--border-color:#44475ae6;--text-primary:#f8f8f2;--text-secondary:#ffb86c;--accent-cyan:#8be9fd;--accent-purple:#bd93f9;--accent-pink:#ff79c6;--accent-yellow:#f1fa8c;--accent-green:#50fa7b;--accent-red:#f55;--accent-blue:#007accd9;--shadow-md:0 12px 24px #00000059;--shadow-lg:0 18px 32px #00000059;--transition:transform 0.15s ease,box-shadow 0.2s ease,border-color 0.2s ease;--font-mono:"JetBrains Mono","Fira Code","SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-sans:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{border-radius:4px;outline:3px solid #bd93f9;outline:3px solid var(--accent-purple);outline-offset:2px}a:focus-visible{outline:3px solid #ff79c6;outline:3px solid var(--accent-pink)}.skip-to-main{background-color:#21222dfa;background-color:var(--bg-card);color:#f8f8f2;color:var(--text-primary);font-weight:700;left:-9999px;padding:1em;position:absolute;text-decoration:none;z-index:999}.skip-to-main:focus{left:50%;top:1em;transform:translateX(-50%)}.App-note{background:#282a36;background:var(--bg-dark);display:flex;flex-direction:column;min-height:calc(100vh - 72px);overflow-x:hidden;padding:28px 28px 72px}.Preview-page{align-items:center;background:#1e1f2a;background:var(--bg-darker);padding:64px 32px 80px}.App-Header{align-items:center;background:linear-gradient(135deg,#282a36fa,#21222dfa);background:linear-gradient(135deg,#282a36fa,var(--bg-card));border-bottom:1px solid #44475ae6;border-bottom:1px solid var(--border-color);box-shadow:0 12px 24px #00000059;box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding:22px 36px}.App-Header,.App-Header span{color:#f8f8f2;color:var(--text-primary)}.Header-brand{font-size:1.02rem;line-height:1.6}.Header-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#bd93f9,#ff79c6);background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));-webkit-background-clip:text;background-clip:text;font-size:1.2rem;letter-spacing:.05em}.Header-warning{color:#f55;color:var(--accent-red);font-weight:600;white-space:nowrap}.Header-actions{align-items:center;display:flex;gap:12px;position:relative}.Header-historyButton,.Header-joinButton{align-items:center;background:#2d2f3beb;border:1px solid #44475ae6;border:1px solid var(--border-color);border-radius:8px;color:#f8f8f2;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:8px;padding:8px 16px;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease;transition:var(--transition)}.Header-historyButton.is-active,.Header-historyButton:hover,.Header-joinButton:hover{background:linear-gradient(145deg,#44475af2,#6272a4e6);border-color:#8be9fd73;box-shadow:0 12px 24px #00000059;box-shadow:var(--shadow-md);transform:translateY(-1px)}.Header-joinButton{background:#6272a433;border-color:#8be9fd;border-color:var(--accent-cyan);color:#8be9fd;color:var(--accent-cyan)}.Header-historyDropdown{animation:modalFadeIn .15s ease;background:#21222dfa;background:var(--bg-card);border:1px solid #44475ae6;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 18px 32px #00000059;box-shadow:var(--shadow-lg);padding:16px;position:absolute;right:0;top:calc(100% + 12px);width:320px;z-index:1000}.History-header{align-items:center;border-bottom:1px solid #44475ae6;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.History-header h3{color:#bd93f9;color:var(--accent-purple);font-size:1rem;margin:0}.History-actions{align-items:center;display:flex;gap:8px}.History-actionButton{align-items:center;background:#2d2f3beb;border:1px solid #44475ae6;border:1px solid var(--border-color);border-radius:4px;color:#f8f8f2;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;justify-content:center;padding:4px 8px;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease;transition:var(--transition)}.History-actionButton:hover{background:#282a36e6;background:var(--bg-card-hover);border-color:#8be9fd;border-color:var(--accent-cyan);transform:translateY(-1px)}.History-clearButton{background:none;border:none;border-radius:4px;color:#f55;color:var(--accent-red);cursor:pointer;font-size:.85rem;padding:4px 8px}.History-clearButton:hover{background:#ff55551a}.History-list{list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0}.History-link{align-items:center;border-radius:6px;color:#f8f8f2;color:var(--text-primary);display:flex;justify-content:space-between;margin-bottom:4px;padding:8px 10px;text-decoration:none;transition:background-color .15s ease}.History-link:hover{background:#282a36e6;background:var(--bg-card-hover)}.History-id{color:#8be9fd;color:var(--accent-cyan);font-family:JetBrains Mono,Fira Code,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-family:var(--font-mono)}.History-time{font-size:.75rem}.History-empty,.History-time{color:#ffb86c;color:var(--text-secondary)}.History-empty{font-style:italic;padding:16px;text-align:center}.Header-newButton{background:linear-gradient(135deg,#007accd9,#005fa5eb);background:linear-gradient(135deg,var(--accent-blue),#005fa5eb);border:1px solid #007accd9;border:1px solid var(--accent-blue);border-radius:12px;color:#f8f8f2;color:var(--text-primary);cursor:pointer;font-weight:600;padding:10px 22px;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease;transition:var(--transition)}.Header-newButton:hover{border-color:#0099ffd9;box-shadow:0 16px 28px #007acc59;transform:translateY(-2px)}.Header-newButton:active{transform:translateY(0)}.Join-form{display:flex;flex-direction:column;gap:16px}.Join-inputGroup{align-items:center;background:#0003;border:1px solid #44475ae6;border:1px solid var(--border-color);border-radius:8px;display:flex;padding:2px 12px;transition:border-color .2s ease,box-shadow .2s ease}.Join-inputGroup:focus-within{border-color:#bd93f9;border-color:var(--accent-purple);box-shadow:0 0 0 2px #bd93f933}.Join-prefix{color:#ffb86c;color:var(--text-secondary);margin-right:4px;-webkit-user-select:none;user-select:none}.Join-input,.Join-prefix{font-family:JetBrains Mono,Fira Code,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-family:var(--font-mono);font-size:1.1rem}.Join-input{background:#0000;border:none;color:#f8f8f2;color:var(--text-primary);flex:1 1;outline:none;padding:10px 0}.Join-input::placeholder{color:#f8f8f24d}.Join-separator{align-items:center;color:#44475ae6;color:var(--border-color);display:flex;margin:8px 0 16px;text-align:center}.Join-separator:after,.Join-separator:before{border-bottom:1px solid #44475ae6;border-bottom:1px solid var(--border-color);content:"";flex:1 1}.Join-separator span{color:#ffb86c;color:var(--text-secondary);font-size:.85rem;font-weight:600;padding:0 10px}.Editor-root{display:flex;flex:1 1;flex-direction:column;gap:12px;position:relative}.Preview-page .Editor-root{margin:0 auto;max-width:960px;width:100%}.Editor-toolbarRow{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.Editor-toolbarActions{align-items:center;display:inline-flex;gap:12px}.Editor-toolbar{display:inline-flex;gap:8px}.Editor-helpButton,.Editor-newButton,.Editor-previewLink,.Editor-toggle,.Reconnection-button{background:#2d2f3beb;border:1px solid #44475ae6;border:1px solid var(--border-color);border-radius:10px;color:#f8f8f2;color:var(--text-primary);cursor:pointer;font-weight:600;padding:6px 14px;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease;transition:var(--transition);white-space:nowrap}.Editor-previewLink{text-decoration:none}.Editor-helpButton:hover,.Editor-newButton:hover,.Editor-previewLink:hover,.Editor-toggle:hover,.Reconnection-button:hover{border-color:#8be9fd73;box-shadow:0 12px 24px #00000059;box-shadow:var(--shadow-md);transform:translateY(-1px)}.Editor-toggle.is-active{background:linear-gradient(145deg,#44475af2,#6272a4e6);border-color:#bd93f9;border-color:var(--accent-purple);box-shadow:0 16px 32px #44475a59}.Editor-shortcuts{align-items:center;background:#282a36e6;background:var(--bg-card-hover);border-bottom:1px solid #44475ae6;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:6px;padding:14px 16px}.Editor-shortcutButton{background:linear-gradient(145deg,#282a36e6,#21222dfa);background:linear-gradient(145deg,var(--bg-card-hover),var(--bg-card));border:1px solid #44475ae6;border:1px solid var(--border-color);border-radius:8px;color:#f8f8f2;color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 12px;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease;transition:var(--transition);white-space:nowrap}.Editor-shortcutButton em,.Editor-shortcutButton span,.Editor-shortcutButton strong{pointer-events:none}.Editor-shortcutButton:hover{background:linear-gradient(145deg,#44475af2,#6272a4e6);border-color:#bd93f9;border-color:var(--accent-purple);box-shadow:0 12px 24px #00000059;box-shadow:var(--shadow-md);transform:translateY(-1px)}.Editor-shortcutButton:active{transform:translateY(0)}.Editor-shortcutDivider{background:#44475ae6;background:var(--border-color);height:24px;margin:0 4px;width:1px}.Editor-layout{display:flex;flex-direction:column;gap:12px}.Editor-layout--split{align-items:stretch;box-sizing:border-box;flex-direction:row;flex-wrap:nowrap;gap:16px;max-width:100%;width:100%}.Editor-layout--split .Editor-pane,.Editor-layout--split .Preview-pane{display:flex;flex:1 1;flex-direction:column;min-width:0}.Editor-layout--split .Editor-container,.Editor-layout--split .Preview-container{flex:1 1;min-height:825px}.Editor-layout--split .Zone-text{min-height:calc(100vh - 220px)}.Editor-container{background:linear-gradient(145deg,#21222dfa,#1a1b24fa);background:linear-gradient(145deg,var(--bg-card),#1a1b24fa);border:1px solid #44475ae6;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 18px 32px #00000059;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;line-height:1.5;overflow:hidden}.Editor-container,.Zone-text{font-family:JetBrains Mono,Fira Code,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-family:var(--font-mono);font-size:14px}.Zone-text{background:#282a36;background:var(--bg-dark);border:none;caret-color:#ff79c6;caret-color:var(--accent-pink);color:#f8f8f2;color:var(--text-primary);flex:1 1;line-height:1.55;min-height:825px;outline:none;padding:20px 18px;resize:none}.Preview-pane{display:flex;flex:1 1}.Preview-container{background:#21222dfa;background:var(--bg-card);border:1px solid #44475ae6;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 12px 24px #0000004d;color:#f8f8f2;color:var(--text-primary);flex:1 1;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:var(--font-sans);font-size:.95rem;line-height:1.5;overflow-y:auto;padding:24px;width:100%}.Preview-container h1,.Preview-container h2,.Preview-container h3,.Preview-container h4,.Preview-container h5,.Preview-container h6{color:#bd93f9;color:var(--accent-purple);line-height:1.2;margin-bottom:.4em;margin-top:.8em}.Preview-container h1{font-size:1.8rem}.Preview-container h2{font-size:1.4rem}.Preview-container h3{font-size:1.2rem}.Preview-container p{color:#f8f8f2;color:var(--text-primary);margin:0 0 .8em}.Preview-container ol,.Preview-container ul{color:#f8f8f2;color:var(--text-primary);margin:0 0 .8em 1.2em}.Preview-container li{margin-bottom:.3em}.Preview-container code{background-color:#44475ab3;border-radius:4px;color:#f8f8f2;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.9em;padding:3px 6px}.Preview-container pre{background-color:#282a36e6;background-color:var(--bg-card-hover);border:1px solid #44475ae6;border:1px solid var(--border-color);border-radius:8px;box-shadow:inset 0 0 0 1px #6272a440;color:#f8f8f2;color:var(--text-primary);font-size:.85rem;margin:0 0 1em;overflow-x:auto;padding:16px}.Preview-container pre code{background:none;padding:0}.Preview-container a{color:#bd93f9;color:var(--accent-purple);text-decoration:underline}.Preview-container blockquote{background-color:#44475a40;border-left:3px solid #bd93f9;border-left:3px solid var(--accent-purple);color:#ffb86c;color:var(--text-secondary);font-style:italic;margin:0 0 1em;padding-left:12px}.Preview-container table{border-collapse:collapse;font-size:.9rem;margin:1em 0;width:100%}.Preview-container table th{background:#44475a80;color:#f8f8f2;color:var(--text-primary);font-weight:600;padding:8px 12px;text-align:left}.Preview-container table td,.Preview-container table th{border:1px solid #44475ae6;border:1px solid var(--border-color)}.Preview-container table td{background:#282a364d;padding:6px 12px}.Preview-container hr{border:none;border-top:1px solid #44475ae6;border-top:1px solid var(--border-color);margin:1.5em 0}.Preview-page{background:linear-gradient(135deg,#1a1b26,#16171f)}.Preview-container ul li:has(input[type=checkbox]){list-style:none;margin-left:-1.5em}.Modal-overlay{align-items:center;background:radial-gradient(circle at 25% 20%,#8be9fd1f,#0000 55%),#0c0c13d9;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.Modal-content{animation:modalFadeIn .18s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#21222dfa,#1a1b26fa);background:linear-gradient(145deg,var(--bg-card),#1a1b26fa);border:1px solid #44475ae6;border:1px solid var(--border-color);border-radius:14px;box-shadow:0 24px 45px #0006;max-height:90vh;overflow-y:auto;width:min(720px,100%)}.Modal-content--small{width:min(500px,90%)}.Modal-header{align-items:center;display:flex;justify-content:space-between;padding:24px 32px 0}.Modal-header h2{color:#bd93f9;color:var(--accent-purple);font-size:1.32rem;margin:0}.Modal-close{background:#0000;border:none;border-radius:10px;color:#f8f8f2;color:var(--text-primary);cursor:pointer;font-size:1.8rem;padding:6px;transition:background-color .15s ease,color .15s ease}.Modal-close:hover{background-color:#44475a80;color:#bd93f9;color:var(--accent-purple)}.Modal-body{padding:24px 32px 40px}.Help-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.Help-grid h3{color:#bd93f9;color:var(--accent-purple);font-size:1.02rem;margin-top:0}.Help-grid ul{margin:0;padding-left:18px}.Help-grid code,.Help-grid ul{color:#f8f8f2;color:var(--text-primary)}.Help-grid code{background-color:#44475ab3;border-radius:6px;font-size:.85rem;padding:2px 6px}.Help-grid code,.Help-grid kbd,.Modal-body kbd{font-family:JetBrains Mono,Fira Code,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-family:var(--font-mono)}.Help-grid kbd,.Modal-body kbd{background:linear-gradient(145deg,#44475ae6,#323444f2);border:1px solid #bd93f94d;border-radius:4px;box-shadow:0 2px 4px #0003;color:#bd93f9;color:var(--accent-purple);display:inline-block;font-size:.8rem;font-weight:600;padding:2px 8px}.Help-grid p{line-height:1.5;margin:0}.Help-grid a{color:#ff79c6;color:var(--accent-pink);text-decoration:none;transition:color .2s ease}.Help-grid a:hover{color:#bd93f9;color:var(--accent-purple);text-decoration:underline}.Help-footer{color:#ffb86c;color:var(--text-secondary);margin-top:16px;text-align:center}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.Confirm-warning{background:linear-gradient(135deg,#ff555526,#ff555514);border:1px solid #ff55554d;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:20px}.Confirm-icon{flex-shrink:0;font-size:2rem;line-height:1}.Confirm-text p{color:#f8f8f2;color:var(--text-primary);line-height:1.6;margin:0 0 12px}.Confirm-text p:last-child{margin-bottom:0}.Confirm-text strong{color:#f55;color:var(--accent-red)}.Confirm-actions{display:flex;gap:12px;justify-content:flex-end}.Confirm-button{border:1px solid #44475ae6;border:1px solid var(--border-color);border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 24px;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease;transition:var(--transition)}.Confirm-button--cancel{background:#44475a80;color:#f8f8f2;color:var(--text-primary)}.Confirm-button--cancel:hover{background:#44475ab3;border-color:#f8f8f2;border-color:var(--text-primary);box-shadow:0 8px 16px #0000004d;transform:translateY(-1px)}.Confirm-button--confirm{background:linear-gradient(135deg,#50fa7b33,#50fa7b1a);border-color:#50fa7b;border-color:var(--accent-green);color:#50fa7b;color:var(--accent-green)}.Confirm-button--confirm:hover{background:linear-gradient(135deg,#50fa7b4d,#50fa7b33);box-shadow:0 8px 16px #50fa7b4d;transform:translateY(-1px)}.Error-text{align-items:center;background:linear-gradient(135deg,#44475ae6,#323444eb);border:1px solid #ff555559;border-radius:16px;box-shadow:0 12px 24px #00000059;box-shadow:var(--shadow-md);color:#f55;color:var(--accent-red);display:flex;gap:12px;justify-content:center;margin:0 0 18px;padding:12px 20px;text-align:center}.Error-text--reconnecting{background:linear-gradient(135deg,#8be9fd26,#6272a433);border-color:#8be9fd4d;color:#bd93f9;color:var(--accent-purple)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Reconnecting-spinner{animation:spin 1s linear infinite;display:inline-block}.Status-bar{align-items:center;background:#21222dfa;background:var(--bg-card);border-top:1px solid #44475ae6;border-top:1px solid var(--border-color);bottom:0;color:#f8f8f2;color:var(--text-primary);display:flex;font-size:.85rem;justify-content:space-between;left:0;padding:10px 24px;position:fixed;right:0;z-index:1000}.Status-left,.Status-right{align-items:center;display:flex;gap:18px}.Status-bar .Status-support{border-bottom:1px solid #0000;color:#ff79c6;color:var(--accent-pink);font-weight:600;text-decoration:none;transition:color .2s ease,border-color .2s ease}.Status-bar .Status-support:hover{border-color:#bd93f9;border-color:var(--accent-purple);color:#bd93f9;color:var(--accent-purple)}.Status-vibecoding{color:#8be9fd;color:var(--accent-cyan);font-size:.85rem;font-style:italic}.Status-bar .Status-format{color:#bd93f9;color:var(--accent-purple)}.Status-bar .Status-size{color:#50fa7b;color:var(--accent-green)}.Status-bar .Status-words{color:#ff79c6;color:var(--accent-pink)}.Status-bar .Status-lines{color:#f1fa8c;color:var(--accent-yellow)}.Status-bar-cursor{color:#f7931a!important;font-weight:600}@media (max-width:900px){.Editor-layout--split{flex-direction:column;gap:16px}.Editor-layout--split .Editor-container,.Editor-layout--split .Editor-pane,.Editor-layout--split .Preview-container,.Editor-layout--split .Preview-pane{min-height:auto}.Editor-layout--split .Zone-text{min-height:360px}}@media (max-width:768px){.App-note{min-height:calc(100vh - 60px);padding:16px 16px 60px}.App-Header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.Header-brand{width:100%}.Header-subtitle{display:block;font-size:.9rem;margin-top:4px}.Header-warning{display:block;font-size:.85rem;margin-top:4px;white-space:normal}.Editor-toolbarRow{gap:12px}.Editor-toolbar{flex-wrap:wrap}.Editor-toolbarActions{justify-content:space-between;width:100%}.Status-bar{flex-wrap:wrap;font-size:.75rem;gap:8px;padding:8px 12px}.Status-left,.Status-right{gap:12px}.Status-bar .Status-format,.Status-bar .Status-size,.Status-vibecoding{display:none}.Preview-page{padding:24px 16px 60px}.Preview-page .Preview-container{font-size:.95rem;max-width:100%;padding:24px 16px}.Preview-page .Preview-container h1{font-size:1.6rem}.Preview-page .Preview-container h2{font-size:1.3rem}.Modal-content{margin:16px;max-height:95vh;width:100%}.Modal-body,.Modal-header{padding:16px 20px}.Confirm-warning{align-items:center;flex-direction:column;text-align:center}.Confirm-actions{flex-direction:column-reverse;justify-content:center;width:100%}.Confirm-button{width:100%}.Zone-text{padding:16px 12px}.Editor-shortcuts{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:10px}.Editor-shortcutDivider{flex-shrink:0}}@media (max-width:480px){.Editor-buttonText,.Status-bar .Status-text{display:none}.Editor-helpButton,.Editor-newButton,.Editor-previewLink,.Editor-toggle{font-size:1.1rem;padding:8px 12px}.Header-newButton{text-align:center;width:100%}}
/*# sourceMappingURL=main.416357ef.css.map*/