@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;user-select:none;-webkit-user-select:none;cursor:grab;transition:background-color .8s ease}body[data-theme=day]{background-color:#f5e6d3}body[data-theme=night]{background-color:#1a1428}body:active{cursor:grabbing}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}#theme-toggle{position:fixed;top:24px;right:24px;z-index:20;width:72px;height:36px;border-radius:18px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:4px 8px;transition:background-color .6s ease,box-shadow .6s ease;outline:none;pointer-events:all}body[data-theme=day] #theme-toggle{background:linear-gradient(135deg,#ffecd2,#fcb69f);box-shadow:0 2px 12px #fcb69f66}body[data-theme=night] #theme-toggle{background:linear-gradient(135deg,#2d1b69,#11998e);box-shadow:0 2px 12px #11998e4d}.toggle-icon{font-size:16px;z-index:2;transition:opacity .4s ease,transform .4s ease;line-height:1}body[data-theme=day] .sun-icon{opacity:1;transform:scale(1)}body[data-theme=day] .moon-icon,body[data-theme=night] .sun-icon{opacity:.4;transform:scale(.8)}body[data-theme=night] .moon-icon{opacity:1;transform:scale(1)}.toggle-slider{position:absolute;width:28px;height:28px;border-radius:50%;top:4px;transition:left .4s cubic-bezier(.68,-.15,.27,1.15),background-color .4s ease,box-shadow .4s ease}body[data-theme=day] .toggle-slider{left:4px;background:linear-gradient(135deg,#fff7e6,#ffe0b2);box-shadow:0 2px 8px #ffb74d80}body[data-theme=night] .toggle-slider{left:40px;background:linear-gradient(135deg,#c5cae9,#7986cb);box-shadow:0 2px 8px #7986cb80}#ui-top{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:baseline;justify-content:center;gap:14px;padding:30px 0 22px;pointer-events:none}.error-label{font-family:Inter,sans-serif;font-weight:400;font-size:16px;letter-spacing:6px;text-transform:uppercase;transition:color .6s ease,text-shadow .6s ease}body[data-theme=day] .error-label{color:#7850288c;text-shadow:0 1px 2px rgba(255,255,255,.3)}body[data-theme=night] .error-label{color:#c8b4a080;text-shadow:0 1px 4px rgba(0,0,0,.4)}.error-code{font-family:Inter,sans-serif;font-weight:500;font-size:16px;letter-spacing:6px;transition:color .6s ease,text-shadow .6s ease}body[data-theme=day] .error-code{color:#8c5a32a6;text-shadow:0 1px 2px rgba(255,255,255,.3)}body[data-theme=night] .error-code{color:#dcc8aa8c;text-shadow:0 1px 4px rgba(0,0,0,.4)}#ui-bottom{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 0 36px}.hint-text{font-family:Inter,sans-serif;font-weight:300;font-size:16px;letter-spacing:1.2px;opacity:1;transition:opacity 2s ease,color .6s ease,text-shadow .6s ease}body[data-theme=day] .hint-text{color:#78502899;text-shadow:0 1px 2px rgba(255,255,255,.4)}body[data-theme=night] .hint-text{color:#c8b4a080;text-shadow:0 1px 4px rgba(0,0,0,.4)}.hint-text.hidden{opacity:0}.return-link{font-family:Inter,sans-serif;font-weight:400;font-size:15px;letter-spacing:.5px;text-decoration:none;pointer-events:all;transition:color .3s ease,text-shadow .6s ease}body[data-theme=day] .return-link{color:#8c5a3299;text-shadow:0 1px 2px rgba(255,255,255,.3)}body[data-theme=day] .return-link:hover{color:#a06432d9}body[data-theme=night] .return-link{color:#b4a08c8c;text-shadow:0 1px 4px rgba(0,0,0,.4)}body[data-theme=night] .return-link:hover{color:#dcc8aacc}@media(max-width:768px){.error-label{font-size:13px;letter-spacing:4px}.error-code,.hint-text,.return-link{font-size:13px}#theme-toggle{top:18px;right:18px;width:64px;height:32px;border-radius:16px}.toggle-slider{width:24px;height:24px}body[data-theme=night] .toggle-slider{left:36px}.toggle-icon{font-size:14px}}