:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.interview-container{background-color:#f0f4f8;flex-direction:column;width:100vw;height:100vh;font-family:Pretendard,Malgun Gothic,sans-serif;display:flex;overflow:hidden}.interview-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;height:80px;padding:0 20px;display:flex}.question-box{color:#333;white-space:nowrap;text-overflow:ellipsis;background-color:#fff;border-radius:12px;flex:1;justify-content:center;align-items:center;height:50px;padding:0 20px;font-size:clamp(16px,1.5vw,24px);font-weight:700;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000000d}.timer-box{color:#fff;letter-spacing:1px;background-color:#1e3a8a;border-radius:12px;justify-content:center;align-items:center;height:50px;padding:0 20px;font-size:clamp(20px,2vw,32px);font-weight:700;display:flex}.main-content{flex:1;gap:20px;padding:10px 20px 20px;display:flex;overflow:hidden}.video-section{background-color:#fff;border-radius:20px;flex:3;justify-content:center;align-items:center;min-height:0;padding:15px;display:flex;position:relative;box-shadow:0 4px 20px #0000000d}.video-wrapper{background-color:#000;border-radius:16px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.sidebar{flex-direction:column;flex:1;min-width:250px;display:flex;overflow-y:auto}.sidebar-card{box-sizing:border-box;background-color:#fff;border-radius:16px;height:100%;padding:20px;box-shadow:0 4px 12px #0000000d}@media (max-width:768px){.interview-container{height:100%;min-height:100vh;overflow-y:auto}.main-content{flex-direction:column;height:auto;overflow:visible}.video-section{aspect-ratio:4/3;flex:none;width:100%;padding:10px}.sidebar{flex:none;width:100%;min-width:0}.sidebar-card{height:auto}.interview-header{height:60px;padding:10px}.question-box{padding:0 10px;font-size:14px}.timer-box{padding:0 10px;font-size:18px}.tip-box{display:none}}.overlay-layer{z-index:10;flex-direction:column;align-items:center;width:100%;display:flex;position:absolute;bottom:20px;left:0}.fake-waveform{color:#60a5fa;letter-spacing:3px;opacity:.8;margin-bottom:10px;font-size:clamp(12px,2vw,16px);font-weight:700}.record-button{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:50px;padding:12px 30px;font-size:clamp(14px,2vw,18px);font-weight:700;transition:transform .2s;box-shadow:0 4px 10px #ef444466}.record-button:hover{transform:scale(1.05)}.stop-button{color:#fff;cursor:pointer;background-color:#333;border:none;border-radius:50px;padding:12px 30px;font-size:clamp(14px,2vw,18px);font-weight:700}.guide-text{color:#fff;text-shadow:0 2px 4px #00000080;margin-top:10px;font-size:14px}.card-title{color:#3b82f6;align-items:center;gap:8px;margin-bottom:20px;font-size:18px;font-weight:700;display:flex}.setting-group{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.setting-label{color:#333;margin-bottom:5px;font-weight:700}.radio-label,.toggle-row{cursor:pointer;color:#555;align-items:center;gap:8px;font-size:15px;display:flex}.toggle-row{justify-content:space-between}.divider{border:none;border-top:1px solid #eee;margin:10px 0 20px}.interview-footer{background-color:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex;position:relative}.progress-container{z-index:1;flex:1;align-items:center;gap:15px;display:flex}.progress-text{color:#333;font-size:14px;font-weight:700}.progress-bar-bg{background-color:#e5e7eb;border-radius:4px;width:100%;max-width:200px;height:8px;overflow:hidden}.progress-bar-fill{background-color:#3b82f6;width:20%;height:100%}.tip-box{text-align:center;color:#555;white-space:nowrap;text-overflow:ellipsis;background-color:#f3f4f6;border-radius:20px;max-width:50%;padding:8px 20px;font-size:13px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.footer-icons{color:#9ca3af;cursor:pointer;z-index:1;justify-content:flex-end;gap:15px;font-size:20px;display:flex}