@font-face{font-family:Inter;src:url(./Inter-Regular-COLGFB3M.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(./Inter-SemiBold-BAEEcJ4E.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--color-primary: #14A15B}body{font-family:Inter,sans-serif;background-color:#fff;padding:20px;overflow:scroll;color:#282928}h1{text-align:center;margin-bottom:50px;color:#282928;letter-spacing:6px}h2{margin-top:50px}div{-webkit-user-select:none;user-select:none}textarea{font-family:Inter;width:100%;padding:12px 10px 12px 15px;box-sizing:border-box;resize:none;border-radius:9px;border:1px solid #4182FF;scrollbar-width:none;font-size:16px}#headline{margin:0 auto;background-color:#fff}#headline h1{margin-bottom:32px;font-size:36px;font-weight:700;letter-spacing:-.025em;color:#14a15b;display:flex;align-items:center;justify-content:center;gap:12px}.sparkles-icon{width:40px;height:40px;color:gold;stroke:gold}#headline p{text-align:center;margin-top:16px;font-size:18px;max-width:48rem;margin-left:auto;margin-right:auto;color:#28292899}#section-container{display:flex;height:auto;justify-content:center}.section-control{position:fixed;top:0;width:70px;height:100%;background-color:gray}#section-control-left{left:0}#section-control-right{right:0}#sections{width:800px;margin:0}.section{display:none;opacity:.3;margin:50px 0;padding:25px;border:1px solid #14A15B;border-radius:10px;box-shadow:5px 5px #14a15b;background-color:#fff;align-content:center;transition:opacity .3s}.section:hover{opacity:1;transition:opacity .3s}.section h2{margin:0;overflow:hidden;color:#282928}.section-head{display:flex;align-items:center;margin:0 0 20px;justify-content:left;gap:20px}.section-head p{margin:0}.section-head-img{height:44px}.section-active{opacity:1;transition:opacity .3s}.line-between{position:absolute;left:0;height:46px;width:5px;background-color:#fdb600;margin:-71px 50% 0}#line-between-first{background-color:#fdb600}.description{background-color:#14a15b;margin-top:40px;margin-bottom:30px;padding:5px;border:1px solid #14A15B;border-radius:7px;text-align:center;color:#fff}.data-option-container{display:grid;width:100%;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,auto);gap:10px;margin-bottom:20px}.column-header{padding:4px 0 8px;text-align:center;color:#2f496a;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.06em;border:none;border-bottom:2px solid #14A15B;border-radius:0}.data-option{padding:12px 8px;border:1px solid #4182FF;border-radius:7px;text-align:center;background-color:#fff;cursor:pointer;font-size:14px;line-height:1.3;transition:all .2s ease}.data-option:hover{background-color:#4182ff;color:#fff}.data-option-own{margin:20px auto 10px;padding:10px;min-width:15%;border:1px solid #4182FF;border-radius:7px;text-align:center;background-color:#fff;cursor:pointer}.data-option-selected{color:#fff;background-color:#14a15b}.data-option-own:hover{background-color:#4182ff;color:#fff}.load-button{margin-top:50px;padding:10px;width:100%;border:1px solid #14A15B;border-radius:7px;text-align:center;font-size:17px;color:#fff;background-color:#14a15b;cursor:pointer;font-family:Inter,sans-serif}.load-button:hover{background-color:#0f8e50}.amount{text-align:right;padding-right:15px;margin-top:10px}.example{width:80%;margin:-30px auto 35px;background-color:#14a15b1a;border-radius:0 0 7px 7px}.example p{padding:15px;text-align:center}#controls{margin:20px auto 0;width:255px;display:flex;align-items:center;gap:10px;justify-content:center}#ngramm-input{display:flex;flex-direction:column;align-items:center}#ngramm-inc,#ngramm-dec{border:1px solid #9d9d9d;width:56px;height:25px;cursor:pointer;text-align:center;background-color:#4182ff;border:1px solid #4182FF}#ngramm-inc:hover,#ngramm-dec:hover{background-color:#2e6ae6;color:#fff}#ngramm-inc{border-bottom:0;border-radius:4px 4px 0 0}#ngramm-dec{border-top:0;border-radius:0 0 4px 4px}#nValue{height:30px;width:52px;text-align:center;font-size:17px;border:1px solid #4182FF;border-radius:0}#model-output{font-family:Courier New;line-height:25px}#model-stats{display:flex;margin:10px 0;padding:0 15px;justify-content:space-between}#model-stats p{margin:0;padding:0}#generated-text .description{margin:20px auto 40px}#data-statistics{display:flex;flex-direction:column;gap:20px;margin:20px 10px}.data-stats{display:flex;flex-direction:column;gap:10px}.stats-header{display:flex;gap:10px;margin-top:0}.stats-header p{margin:0}.bar-container{width:100%;height:24px;background:#eee;border:1px solid #ccc;border-radius:13px;overflow:hidden;margin:0}.bar-fill{height:100%;width:0;border-radius:13px;background-color:#14a15b;transition:width 3.5s ease}.bar-label{font-weight:700;margin:0 0 0 20px;width:170px;text-align:right}.tooltip-container{position:relative;display:inline-block}.tooltip-button{height:20px;cursor:pointer}.tooltip-box{position:absolute;left:calc(100% + 10px);top:0;background-color:#f9f9f9;border:1px solid #ccc;padding:8px 12px;border-radius:6px;box-shadow:0 2px 8px #00000026;width:200px;z-index:100;display:none}#reset_Btn{background-color:#e34739;color:#fff;border:1px solid #E34739}#reset_Btn:hover{background-color:#c53a2f}#material-teachers{display:none;flex-direction:column;justify-content:space-between;position:fixed;bottom:50px;left:-1px;width:225px;padding:20px;border:1px solid #14A15B;border-radius:0 8px 8px 0;gap:20px;background:#fff;box-shadow:3px 3px 8px #cacaca;transition:box-shadow .3s}#material-teachers:hover{box-shadow:3px 3px 8px #8a8a8a;transition:box-shadow .3s}#material-header{display:flex;align-items:center;justify-content:space-between}#material-header h2{font-size:17px;font-weight:700;margin:0}#material-header img{height:15px;opacity:.7;cursor:pointer}#material-links-container{display:flex;flex-direction:column;align-items:flex-start;gap:10px}#material-links-container a{text-decoration:none;color:#282928;text-align:center;cursor:pointer}#material-links-container a:hover{color:#4182ff}#training-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999}#training-modal-title{margin:10px auto 45px;color:#282928}#training-modal-content{background-color:#fff;padding:35px 40px 30px;border:1px solid #14A15B;border-radius:12px;box-shadow:5px 5px #14a15b;min-width:400px;max-width:90vw;min-height:230px;text-align:center}#training-animation{margin:30px auto 20px;font-size:1.3em;font-family:Courier New,monospace;word-break:break-all;background:#14a15b;border:1px solid #14A15B;border-radius:5px;padding:9px;width:430px;color:#fff}.ngram{background:#fdb600;border-radius:4px;padding:2px 4px;color:#282928}.nextchar{background:#14a15b;border-radius:4px;padding:2px 4px;margin-left:2px;color:#fff}#training-modal-bottom-container{height:123px;display:flex;flex-direction:column;align-items:center;justify-content:end}#close-training-modal{margin-top:10px;padding:8px 24px;font-size:1em;border-radius:6px;border:1px solid #14A15B;background:#14a15b;color:#fff;cursor:pointer}#close-training-modal:hover{background:#0f8e50;color:#fff}#close-training-modal:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.data-option-container{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.data-option{padding:10px 6px;font-size:13px}}@media (max-width: 480px){.data-option-container{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px}.data-option{padding:8px 4px;font-size:12px}}