*{box-sizing:border-box;margin:0;padding:0}body{font-family:IBM Plex Sans,sans-serif}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fff2e1,#ffebdd);display:flex;justify-content:center;align-items:center;z-index:10000;font-family:IBM Plex Sans,sans-serif}.loading-container{text-align:center;color:#5a2e00}body.dark-mode #loading-overlay{background:linear-gradient(135deg,#121212,#1e1e1e)}.loading-text{font-size:22px;font-weight:500;margin-bottom:35px;opacity:.9;line-height:1.5}body.dark-mode .loading-text{color:#e0e0e0}.loading-progress{width:300px;margin:0 auto}.loading-bar{width:100%;height:8px;background:#fff3;border-radius:4px;overflow:hidden;margin-top:10px}.loading-fill{height:100%;background:linear-gradient(90deg,#ffd77a,#c27800);border-radius:4px;width:0%;transition:width .3s ease}.loading-percentage{margin-top:20px;font-size:18px;font-weight:400;opacity:.8}body.dark-mode .loading-percentage{color:#e0e0e0}.loader-container{position:fixed;top:0;left:0;background:#fff;width:100%;height:100%;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center}.step-icon i{font-size:120px;color:#121212;margin-bottom:20px}.step-text,.percent-text{font-size:1.5rem;color:#121212;margin-bottom:20px;text-align:center;max-width:500px}.progress-bar{width:240px;height:12px;background-color:#f1f1f1;border-radius:6px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;width:0%;background:linear-gradient(to right,#ffe6d3,#b2a694);transition:width .5s ease}#hamburger-nav{position:fixed;top:20px;left:20px;width:48px;height:48px;background:#fff;border:rgba(0,0,0,.162) 1px solid;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;z-index:2000;transition:box-shadow .2s}#hamburger-nav:hover{box-shadow:0 4px 24px #1976d226}#hamburger-nav span{display:block;width:26px;height:4px;background:#222;border-radius:2px;transition:background .2s}body.dark-mode #hamburger-nav{background:#121212;border:rgba(255,255,255,.162) 1px solid}body.dark-mode #hamburger-nav span{background:#eee}.hamburger{position:fixed;top:20px;right:20px;font-size:2rem;cursor:pointer;z-index:1001;color:#121212}.side-menu{position:fixed;top:0;left:-250px;width:250px;height:100%;background-color:#fff;box-shadow:2px 0 5px #0000001a;padding-top:80px;transition:left .3s ease;z-index:1000}.side-menu.active{left:0}.side-menu ul{list-style:none;padding:0;margin:0}.side-menu li{padding:16px 24px;border-bottom:1px solid #eee}.side-menu a{text-decoration:none;color:#121212;font-size:1.2rem;transition:color .3s ease}.side-menu a:hover{color:#ee1b2e}body.dark-mode .side-menu{background-color:#1e1e1e;box-shadow:2px 0 5px #0000004d}body.dark-mode .side-menu li{border-bottom:1px solid #333}body.dark-mode .side-menu a{color:#e0e0e0}body.dark-mode .side-menu a:hover{color:#ff6b6b}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000001a;opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:999}.overlay.active{opacity:1;visibility:visible}.tooltip{position:absolute;display:none;background-color:#000000b3;color:#fff;padding:8px 12px;border-radius:4px;font-size:14px;z-index:100;pointer-events:none;transform:translate(-50%)}#theme-toggle{position:fixed;top:20px;right:20px;z-index:1000;background-color:#fff;color:#121212;border:1px solid #ccc;border-radius:50%;width:55px;height:55px;font-size:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s,color .3s}#theme-toggle:hover{background-color:#f0f0f0}body.dark-mode{background-color:#121212;color:#e0e0e0}body.dark-mode #theme-toggle{background-color:#333;color:#fff}.title{position:fixed;bottom:20px;left:50px;transform:scale(1.5);z-index:1000}.title img{content:url(/assets/title-HCbo6RFz.png)}#phase-buttons{position:fixed;right:32px;bottom:32px;z-index:1000}.stepper{display:flex;flex-direction:row;align-items:center;background:#fff;padding:12px 20px;border-radius:32px;box-shadow:0 4px 24px #0000001f;gap:0}.step{position:relative;display:flex;align-items:center}.step:not(:last-child):after{content:"";display:block;width:30px;height:5px;background:#e0e0e0;margin-left:0;margin-right:0;border-radius:2px}.step-indicator{width:60px;height:60px;background:#493541;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;box-shadow:0 2px 8px #1976d214;border:3px solid #fff;cursor:pointer;transition:background .2s,color .2s;outline:none;z-index:2;-webkit-user-select:none;user-select:none}.step-indicator:hover,.step-indicator.active{background:#fd8b60;color:#fff}#textbox-top{position:fixed;top:40px;left:50%;transform:translate(-50%,-120%);background:#fff;color:#000;padding:18px 32px;border-radius:5px;box-shadow:0 4px 16px #0000001a;z-index:1000;font-size:1.2em;opacity:0;pointer-events:none;max-width:700px;transition:transform .3s cubic-bezier(.77,0,.175,1),opacity .3s cubic-bezier(.77,0,.175,1)}#textbox-top.show{transform:translate(-50%);opacity:1;pointer-events:auto}body.dark-mode #textbox-top{background:#222222dc;color:#fff;padding:18px 32px;border-radius:5px;box-shadow:0 4px 16px #0000001a}.drag_icon_wrapper{width:80px;position:fixed;left:0;right:0;margin:auto;bottom:60px;-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;display:flex;flex-direction:column;align-items:center;justify-content:center}.drag_icon_wrapper .circle{width:80px;height:80px;background-color:#ff75194d;position:relative;margin-bottom:10px}.drag_icon_wrapper .circle,.drag_icon_wrapper .inner_circle{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}.drag_icon_wrapper .inner_circle{width:60px;height:60px;background-color:#fd8b60;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.drag_icon_wrapper .finger{width:40px;height:40px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;-webkit-animation:finger .9s linear 0s infinite alternate;animation:finger .9s linear 0s infinite alternate;-ms-transform-origin:55% 100%;-webkit-transform-origin:55% 100%;transform-origin:55% 100%}.hascontent .drag_icon_wrapper .finger{-webkit-animation:none;animation:none;-webkit-transform:rotate(0deg);transform:rotate(0);-webkit-transition:all .9s cubic-bezier(.77,0,.175,1) 0s;transition:all .9s cubic-bezier(.77,0,.175,1) 0s}.hide-drag_icon .drag_icon_wrapper{display:none!important}.drag_icon_wrapper .text{margin-left:-50px;margin-right:-50px;color:#903c00;text-align:center;font-size:16px;font-weight:500;letter-spacing:.09em;margin-top:10px}body.dark-mode .drag_icon_wrapper .text{color:#ffa96b}