#root{height:100dvh;width:100dvw;max-width:1000px;margin:auto;border-left:1px solid rgba(255,255,255,.15);border-right:1px solid rgba(255,255,255,.15)}.message-log-view-2{height:44dvh;overflow-y:auto;text-align:center}.message-bubble{padding:1dvh 3dvw;margin:.75dvh 0;font-size:.96rem;line-height:1.3;box-shadow:0 1px 3px #0000004d;width:100%}.message-bubble.user{background-color:#0084ff;color:#fff}.message-bubble.mentor{font-weight:550;background-color:#f1f0f0;color:#000}.message-bubble.submittedResult{background-color:#0084ff;color:#fff;width:10%;box-sizing:content-box}.message-bubble.important{background-color:var(--md3-primary);color:var(--md3-on-primary);font-weight:550}.message-bubble-container{display:flex;margin:10px 0;flex-direction:column;align-items:center}.avatar{width:40px;height:40px;margin-right:10px}.avatar img{width:100%;height:100%;border-radius:50%}.message-content{display:flex;flex-direction:column;max-width:90%;min-width:50%;align-items:center}.name{font-weight:700;font-size:12px;margin-bottom:4px;color:#555}.timestamp{font-size:10px;color:gray;align-self:flex-end;margin-top:5px}.typing-indicator{display:flex;margin-top:40px;justify-content:center;align-items:center}.dot{width:8px;height:8px;margin:0 3px;background-color:#333;animation:typing 1.5s infinite ease-in-out}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}.sql-console{display:flex;flex-direction:column;height:100%;background-color:var(--md3-secondary);color:var(--md3-on-secondary)}.sql-console ::-webkit-scrollbar{width:6px}.sql-console ::-webkit-scrollbar-track{background:var(--md3-secondary)}.sql-console ::-webkit-scrollbar-thumb{background-color:var(--md3-secondary-light)}.sql-console-title{height:2vh;text-align:center;margin:0 10vw}.sql-console-title h4{color:var(--md3-on-primary)}.action-bar{justify-content:space-between;display:flex;flex-direction:row;align-items:center;width:100%;position:relative;bottom:1vh}.send-result{background-color:var(--md3-success);color:var(--md3-on-primary);width:100%;box-shadow:0 2px 6px #00000080;position:absolute;right:1.5vw}.execute-query{color:var(--md3-on-primary);width:100%;box-shadow:0 2px 6px #00000080;margin:auto}.sql-console-query-input{height:29vh;justify-content:flex-end;display:flex;flex-direction:column}.sql-console-result-table{overflow-y:auto}.sql-console-result-table table{font-size:.85rem;width:100%;border-collapse:collapse;font-family:"ui-monospace",SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,"monospace"}.sql-console-result-table th{border:1px dotted var(--md3-secondary-dark);font-size:1.2rem;padding:1px;text-align:center;background-color:var(--md3-secondary-dark)}.sql-console-result-table td{border:1px dotted var(--md3-secondary-dark);padding:1px;text-align:center}.sql-console-result-view{display:flex;flex-direction:column;height:25vh;border-top:2px solid var(--md3-secondary-dark);border-bottom:1px dotted var(--md3-secondary-dark)}@media (prefers-color-scheme: dark){.w-tc-editor{--color-fg-default: #c9d1d9;--color-canvas-subtle: #161b22;--color-prettylights-syntax-comment: #8b949e;--color-prettylights-syntax-entity-tag: #7ee787;--color-prettylights-syntax-entity: #d2a8ff;--color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;--color-prettylights-syntax-constant: #79c0ff;--color-prettylights-syntax-string: #a5d6ff;--color-prettylights-syntax-keyword: #ff7b72;--color-prettylights-syntax-markup-bold: #c9d1d9}}@media (prefers-color-scheme: light){.w-tc-editor{--color-fg-default: #24292f;--color-canvas-subtle: #f6f8fa;--color-prettylights-syntax-comment: #6e7781;--color-prettylights-syntax-entity-tag: #116329;--color-prettylights-syntax-entity: #8250df;--color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;--color-prettylights-syntax-constant: #0550ae;--color-prettylights-syntax-string: #0a3069;--color-prettylights-syntax-keyword: #cf222e;--color-prettylights-syntax-markup-bold: #24292f}}.w-tc-editor[data-color-mode*=dark],[data-color-mode*=dark] .w-tc-editor,[data-color-mode*=dark] .w-tc-editor-var,body[data-color-mode*=dark]{--color-fg-default: #c9d1d9;--color-canvas-subtle: #161b22;--color-prettylights-syntax-comment: #8b949e;--color-prettylights-syntax-entity-tag: #7ee787;--color-prettylights-syntax-entity: #d2a8ff;--color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;--color-prettylights-syntax-constant: #79c0ff;--color-prettylights-syntax-string: #a5d6ff;--color-prettylights-syntax-keyword: #ff7b72;--color-prettylights-syntax-markup-bold: #c9d1d9}.w-tc-editor[data-color-mode*=light],[data-color-mode*=light] .w-tc-editor,[data-color-mode*=light] .w-tc-editor-var,body[data-color-mode*=light]{--color-fg-default: #24292f;--color-canvas-subtle: #f6f8fa;--color-prettylights-syntax-comment: #6e7781;--color-prettylights-syntax-entity-tag: #116329;--color-prettylights-syntax-entity: #8250df;--color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;--color-prettylights-syntax-constant: #0550ae;--color-prettylights-syntax-string: #0a3069;--color-prettylights-syntax-keyword: #cf222e;--color-prettylights-syntax-markup-bold: #24292f}.w-tc-editor{font-family:inherit;font-size:12px;background-color:var(--color-canvas-subtle);color:var(--color-fg-default)}.w-tc-editor-text,.w-tc-editor-preview{min-height:16px}.w-tc-editor-preview pre{margin:0;padding:0;white-space:inherit;font-family:inherit;font-size:inherit}.w-tc-editor-preview pre code{font-family:inherit}.w-tc-editor code[class*=language-] .token.cdata,.w-tc-editor pre[class*=language-] .token.cdata,.w-tc-editor code[class*=language-] .token.comment,.w-tc-editor pre[class*=language-] .token.comment,.w-tc-editor code[class*=language-] .token.doctype,.w-tc-editor pre[class*=language-] .token.doctype,.w-tc-editor code[class*=language-] .token.prolog,.w-tc-editor pre[class*=language-] .token.prolog{color:var(--color-prettylights-syntax-comment)}.w-tc-editor code[class*=language-] .token.punctuation,.w-tc-editor pre[class*=language-] .token.punctuation{color:var(--color-prettylights-syntax-sublimelinter-gutter-mark)}.w-tc-editor code[class*=language-] .namespace,.w-tc-editor pre[class*=language-] .namespace{opacity:.7}.w-tc-editor code[class*=language-] .token.boolean,.w-tc-editor pre[class*=language-] .token.boolean,.w-tc-editor code[class*=language-] .token.constant,.w-tc-editor pre[class*=language-] .token.constant,.w-tc-editor code[class*=language-] .token.deleted,.w-tc-editor pre[class*=language-] .token.deleted,.w-tc-editor code[class*=language-] .token.number,.w-tc-editor pre[class*=language-] .token.number,.w-tc-editor code[class*=language-] .token.symbol,.w-tc-editor pre[class*=language-] .token.symbol{color:var(--color-prettylights-syntax-entity-tag)}.w-tc-editor code[class*=language-] .token.builtin,.w-tc-editor pre[class*=language-] .token.builtin,.w-tc-editor code[class*=language-] .token.char,.w-tc-editor pre[class*=language-] .token.char,.w-tc-editor code[class*=language-] .token.inserted,.w-tc-editor pre[class*=language-] .token.inserted,.w-tc-editor code[class*=language-] .token.selector,.w-tc-editor pre[class*=language-] .token.selector,.w-tc-editor code[class*=language-] .token.string,.w-tc-editor pre[class*=language-] .token.string,.w-tc-editor code[class*=language-] .style .token.string,.w-tc-editor pre[class*=language-] .style .token.string,.w-tc-editor code[class*=language-] .token.entity,.w-tc-editor pre[class*=language-] .token.entity,.w-tc-editor code[class*=language-] .token.property,.w-tc-editor pre[class*=language-] .token.property,.w-tc-editor code[class*=language-] .token.operator,.w-tc-editor pre[class*=language-] .token.operator,.w-tc-editor code[class*=language-] .token.url,.w-tc-editor pre[class*=language-] .token.url{color:var(--color-prettylights-syntax-constant)}.w-tc-editor code[class*=language-] .token.atrule,.w-tc-editor pre[class*=language-] .token.atrule,.w-tc-editor code[class*=language-] .token.property-access .token.method,.w-tc-editor pre[class*=language-] .token.property-access .token.method,.w-tc-editor code[class*=language-] .token.keyword,.w-tc-editor pre[class*=language-] .token.keyword{color:var(--color-prettylights-syntax-keyword)}.w-tc-editor code[class*=language-] .token.function,.w-tc-editor pre[class*=language-] .token.function{color:var(--color-prettylights-syntax-string)}.w-tc-editor code[class*=language-] .token.important,.w-tc-editor pre[class*=language-] .token.important,.w-tc-editor code[class*=language-] .token.regex,.w-tc-editor pre[class*=language-] .token.regex,.w-tc-editor code[class*=language-] .token.variable,.w-tc-editor pre[class*=language-] .token.variable{color:var(--color-prettylights-syntax-string-regexp)}.w-tc-editor code[class*=language-] .token.bold,.w-tc-editor pre[class*=language-] .token.bold,.w-tc-editor code[class*=language-] .token.important,.w-tc-editor pre[class*=language-] .token.important{color:var(--color-prettylights-syntax-markup-bold)}.w-tc-editor code[class*=language-] .token.tag,.w-tc-editor pre[class*=language-] .token.tag{color:var(--color-prettylights-syntax-entity-tag)}.w-tc-editor code[class*=language-] .token.attr-value,.w-tc-editor pre[class*=language-] .token.attr-value,.w-tc-editor code[class*=language-] .token.attr-name,.w-tc-editor pre[class*=language-] .token.attr-name{color:var(--color-prettylights-syntax-constant)}.w-tc-editor code[class*=language-] .token.selector .class,.w-tc-editor pre[class*=language-] .token.selector .class,.w-tc-editor code[class*=language-] .token.class-name,.w-tc-editor pre[class*=language-] .token.class-name{color:var(--color-prettylights-syntax-entity)}.query-input{height:100%;overflow-y:auto;background-color:var(--md3-secondary);padding:0 20px;margin:20px}.query-input .code-editor{border-left:2px solid var(--md3-secondary-light)}.problem-view{display:flex;flex-direction:column;background-color:var(--md3-background);height:100dvh}.problem-view .title{height:3dvh;text-align:center;box-shadow:0 1px 3px #0000004d;z-index:1}.problem-view .title h4{font-size:.95rem}.problem-view .message-log-view-1{height:44dvh}.problem-view .message-log-view-1 ::-webkit-scrollbar{width:6px}.problem-view .message-log-view-1 ::-webkit-scrollbar-track{background:var(--md3-secondary-light)}.problem-view .message-log-view-1 ::-webkit-scrollbar-thumb{background-color:var(--md3-secondary)}.problem-view .sql-console-view{height:54dvh}:root{--md3-primary: #2962ff;--md3-primary-light: #82b1ff;--md3-primary-dark: #0039cb;--md3-secondary: #37474f;--md3-secondary-light: #62727b;--md3-secondary-dark: #102027;--md3-surface: #ffffff;--md3-background: #f5f5f5;--md3-border: #e0e0e0;--md3-on-primary: #ffffff;--md3-on-secondary: #ffffff;--md3-on-surface: #000000;--md3-on-background: #37474f;--md3-error: #d32f2f;--md3-success: #388e3c;--md3-font-family: "Quicksand", "Arial", sans-serif;--md3-font-size-base: 16px;--md3-line-height: 1.5}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--md3-font-family);font-weight:400;font-size:var(--md3-font-size-base);line-height:var(--md3-line-height);color:var(--md3-on-background);background-color:#081013}a{color:var(--md3-primary);text-decoration:none}a:hover{color:var(--md3-primary-dark)}button{background-color:var(--md3-primary);color:var(--md3-on-primary);border:none;cursor:pointer;transition:background-color .3s ease;font-family:Quicksand,Arial,sans-serif;font-weight:600;font-size:.8rem;border-radius:25px;max-width:30dvw;height:4dvh}@media (min-width: 1024px){button{max-width:250px}}button:hover{background-color:var(--md3-primary-dark)}button:disabled{background-color:var(--md3-primary-light);color:var(--md3-on-surface)}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background-color:var(--md3-surface);box-shadow:0 4px 6px #0000001a;border-radius:8px;padding:20px;margin-bottom:20px;border:1px solid var(--md3-border)}.card h2{color:var(--md3-on-surface);font-size:1.5rem;margin-bottom:10px}.card p{color:var(--md3-on-surface)}input,textarea{width:100%;padding:10px;margin-bottom:20px;border:1px solid var(--md3-border);border-radius:4px;background-color:var(--md3-surface)}input:focus,textarea:focus{outline:none;border-color:var(--md3-primary);box-shadow:0 0 4px var(--md3-primary)}label{color:var(--md3-on-background);margin-bottom:8px;display:block}h1,h2,h3,h4,h5,h6{color:var(--md3-on-background)}.text-center{text-align:center}.mb-1{margin-bottom:1rem}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}