:root{--bg:#fff;--code-bg:#f4f3ec;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/145% var(--sans);letter-spacing:.18px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#000}}.dvq-legend{justify-content:space-between;align-items:center;width:100%;display:flex}.audio-btn{cursor:pointer;width:30px;height:30px;margin-left:10px}.info-btn,.thanks-btn{width:30px;height:30px;margin-right:10px}.return-btn:hover,.homeBtn:hover,.audio-btn:hover{opacity:.8;transform:scale(1.05)}body{border-radius:5px}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;border-radius:5px;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}.dvq-body{margin-top:0;padding:20px}.dvq-q{text-align:left;background:#f9f9f9;border:1px solid #ddd;border-radius:10px;margin:0;padding:0;overflow:hidden}.dvq-q legend{box-sizing:border-box;color:#fff;background:#e84b8a;border-bottom:1px solid #0000001a;width:100%;margin:0;padding:12px 15px;font-size:18px;font-weight:700}.dvq-q .dvq-q-inner{margin-top:10px;margin-bottom:10px;padding:15px}.dvq-opt:hover{background-color:#fff0f3;border-color:#ff4d6d}.dvq-btn.finish-now{background-color:#f79e1c}.dvq-btn.finish-now:hover{background-color:#1c58a6}.dvq-opt{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;align-items:center;margin:8px 0;padding:10px 12px;transition:background .2s,border-color .2s;display:flex}.dvq-opt input{accent-color:#e84b8a;margin-right:12px;transform:scale(1.2)}.dvq-outer-bg{background:#fff;border-radius:10px;flex-grow:1;margin-top:30px;padding:40px 20px}@media (width<=1024px){.dvq-outer-bg{padding:32px 20px}}.dvq-bar{color:#fff;text-transform:uppercase;letter-spacing:1px;text-align:left;background:#e84b8a;border-top:1px solid #0000001a;border-bottom:1px solid #0000001a;padding:10px 20px;font-size:18px;font-weight:800;line-height:1.2}.dvq-btn.hint{margin-bottom:10px}.dvq-logo{float:left;background:#fff;border:3px solid #e84b8aa6;border-radius:10px;width:240px;max-width:40%;height:auto;margin:0 20px 10px 0;display:block;box-shadow:0 0 0 4px #e84b8a2e,0 12px 26px #00000024}.dvq-logo-alt{float:center;background:#fff;border:3px solid #e84b8aa6;border-radius:10px;width:240px;max-width:40%;height:auto;margin:0 20px 10px 0;display:block;box-shadow:0 0 0 4px #e84b8a2e,0 12px 26px #00000024}.dvq-intro{padding:20px;font-size:14px;overflow:hidden}.dvq-headline{color:#c36;text-align:left;margin:0 0 10px;font-size:22px;font-weight:800;line-height:1.2}.dvq-btn{cursor:pointer;color:#fff;background-color:#6c757d;border:none;border-radius:8px;margin:10px;padding:10px 20px;font-size:16px;transition:all .2s}.dvq-btn:hover{background-color:#e84b8a}.dvq-btn.prev{background-color:#6c757d}.dvq-btn.prev:hover,.dvq-btn.next,.dvq-btn.next.disabled,.dvq-btn.next.disabled:hover{background-color:#5a6268}.dvq-btn.next:hover{background-color:#e84b8a}.dvq-links a{color:#e84b8a;font-weight:600;text-decoration:underline}div{unicode-bidi:isolate;display:block}p{text-align:left;unicode-bidi:isolate;margin-block:1em;margin-inline:0;display:block}.dvq-card{background:#fff;border:1px solid #0000002e;border-radius:10px;margin-top:30px;overflow:hidden;box-shadow:0 10px 22px #0000001a}.dvq-wrap{width:840px;max-width:980px;margin:0 auto;font-family:Arial,sans-serif}@font-face{font-family:TapeLoop;src:url(/fonts/Tape%20Loop.ttf)format("truetype");font-weight:400;font-style:normal}.sidebar{z-index:1000;border-right:2px solid var(--header-border,#ddd);background-image:url(/images/locker.png);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:270px;height:100%;padding:0;transition:left .3s;display:flex;position:fixed;top:0;left:-250px;overflow:hidden;box-shadow:0 10px 22px #0000004d}.sidebar.open{left:0}.sidebar-content{color:#fff;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:relative}.sidebar-top{text-align:center;width:100%;margin-top:30px}.sidebar-desc{text-align:center}.header-home-btn{cursor:pointer;height:60px}.sidebar-halfway{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sidebar-center{text-align:center;width:100%;padding-bottom:20px;position:absolute;bottom:1%;left:50%;transform:translate(-50%)}.sidebar-footer{text-align:center;visibility:hidden;width:100%;text-decoration:underline;position:absolute;bottom:210px;left:5px}.close-btn{cursor:pointer;width:30px;height:30px;transition:opacity .3s,transform .2s;position:absolute;top:10px;right:0}.sidebar:not(.open) .close-btn{opacity:0;pointer-events:none}.close-btn:hover{opacity:.8;transform:scale(1.1)}.sidebar-title{text-align:center;color:#fff;margin-top:0;margin-bottom:15px;font-size:1.5rem;font-weight:700}.li-list-left{cursor:pointer;color:#fff;text-align:left;text-shadow:2px 2px #000;letter-spacing:2px;word-spacing:10px;background:0 0;border:none;margin-top:110px;margin-bottom:30px;padding:0;font-family:TapeLoop,sans-serif;font-size:24px;display:block}.li-list-right{cursor:pointer;color:#fff;text-align:right;text-shadow:2px 2px #000;letter-spacing:2px;word-spacing:10px;background:0 0;border:none;margin-bottom:10px;margin-right:10px;padding:0;font-family:TapeLoop,sans-serif;font-size:24px;display:block}.li-list-right:hover,.li-list-left:hover{opacity:.8;transform:scale(1.05)}.sidebar.open{transform:translate(0)}.sidebar.no-transition{transition:none;transform:translate(0)}.app-header{box-sizing:border-box;background-color:var(--header-bg,#f5f5f5);width:100%;color:var(--header-text,#000);border-bottom:1px solid var(--header-border,#ddd);z-index:1000;justify-content:space-between;align-items:center;padding:10px 20px;display:flex;position:fixed;top:0;left:0;box-shadow:0 2px 5px #0000001a}.header-left{align-items:center;gap:12px;margin-right:70px;display:flex}.dark-mode-toggle{cursor:pointer;justify-content:center;align-items:center;display:flex;left:2px}.dark-mode-icon{object-fit:contain;width:30px;height:30px;display:block}.header-menu-btn{object-fit:contain;cursor:pointer;flex-shrink:0;width:30px;height:30px;margin-left:20px;display:block}.header-home-btn{margin-right:0}.header-title{margin:0;font-size:1.2rem;font-weight:700}.header-right{align-items:center;gap:10px;display:flex}.header-btn{cursor:pointer;border:1px solid var(--header-border,#ccc);background-color:var(--header-btn-bg,#fff);color:var(--header-btn-text,#000);border-radius:5px;padding:5px 10px}.timer-bar-container{background-color:#ddd;border-radius:5px;width:100%;height:30px;margin-top:40px;margin-bottom:30px;position:relative}.timer-bar-progress{text-align:right;background-color:#4caf50;border-radius:5px;height:100%;transition:width 1s linear}.timer-bar-text{text-align:center;color:#333;width:100%;margin-top:10px;font-weight:700;line-height:30px;position:absolute}