:root{--color-bg: #ffffff;--color-surface: #f2f4f6;--color-border: #e5e8eb;--color-text: #191f28;--color-text-sub: #8b95a1;--color-primary: #3182f6;--color-primary-pressed: #1b64da;--color-danger: #f04452;--color-success: #00c896;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font-sans: -apple-system, BlinkMacSystemFont, "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--touch-min: 48px;--shadow-sm: 0 1px 2px rgba(25, 31, 40, .04), 0 1px 1px rgba(25, 31, 40, .03);--shadow-md: 0 4px 16px rgba(25, 31, 40, .08);--shadow-primary: 0 6px 16px rgba(49, 130, 246, .28)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--color-bg)}body{font-family:var(--font-sans);color:var(--color-text);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain;letter-spacing:-.01em}.screen{min-height:100dvh;display:flex;flex-direction:column;padding:var(--space-5) var(--space-4);padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom));padding-top:calc(var(--space-5) + env(safe-area-inset-top))}h1{font-size:23px;font-weight:800;margin:0 0 var(--space-2);letter-spacing:-.02em}h2{font-size:17px;font-weight:700;margin:0 0 var(--space-3)}p.sub{color:var(--color-text-sub);font-size:14px;margin:0 0 var(--space-5)}.field{width:100%;min-height:var(--touch-min);padding:0 var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:16px;background:var(--color-bg);margin-bottom:var(--space-3);transition:border-color .15s ease,box-shadow .15s ease}.field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #3182f61f}.btn{min-height:var(--touch-min);width:100%;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:700;cursor:pointer;transition:transform .06s ease,background .15s ease,box-shadow .15s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:active{background:var(--color-primary-pressed)}.btn-primary:disabled{background:var(--color-border);color:var(--color-text-sub);box-shadow:none}.btn-ghost{background:var(--color-surface);color:var(--color-text)}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm)}.timer{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:var(--space-3) 0;font-variant-numeric:tabular-nums;border-bottom:1px solid var(--color-border)}.timer.warn{color:var(--color-danger)}.question-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.question-index{display:inline-block;font-size:12px;font-weight:700;color:var(--color-primary);background:#e8f3ff;padding:2px 8px;border-radius:999px;margin-bottom:var(--space-2)}.question-prompt{font-size:16px;font-weight:600;margin-bottom:var(--space-3);line-height:1.5}.question-image{width:100%;border-radius:var(--radius-sm);margin-bottom:var(--space-3)}.choice{display:flex;align-items:center;gap:var(--space-3);min-height:var(--touch-min);padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.choice.selected{border-color:var(--color-primary);background:#e8f3ff}.choice{transition:border-color .12s ease,background .12s ease}.choice:active{transform:scale(.99)}.choice-marker{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--color-text-sub);background:var(--color-surface);flex-shrink:0}.choice-marker.selected{background:var(--color-primary);color:#fff}.violation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#191f28e6;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;text-align:center;padding:var(--space-5)}.bottom-bar{position:sticky;bottom:0;background:var(--color-bg);padding-top:var(--space-3);padding-bottom:env(safe-area-inset-bottom)}.violation-overlay.penalty{background:#f04452f2}.violation-overlay h2{color:#fff}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-auto{margin-top:auto}.pt-4{padding-top:var(--space-4)}.pt-6{padding-top:var(--space-6)}.exam-row-disabled{opacity:.55}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.text-sub{color:var(--color-text-sub)}.text-danger{color:var(--color-danger)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-sm{font-size:13px}.text-xs{font-size:12px}.text-lg{font-size:20px}.text-xl{font-size:28px}.text-center{text-align:center}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.w-full{width:100%}.w-auto{width:auto}.no-btn{border:none;background:none;cursor:pointer;padding:0;color:inherit;font:inherit}.msg{font-size:13px;margin:0 0 var(--space-3)}.msg-error{color:var(--color-danger);margin-top:-4px;margin-bottom:var(--space-3)}.msg-success{color:var(--color-primary)}.badge{font-size:12px;font-weight:700}.thumb{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--color-surface);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--color-text-sub)}.legal-table{width:100%;font-size:13px;border-collapse:collapse}.legal-table th,.legal-table td{padding:6px;text-align:left}.legal-table thead tr,.legal-table tbody tr{border-bottom:1px solid var(--color-border)}.legal-notice{margin-top:var(--space-5);font-size:13px;color:var(--color-text-sub)}.legal-page{max-width:640px;margin:0 auto}.legal-section{margin-bottom:var(--space-5)}.legal-section-body{font-size:14px;line-height:1.7}.footer-legal{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:12px;color:var(--color-text-sub);line-height:1.7}.footer-legal a{color:var(--color-text-sub);margin-right:var(--space-3)}.link-plain{border:none;background:none;color:var(--color-text-sub);font-size:13px;cursor:pointer;padding:var(--space-2)}.link-plain:hover{color:var(--color-text)}.link-back{display:inline-block;font-size:13px;color:var(--color-text-sub);margin-bottom:var(--space-3);text-decoration:none}.link-back:hover{color:var(--color-text)}.link-sub{color:var(--color-text-sub);font-size:13px;text-decoration:none}.screen.center{align-items:center;justify-content:center;text-align:center}.score-card{width:100%;margin-top:var(--space-2);margin-bottom:var(--space-5)}.score-card .label{margin:0;font-size:13px;color:var(--color-text-sub)}.score-card .value{margin:var(--space-1) 0 0;font-size:28px;font-weight:800}.result-emoji{font-size:48px;margin-bottom:var(--space-4)}.divider-row{display:flex;align-items:center;gap:var(--space-2);margin:4px 0 var(--space-4);color:var(--color-text-sub);font-size:13px}.divider-line{flex:1;height:1px;background:var(--color-border)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000073;display:flex;align-items:flex-end;justify-content:center}.modal-overlay.dim-light{background:#0006}.modal-overlay.z-mid{z-index:50}.exam-screen{padding-bottom:24px}.exam-screen-openbook{padding-bottom:96px}.modal-sheet{background:var(--color-bg);width:100%;max-height:88dvh;border-radius:20px 20px 0 0;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.modal-sheet.compact{max-height:none;height:85dvh;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.modal-header-plain{padding:20px 20px 8px}.modal-body{overflow-y:auto;padding:12px 20px;flex:1}.modal-footer{padding:12px 20px 20px}.modal-close{border:none;background:none;font-size:20px;cursor:pointer}.modal-iframe{width:100%;height:calc(100% - 48px);border:none}.fullscreen-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:var(--color-bg);display:flex;flex-direction:column;padding:var(--space-5)}.fab{position:fixed;right:var(--space-4);bottom:84px;width:auto;min-height:44px;padding:0 var(--space-4);border-radius:999px;box-shadow:0 2px 8px #0000001f}.camera-frame{flex:1;border-radius:var(--radius-md);overflow:hidden;background:#000;position:relative;min-height:240px}.camera-frame video,.camera-frame img{width:100%;height:100%;object-fit:cover}.camera-canvas{display:none}.consent-check{background:var(--color-surface);border:none;font-weight:700}.consent-check input,.consent-item-row input{width:20px;height:20px}.consent-item{margin-top:var(--space-2);padding:0}.consent-item-row{display:flex;align-items:center;gap:var(--space-2);padding:14px 16px;min-height:var(--touch-min)}.consent-item-title{flex:1;font-size:15px;font-weight:600}.consent-item-toggle{border:none;background:none;color:var(--color-text-sub);font-size:13px;padding:4px;cursor:pointer}.consent-item-body{padding:0 16px 16px;font-size:13px;color:var(--color-text-sub);white-space:pre-line;line-height:1.6}.app-logo{width:56px;height:56px;border-radius:18px;object-fit:cover;box-shadow:var(--shadow-primary);display:block;margin:0 auto var(--space-4)}.login-hero{text-align:center;margin-bottom:var(--space-6)}.login-hero h1{margin-bottom:var(--space-1)}.login-hero p.sub{margin-bottom:0}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.dashboard-header-user{display:flex;align-items:center;gap:var(--space-3)}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#4f9bff,var(--color-primary-pressed));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;flex-shrink:0}.dashboard-header-name{font-weight:800;font-size:16px;line-height:1.2}.dashboard-header-sub{font-size:12px;color:var(--color-text-sub)}.exam-card{border-left:4px solid var(--color-border);transition:transform .1s ease,box-shadow .1s ease}.exam-card:active{transform:scale(.99)}.exam-card.status-open{border-left-color:var(--color-primary)}.exam-card.status-graded{border-left-color:var(--color-success)}.exam-card.status-upcoming{border-left-color:#f5a623}.exam-card.status-closed{border-left-color:var(--color-border)}.section-title{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.section-title .count{font-size:12px;font-weight:700;color:var(--color-text-sub);background:var(--color-surface);padding:2px 8px;border-radius:999px}.qr-join-badge{display:inline-block;font-size:12px;font-weight:700;color:var(--color-primary);background:#e8f3ff;padding:4px 10px;border-radius:999px;margin-bottom:var(--space-3)}.field-label{display:block;font-size:13px;font-weight:700;margin-bottom:var(--space-2)}.nickname-pick{width:100%;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);padding:var(--space-3) var(--space-4);font-size:15px;font-weight:600;text-align:left;cursor:pointer;margin-bottom:var(--space-3)}.nickname-pick.selected{border-color:var(--color-primary);background:#e8f3ff;color:var(--color-primary)}.nickname-pick-primary{font-size:17px;font-weight:800;text-align:center}.nickname-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-bottom:var(--space-2)}.nickname-grid .nickname-pick{margin-bottom:0;font-size:14px;text-align:center}.qr-scan-frame{position:relative}.qr-scan-guide{position:absolute;top:15%;right:15%;bottom:15%;left:15%;border:3px solid #fff;border-radius:var(--radius-md);box-shadow:0 0 0 999px #00000059;pointer-events:none}.face-id-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-3)}