:root{--bg: #0d0f14;--bg2: #141720;--bg3: #1c2030;--border: #2a3040;--text: #c8d0e0;--text-dim: #5a6480;--accent: #00c8ff;--accent2: #7c3aed;--green: #22c55e;--yellow: #eab308;--red: #ef4444;--radius: 8px;--header-h: 48px;--footer-h: 120px;--left-w: 300px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:13px;overflow:hidden}button{padding:5px 12px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;font-size:12px;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:var(--border);border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}input[type=range]{accent-color:var(--accent);width:90px;cursor:pointer}.hidden{display:none!important}body{display:flex;flex-direction:column}#header{height:var(--header-h);min-height:var(--header-h);background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;padding:0 16px;z-index:10}#main-layout{flex:1;display:flex;overflow:hidden}#footer{height:var(--footer-h);min-height:var(--footer-h);background:var(--bg2);border-top:1px solid var(--border);display:flex;align-items:center;gap:16px;padding:0 16px;overflow:hidden}#title{font-size:15px;font-weight:600;white-space:nowrap;color:#fff}#phase-badge{display:inline-block;margin-left:8px;padding:1px 7px;background:var(--accent2);border-radius:20px;font-size:10px;font-weight:500;color:#fff;vertical-align:middle}#status-bar{display:flex;align-items:center;gap:8px;flex:1;font-size:12px}#status-dot{font-size:10px;line-height:1}.status-loading{color:var(--yellow);animation:blink 1s infinite}.status-ok{color:var(--green)}.status-error{color:var(--red)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}#fps-counter{margin-left:auto;color:var(--text-dim);font-family:monospace;font-size:11px}#mode-toggle{display:flex;gap:3px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);padding:2px}.mode-btn{padding:3px 12px;border:none;border-radius:5px;font-size:12px;font-weight:500;background:transparent;color:var(--text-dim);cursor:pointer;transition:background .15s,color .15s}.mode-btn:hover{background:var(--border);color:var(--text)}.mode-btn.active{background:var(--accent);color:#000;font-weight:700}#header-controls{display:flex;gap:8px}#left-panel{width:var(--left-w);min-width:var(--left-w);background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}#camera-container{position:relative;width:100%;background:#000;flex-shrink:0}#video{display:block;width:100%;height:auto}#face-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#no-face-msg{position:fixed;top:calc(var(--header-h) + 8px);left:50%;transform:translate(-50%);z-index:90;background:#eab308f2;color:#000;font-size:13px;font-weight:600;padding:6px 20px;border-radius:20px;pointer-events:none;white-space:nowrap;box-shadow:0 4px 12px #0006}#debug-panel{flex:1;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.debug-section{margin-bottom:10px}.debug-title{font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--text-dim);margin-bottom:5px;text-transform:uppercase}.debug-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.d-label{width:64px;min-width:64px;color:var(--text-dim);font-size:11px}.d-bar{flex:1;height:6px;background:var(--bg3);border-radius:3px;position:relative;overflow:visible}.d-fill{position:absolute;height:100%;top:0;border-radius:3px;background:var(--accent);transition:left .05s,width .05s;left:50%;width:0%}.d-center{position:absolute;left:50%;top:-2px;width:1px;height:10px;background:var(--border)}.d-val{width:38px;min-width:38px;text-align:right;font-family:monospace;font-size:11px;color:var(--accent)}.d-val.wide{width:60px;min-width:60px}#gaze-area{flex:1;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,#0f1520,#0a0d14)}#keyboard-area{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.key{position:relative;background:#19213a;border:1.5px solid #2c3c66;border-radius:8px;color:#8a94b2;font-weight:600;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;transition:background .08s,border-color .08s,color .08s}.key:after{content:"";position:absolute;bottom:0;left:0;height:3px;width:calc(var(--progress, 0) * 100%);background:currentColor;opacity:.6}.qwerty-kb{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:4px;padding:10px;box-sizing:border-box}.kb-row{display:flex;flex:1;gap:4px}.qwerty-kb .key{flex:1;font-size:clamp(10px,1.4vw,18px)}.qwerty-kb .key-wide-2{flex:2}.qwerty-kb .key-wide-3{flex:3}.hero-kb{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(4,1fr);grid-template-areas:"t0 t1 t2 t3 t4 t5 t6" "l0 mi mi mi mi mi r0" "l1 mi mi mi mi mi r1" "b0 b1 b2 b3 b4 b5 b6";gap:4px;padding:8px;box-sizing:border-box}.hero-kb .key-outer{font-size:clamp(11px,1.8vw,22px);color:#bbc5de}.hero-inner{grid-area:mi;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);gap:3px}.hero-kb .key-inner{font-size:clamp(8px,1.1vw,14px);background:#111825;border-color:#1e2840;color:#55607a}.key.key-hovered{background:#1c2a50;border-color:#00c8ff;color:#fff}.key.key-candidate{background:#2a1e06;border-color:#f59e0b;color:#f59e0b}.key.key-triggered{background:#0f3a22;border-color:#22c55e;color:#22c55e}.inner-space{grid-column:span 3}#gaze-area.keyboard-mode .crosshair,#gaze-area.keyboard-mode #gaze-hint{display:none}#text-bar{height:36px;min-height:36px;background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;padding:0 14px;font-family:monospace;font-size:15px;overflow:hidden}#text-bar-label{font-size:11px;color:var(--text-dim);white-space:nowrap}#typed-text{flex:1;color:#fff;letter-spacing:.05em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;direction:rtl}.cursor-blink{color:var(--accent);animation:blink 1s infinite;font-weight:100}#btn-clear-text{font-size:11px;padding:3px 8px;opacity:.6}#btn-clear-text:hover{opacity:1}.crosshair{position:absolute;width:16px;height:16px;opacity:.2}.crosshair:before,.crosshair:after{content:"";position:absolute;background:var(--accent)}.crosshair:before{width:100%;height:1px;top:50%}.crosshair:after{width:1px;height:100%;left:50%}.top-left{top:16px;left:16px}.top-right{top:16px;right:16px}.bottom-left{bottom:16px;left:16px}.bottom-right{bottom:16px;right:16px}#gaze-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;color:var(--text-dim)}.hint-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:12px}.hint-body p{margin:4px 0;font-size:13px;line-height:1.6}#gaze-cursor{position:absolute;width:22px;height:22px;border-radius:50%;background:#00c8ffd9;box-shadow:0 0 12px #00c8ff99,0 0 4px #fff;transform:translate(-50%,-50%);pointer-events:none;transition:background .1s;left:50%;top:50%;z-index:5}#gaze-cursor.locked{background:#f59e0b;box-shadow:0 0 14px #f59e0bb3}#gaze-cursor.triggered{background:var(--green);box-shadow:0 0 20px var(--green);animation:cursor-pulse .3s ease-out}@keyframes cursor-pulse{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.8)}to{transform:translate(-50%,-50%) scale(1)}}#smile-section{display:flex;align-items:center;gap:10px;flex-shrink:0}#smile-ring-wrap{position:relative;width:60px;height:60px;flex-shrink:0}#smile-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--bg3);stroke-width:5}#ring-arc{fill:none;stroke:var(--accent);stroke-width:5;stroke-linecap:round;stroke-dasharray:150.8;stroke-dashoffset:150.8;transition:stroke-dashoffset .05s,stroke .15s}#smile-face{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;line-height:1}#smile-info{display:flex;flex-direction:column;gap:4px;min-width:120px}#smile-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}#smile-bar-wrap{width:120px;height:8px;background:var(--bg3);border-radius:4px;position:relative;overflow:visible}#smile-bar-fill{height:100%;background:var(--accent);border-radius:4px;width:0%;transition:width .05s,background .1s}#smile-threshold-mark{position:absolute;top:-3px;width:2px;height:14px;background:var(--yellow);border-radius:1px;left:45%}#smile-ratio-text{font-family:monospace;font-size:11px;color:var(--accent)}#controls{display:flex;gap:16px;align-items:center;flex:1}.ctrl-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-dim)}.ctrl-item label{white-space:nowrap}.ctrl-item span{font-family:monospace;color:var(--accent);width:40px;text-align:right}#trigger-log{min-width:130px;max-width:160px}.log-title{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:4px}#trigger-list{height:60px;overflow-y:auto;font-size:11px;color:var(--green);font-family:monospace;scrollbar-width:none}#calibration-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080ff5;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}#calib-info{position:absolute;top:32px;text-align:center;pointer-events:none}#calib-step-text{font-size:20px;font-weight:600;color:#fff;margin-bottom:6px}#calib-hint{font-size:13px;color:var(--text-dim)}#calib-hint strong{color:var(--accent);font-weight:600}#calib-point{position:absolute;width:80px;height:80px;transform:translate(-50%,-50%)}.calib-svg{width:100%;height:100%;transform:rotate(-90deg)}.calib-ring-bg{fill:none;stroke:#ffffff14;stroke-width:4}#calib-ring-arc{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-dasharray:188.5;stroke-dashoffset:188.5;transition:stroke .2s}#calib-dot-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fffc}#btn-calib-skip{position:absolute;bottom:32px;opacity:.5;font-size:12px}#participant-id-input{flex:1;background:var(--bg3);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:3px 6px;font-size:12px;width:100%;box-sizing:border-box;font-family:monospace}#participant-id-input:focus{outline:none;border-color:var(--accent)}#session-count-row{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:10px}#session-count-text{flex:1;color:var(--text-dim);font-family:monospace}#session-count-row button{font-size:10px;padding:2px 7px}#btn-records-export{border-color:var(--green);color:var(--green)}#btn-records-clear{border-color:var(--red);color:var(--red)}#facedb-count-row{display:flex;align-items:center;gap:8px;margin-bottom:5px;font-size:11px;font-family:monospace;color:var(--text-dim)}#facedb-count-text{color:var(--text)}.facedb-total{font-size:10px}#facedb-btn-row{display:flex;gap:4px;flex-wrap:wrap}#facedb-btn-row button{font-size:10px;padding:2px 7px}#btn-facedb-export-session{border-color:var(--accent);color:var(--accent)}#btn-facedb-export-all{border-color:var(--green);color:var(--green)}#btn-facedb-clear-all{border-color:var(--red);color:var(--red)}#task-save-badge{display:inline-block;margin:0 auto 14px;padding:5px 18px;background:#22c55e26;border:1px solid var(--green);border-radius:20px;color:var(--green);font-size:12px;font-weight:600;text-align:center}#btn-exit-task-mode{display:none;border-color:var(--red);color:var(--red);font-weight:600}#btn-exit-task-mode:hover{background:#ef444426}body.task-mode #left-panel{display:none!important}body.task-mode #mode-toggle{display:none}body.task-mode #header-controls{display:flex;gap:8px}body.task-mode #btn-calibrate,body.task-mode #btn-reset,body.task-mode #btn-export,body.task-mode #btn-clear-recorder{display:none}body.task-mode #btn-exit-task-mode{display:inline-block}body.task-mode #status-bar,body.task-mode #fps-counter,body.task-mode #phase-badge,body.task-mode #controls,body.task-mode #trigger-log,body.task-mode #session-stats,body.task-mode #smile-bar-wrap,body.task-mode #smile-ratio-text,body.task-mode #smile-label,body.task-mode #naturalness-row,body.task-mode #nat-score-text{display:none}body.task-mode #footer{justify-content:center;height:72px;min-height:72px}.q-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080feb;z-index:300;display:flex;align-items:center;justify-content:center;animation:fade-in .2s ease-out}.q-hidden{display:none!important}.q-panel{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:28px 36px 24px;width:min(620px,94vw);max-height:90vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;display:flex;flex-direction:column;gap:18px}.q-header{display:flex;flex-direction:column;gap:5px}.q-cond-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:600}.q-prog-text{font-size:11px;color:var(--text-dim);font-family:monospace}.q-prog-bar{height:4px;background:var(--bg3);border-radius:2px;overflow:hidden}.q-prog-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .25s ease-out}.q-sec-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);padding:4px 8px;background:var(--bg3);border-radius:4px;width:fit-content}.q-question{font-size:16px;font-weight:500;color:#fff;line-height:1.55;min-height:48px}.q-scale7-wrap{display:flex;align-items:center;gap:10px}.q-scale-lo,.q-scale-hi{font-size:11px;color:var(--text-dim);width:64px;text-align:center;flex-shrink:0;line-height:1.3}.q-scale-hi{text-align:center}.q-scale7-btns{flex:1;display:flex;gap:6px;justify-content:center}.q-s7-btn{width:44px;height:44px;border-radius:50%;background:var(--bg3);border:2px solid var(--border);color:var(--text-dim);font-size:15px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s,color .12s,transform .1s;display:flex;align-items:center;justify-content:center}.q-s7-btn:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.08)}.q-s7-selected{background:var(--accent)!important;border-color:var(--accent)!important;color:#000!important;transform:scale(1.1)}.q-radio-wrap{display:flex;flex-direction:column;gap:8px}.q-radio-label{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg3);border:1.5px solid var(--border);border-radius:8px;cursor:pointer;font-size:14px;color:var(--text);transition:background .1s,border-color .1s}.q-radio-label:hover{border-color:var(--accent);background:var(--bg)}.q-radio-selected{border-color:var(--accent)!important;background:#00c8ff14!important;color:var(--accent)}.q-radio-label input{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}.q-textarea{width:100%;height:110px;background:var(--bg3);border:1.5px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;padding:10px 12px;resize:vertical;font-family:inherit;box-sizing:border-box}.q-textarea:focus{outline:none;border-color:var(--accent)}.q-textarea::placeholder{color:var(--text-dim)}.q-required-hint{font-size:12px;color:var(--red);opacity:0;transition:opacity .2s;min-height:16px;text-align:center}.q-nav{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.q-btn{padding:9px 22px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s}.q-btn-back{background:var(--bg3);border:1px solid var(--border);color:var(--text-dim)}.q-btn-back:not(:disabled):hover{border-color:var(--text);color:var(--text)}.q-btn-back:disabled{opacity:.3;cursor:not-allowed}.q-btn-next{background:var(--bg3);border:1px solid var(--accent);color:var(--accent)}.q-btn-next:hover{background:#00c8ff1a}.q-btn-submit{background:var(--green);border-color:var(--green);color:#000}.q-btn-submit:hover{background:#16a34a;border-color:#16a34a}#cond-picker{display:flex;gap:3px;flex-wrap:wrap;margin-bottom:4px}.cond-btn{padding:2px 9px;font-size:11px;border-radius:4px;border:1px solid var(--border);background:var(--bg3);color:var(--text-dim);cursor:pointer;transition:background .1s,border-color .1s,color .1s}.cond-btn:hover{border-color:var(--accent);color:var(--accent)}.cond-btn.active{background:var(--accent2);border-color:var(--accent2);color:#fff}#q-btn-row{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}#q-btn-row button{font-size:11px;padding:3px 10px}#btn-q-demographic{border-color:var(--accent2);color:var(--accent2)}#btn-q-demographic:hover{background:#7c3aed1a}#btn-q-final{border-color:var(--yellow);color:var(--yellow)}#btn-q-final:hover{background:#eab3081a}#btn-q-export{border-color:var(--green);color:var(--green)}#btn-q-export:hover{background:#22c55e1a}#q-answered-list{font-size:10px;color:var(--text-dim);font-family:monospace;margin-top:3px;min-height:12px}#task-phrase-select,#task-custom-input{width:100%;background:var(--bg3);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:3px 6px;font-size:11px;margin-bottom:4px;box-sizing:border-box}#task-custom-input:focus,#task-phrase-select:focus{outline:none;border-color:var(--accent)}#task-phrase-len{font-size:10px;color:var(--text-dim);font-family:monospace;margin-bottom:4px;min-height:14px}#task-btn-row{display:flex;gap:4px}#task-btn-row button{font-size:11px;padding:3px 10px}#task-bar{min-height:46px;background:var(--bg2);border-top:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;padding:4px 14px 5px;gap:5px}#task-bar-row{display:flex;align-items:center;gap:8px;min-height:22px}#task-bar-label{font-size:10px;color:var(--text-dim);white-space:nowrap;flex-shrink:0}#task-target-display{flex:1;display:flex;flex-wrap:wrap;gap:0;overflow:hidden;align-items:baseline;max-height:24px}.tc{font-family:monospace;font-size:16px;line-height:1;display:inline-block;min-width:9px;text-align:center;padding:0 .5px;transition:color .05s}.tc-match{color:var(--green)}.tc-wrong{color:var(--red);background:#ef44441f;border-radius:2px}.tc-cursor{color:#fff;border-bottom:2px solid var(--accent)}.tc-remain{color:var(--text-dim)}.tc-wrong-space{background:#ef444440;border-radius:2px;min-width:9px}#task-metrics-row{display:flex;align-items:center;gap:6px;flex-shrink:0;font-size:11px;font-family:monospace;white-space:nowrap}#task-timer{color:var(--accent);font-weight:600;min-width:32px;text-align:right}#task-wpm{color:var(--green)}#task-ter{color:var(--yellow)}#task-bs{color:var(--text-dim)}.tbar-sep{color:var(--border);-webkit-user-select:none;user-select:none}#btn-task-reset-inline{padding:1px 6px;font-size:11px;opacity:.6;margin-left:2px}#btn-task-reset-inline:hover{opacity:1}#task-prog-wrap{height:3px;background:var(--bg3);border-radius:2px;overflow:hidden}#task-prog-fill{height:100%;background:var(--green);width:0%;border-radius:2px;transition:width .08s}#task-complete-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080fd1;z-index:150;display:flex;align-items:center;justify-content:center;animation:fade-in .25s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}#task-complete-panel{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:32px 44px;min-width:320px;text-align:center;box-shadow:0 20px 60px #0009}#task-complete-icon{font-size:44px;color:var(--green);margin-bottom:6px;line-height:1}#task-complete-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:22px}#task-complete-stats{text-align:left;margin-bottom:24px;border:1px solid var(--border);border-radius:8px;overflow:hidden}.tcs-row{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;border-bottom:1px solid var(--border);font-size:13px}.tcs-row:last-child{border-bottom:none}.tcs-label{color:var(--text-dim)}.tcs-row>span:last-child{font-family:monospace;color:var(--accent);font-weight:600}#task-complete-btns{display:flex;gap:12px;justify-content:center}#task-complete-btns button{padding:8px 22px;font-size:13px}#btn-task-again{border-color:var(--accent);color:var(--accent)}#btn-task-done{background:var(--green);border-color:var(--green);color:#000;font-weight:700}#btn-task-done:hover{background:#16a34a;border-color:#16a34a;color:#000}#naturalness-row{display:flex;align-items:center;gap:6px;margin-top:3px}#nat-bar-wrap{width:80px;height:5px;background:var(--bg3);border-radius:3px;overflow:hidden;flex-shrink:0}#nat-bar-fill{height:100%;width:50%;background:var(--yellow);border-radius:3px;transition:width .1s,background .15s}.type-badge{font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;letter-spacing:.03em;white-space:nowrap}.type-natural{background:#22c55e26;color:var(--green)}.type-forced{background:#ef444426;color:var(--red)}.type-ambiguous{background:#eab30826;color:var(--yellow)}.type-none{background:#5a64801a;color:var(--text-dim)}#nat-score-text{font-family:monospace;font-size:10px;color:var(--text-dim);margin-top:2px}#trigger-list .log-natural{color:var(--green)}#trigger-list .log-forced{color:var(--red)}#session-stats{min-width:80px;flex-shrink:0}.stat-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-family:monospace;margin-bottom:3px}.stat-label{color:var(--text-dim);font-family:inherit}.nat-color{color:var(--green)}.frc-color{color:var(--red)}.stat-avg{font-size:10px;font-family:monospace;color:var(--text-dim);margin-top:2px}#smile-flash{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 28px;background:var(--green);color:#fff;font-size:18px;font-weight:700;border-radius:12px;z-index:200;pointer-events:none;animation:flash-anim .5s ease-out forwards}@keyframes flash-anim{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}
