:root{--text:#6b6375;--text-h:#08060d;--bg:#000;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:40px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#7ad3b1;--text-h:#f3f4f6;--bg:#2c2144;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{background-image:url(/chill.png);background-position:50%;background-size:cover;background-attachment:fixed;margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex}.player{background:#111;border-radius:clamp(8px,1vw,20px);flex-direction:column;gap:clamp(8px,1.2vw,15px);width:clamp(260px,40vw,500px);padding:clamp(12px,2vw,20px);display:flex}.playBtn{color:#413164;cursor:pointer;background:#7ad3b1;border:none;border-radius:clamp(6px,.8vw,16px);padding:clamp(8px,1vw,20px) clamp(16px,2vw,40px);font-size:clamp(14px,1.4vw,28px)}.timeline{appearance:none;cursor:pointer;background:repeating-linear-gradient(135deg,#0f9 0 clamp(3px,.4vw,8px),#413164 clamp(3px,.4vw,8px) clamp(6px,.8vw,16px));border-radius:clamp(3px,.5vw,8px);width:100%;height:clamp(12px,1.2vw,25px)}.timeline::-webkit-slider-thumb{appearance:none;background:#eefc2d;border-radius:50%;width:clamp(10px,1vw,22px);height:clamp(20px,2vw,50px)}.volume{appearance:none;cursor:pointer;background:repeating-linear-gradient(135deg,#0f9 0 clamp(3px,.4vw,8px),#413164 clamp(3px,.4vw,8px) clamp(6px,.8vw,16px));border-radius:clamp(3px,.5vw,8px);width:clamp(100px,20vw,150px);height:clamp(6px,1vw,12px)}.volume::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#eefc2d;border-radius:50%;width:clamp(10px,1vw,14px);height:clamp(14px,1.4vw,30px)}.controls{justify-content:space-between;align-items:center;gap:clamp(8px,1vw,20px);display:flex}icon{font-size:clamp(20px,2vw,30px)}.dropdown{cursor:pointer;flex-direction:column;display:flex;left:0;right:0}.dropdown-item{cursor:pointer;color:#0f9;padding:5px}.dropdown-text:hover{color:#eefc2d}.inputText{text-align:center;color:#413164;background:linear-gradient(80deg,#413164,#7ad3b1);border:none;border-radius:9999em;height:50px;padding:3px;font-size:.9em;display:inline-block;position:relative}.inputText::placeholder{color:#413164;opacity:.7}.pageLayout{justify-content:space-between;align-items:stretch;gap:clamp(10px,2vw,40px);min-height:100vh;padding:20px;display:flex}.leftPanel{color:#0f9;background:#222222af;border-radius:12px;width:clamp(150px,20vw,500px);padding:clamp(10px,1vw,20px)}.rightPanel{color:#0f9;background:#222222af;border-radius:12px;flex-direction:column;width:clamp(150px,20vw,500px);padding:clamp(10px,1vw,20px);font-weight:700;display:flex}.centerContent{background:#2c2144;border:1px solid #7ad3b1;border-top:none;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:clamp(20px,6vw,100px);margin-top:-20px;padding-top:clamp(10px,2vw,1px);display:flex}.centerContent hover{border-color:#0f9}label{font-size:clamp(10px,4vw,60px);font-weight:700;display:block}input{text-align:center;color:#413164;background:linear-gradient(80deg,#413164,#7ad3b1);border:none;border-radius:9999em;height:50px;padding:3px;font-size:.9em;display:inline-block;position:relative}button{appearance:none;box-shadow:#413164;box-sizing:border-box;color:#413164;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;touch-action:manipulation;white-space:nowrap;will-change:box-shadow, transform;background-color:#7ad3b1;border-width:2px;border-color:#413164;border-radius:8px;justify-content:center;align-items:center;height:56px;padding-left:24px;padding-right:24px;font-family:JetBrains Mono,monospace;font-size:20px;line-height:1;text-decoration:none;list-style:none;transition:box-shadow .15s,transform .15s;display:inline-flex;position:relative;overflow:hidden}button:focus{outline:none;box-shadow:inset 0 0 0 1.5px #413164,0 2px 4px #536dfe66,0 7px 13px -3px #536dfe4d,inset 0 -3px #d6d6e7}button:hover{box-shadow:#413164;transform:translateY(-2px)}DotLottieReact{width:clamp(200px,20vw,250px);height:clamp(200px,20vw,250px)}.animationContainer{flex-direction:row;justify-content:space-between;gap:clamp(20px,6vw,100px);display:flex}.leftDino{width:clamp(200px,20vw,450px);height:clamp(200px,20vw,250px)}.rightDino{width:clamp(200px,20vw,450px);height:clamp(200px,20vw,250px);transform:scaleX(-1)}.attempt{color:#413164;text-shadow:0 0 5px #0f9;border-radius:12px;padding:clamp(2px,1vw,5px);font-size:30px}.custom-alert{color:#413164;background:#0f9;border-radius:8px;margin-top:10px;padding:12px 20px;font-weight:700;animation:.3s fadeIn,.3s 2.7s fadeOut}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}.historyList{flex-direction:column;gap:8px;max-height:60vh;display:flex;overflow-y:auto}.historyList::-webkit-scrollbar{display:none}.historyItem{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .2s;display:flex}.historyItem:hover{color:#eefc2d}.historyItem.active{color:#eefc2d;background-color:#eefc2d1a}