@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display:wght@400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,700;1,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500;700&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css);.yt-lite{background-color:#000;background-position:50%;background-size:cover;contain:content;cursor:pointer;display:block;position:relative}.yt-lite.lyt-activated:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);background-position:top;background-repeat:repeat-x;box-sizing:initial;content:"";display:block;height:60px;padding-bottom:50px;position:absolute;top:0;transition:all .2s cubic-bezier(0,0,.2,1);width:100%}.yt-lite:after{content:"";display:block;padding-bottom:var(--aspect-ratio)}.yt-lite>iframe{height:100%;left:0;position:absolute;top:0;width:100%}.yt-lite>.lty-playbtn{background-color:#212121;border-radius:14%;height:46px;opacity:.8;transition:all .2s cubic-bezier(0,0,.2,1);width:70px;z-index:1}.yt-lite:hover>.lty-playbtn{background-color:red;opacity:1}.yt-lite>.lty-playbtn:before{border-color:#0000 #0000 #0000 #fff;border-style:solid;border-width:11px 0 11px 19px;content:""}.yt-lite>.lty-playbtn,.yt-lite>.lty-playbtn:before{left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0)}.yt-lite.lyt-activated{cursor:inherit}.yt-lite.lyt-activated:before,.yt-lite.lyt-activated>.lty-playbtn{opacity:0;pointer-events:none}.modal-overlay{align-items:center;animation:fadeIn .3s;background:#000000d9;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-overlay.closing{animation:fadeOut .3s forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.modal-content{align-items:center;animation:contentFadeIn .3s;display:flex;justify-content:center;max-height:90%;max-width:90%;position:relative}.modal-overlay.closing .modal-content{animation:contentFadeOut .3s forwards}@keyframes contentFadeIn{0%{opacity:0}to{opacity:1}}@keyframes contentFadeOut{0%{opacity:1}to{opacity:0}}.modal-close{font-size:24px;position:absolute;right:20px;top:20px;z-index:1001}@media only screen and (max-width:768px){.modal-content{max-height:95%;max-width:95%}.modal-close{right:10px;top:10px}}body{--baby-blue-eyes:#b1cffb;--charcoal:#4a5160;--cultured:#ececec;--fire-engine-red:#cf2b2b;--flickr-blue:#0c65eb;--harvest-gold:#c98206;--light-grey:#c6c9cb;--sea-green:#288541;--medium-jungle:#4caf50;--slate-grey:#767b85;--raisin-black:#22222e;--roman-silver:#8a8f9a;--platinum:#d2d7da;--space-cadet:#20335e;--gunmetal:#2a3244;--white:#fff;--dm-serif-display:"DM Serif Display";--nunito:"Nunito";--source-code-pro:"Source Code Pro";--svg-flickr-blue:invert(24%) sepia(90%) saturate(2438%) hue-rotate(211deg) brightness(95%) contrast(95%);--svg-raisin-black:invert(10%) sepia(25%) saturate(643%) hue-rotate(201deg) brightness(93%) contrast(90%);--svg-white:invert(100%) sepia(100%) saturate(0%) hue-rotate(65deg) brightness(106%) contrast(102%);--msg-size:calc(14px + 1vmin);--page-width:768px;--background:var(--raisin-black);--foreground:var(--white);--backgroundAccent:var(--gunmetal);--darkGrey:var(--charcoal);--lightGrey:var(--light-grey);--primary:var(--flickr-blue);--primary-contrast:var(--white);--primary-light:var(--baby-blue-eyes);--svg-primary:var(--svg-flickr-blue);--svg-primary-contrast:var(--svg-white);--svg-foreground:var(--svg-white);--ripple:var(--space-cadet);--title-font:var(--dm-serif-display);--body-font:var(--nunito);--blog-font:var(--nunito);--mono-font:var(--source-code-pro);--error:var(--fire-engine-red);--success:var(--medium-jungle);--warning:var(--harvest-gold);--disabled:var(--roman-silver);--error-bg:#cf2b2b1a;--success-bg:#4caf501a;--warning-bg:#c982061a;--size1:8px;--size2:16px;--size3:24px;--size4:32px;--size5:40px}body.light{--background:var(--cultured);--backgroundAccent:var(--platinum);--foreground:var(--raisin-black);--darkGrey:var(--light-grey);--lightGrey:var(--charcoal);--ripple:var(--baby-blue-eyes);--disabled:var(--slate-grey);--svg-foreground:var(--svg-raisin-black)}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}a{-webkit-tap-highlight-color:transparent;transition:color .3s}a,body{color:var(--foreground)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background);font-family:var(--body-font),-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;margin:0;text-align:left;transition:color .3s,background .3s}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:var(--background);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--disabled);border:2px solid var(--background);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--lightGrey)}::-webkit-scrollbar-corner{background:var(--background)}*{scrollbar-color:var(--disabled) var(--background);scrollbar-width:thin}.a-center{align-items:center}.m1{margin:var(--size1)}.m2{margin:var(--size2)}.m3{margin:var(--size3)}.ml1{margin-left:var(--size1)}.ml2{margin-left:var(--size2)}.ml3{margin-left:var(--size3)}.mlauto{margin-left:auto}.mr1{margin-right:var(--size1)}.mr2{margin-right:var(--size2)}.mr3{margin-right:var(--size3)}.mrauto{margin-right:auto}.mb1{margin-bottom:var(--size1)}.mb2{margin-bottom:var(--size2)}.mb3{margin-bottom:var(--size3)}.mt1{margin-top:var(--size1)}.mt2{margin-top:var(--size2)}.mt3{margin-top:var(--size3)}.p1{padding:var(--size1)}.p2{padding:var(--size2)}.p3{padding:var(--size3)}.pl1{padding-left:var(--size1)}.pl2{padding-left:var(--size2)}.pl3{padding-left:var(--size3)}.pr1{padding-right:var(--size1)}.pr2{padding-right:var(--size2)}.pr3{padding-right:var(--size3)}.pb1{padding-bottom:var(--size1)}.pb2{padding-bottom:var(--size2)}.pb3{padding-bottom:var(--size3)}.pt1{padding-top:var(--size1)}.pt2{padding-top:var(--size2)}.pt3{padding-top:var(--size3)}.px2{padding-left:var(--size2);padding-right:var(--size2)}.full-width{width:100%}.row{flex-direction:row}.column,.row{display:flex;justify-content:flex-start}.column{flex-direction:column}.no-select{-webkit-touch-callout:none;cursor:default;-webkit-user-select:none;user-select:none}.pointer{cursor:pointer}.opacity-hover{transition:opacity .3s}.opacity-hover:hover{opacity:.6}.primary{background:var(--primary);color:var(--primary-contrast)}.disabled-color{color:var(--disabled)}.bold{font-weight:700}.big-margin{margin-bottom:56px;margin-top:80px}.divider{border-top:2px solid var(--primary);margin-bottom:var(--size2);margin-top:var(--size2);width:100%}.error-box{background-color:var(--error);border-radius:var(--size1);color:var(--white);font-size:var(--size3);padding:var(--size3)}.container{margin:auto;margin-top:var(--size3);max-width:var(--page-width)}.body,.container{align-items:center;display:flex;flex-direction:column}.body{padding:var(--size3)}.header-pad{padding-top:80px}.header{background-color:var(--primary);height:80px;left:0;position:fixed;top:0;width:100%;z-index:1}.header,.header a{color:var(--primary-contrast)}.header .icon,.header .link{align-items:center;color:var(--primary-light);display:flex;margin-right:var(--size2);transition:color .3s}.header .icon{width:20px}.header .row-container{display:flex;justify-content:space-between;margin:var(--size1)}.header .logo{height:60px}.header .logo-parent{display:block}.header .link{font-size:var(--size2);margin-right:var(--size3);text-decoration:none}.header .icon:hover,.header .link:hover{color:var(--primary-contrast)}.header .link:first-child{margin-left:var(--size2)}.header .link.selected{color:var(--primary-contrast);font-weight:700}.logo{filter:var(--svg-primary-contrast);height:40vmin}.big-logo,.logo{pointer-events:none}.big-logo{filter:var(--svg-foreground);height:30vmin;max-height:200px}.logo-text,.logo-text .h1{font-size:var(--size3);text-decoration:none}@media only screen and (max-width:1000px){.container{max-width:100%}.logo-text{display:none}.big-margin{margin-bottom:16px;margin-top:16px}}.tagline{font-size:1.2em;font-weight:lighter;margin-top:var(--size1);text-align:center}.title{font-size:2.4em}.h1{font-size:1.8em}.h1,.left-header,.title{font-family:var(--title-font)}.left-header{font-size:1.8em;margin-right:auto}.countdown .days{font-size:48px}.countdown .phrase{font-size:20px;text-align:center;width:350px}.countdown img{height:350px;width:350px}@media only screen and (min-width:1000px){.countdown .days{font-size:64px}.countdown img{height:1024px;width:1024px}.countdown .phrase{font-size:36px;width:1024px}}@media only screen and (max-width:1000px){.left-header{margin-left:var(--size3)}}.row .content{align-items:center;display:flex;width:100%}.row .content .rowTitle{font-family:var(--title-font);font-size:24px;margin-bottom:8px}.row img{width:70px}.row .toolbar{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;width:60px}.gallery .row{cursor:pointer;transition:background-color .3s}.gallery .row:hover{background:var(--ripple)}.gallery .publish-date,.gallery .reading-time{margin-right:var(--size1)}.gallery .row .text{width:100%}.gallery .desc{color:var(--disabled);display:flex;justify-content:space-between}.gallery .link{margin-right:var(--size3)}@media only screen and (max-width:1000px){.gallery{width:100%}.gallery>div:first-child{border-top:1px solid var(--darkGrey);transition:border-top .3s}.gallery .row{align-items:center;border-bottom:1px solid var(--darkGrey);height:120px;transition:border-bottom .3s}.gallery .row .content{height:100%}.gallery .row:active{background:var(--ripple)}.gallery .text{padding-left:var(--size3);padding-right:var(--size1)}.gallery .toolbar{height:100%}.gallery .row img{margin-left:var(--size2)}.blog.gallery .desc{margin-top:var(--size2)}.gallery .link{display:none}}@media only screen and (min-width:1000px){.gallery{margin-bottom:var(--size3);width:var(--page-width)}.gallery img{padding:var(--size2)}.gallery .toolbar .icon{color:var(--primary-contrast)}.gallery .row{border-radius:var(--size2);margin-top:var(--size2)}.gallery .row:first-child{margin-top:0}.gallery .row{background-color:var(--backgroundAccent)}.gallery .content{border:none;border-radius:15px}.gallery .row .text{padding:var(--size2)}.gallery .toolbar{background:var(--primary);border-bottom-right-radius:12px;border-top-right-radius:12px}}.article.blog{font-family:var(--blog-font)}.article.blog li,.article.blog p{font-size:large;line-height:28px}.article mjx-container{overflow-x:auto;overflow-y:hidden}.article img+em,.article mjx-container+em{display:block;font-size:medium;text-align:center}.article blockquote{box-shadow:inset 3px 0 0 0 var(--disabled);color:var(--disabled);font-style:italic;margin-left:0;padding-left:20px}.article pre{font-size:small;overflow:auto}.article code,.article pre{font-family:var(--mono-font),"Courier New",monospace}.article .has-image{text-align:center}.article li,.article p{line-height:var(--size3)}.article h1{font-size:1.6em;margin-bottom:var(--size4);margin-top:var(--size4)}.article h2{font-size:1.4em}.article h2,.article h3{font-style:italic;margin-bottom:var(--size3);margin-top:var(--size3)}.article h3{color:var(--light-grey);font-size:1.2em}.article blockquote{color:var(--lightGrey)}.article-parent .h1{font-size:2em;margin-top:var(--size1)}.article-parent .byline,.article-parent .h1.no-byline{border-bottom:2px solid var(--primary);padding-bottom:var(--size2)}.article-parent .byline{display:flex;justify-content:space-between;margin-top:var(--size2)}.article-parent .byline .author{font-weight:700;margin-right:var(--size2)}.article-parent .byline .publish-date,.article-parent .byline .reading-time{color:var(--disabled)}.article-parent .byline>span:not(:first-child){margin-left:var(--size4)}.article-parent .article{margin-top:var(--size4)}.article .img-container{text-align:center}.article .img-container img{max-width:100%}@media only screen and (min-width:1000px){.article pre{max-height:500px;max-width:var(--page-width)}}@media only screen and (max-width:1000px){.article-parent{margin-bottom:var(--size3);margin-left:var(--size3);margin-right:var(--size3);width:calc(100% - 48px)}.article pre{max-height:400px}}.android-tests-page.container{max-width:1400px}.android-tests-page .body{max-width:1400px;padding:var(--size3)}.android-tests-list{width:100%}.android-tests-list h1{color:var(--foreground);font-family:var(--title-font);font-size:2.5rem;margin-bottom:var(--size3)}.test-filters{display:flex;flex-wrap:wrap;gap:var(--size2);margin-bottom:var(--size3)}.filter-input{background:var(--backgroundAccent);border:1px solid var(--darkGrey);border-radius:8px;color:var(--foreground);flex:1 1;font-family:var(--body-font);font-size:1rem;min-width:200px;padding:var(--size2)}.filter-input::placeholder,.test-count{color:var(--disabled)}.test-count{font-size:.9rem;margin-bottom:var(--size2)}.tests-grid{grid-gap:var(--size3);display:grid;gap:var(--size3);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:var(--size3)}.test-card{background:var(--backgroundAccent);border-left:4px solid var(--primary);border-radius:12px;cursor:pointer;padding:var(--size3);transition:transform .2s,box-shadow .2s}.test-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-4px)}.test-card.success{border-left-color:var(--success)}.test-card.failure{border-left-color:var(--error)}.test-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--size2)}.test-card-header h3{color:var(--foreground);flex:1 1;font-family:var(--body-font);font-size:1.2rem;margin:0;overflow-wrap:anywhere}.status-badge{border-radius:12px;font-size:.75rem;font-weight:700;padding:4px 12px;white-space:nowrap}.status-badge.success{background:var(--success);color:#fff}.status-badge.failure{background:var(--error);color:#fff}.status-badge.large{font-size:1rem;padding:8px 16px}.test-card-body{color:var(--foreground)}.test-meta{display:flex;flex-direction:column;gap:var(--size1);margin-bottom:var(--size2)}.test-app{color:var(--primary);font-weight:700}.test-date{color:var(--disabled);font-size:.85rem}.test-stats{color:var(--lightGrey);display:flex;font-size:.85rem;gap:var(--size2)}.test-detail{animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.test-detail-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--size2);justify-content:space-between;margin-bottom:var(--size3)}.test-detail-header h1{color:var(--foreground);font-family:var(--title-font);font-size:2.5rem;margin:0}.test-detail-meta{grid-gap:var(--size2);background:var(--backgroundAccent);border-radius:12px;display:grid;gap:var(--size2);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--size4);padding:var(--size3)}.meta-item{color:var(--foreground)}.meta-item strong{margin-right:var(--size1)}.test-section{background:var(--backgroundAccent);border-radius:12px;margin-bottom:var(--size4);padding:var(--size3)}.test-assessment-recording-row{grid-gap:var(--size3);display:grid;gap:var(--size3);grid-template-columns:1fr 1fr;margin-bottom:var(--size4)}.test-assessment-recording-row .test-section{margin-bottom:0}.test-assessment h2{color:var(--foreground);font-family:var(--title-font);font-size:1.8rem;margin-bottom:var(--size2);margin-top:0}.assessment-text{background:var(--background);border-radius:8px;overflow-x:auto;padding:var(--size3)}.test-screenshots h2{color:var(--foreground);font-family:var(--title-font);font-size:1.8rem;margin-bottom:var(--size3)}.screenshot-steps-grid{grid-gap:var(--size3);display:grid;gap:var(--size3);grid-template-columns:repeat(6,1fr)}.screenshot-step{background:var(--backgroundAccent);border-radius:12px;padding:var(--size3)}.step-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--size1);justify-content:space-between;margin-bottom:var(--size2)}.step-header h3{font-family:var(--body-font);font-size:1.2rem;margin:0}.step-time{color:var(--disabled);font-size:.85rem}.step-params{background:var(--background);border-radius:8px;margin-bottom:var(--size2);padding:var(--size2)}.step-params strong{color:var(--primary);margin-right:var(--size1)}.step-params code{color:var(--foreground);display:block;font-family:var(--mono-font),"Courier New",monospace;font-size:.85rem;margin-top:var(--size1);white-space:pre-wrap}.screenshot-image{border-radius:8px;box-shadow:0 2px 8px #0000004d;height:auto;margin-top:var(--size2);transition:transform .2s;width:100%}.screenshot-image:hover{transform:scale(1.02)}.modal-image{border-radius:12px;box-shadow:0 8px 32px #00000080;max-height:90vh;max-width:100%}.loading{color:var(--foreground);font-size:1.2rem;padding:var(--size4);text-align:center}@media only screen and (min-width:1024px){.android-tests-page .body{box-sizing:border-box;padding-left:var(--size4);padding-right:var(--size4);width:100%}}@media only screen and (max-width:1024px){.screenshot-steps-grid{grid-template-columns:1fr}.test-detail-header h1{font-size:1.8rem}.test-assessment h2,.test-screenshots h2{font-size:1.4rem}.test-assessment-recording-row{grid-template-columns:1fr}.test-recording video{min-width:0;min-width:auto}.tests-grid{grid-template-columns:1fr}.android-tests-page .left-header{margin-left:0}}.sql-trainer-page.container{align-items:stretch;margin:0;max-width:100%;width:100%}.sql-trainer-page .body{align-items:stretch;display:flex;flex-direction:row;gap:0;max-width:100%;min-height:100vh;padding:0;position:relative;width:100%}.sql-trainer-sidebar{background:var(--backgroundAccent);border-right:1px solid var(--darkGrey);flex-shrink:0;padding:var(--size3) 0;width:220px}.sql-trainer-sidebar-title{color:var(--disabled);font-size:.75rem;font-weight:700;letter-spacing:.1em;padding:0 var(--size3) var(--size2);text-transform:uppercase}.sql-trainer-sidebar-item{border-left:3px solid #0000;color:var(--foreground);cursor:pointer;display:block;padding:var(--size2) var(--size3);text-decoration:none;transition:background .2s ease}.sql-trainer-sidebar-item:hover{background:var(--background)}.sql-trainer-sidebar-item.active{background:var(--background);border-left-color:var(--primary);font-weight:700}.sql-trainer-sidebar-item-name{display:block;font-size:.95rem;margin-bottom:4px}.sql-trainer-sidebar-item-count{color:var(--disabled);display:block;font-size:.75rem}.sql-trainer-content{flex:1 1;min-width:0;overflow-x:hidden;padding:var(--size3) var(--size4)}.sql-trainer-schema-chat-split{align-self:stretch;background:var(--backgroundAccent);border-left:1px solid var(--darkGrey);display:flex;flex-direction:column;flex-shrink:0;max-height:100vh;position:sticky;top:0;width:340px}.schema-chat-split-schema{border-bottom:1px solid var(--darkGrey);flex:0 0 40%;overflow-y:auto;padding:var(--size3)}.sql-trainer-schema-chat-split.chat-closed .schema-chat-split-schema{border-bottom:none;flex:1 1}.schema-chat-split-chat{display:flex;flex:0 0 auto;flex-direction:column;overflow:hidden}.schema-chat-split-chat.open{flex:1 1}@media (min-width:1400px){.sql-trainer-content{padding:var(--size4) var(--size5)}.sql-trainer-sidebar{width:260px}.sql-trainer-schema-chat-split{width:600px}}.sql-trainer-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--size2);justify-content:space-between}.sql-trainer-subtitle{color:var(--disabled);font-size:.875rem;letter-spacing:.1em;text-transform:uppercase}.sql-trainer-header-status{align-items:flex-end;display:flex;flex-direction:column;gap:var(--size1)}.sql-trainer-status{align-items:center;background:var(--backgroundAccent);border-radius:4px;display:flex;font-size:.875rem;gap:var(--size1);padding:var(--size1) var(--size2)}.status-loading{color:var(--warning)}.sql-trainer-timer{align-items:center;background:var(--backgroundAccent);border-radius:4px;color:var(--foreground);display:flex;font-family:var(--mono-font),"Courier New",monospace;font-size:1.25rem;font-weight:700;gap:var(--size1);padding:var(--size1) var(--size2)}.sql-trainer-timer.timer-warning{color:var(--warning)}.sql-trainer-timer.timer-expired{color:var(--error)}.sql-test-selector{display:none}.schema-reference{background:var(--background);border:1px solid var(--darkGrey);border-radius:4px}.schema-chat-split-schema .schema-reference{background:#0000;border:none;border-radius:0}.schema-reference-title{border-bottom:1px solid var(--darkGrey);color:var(--disabled);font-size:.875rem;font-weight:700;letter-spacing:.1em;margin-bottom:var(--size2);padding-bottom:var(--size2);text-transform:uppercase}.schema-reference summary{color:var(--foreground);cursor:pointer;font-weight:700;list-style:none;padding:var(--size2) var(--size3);-webkit-user-select:none;user-select:none}.schema-reference summary::-webkit-details-marker{display:none}.schema-reference[open] summary{border-bottom:1px solid var(--darkGrey)}.schema-reference-body{background:#0000;padding:var(--size2) 0}.schema-tables{gap:var(--size3);max-height:calc(100vh - 200px);overflow-y:auto;padding:0 var(--size2)}.schema-table,.schema-tables{display:flex;flex-direction:column}.schema-table{border-bottom:1px solid var(--darkGrey);gap:var(--size1);padding-bottom:var(--size3)}.schema-table:last-child{border-bottom:none;padding-bottom:0}.schema-table-name{color:var(--foreground);font-family:var(--mono-font),"Courier New",monospace;font-size:.9rem;font-weight:700;margin-bottom:4px}.schema-columns{display:flex;flex-direction:column;gap:4px;padding-left:var(--size2)}.schema-column{display:flex;flex-direction:row;font-family:var(--mono-font),"Courier New",monospace;font-size:.85rem;gap:var(--size1);line-height:1.4}.schema-column-name{color:var(--foreground);font-weight:500}.schema-column-type{color:var(--disabled);font-size:.85rem}.schema-sql{color:var(--foreground);font-family:var(--mono-font),"Courier New",monospace;font-size:.875rem;overflow-x:auto}.schema-note,.schema-sql{background:var(--background);border-radius:4px;line-height:1.5;padding:var(--size2)}.schema-note{border-left:3px solid var(--primary);color:var(--disabled);font-size:.75rem;margin-top:var(--size3)}.schema-note code{background:var(--backgroundAccent);border-radius:3px;color:var(--foreground);font-family:var(--mono-font),"Courier New",monospace;font-size:.85em;padding:2px 6px}.question-tabs{border-bottom:1px solid var(--darkGrey);flex-wrap:wrap}.question-tab,.question-tabs{display:flex;gap:var(--size1)}.question-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--foreground);cursor:pointer;font-family:inherit;font-size:.875rem;padding:var(--size2) var(--size3);transition:all .2s ease}.question-tab:hover{background:var(--backgroundAccent)}.question-tab.active{border-bottom-color:var(--primary);color:var(--primary);font-weight:700}.question-tab-num{font-size:1rem;font-weight:700}.question-tab-difficulty{color:var(--disabled);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.question-tab.active .question-tab-difficulty{color:var(--primary)}.question-display{background:var(--backgroundAccent);border-left:4px solid var(--primary);border-radius:8px;box-sizing:border-box;max-width:100%;padding:var(--size3);width:100%}.question-difficulty-badge{background:var(--primary);border-radius:4px;color:var(--primaryContrast);display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:var(--size2);padding:var(--size1) var(--size2);text-transform:uppercase}.question-text{color:var(--foreground);font-size:1.05rem;line-height:1.7;white-space:pre-wrap}@media (min-width:1400px){.question-text{font-size:1.1rem}}.question-text code{background:var(--background);border-radius:2px;color:var(--primary);font-family:var(--mono-font),"Courier New",monospace;font-size:.95rem;padding:2px 6px}.question-hint{background:var(--background);border-left:3px solid var(--warning);border-radius:4px;color:var(--foreground);font-size:.9rem;margin-top:var(--size2);padding:var(--size2)}.sql-editor-container{background:var(--background);border:1px solid var(--darkGrey);border-radius:8px;overflow:hidden;transition:border-color .3s ease}.sql-editor-container.success{border-color:var(--success)}.sql-editor-container.error{border-color:var(--error)}.sql-editor-container.warning{border-color:var(--warning)}.sql-editor-header{align-items:center;background:var(--backgroundAccent);border-bottom:1px solid var(--darkGrey);display:flex;justify-content:space-between;padding:var(--size1) var(--size2)}.sql-editor-label{color:var(--foreground);font-size:.875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.sql-editor-hint{color:var(--disabled);font-family:var(--mono-font),"Courier New",monospace;font-size:.75rem}.sql-editor-wrapper{background:var(--background);max-height:600px;min-height:300px;overflow:auto}.sql-editor{background:var(--background);border:none;color:var(--foreground);font-family:var(--mono-font),"Courier New",monospace;font-size:.95rem;line-height:1.6;outline:none;tab-size:2;width:100%}.sql-editor>pre,.sql-editor>textarea{background:#0000!important;border:none!important;margin:0!important;outline:none!important}.sql-editor>textarea{color:var(--foreground)!important}.sql-editor .token.comment{color:var(--disabled)}.sql-editor .token.keyword{color:var(--primary);font-weight:700}.sql-editor .token.string{color:var(--success)}.sql-editor .token.number{color:var(--warning)}.sql-editor .token.operator,.sql-editor .token.punctuation{color:var(--foreground)}.sql-editor .token.function{color:var(--primary)}@media (min-width:1400px){.sql-editor-wrapper{min-height:350px}.sql-editor{font-size:1rem}}.sql-editor:disabled{cursor:not-allowed;opacity:.6}.sql-editor::placeholder{color:var(--disabled)}.sql-controls{flex-wrap:wrap;gap:var(--size2)}.sql-button,.sql-controls{align-items:center;display:flex}.sql-button{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:700;gap:var(--size1);padding:var(--size2) var(--size3);transition:all .2s ease}.sql-button.primary{background:var(--primary);color:var(--primaryContrast)}.sql-button.primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.sql-button.secondary{background:var(--backgroundAccent);border:1px solid var(--darkGrey);color:var(--foreground)}.sql-button.secondary:hover:not(:disabled){background:var(--background);border-color:var(--foreground)}.sql-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.sql-error{background:var(--error-bg);border-left:4px solid var(--error);border-radius:4px;color:var(--foreground);font-family:var(--mono-font),"Courier New",monospace;font-size:.9rem;line-height:1.5;padding:var(--size2) var(--size3)}.sql-error strong{color:var(--error);display:block;font-size:.85rem;letter-spacing:.05em;margin-bottom:var(--size1);text-transform:uppercase}.sql-verdict{border-radius:4px;color:var(--foreground);font-family:var(--mono-font),"Courier New",monospace;font-size:.9rem;line-height:1.5;padding:var(--size2) var(--size3)}.sql-verdict-pass{background:var(--success-bg);border-left:4px solid var(--success)}.sql-verdict-fail{background:var(--error-bg);border-left:4px solid var(--error)}.sql-verdict-close{background:var(--warning-bg);border-left:4px solid var(--warning)}.sql-verdict strong{display:block;font-size:.85rem;letter-spacing:.05em;margin-bottom:var(--size1);text-transform:uppercase}.sql-verdict-pass strong{color:var(--success)}.sql-verdict-fail strong{color:var(--error)}.sql-verdict-close strong{color:var(--warning)}.verdict-banner{border:2px solid;border-radius:8px;padding:var(--size3)}.verdict-banner.verdict-pass{background:#2885411a;border-color:var(--success)}.verdict-banner.verdict-close{background:#c982061a;border-color:var(--warning)}.verdict-banner.verdict-fail{background:#cf2b2b1a;border-color:var(--fireEngineRed)}.verdict-header{align-items:center;display:flex;font-size:1.1rem;font-weight:700;gap:var(--size2);margin-bottom:var(--size2)}.verdict-icon{font-size:1.5rem}.verdict-banner.verdict-pass .verdict-icon,.verdict-banner.verdict-pass .verdict-label{color:var(--success)}.verdict-banner.verdict-close .verdict-icon,.verdict-banner.verdict-close .verdict-label{color:var(--warning)}.verdict-banner.verdict-fail .verdict-icon,.verdict-banner.verdict-fail .verdict-label{color:var(--fireEngineRed)}.verdict-message{color:var(--foreground);font-size:.95rem;font-weight:400}.verdict-diff{border-top:1px solid var(--darkGrey);margin-top:var(--size3);padding-top:var(--size3)}.verdict-diff-header{color:var(--foreground);font-weight:700;margin-bottom:var(--size2)}.verdict-diff-rows{display:flex;flex-direction:column;gap:var(--size2)}.diff-row{border-radius:4px;font-family:var(--mono-font),"Courier New",monospace;font-size:.85rem;padding:var(--size2)}.diff-row-match{background:#2885410d;border-left:3px solid var(--success)}.diff-row-mismatch{background:#c982060d;border-left:3px solid var(--warning)}.diff-row-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--size1)}.diff-row-status{border-radius:4px;font-size:.75rem;padding:2px 8px}.diff-row-status.match{background:var(--success);color:#fff}.diff-row-status.mismatch{background:var(--warning);color:var(--raisinBlack)}.diff-row-content{flex-direction:column}.diff-row-content,.diff-row-expected,.diff-row-yours{display:flex;gap:var(--size1)}.diff-row-label{font-weight:700;min-width:80px}.diff-row-expected code,.diff-row-yours code{color:var(--foreground)}.results-table-container{background:var(--backgroundAccent);border:1px solid var(--darkGrey);border-radius:8px;overflow:hidden}.results-table-title{background:var(--background);border-bottom:1px solid var(--darkGrey);color:var(--foreground);font-size:.875rem;font-weight:700;letter-spacing:.1em;margin:0;padding:var(--size2) var(--size3);text-transform:uppercase}.results-table-wrapper{max-height:500px;overflow-x:auto}@media (min-width:1400px){.results-table-wrapper{max-height:600px}}.results-table{border-collapse:collapse;font-size:.875rem;width:100%}@media (min-width:1400px){.results-table{font-size:.9rem}}.results-table th{background:var(--primary);border-bottom:2px solid var(--darkGrey);color:var(--primaryContrast);font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:var(--size2);position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.results-table td{border-bottom:1px solid var(--darkGrey);color:var(--foreground);padding:var(--size2);white-space:nowrap}.results-table tr:last-child td{border-bottom:none}.results-empty,.results-table .null-value{color:var(--disabled);font-style:italic}.results-empty{padding:var(--size3);text-align:center}.results-table-footer{background:var(--background);border-top:1px solid var(--darkGrey);color:var(--disabled);font-size:.75rem;padding:var(--size1) var(--size2);text-align:right}.sql-results-grid{grid-gap:var(--size3);display:grid;gap:var(--size3);grid-template-columns:1fr 1fr}@media (min-width:1400px){.sql-results-grid{gap:var(--size4)}}.sql-trainer-footer{border-top:1px solid var(--darkGrey);color:var(--disabled);font-size:.875rem;padding-top:var(--size3);text-align:center}.sql-trainer-footer a{color:var(--primary);text-decoration:none}.sql-trainer-footer a:hover{text-decoration:underline}@media only screen and (max-width:1400px){.sql-trainer-sidebar{width:180px}.sql-trainer-schema-chat-split{width:300px}}@media only screen and (max-width:1200px){.sql-trainer-schema-chat-split{display:none}.sql-trainer-content{max-width:100%}}@media only screen and (max-width:900px){.sql-results-grid{grid-template-columns:1fr}.results-table-wrapper{max-height:400px}.sql-trainer-sidebar{display:none}.sql-trainer-page .body{display:block}.sql-trainer-content{padding:var(--size3)}.sql-test-selector{align-items:center;display:flex;gap:var(--size2);margin-bottom:var(--size3)}.sql-test-selector-label{color:var(--foreground);font-weight:700}.sql-test-selector-dropdown{background:var(--background);border:1px solid var(--darkGrey);border-radius:4px;color:var(--foreground);cursor:pointer;font-family:inherit;font-size:1rem;padding:var(--size1) var(--size2)}}@media only screen and (max-width:600px){.sql-trainer-content{padding:var(--size2)}.sql-trainer-header{align-items:flex-start;flex-direction:column}.question-tabs{flex-wrap:nowrap;overflow-x:auto}.sql-controls{flex-direction:column;width:100%}.sql-button{justify-content:center;width:100%}.results-table{font-size:.75rem}.results-table td,.results-table th{padding:var(--size1)}.diff-row{font-size:.75rem}}.chat-panel{background:var(--background);display:flex;flex-direction:column;height:100%}.chat-panel-header{align-items:center;background:var(--backgroundAccent);border-bottom:1px solid var(--darkGrey);display:flex;justify-content:space-between;padding:var(--size2) var(--size3);-webkit-user-select:none;user-select:none}.chat-panel-header-left{cursor:pointer;flex:1 1}.chat-panel-header-left:hover{opacity:.8}.chat-panel-header-right{align-items:center;display:flex;gap:var(--size2)}.chat-panel-title{color:var(--foreground);font-size:.875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.chat-panel-clear-button{align-items:center;background:#0000;border:none;color:var(--disabled);cursor:pointer;display:flex;padding:var(--size1);transition:color .2s ease}.chat-panel-clear-button:hover{color:var(--error)}.chat-panel-toggle{color:var(--disabled);cursor:pointer;padding:var(--size1);transition:transform .2s ease}.chat-panel-toggle:hover{color:var(--foreground)}.chat-panel-toggle.open{transform:rotate(180deg)}.chat-panel-messages{gap:var(--size2);overflow-y:auto;padding:var(--size3)}.chat-panel-empty,.chat-panel-messages{display:flex;flex:1 1;flex-direction:column}.chat-panel-empty{align-items:center;gap:var(--size3);justify-content:center;padding:var(--size4)}.chat-panel-empty-text{color:var(--disabled);font-size:.875rem;line-height:1.6;max-width:280px;text-align:center}.chat-panel-ask-button{align-items:center;background:var(--success);border:none;border-radius:8px;color:var(--white);cursor:pointer;display:flex;font-family:var(--body-font);font-size:.875rem;font-weight:700;gap:var(--size1);padding:var(--size2) var(--size3);transition:opacity .2s ease}.chat-panel-ask-button:hover:not(:disabled){opacity:.9}.chat-panel-ask-button:disabled{cursor:not-allowed;opacity:.5}.chat-panel-input{background:var(--backgroundAccent);border-top:1px solid var(--darkGrey);display:flex;gap:var(--size1);padding:var(--size2)}.chat-panel-input textarea{background:var(--background);border:1px solid var(--darkGrey);border-radius:4px;color:var(--foreground);flex:1 1;font-family:var(--body-font);font-size:.875rem;max-height:120px;min-height:60px;padding:var(--size1) var(--size2);resize:none}.chat-panel-input textarea:focus{border-color:var(--primary);outline:none}.chat-panel-input button{align-self:flex-end;background:var(--primary);border:none;border-radius:4px;color:var(--primaryContrast);cursor:pointer;font-weight:700;padding:var(--size1) var(--size2);transition:opacity .2s ease}.chat-panel-input button:hover:not(:disabled){opacity:.9}.chat-panel-input button:disabled{cursor:not-allowed;opacity:.5}.chat-message{display:flex;flex-direction:column;gap:var(--size1);max-width:85%}.chat-message.user{align-items:flex-end;align-self:flex-end}.chat-message.assistant{align-items:flex-start;align-self:flex-start}.chat-message-bubble{border-radius:8px;font-size:.875rem;line-height:1.5;padding:var(--size2);word-break:break-word}.chat-message.user .chat-message-bubble{background:var(--primary);border-bottom-right-radius:2px;color:var(--primaryContrast)}.chat-message.assistant .chat-message-bubble{background:var(--backgroundAccent);border:1px solid var(--darkGrey);border-bottom-left-radius:2px;color:var(--foreground)}.chat-message-bubble p{margin:0 0 var(--size2) 0}.chat-message-bubble p:last-child{margin-bottom:0}.chat-message-bubble ol,.chat-message-bubble ul{margin:0 0 var(--size2) 0;padding-left:var(--size3)}.chat-message-bubble ol:last-child,.chat-message-bubble ul:last-child{margin-bottom:0}.chat-message-bubble li{margin-bottom:var(--size1)}.chat-message-bubble code{background:var(--background);border-radius:3px;font-family:var(--mono-font);font-size:.85em;padding:2px 6px}.chat-message.user .chat-message-bubble code{background:#0003}.chat-message-bubble pre{border-radius:4px;margin:var(--size2) 0;overflow-x:auto}.chat-message-bubble pre:first-child{margin-top:0}.chat-message-bubble pre:last-child{margin-bottom:0}.chat-message-bubble strong{font-weight:700}.chat-message-bubble em{font-style:italic}.chat-message-bubble h1,.chat-message-bubble h2,.chat-message-bubble h3,.chat-message-bubble h4{font-weight:700;margin:var(--size2) 0 var(--size1) 0}.chat-message-bubble h1:first-child,.chat-message-bubble h2:first-child,.chat-message-bubble h3:first-child,.chat-message-bubble h4:first-child{margin-top:0}.chat-message-timestamp{color:var(--disabled);font-size:.7rem;padding:0 var(--size1)}.chat-loading{align-items:center;color:var(--disabled);display:flex;font-size:.875rem;gap:var(--size1);padding:var(--size2)}.chat-loading-dots{display:flex;gap:4px}.chat-loading-dot{animation:pulse 1.4s infinite;background:var(--disabled);border-radius:50%;height:6px;width:6px}.chat-loading-dot:nth-child(2){animation-delay:.2s}.chat-loading-dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.sql-button.llm{background:var(--success);color:var(--white)}.sql-button.llm:hover:not(:disabled){opacity:.9}.login-container{align-items:center;background:var(--background);display:flex;justify-content:center;min-height:100vh;padding:var(--size2)}.login-card{background:var(--primary);border-radius:var(--size1);box-shadow:0 4px 6px #0000001a;color:var(--primary-contrast);max-width:400px;padding:var(--size4);text-align:center;width:100%}.login-card h1{font-family:var(--title-font)}.login-logo{filter:var(--svg-primary-contrast);height:120px;margin-bottom:var(--size2);width:120px}.login-subtitle{color:var(--primary-light);margin-bottom:var(--size3)}.google-button-container{display:flex;justify-content:center;margin:var(--size3) 0}.login-error{background:var(--error-bg);border-radius:var(--size1);color:var(--error);margin-top:var(--size2);padding:var(--size2)}.login-loading{color:var(--primary-light);margin-top:var(--size2)}.user-section{align-items:center;display:flex;gap:var(--size2);margin-left:var(--size2)}.user-email{color:var(--foreground);font-size:var(--size2)}.logout-icon{color:var(--primary);cursor:pointer;transition:color .2s}.logout-icon:hover{color:var(--primary-hover)}.auth-loading{align-items:center;display:flex;flex-direction:column;gap:var(--size2);justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--disabled);border:4px solid var(--disabled);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{--light-base:#fafafa;--light-mono-1:#383a42;--light-mono-2:#686b77;--light-mono-3:#a0a1a7;--light-hue-1:#0184bb;--light-hue-2:#4078f2;--light-hue-3:#a626a4;--light-hue-4:#50a14f;--light-hue-5:#e45649;--light-hue-5-2:#c91243;--light-hue-6:#986801;--light-hue-6-2:#c18401;--dark-base:#282c34;--dark-mono-1:#abb2bf;--dark-mono-2:#818896;--dark-mono-3:#5c6370;--dark-hue-1:#56b6c2;--dark-hue-2:#61aeee;--dark-hue-3:#c678dd;--dark-hue-4:#98c379;--dark-hue-5:#e06c75;--dark-hue-5-2:#be5046;--dark-hue-6:#d19a66;--dark-hue-6-2:#e6c07b}.code-container{border-radius:.3em;direction:ltr;font-family:Fira Code,Fira Mono,Menlo,Consolas,DejaVu Sans Mono,monospace;-webkit-hyphens:none;hyphens:none;line-height:1.5;padding:1em 0;tab-size:2;text-align:left;transition:color .3s,background .3s;white-space:pre;word-break:normal;word-spacing:normal}.code-container .boolean,.code-container .builtin,.code-container .class-name,.code-container .comment,.code-container .decorator,.code-container .decorator.punctuation,.code-container .function,.code-container .keyword,.code-container .number,.code-container .operator,.code-container .punctuation{transition:color .3s}.code-container .last-of-line{padding-right:1em}.code-container>code{white-space:pre}.code-container .linenumber{font-style:italic}.article pre,.code-container{background:var(--dark-base)}.code-container{color:var(--dark-mono-1)}.code-container .comment{color:var(--dark-mono-3)}.code-container .builtin,.code-container .operator{color:var(--dark-hue-1)}.code-container .decorator,.code-container .decorator.punctuation,.code-container .function{color:var(--dark-hue-2)}.code-container .keyword{color:var(--dark-hue-3)}.code-container .string{color:var(--dark-hue-4)}.code-container .boolean,.code-container .number,.code-container .punctuation{color:var(--dark-hue-6)}.code-container .class-name{color:var(--dark-hue-6-2)}.light .article pre,.light .code-container{background:var(--light-base)}.light .code-container{color:var(--light-mono-1)}.light .code-container.light .comment{color:var(--light-mono-3)}.light .code-container .builtin,.light .code-container .operator{color:var(--light-hue-1)}.light .code-container .decorator,.light .code-container .decorator.punctuation,.light .code-container .function{color:var(--light-hue-2)}.light .code-container .keyword{color:var(--light-hue-3)}.light .code-container .string{color:var(--light-hue-4)}.light .code-container .boolean,.light .code-container .number,.light .code-container .punctuation{color:var(--light-hue-6)}.light .code-container .class-name{color:var(--light-hue-6-2)}
/*# sourceMappingURL=main.f76e227b.css.map*/