.app-wrapper{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.app-container{display:flex;justify-content:center;align-items:center;flex:1;padding:50px 20px;gap:40px}.app-container>div:last-child{min-width:200px}.main-content{flex-shrink:0;text-align:right;padding-top:10px}.main-text{font-size:36px;font-weight:400;color:#000;line-height:1.4;white-space:pre-wrap;letter-spacing:-.04em}.predictions-list{display:flex;flex-direction:column;gap:10px;padding-top:10px}.prediction-word-item{background:none;border:none;color:#000;font-size:36px;font-weight:400;cursor:pointer;padding:0;text-align:left;transition:background-color .2s ease,color .2s ease;display:flex;align-items:baseline;gap:8px;letter-spacing:-.04em}.word-text{font-size:36px;font-weight:400;letter-spacing:-.04em}.probability-text{font-size:18px;color:#000;font-weight:400}.prediction-word-item:hover .word-text{color:#fe8a2b}.prediction-word-item.highlighted{background-color:#fe8a2b;color:#000;padding:5px 10px;border-radius:9px;margin:0 -10px}.prediction-word-item.highlighted .word-text,.prediction-word-item.highlighted .probability-text{color:#000}.error-message{color:#e53e3e;background-color:#fed7d7;border:1px solid #fc8181;padding:10px 20px;border-radius:8px;margin-bottom:20px;font-size:.9rem}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#fe8a2b;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:20px auto}.loading-container{min-width:200px;display:flex;justify-content:center;align-items:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.prediction-word-item{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}.prediction-word-item.build-in{opacity:1;transform:translateY(0)}.prediction-word-item.build-delay-1{transition-delay:.2s}.prediction-word-item.build-delay-2{transition-delay:.4s}.main-text{transform:translate(0)}.main-text.slide-left{animation:slideLeft .5s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes slideLeft{0%{transform:translate(0)}to{transform:translate(-20px)}}.prediction-word-item.slide-out{animation:slideOutLeft .3s ease forwards}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-30px);opacity:0}}.word{display:inline;transition:color .3s ease}.word-highlight{color:#fe8a2b;animation:wordHighlight .8s ease}@keyframes wordHighlight{0%{color:#000}25%{color:#fe8a2b}75%{color:#fe8a2b}to{color:#000}}.top-explanation-text{text-align:center;font-size:16px;color:#000;padding:20px;line-height:1.4;max-width:650px;margin:40px auto 0;opacity:.2;transition:opacity .3s ease}.top-explanation-text.hovered{opacity:1}.top-explanation-text.faded{opacity:0}.explanation-text{text-align:center;font-size:16px;color:#000;padding:20px;line-height:1.4;max-width:550px;margin:0 auto 40px;opacity:.2;transition:opacity .3s ease}.explanation-text.hovered{opacity:1}.explanation-text.faded{opacity:0}@media (max-width: 768px){.app-container{flex-direction:column;align-items:center;gap:20px;padding:30px 15px}.main-content{text-align:center}.main-text,.word-text{font-size:28px}.probability-text{font-size:14px}.prediction-word-item.highlighted{padding:5px 8px}.top-explanation-text{font-size:14px;padding:15px;max-width:90%}.explanation-text{font-size:11px;padding:15px;max-width:90%}}*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:NB Akademie;src:url(/fonts/NB%20Akademie%20Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:NB Akademie;src:url(/fonts/NB%20Akademie%20Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}body{font-family:NB Akademie,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;letter-spacing:-.04em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e9e8e8;min-height:100vh;display:flex;align-items:center;justify-content:center}#root{width:100%;max-width:800px;padding:20px}