.zt-container{width:100%}.zt-header{justify-content:center;align-items:center;width:100%;margin-bottom:1.25rem;display:flex;position:relative}.zt-explain.zt-intro{margin-top:0}.zt-label{color:#444;margin-top:.9375rem;margin-bottom:.625rem;font-size:.95rem;font-weight:500}.zt-dropdown{width:100%;margin-bottom:1.25rem;position:relative}.zt-dropdown-trigger{color:#2c3e50;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #ccc;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:.75rem .9375rem;font-size:1rem;font-weight:700;display:flex}.zt-dropdown-caret{color:#666;font-size:.7rem}.zt-dropdown-menu{z-index:30;box-sizing:border-box;background:#fff;border:1px solid #ccc;border-radius:6px;max-height:17.5rem;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 25px #00000026}.zt-dropdown-item{color:#2c3e50;text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;width:100%;padding:.75rem .9375rem;font-size:.95rem;font-weight:500;display:flex}.zt-dropdown-item:hover:not(.is-disabled){background:#e8f4fc}.zt-dropdown-item.is-disabled{opacity:.4;cursor:not-allowed;background:#fafafa}.zt-speed-row{gap:.625rem;width:100%;margin-bottom:1.5625rem;display:flex}.zt-speed-btn{color:#555;cursor:pointer;text-align:center;background:#fff;border:1px solid #ddd;border-radius:6px;flex:1;padding:.75rem 0;font-size:1rem;transition:all .2s}.zt-speed-btn.is-active{color:#fff;background:#cd2a3e;border-color:#cd2a3e;font-weight:700}.zt-instruction{color:#555;margin-bottom:1.5625rem;font-size:.95rem;line-height:1.5}.zt-notification{color:#fff;text-align:center;background:#436f4d;border-radius:6px;margin-bottom:1.25rem;padding:.75rem .9375rem;font-weight:700}.zt-play-area{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem;width:100%;margin-bottom:1.875rem;display:flex}.zt-play-btn{color:#fff;cursor:pointer;background:#436f4d;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:4.6875rem;height:4.0625rem;transition:transform .1s;display:flex;box-shadow:0 2px 4px #0000001a}.zt-play-btn:active{transform:translateY(2px)}.zt-play-btn svg{display:block}.zt-inputs{flex-wrap:wrap;flex-grow:1;justify-content:center;align-items:center;gap:4px;display:flex}.zt-input{color:#2c3e50;text-align:center;box-sizing:border-box;caret-color:#0000;background:#fff;border:2px solid #436f4d;border-radius:6px;outline:none;width:3rem;height:3.625rem;padding:0;font-size:1.8rem;font-weight:700;transition:border-color .15s,background-color .15s}.zt-input:focus{background:#fff;border-color:#2980b9}.zt-input.is-wrong{color:#cd2a3e;background:#fce4e4;border-color:#cd2a3e;animation:.4s zt-shake}.zt-sep{color:#2c3e50;white-space:pre;padding:0 2px;font-size:1.8rem;font-weight:700}.zt-info-box{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #777;border-radius:6px;justify-content:center;align-items:center;width:100%;min-height:3.4375rem;margin-bottom:.625rem;display:flex;position:relative}.zt-info-icon{color:#555;justify-content:center;align-items:center;width:3.4375rem;font-size:1.5rem;display:flex;position:absolute;top:0;bottom:0;left:0}.zt-info-text{color:#555;text-align:center;padding:.625rem 3.4375rem;font-size:1.1rem;font-weight:500}.zt-explain{border-radius:6px;width:100%;margin-top:.9375rem;margin-bottom:1.5625rem;overflow:hidden}.zt-explain-header{color:#fff;text-align:left;cursor:pointer;background:#436f4d;border:none;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.125rem;font-size:1.0625rem;font-weight:600;display:flex}.zt-explain-toggle{flex-shrink:0;font-size:.875rem;line-height:1}.zt-explain-body{color:#555;background:#fff;border:2px solid #436f4d;border-top:none;padding:.9375rem 1.125rem;font-size:.95rem;line-height:1.6}.zt-explain-body p{margin:0 0 .5rem}.zt-explain-body p:last-child{margin-bottom:0}.zt-submit-row{justify-content:space-between;align-items:center;width:100%;margin-top:.625rem;display:flex}.zt-streak{color:#2980b9;font-size:1rem;font-weight:700}.zt-check-btn{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:6px;padding:.875rem 2.8125rem;font-size:1.1rem;font-weight:700;transition:background .2s;box-shadow:0 2px 4px #0000001a}.zt-check-btn:hover{background:#0069d9}.zt-check-btn:active{transform:translateY(2px)}.zt-empty{text-align:center;color:#777;border:2px dashed #ccc;border-radius:.5rem;padding:2.5rem 1.25rem;font-weight:500}@keyframes zt-shake{0%,to{transform:translate(0)}25%,75%{transform:translate(-4px)}50%{transform:translate(4px)}}@media (max-width:30rem){.zt-play-area{gap:.75rem}.zt-input{width:2.5rem;height:3.125rem;font-size:1.5rem}.zt-sep{font-size:1.5rem}.zt-check-btn{padding:.875rem 1.75rem}}