:root{--color-bg:#fffdf9;--color-bg-elevated:#ffffff;--color-surface:#ffffff;--color-surface-soft:#f3e7d8;--color-surface-tint:#e3cfb3;--color-border:#ddccb8;--color-border-strong:#d0b898;--color-text:#302315;--color-text-muted:#6f5740;--color-text-soft:#9a8062;--color-primary:#d0b898;--color-primary-hover:#d0b898;--color-primary-active:#d0b898;--color-primary-soft:#efe1cf;--color-primary-strong:#5b3f23;--color-success:#3fbc7a;--color-warning:#e69c2e;--color-danger:#e15261;--gradient-primary:linear-gradient(135deg,#d0b898,#d0b898);--gradient-primary-hover:linear-gradient(135deg,#d0b898,#d0b898);--shadow-panel:0 8px 24px rgba(208,184,152,0.14);--shadow-control:0 3px 10px rgba(208,184,152,0.24);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-sans:"Pretendard","Inter",system-ui,sans-serif}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:radial-gradient(circle at 22% 10%,rgba(208,184,152,.38),transparent 28rem),var(--color-bg);color:var(--color-text);font-family:var(--font-sans)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.site-header{min-height:92px;padding:0 clamp(32px,4vw,56px);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);border-bottom:1px solid rgba(208,184,152,.62);background:rgba(255,253,249,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.account-button,.brand,.guide-card a,.hero-actions,.more-button,.recommendation-heading,.score-row a,.side-card-header,.sort-button,.title-with-help p{display:inline-flex;align-items:center}.brand{justify-self:start;gap:var(--space-3)}.brand-logo{width:44px;height:44px;display:block;object-fit:contain}.brand-name{color:#d0b898;font-size:2.5rem;line-height:1;font-weight:800}.account-button{gap:var(--space-3);border:0;background:transparent;color:var(--color-text);font-size:1.0625rem;font-weight:700}.site-nav{display:inline-flex;align-items:center;gap:var(--space-5)}.login-link{border:0;background:transparent;color:var(--color-text-muted);font-size:1rem;font-weight:700}.login-link:disabled{cursor:wait;opacity:.68}.auth-link-placeholder{visibility:hidden}.login-main{width:100%;max-width:560px;margin:0 auto;padding:clamp(48px,8vw,96px) var(--space-6)}.login-panel{display:grid;grid-gap:var(--space-5);gap:var(--space-5);padding:clamp(24px,5vw,40px);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--shadow-panel)}.login-heading{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.login-heading h1{margin:0;color:var(--color-text);font-size:2rem;line-height:1.2;font-weight:800}.login-heading p{margin:0;color:var(--color-text-muted);line-height:1.6}.login-field{display:grid;grid-gap:var(--space-2);gap:var(--space-2);color:var(--color-text);font-weight:700}.login-field input{width:100%;min-height:48px;padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg-elevated);color:var(--color-text)}.login-field input:focus{border-color:var(--color-primary-strong);outline:3px solid var(--color-primary-soft)}.login-error{margin:0;color:var(--color-danger);font-weight:700}.login-helper-message{margin:0;color:var(--color-text-muted);font-weight:700}.login-submit{min-height:48px;border:0;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-text);font-weight:800}.login-submit:disabled{cursor:wait;opacity:.68}.login-secondary-link{justify-self:center;color:var(--color-text-muted);font-weight:700}.login-support-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);text-align:center}.login-support-actions a,.login-support-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0;border:0;background:transparent;color:var(--color-primary-strong);font:inherit;font-weight:800;line-height:1;text-decoration:none}.login-support-actions a:hover,.login-support-actions button:hover{text-decoration:underline}.dashboard{width:100%;max-width:1800px;margin:0 auto;padding:32px clamp(32px,4vw,56px) var(--space-8);display:grid;grid-template-columns:minmax(0,1fr) 430px;grid-gap:48px;gap:48px}.main-column,.side-column{min-width:0;display:grid;align-content:start;grid-gap:var(--space-6);gap:var(--space-6)}.hero-section{min-height:260px;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,340px);grid-gap:40px;gap:40px;align-items:center;padding:18px 0 0 64px}.hero-copy{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.hero-copy h1{margin:0;color:var(--color-text);font-size:clamp(2.625rem,2.5vw,3rem);line-height:1.18;font-weight:800;letter-spacing:0}.hero-copy p{margin:0;color:var(--color-text-muted);font-size:1.1875rem;line-height:1.6}.hero-actions{gap:var(--space-8);margin-top:var(--space-4)}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-sm);border:1px solid transparent;padding:0 var(--space-5);font-weight:700;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.primary{border:0;background:var(--gradient-primary);color:var(--color-text);box-shadow:var(--shadow-control)}.primary:hover{background:var(--gradient-primary-hover)}.secondary{border-color:var(--color-border-strong);background:var(--color-bg-elevated);color:var(--color-text)}.secondary:hover{background:var(--color-surface-soft)}.danger{border:0;background:var(--color-danger);color:#ffffff;box-shadow:var(--shadow-control)}.danger:hover{background:#c83c4d}.audio-play-button:disabled,.button:disabled,.question-number-grid button:disabled{cursor:not-allowed;opacity:.58;transform:none}.button:active,.filter-button:active,.more-button:active,.sort-button:active{transform:translateY(1px)}.account-button:focus-visible,.button:focus-visible,.filter-button:focus-visible,.guide-link:focus-visible,.more-button:focus-visible,.mypage-feedback-link:focus-visible,.mypage-pagination a:focus-visible,.mypage-pagination button:focus-visible,.mypage-tabs button:focus-visible,.side-card a:focus-visible,.simple-exam-title-button:focus-visible,.sort-button:focus-visible{outline:2px solid rgba(111,84,53,.22);outline-offset:3px}.hero-button{min-width:240px;min-height:64px;font-size:1.375rem}.hero-button svg,.outline-button svg,.row-button svg{width:18px;height:18px}.guide-link{gap:var(--space-2);color:var(--color-primary-strong);font-size:1.0625rem;font-weight:700}.guide-link svg{width:17px;height:17px}.hero-asset-placeholder{width:min(100%,340px);min-height:230px;justify-self:center;border-radius:var(--radius-lg);border:1px dashed var(--color-border-strong);background:radial-gradient(circle at 20% 72%,rgba(208,184,152,.26),transparent 20px),radial-gradient(circle at 78% 20%,rgba(111,84,53,.08),transparent 28px),rgba(247,240,231,.62)}.exam-panel,.side-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:rgba(255,255,255,.9);box-shadow:var(--shadow-panel)}.exam-panel{padding:28px 64px 32px}.search-row{display:grid;grid-template-columns:minmax(0,1fr) 160px;grid-gap:var(--space-6);gap:var(--space-6)}.search-box{position:relative;min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);min-height:54px;padding:0 var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-elevated);color:var(--color-primary-strong)}.search-box input{min-width:0;border:0;outline:0;background:transparent;color:var(--color-text);font-size:1.0625rem;font-weight:500}.search-box input::placeholder{color:var(--color-text-muted)}.reset-button{background:var(--color-bg-elevated);border-color:var(--color-border);color:var(--color-text-muted);padding:0 var(--space-4);white-space:nowrap}.filter-button:hover,.reset-button:hover,.sort-button:hover{border-color:var(--color-border-strong);background:var(--color-surface-soft)}.filter-row{display:grid;grid-template-columns:repeat(4,minmax(164px,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin-top:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.filter-button,.more-button,.sort-button{min-height:52px;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-elevated);color:var(--color-text);font-size:1rem;font-weight:700;transition:background .14s ease,border-color .14s ease,transform .14s ease}.filter-button{padding:0 var(--space-5)}.filter-button svg,.more-button svg,.side-card a svg,.sort-button svg{width:16px;height:16px}.exam-heading{justify-content:space-between;margin-top:var(--space-5)}.exam-heading,.title-with-help{display:flex;align-items:center;gap:var(--space-4)}.title-with-help{min-width:0}.side-card h2,.title-with-help h2{margin:0;color:var(--color-text);font-size:1.25rem;line-height:1.55;font-weight:800}.title-with-help p{gap:var(--space-2);margin:0;color:var(--color-text-muted);font-size:.9375rem;line-height:1.4}.title-with-help p svg{width:16px;height:16px;color:var(--color-text-soft)}.sort-button{min-height:36px;border:0;padding:0;color:var(--color-text-muted)}.exam-list{display:grid;margin-top:var(--space-4)}.exam-row{min-height:92px;display:grid;grid-template-columns:minmax(240px,1.55fr) minmax(96px,.6fr) minmax(128px,.72fr) minmax(84px,.52fr) minmax(84px,.52fr) 144px;align-items:center;grid-gap:var(--space-6);gap:var(--space-6);padding:var(--space-4) var(--space-6);border:1px solid var(--color-border);background:var(--color-bg-elevated)}.exam-row:first-child{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.exam-row:last-child{border-radius:0 0 var(--radius-sm) var(--radius-sm)}.exam-row+.exam-row{margin-top:-1px}.exam-row:hover{position:relative;z-index:1;border-color:var(--color-border-strong)}.exam-title-cell,.record-main{min-width:0;display:flex;align-items:center;gap:var(--space-4)}.exam-icon{width:60px;height:60px;flex:0 0 auto;display:inline-grid;place-items:center;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-primary-strong)}.exam-icon svg{width:34px;height:34px}.exam-title-cell h3,.record-main h3{margin:0;color:var(--color-text);font-size:1.25rem;line-height:1.35;font-weight:800}.exam-meta{min-width:0;display:grid;grid-gap:var(--space-1);gap:var(--space-1)}.exam-meta span{color:var(--color-text-muted);font-size:.875rem;line-height:1.2;font-weight:500}.exam-meta strong{color:var(--color-text);font-size:1.125rem;line-height:1.25;font-weight:800}.row-button{min-height:48px;padding:0 var(--space-5);font-size:1.0625rem}.more-button{min-height:32px;justify-content:center;margin:var(--space-3) auto 0;border:0;padding:0 var(--space-3);background:transparent;color:var(--color-primary-strong);font-weight:800}.side-column{gap:var(--space-4)}.side-card{padding:var(--space-6)}.side-card-header{justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.guide-card a,.score-row a,.side-card-header a{gap:var(--space-1);color:var(--color-primary-strong);font-size:.9375rem;font-weight:800}.record-item,.record-list{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.record-item{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-elevated)}.record-main{align-items:flex-start}.record-main>div{min-width:0;flex:1 1}.record-icon{width:48px;height:48px;flex:0 0 auto;display:inline-grid;place-items:center;color:var(--color-primary-strong)}.record-icon svg{width:34px;height:34px}.record-main h3{font-size:1.0625rem}.record-main time{display:block;margin-top:var(--space-1);color:var(--color-text-muted);font-size:.875rem;line-height:1.35}.status-badge{flex:0 0 auto;min-height:30px;display:inline-flex;align-items:center;padding:0 var(--space-2);border-radius:6px;border:1px solid rgba(208,184,152,.42);background:var(--color-primary);color:var(--color-primary-strong);font-size:.8125rem;font-weight:800}.progress-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:var(--space-3);gap:var(--space-3)}.progress-track{height:8px;overflow:hidden;border-radius:var(--radius-pill);background:#dfe1e8}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--gradient-primary)}.progress-row strong{color:var(--color-primary-strong);font-size:.9375rem}.score-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.score-row strong{color:var(--color-text);font-size:1.0625rem}.guide-card,.recommendation-card{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.recommendation-heading{gap:var(--space-2)}.recommendation-heading svg{color:var(--color-primary-strong)}.recommendation-card p{margin:0;color:var(--color-text);font-size:1.0625rem;line-height:1.7}.outline-button{width:100%;border-color:var(--color-border-strong);background:transparent;color:var(--color-primary-strong)}.outline-button:hover{background:var(--color-surface-soft)}.guide-card ul{display:grid;grid-gap:var(--space-3);gap:var(--space-3);margin:0;padding:0;list-style:none}.guide-card li{display:grid;grid-template-columns:auto 1fr;grid-gap:var(--space-2);gap:var(--space-2);color:var(--color-text-muted);font-size:.9375rem;line-height:1.45}.guide-card li svg{width:17px;height:17px;color:var(--color-primary-strong)}.site-footer{width:100%;max-width:1800px;margin:0 auto;padding:0 clamp(32px,4vw,56px) var(--space-5);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:var(--space-6);gap:var(--space-6);color:var(--color-text-soft);font-size:.875rem}.site-footer p{margin:0}.site-footer p:last-child{justify-self:end}.site-footer nav{display:inline-flex;gap:var(--space-6)}.site-footer a{color:var(--color-text-muted)}.simple-main{width:100%;max-width:1680px;margin:0 auto;padding:54px clamp(32px,5vw,64px) var(--space-8);display:grid;grid-gap:var(--space-5);gap:var(--space-5);align-content:start}.simple-hero{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin-bottom:var(--space-5)}.simple-hero h1{margin:0;color:var(--color-text);font-size:clamp(2.25rem,2.5vw,2.75rem);line-height:1.18;font-weight:800;letter-spacing:0}.simple-hero p{margin:0;color:var(--color-text-muted);font-size:1.0625rem;line-height:1.6;font-weight:500}.simple-filter-panel{align-self:start;display:grid;grid-template-columns:1fr;align-items:center;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:rgba(255,255,255,.92);box-shadow:var(--shadow-panel)}.simple-exam-list{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.simple-exam-row{min-height:104px;display:grid;grid-template-columns:minmax(260px,1.8fr) minmax(100px,.6fr) minmax(130px,.75fr) minmax(92px,.55fr);grid-gap:var(--space-6);padding:var(--space-4) var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:rgba(255,255,255,.92);box-shadow:0 4px 16px rgba(111,84,53,.035)}.simple-exam-row,.simple-exam-title{align-items:center;gap:var(--space-6)}.simple-exam-title{min-width:0;display:flex}.simple-exam-icon{width:60px;height:60px;flex:0 0 auto;display:inline-grid;place-items:center;border-radius:14px;background:var(--color-primary);color:#000000}.simple-exam-icon svg{width:34px;height:34px}.simple-exam-title h2{margin:0}.simple-exam-title-button{border:0;padding:0;background:transparent;color:var(--color-text);font-size:1.2rem;line-height:1.3;font-weight:800;text-align:left;text-decoration:none;text-underline-offset:4px;cursor:pointer}.simple-exam-title-button:hover{color:var(--color-primary-strong);text-decoration:underline}.simple-exam-title-button:focus-visible{text-decoration:underline}.simple-exam-title-button:disabled{cursor:wait;opacity:.72}.simple-exam-meta{display:grid;grid-gap:var(--space-1);gap:var(--space-1)}.simple-exam-meta span{color:var(--color-text-muted);font-size:.875rem;line-height:1.2;font-weight:500}.simple-exam-meta strong{color:var(--color-text);font-size:1.25rem;line-height:1.25;font-weight:700}@media (min-width:861px){.site-header{min-height:74px;padding:0 clamp(26px,4vw,45px)}.brand-logo{width:35px;height:35px}.brand-name{font-size:2rem}.account-button{font-size:.85rem}.login-link{font-size:.8rem}.simple-main{max-width:1344px;padding:43px clamp(26px,5vw,51px) 26px;gap:var(--space-4)}.simple-hero{margin-bottom:var(--space-4)}.simple-hero h1{font-size:clamp(1.8rem,2.5vw,2.2rem)}.simple-hero p{font-size:.85rem}.simple-exam-list{gap:6px}.simple-exam-row{min-height:83px;gap:19px;padding:13px 26px}.simple-exam-title{gap:19px}.simple-exam-icon{width:48px;height:48px;border-radius:11px}.simple-exam-icon svg{width:27px;height:27px}.simple-exam-title-button{font-size:.96rem}.simple-exam-meta span{font-size:.7rem}.simple-exam-meta strong{font-size:1rem}.site-footer{max-width:1440px;padding:0 clamp(26px,4vw,45px) var(--space-4);gap:19px;font-size:.7rem}.site-footer nav{gap:19px}}.exam-modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:var(--space-5);background:rgba(53,41,30,.38);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.exam-modal{width:min(100%,560px);display:grid;grid-gap:var(--space-5);gap:var(--space-5);padding:var(--space-8);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg-elevated);box-shadow:0 22px 64px rgba(53,41,30,.18)}.exam-modal-heading{display:grid;grid-template-columns:auto 1fr;grid-gap:var(--space-4);gap:var(--space-4);align-items:start}.exam-modal-icon{width:48px;height:48px;display:inline-grid;place-items:center;border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary-strong)}.exam-modal-icon.warning{background:#fff0e9;color:var(--color-danger)}.exam-modal-icon svg{width:26px;height:26px}.exam-modal h2{margin:0;color:var(--color-text);font-size:1.5rem;line-height:1.3;font-weight:800}.exam-modal p{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:1rem;line-height:1.6;font-weight:600}.exam-modal-list{display:grid;grid-gap:var(--space-3);gap:var(--space-3);margin:0;padding:0;list-style:none}.exam-modal-list li{position:relative;padding-left:var(--space-5);color:var(--color-text);font-size:1rem;line-height:1.55;font-weight:600}.exam-modal-list li:before{content:"";position:absolute;top:.72em;left:2px;width:7px;height:7px;border-radius:var(--radius-pill);background:var(--color-primary)}.exam-modal-warning{min-height:54px;display:grid;align-items:center;margin:0;padding:var(--space-4);border:1px solid rgba(225,82,97,.24);border-radius:var(--radius-sm);background:#fff7f7;color:var(--color-danger);font-weight:800}.exam-modal-actions{display:flex;justify-content:center;gap:var(--space-3)}.exam-modal-button{min-height:48px;min-width:126px}.auth-required-modal{width:min(100%,520px)}.auth-modal-form{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.mypage-feedback-link,.mypage-pagination,.mypage-profile,.mypage-total{display:inline-flex;align-items:center}.mypage-main{width:100%;max-width:1680px;margin:0 auto;padding:54px clamp(32px,5vw,64px) var(--space-12);display:grid;grid-gap:var(--space-6);gap:var(--space-6);align-content:start}.mypage-profile-card{min-height:190px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,auto);align-items:center;grid-gap:var(--space-10);gap:var(--space-10);padding:var(--space-8) var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:rgba(255,255,255,.92);box-shadow:var(--shadow-panel)}.mypage-profile{min-width:0;gap:var(--space-6)}.mypage-profile-avatar{width:96px;height:96px;flex:0 0 auto;display:inline-grid;place-items:center;border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary-strong)}.mypage-profile-avatar svg{width:52px;height:52px}.mypage-profile h1{margin:0;color:var(--color-text);font-size:1.75rem;line-height:1.35;font-weight:800}.mypage-profile p{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:1.25rem;line-height:1.4;font-weight:600}.mypage-total{min-height:104px;min-width:240px;justify-content:center;flex-direction:column;gap:var(--space-2);border-left:1px solid var(--color-border-strong);color:var(--color-text)}.mypage-total span{color:var(--color-text-muted);font-size:1.1875rem;line-height:1.2;font-weight:800}.mypage-total strong{color:var(--color-text);font-size:1.75rem;line-height:1.2;font-weight:800}.mypage-record-section{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.mypage-tabs{display:flex;align-items:flex-end;gap:var(--space-8);border-bottom:1px solid var(--color-border)}.mypage-tabs button{position:relative;min-height:58px;border:0;background:transparent;color:var(--color-text-muted);padding:0 var(--space-3);font-size:1.25rem;font-weight:800}.mypage-tabs button.active{color:var(--color-primary-strong)}.mypage-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:var(--radius-pill);background:var(--color-primary)}.mypage-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:rgba(255,255,255,.92);box-shadow:var(--shadow-panel)}.mypage-table{width:100%;min-width:1040px;border-collapse:collapse;color:var(--color-text);font-size:1.1875rem;line-height:1.35}.mypage-table td,.mypage-table th{height:74px;padding:0 var(--space-6);border-bottom:1px solid var(--color-border);text-align:center;white-space:nowrap}.mypage-table td:first-child,.mypage-table th:first-child{text-align:left}.mypage-table th{background:var(--color-surface-soft);color:var(--color-text);font-weight:800}.mypage-table td{color:var(--color-text-muted);font-weight:700}.mypage-table tbody tr:last-child td{border-bottom:0}.mypage-feedback-link{min-height:46px;justify-content:center;gap:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg-elevated);color:var(--color-text);padding:0 var(--space-4);font-size:1.0625rem;font-weight:800}.mypage-feedback-link svg{width:18px;height:18px;color:var(--color-primary-strong)}.mypage-pagination{justify-content:center;gap:var(--space-3);padding-top:var(--space-5)}.mypage-pagination a,.mypage-pagination button{width:38px;height:38px;display:inline-grid;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--color-text);font-size:1.125rem;font-weight:800}.mypage-pagination a.active{background:var(--gradient-primary);color:var(--color-text);box-shadow:var(--shadow-control)}.mypage-pagination button{color:var(--color-primary-strong)}.mypage-pagination button:first-child svg{transform:rotate(180deg)}.mypage-pagination svg{width:18px;height:18px}@media (min-width:861px){.mypage-main{max-width:1344px;padding:43px clamp(26px,5vw,51px) 38px;gap:19px}.mypage-profile-card{min-height:152px;grid-template-columns:minmax(0,1fr) minmax(208px,auto);gap:var(--space-8);padding:26px 38px}.mypage-profile{gap:19px}.mypage-profile-avatar{width:77px;height:77px}.mypage-profile-avatar svg{width:42px;height:42px}.mypage-profile h1{font-size:1.4rem}.mypage-profile p{font-size:1rem}.mypage-total{min-height:83px;min-width:192px;gap:6px}.mypage-total span{font-size:.95rem}.mypage-total strong{font-size:1.4rem}.mypage-record-section{gap:13px}.mypage-tabs{gap:26px}.mypage-tabs button{min-height:46px;padding:0 10px;font-size:1rem}.mypage-table{min-width:832px;font-size:.95rem}.mypage-table td,.mypage-table th{height:59px;padding:0 19px}.mypage-feedback-link{min-height:37px;padding:0 13px;font-size:.85rem}.mypage-feedback-link svg{width:14px;height:14px}.mypage-pagination{gap:10px;padding-top:var(--space-4)}.mypage-pagination a,.mypage-pagination button{width:30px;height:30px;font-size:.9rem}.mypage-pagination svg{width:14px;height:14px}}.result-main{width:100%;max-width:1320px;margin:0 auto;padding:var(--space-8) clamp(32px,5vw,64px) var(--space-12);align-content:start}.result-main,.result-score-section{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.result-exam-heading{display:grid;justify-items:center;grid-gap:var(--space-2);gap:var(--space-2);text-align:center}.result-exam-heading span{min-height:42px;display:inline-flex;align-items:center;border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary-strong);padding:0 var(--space-5);font-size:1.25rem;font-weight:800}.result-exam-heading h1{margin:0;color:var(--color-text);font-size:2rem;line-height:1.25;font-weight:800;letter-spacing:0}.result-exam-heading p{margin:0;color:var(--color-text-muted);font-size:1.0625rem;line-height:1.4;font-weight:700}.result-total-score{margin:0;display:flex;align-items:baseline;justify-content:center;gap:var(--space-2);color:var(--color-text);line-height:1;letter-spacing:0}.result-total-score strong{color:var(--color-primary-strong);font-size:3.25rem;font-weight:800}.result-total-score span{font-size:1.75rem;font-weight:800}.result-score-grid{display:grid;grid-template-columns:minmax(220px,320px);justify-content:center;grid-gap:var(--space-4);gap:var(--space-4)}.result-answer-card,.result-feedback-card,.result-score-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:rgba(255,255,255,.92);box-shadow:var(--shadow-panel)}.result-score-card{min-height:136px;display:grid;place-items:center;align-content:center;grid-gap:var(--space-1);gap:var(--space-1);padding:var(--space-5)}.result-score-card h2{margin:0;color:var(--color-text);font-size:1.125rem;line-height:1.35;font-weight:800}.result-score-card strong{color:var(--color-primary-strong);font-size:2rem;line-height:1.05;font-weight:800}.result-score-card span{color:var(--color-text);font-size:1rem;line-height:1.2;font-weight:800}.result-question-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:var(--space-5);gap:var(--space-5);padding:0 var(--space-1)}.result-question-bar p{margin:0;color:var(--color-text);font-size:1.125rem;line-height:1.55;font-weight:700}.result-question-bar p strong{font-weight:800}.result-question-actions{justify-content:flex-end;min-width:300px}.result-question-actions,.result-question-actions button{display:inline-flex;align-items:center;gap:var(--space-2)}.result-question-actions button{min-height:42px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-primary-strong);padding:0 var(--space-4);font-size:1.0625rem;font-weight:800;white-space:nowrap}.result-question-actions button:disabled{cursor:not-allowed;opacity:.45}.result-question-actions span{min-width:56px;color:var(--color-text-muted);text-align:center;font-size:1rem;font-weight:800;white-space:nowrap}.result-question-actions svg{width:22px;height:22px}.result-answer-grid,.result-feedback-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.result-feedback-grid{grid-template-columns:minmax(0,1fr);align-items:start}.result-answer-card{min-height:260px;display:grid;grid-template-rows:auto 1fr;padding:var(--space-6)}.result-answer-card h2,.result-feedback-card h2{margin:0;color:var(--color-text);font-size:1.25rem;line-height:1.4;font-weight:800}.result-answer-card h2 span{color:var(--color-text-muted);font-size:1.0625rem}.result-answer-card p{margin:var(--space-5) 0;color:var(--color-text);font-size:1.125rem;line-height:1.65;font-weight:600}.result-answer-card mark{border-radius:5px;background:rgba(225,82,97,.12);color:var(--color-danger);padding:0 3px;font-weight:800}.result-feedback-card{min-height:0;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6)}.result-feedback-card.good{border-color:rgba(63,188,122,.24);background:rgba(63,188,122,.1)}.result-feedback-card.improve{border-color:rgba(225,82,97,.22);background:rgba(225,82,97,.08)}.result-feedback-card.good h2{color:#1f8e55}.result-feedback-card.improve h2{color:var(--color-danger)}.result-feedback-card ul{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin:0;padding-left:1.25rem}.result-feedback-card li{color:var(--color-text);font-size:1.0625rem;line-height:1.55;font-weight:700}.exam-shell{min-height:100vh;background:radial-gradient(circle at 72% 12%,rgba(208,184,152,.24),transparent 28rem),var(--color-bg);color:var(--color-text)}.exam-topbar{min-height:92px;padding:0 clamp(32px,4vw,56px);display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);border-bottom:1px solid var(--color-border);background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.exam-brand{display:inline-flex;align-items:center;gap:var(--space-3);color:#d0b898;font-size:2.5rem;line-height:1;font-weight:800}.exam-brand-logo{width:44px;height:44px;display:block;object-fit:contain}.exam-workspace{width:100%;max-width:1840px;margin:0 auto;padding:40px clamp(32px,4vw,56px);display:grid;grid-template-columns:minmax(0,1fr) minmax(560px,1fr);grid-gap:var(--space-8);gap:var(--space-8);align-items:start}.answer-timer-card,.prompt-card,.question-progress-card,.recording-notice,.stimulus-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:rgba(255,255,255,.92);box-shadow:var(--shadow-panel)}.stimulus-panel{min-height:760px;padding:36px;display:grid;grid-gap:var(--space-8);gap:var(--space-8)}.answer-time-heading h2,.audio-prompt-card h2,.audio-section h2,.question-progress-card h2,.stimulus-panel h1{margin:0;color:var(--color-text);font-size:1.35rem;line-height:1.4;font-weight:800}.answer-time-heading,.audio-prompt-card h2,.audio-section h2,.stimulus-panel h1{display:inline-flex;align-items:center;gap:var(--space-3)}.answer-time-heading svg,.audio-prompt-card h2 svg,.audio-section h2 svg,.recording-notice svg,.stimulus-panel h1 svg{width:28px;height:28px;color:var(--color-text-muted)}.audio-prompt-card h2 svg{color:var(--color-primary-strong)}.stimulus-placeholder{position:relative;min-height:520px;overflow:hidden;border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:#f8f8fb;display:flex;align-items:center;justify-content:center;padding:clamp(8px,2vw,20px)}.stimulus-image{display:block;width:min(100%,560px);height:auto;object-fit:contain}.recording-status-badge{min-height:36px;display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);border:1px solid rgba(225,82,97,.24);border-radius:var(--radius-pill);background:var(--color-bg-elevated);color:var(--color-danger);box-shadow:var(--shadow-control)}.recording-status-badge span{width:12px;height:12px;flex:0 0 auto;border-radius:var(--radius-pill);background:var(--color-danger);box-shadow:0 0 0 4px rgba(225,82,97,.14)}.recording-status-badge strong{color:var(--color-danger);font-size:.9375rem;line-height:1;font-weight:800;letter-spacing:0;white-space:nowrap}.placeholder-window{position:relative;width:100%;height:100%;min-height:520px;background:linear-gradient(90deg,transparent 23%,rgba(53,41,30,.12) 23.3%,transparent 23.8%),linear-gradient(180deg,transparent 64%,rgba(53,41,30,.18) 64.3%,transparent 64.8%)}.placeholder-window:before{content:"";position:absolute;left:0;right:0;bottom:0;height:62px;border-top:2px solid rgba(53,41,30,.18);background:linear-gradient(18deg,transparent 70%,rgba(53,41,30,.14) 70.4%)}.placeholder-plant{position:absolute;left:12%;bottom:32%;width:58px;height:118px;border-bottom:44px solid rgba(53,41,30,.12);border-left:14px solid transparent;border-right:14px solid transparent}.placeholder-plant:after,.placeholder-plant:before{content:"";position:absolute;width:38px;height:76px;border-radius:50%;border:2px solid rgba(53,41,30,.14);transform:rotate(-28deg)}.placeholder-plant:before{left:-34px;top:16px}.placeholder-plant:after{right:-34px;top:10px;transform:rotate(32deg)}.placeholder-mug{position:absolute;left:14%;bottom:6%;width:78px;height:78px;border:3px solid rgba(53,41,30,.2);border-radius:18px 18px 28px 28px}.placeholder-mug:before{content:"";position:absolute;left:-32px;top:16px;width:42px;height:48px;border:3px solid rgba(53,41,30,.18);border-radius:50%}.placeholder-frame{position:absolute;right:10%;top:15%;width:150px;height:132px;border:3px solid rgba(53,41,30,.13);box-shadow:inset 0 0 0 14px rgba(53,41,30,.04)}.placeholder-frame:before{content:"";position:absolute;left:20px;right:20px;bottom:22px;height:52px;background:linear-gradient(140deg,transparent 32%,rgba(53,41,30,.08) 32.6% 58%,transparent 58.6%);border-bottom:2px solid rgba(53,41,30,.1)}.placeholder-frame:after{content:"";position:absolute;right:32px;top:28px;width:28px;height:28px;border-radius:var(--radius-pill);border:2px solid rgba(53,41,30,.12);background:rgba(53,41,30,.04)}.placeholder-chair{position:absolute;left:51%;bottom:6%;width:180px;height:120px;border:3px solid rgba(53,41,30,.18);border-bottom:0;border-radius:28px 28px 0 0}.placeholder-table{position:absolute;left:0;right:0;bottom:62px;height:3px;background:rgba(53,41,30,.18)}.audio-section{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.audio-instruction{position:relative;justify-self:start;margin:0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg-elevated);color:var(--color-primary-strong);font-size:.9375rem;line-height:1.4;font-weight:800;box-shadow:var(--shadow-control)}.audio-instruction:after{content:"";position:absolute;left:20px;bottom:-7px;width:12px;height:12px;border-right:1px solid var(--color-border-strong);border-bottom:1px solid var(--color-border-strong);background:var(--color-bg-elevated);transform:rotate(45deg)}.audio-player{min-height:108px;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;grid-gap:var(--space-5);gap:var(--space-5);padding:0 var(--space-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-bg-elevated)}.audio-play-button,.audio-volume-button{border:0;background:transparent;color:var(--color-primary-strong)}.audio-play-button{width:60px;height:60px;display:inline-grid;place-items:center;border-radius:var(--radius-pill);background:var(--gradient-primary);color:var(--color-text)}.audio-play-button svg{width:28px;height:28px}.audio-volume-button svg{width:34px;height:34px;color:var(--color-text-muted)}.audio-player time{color:var(--color-text);font-size:1rem;font-weight:600}.audio-track{height:6px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-primary-soft)}.audio-track span{display:block;width:2%;height:100%;border-radius:inherit;background:var(--color-primary)}.question-panel{display:grid;grid-gap:28px;gap:28px}.question-progress-card{min-height:160px;padding:28px 32px;display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.question-number-grid{display:grid;grid-template-columns:repeat(15,minmax(36px,1fr));grid-gap:var(--space-2);gap:var(--space-2)}.question-number-grid button{height:52px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg-elevated);color:var(--color-text);font-size:1.125rem;font-weight:700}.question-number-grid button.active{border:0;background:var(--gradient-primary);color:var(--color-text);box-shadow:var(--shadow-control)}.question-number-grid button.played{border-color:rgba(111,84,53,.28);background:var(--color-primary-soft);color:var(--color-primary-strong)}.question-number-grid button.playing{border-color:rgba(111,84,53,.32);background:var(--color-primary-soft);color:var(--color-primary-strong)}.question-number-grid button.recording{border-color:rgba(220,38,38,.28);background:#fef2f2;color:var(--color-danger)}.question-number-grid button.completed{border-color:rgba(31,142,85,.28);background:#ecfdf3;color:#1f8e55}.question-number-grid button.active.completed,.question-number-grid button.active.played,.question-number-grid button.active.playing,.question-number-grid button.active.recording{border:0;color:var(--color-text)}.prompt-card{min-height:148px;padding:36px 44px;display:flex;align-items:center}.audio-prompt-card h2{color:var(--color-primary-strong);font-size:1.55rem}.audio-prompt-card p{margin:var(--space-3) 0 0 42px;color:var(--color-text);font-size:1.125rem;line-height:1.6;font-weight:500}.answer-timer-card{min-height:200px;display:grid;place-items:center;align-content:center;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-8)}.answer-time-heading,.answer-time-heading h2{color:var(--color-text-muted)}.answer-time-heading h2{font-size:1.2rem}.answer-timer-card strong{display:block;color:var(--color-primary-strong);font-size:clamp(4rem,7vw,5rem);line-height:1;font-weight:800}.recording-notice{min-height:56px;display:flex;align-items:center;justify-content:center;gap:var(--space-3);color:var(--color-text);font-size:1.0625rem;font-weight:700;box-shadow:none}.recording-notice svg{color:var(--color-text-muted)}.question-actions{display:flex;align-items:flex-end;justify-content:flex-end}.question-action-instruction{position:relative;margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg-elevated);color:var(--color-primary-strong);font-size:.9375rem;line-height:1.4;font-weight:800;box-shadow:var(--shadow-control)}.question-action-instruction:after{content:"";position:absolute;right:28px;bottom:-7px;width:12px;height:12px;border-right:1px solid var(--color-border-strong);border-bottom:1px solid var(--color-border-strong);background:var(--color-bg-elevated);transform:rotate(45deg)}.opic-exam-workspace{max-width:1840px;min-height:calc(100vh - 92px);margin:0 auto;padding:32px clamp(32px,4vw,56px);grid-template-columns:minmax(420px,.92fr) minmax(420px,1fr);grid-template-rows:auto 1fr auto;gap:var(--space-6);align-items:start}.opic-question-heading{grid-column:1/-1;margin:0;display:flex;align-items:center;gap:var(--space-3);color:var(--color-text);font-size:1.5rem;line-height:1.3;font-weight:800}.opic-stimulus-panel{grid-column:1;min-height:0;padding:24px;gap:var(--space-5);overflow:hidden}.opic-stimulus-panel .stimulus-placeholder{min-height:340px;border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:#f8f8fb;padding:clamp(8px,2vw,20px)}.opic-stimulus-panel .stimulus-image{width:min(100%,320px);max-width:100%}.opic-stimulus-panel .audio-section{gap:var(--space-3)}.opic-stimulus-panel .audio-instruction{margin-left:var(--space-1)}.opic-stimulus-panel .audio-player{min-height:72px;grid-template-columns:auto minmax(0,1fr);gap:var(--space-5);padding:0 var(--space-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-bg-elevated)}.opic-stimulus-panel .audio-play-button{width:56px;height:56px;border-radius:var(--radius-pill);background:var(--gradient-primary);color:var(--color-text)}.opic-stimulus-panel .audio-play-button svg{width:26px;height:26px}.opic-stimulus-panel .audio-player time,.opic-stimulus-panel .audio-volume-button{display:none}.opic-stimulus-panel .audio-track{height:6px;margin:0;background:var(--color-primary-soft)}.opic-stimulus-panel .audio-track span{background:var(--color-primary)}.opic-question-panel{grid-column:2;display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.opic-question-panel .question-progress-card{min-height:0;padding:28px 32px;gap:var(--space-6)}.opic-question-panel .question-progress-card h2{color:var(--color-text);font-size:1.35rem;line-height:1.4;font-weight:800}.opic-question-panel .question-number-grid{display:grid;grid-template-columns:repeat(6,82px);grid-gap:var(--space-2);gap:var(--space-2)}.opic-question-panel .question-number-grid button{width:82px;height:52px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg-elevated);color:var(--color-text);font-size:1.125rem;font-weight:700}.opic-question-panel .question-number-grid button.active{border:0;background:var(--gradient-primary);color:var(--color-text);box-shadow:var(--shadow-control)}.opic-question-panel .question-number-grid button.played:not(.active){border-color:rgba(111,84,53,.28);background:var(--color-primary-soft);color:var(--color-primary-strong)}.opic-question-actions{display:grid;grid-gap:var(--space-3);gap:var(--space-3);justify-content:flex-end;justify-items:end}.question-action-buttons{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.opic-question-actions .skip-question-button{min-width:156px;min-height:56px;border-radius:var(--radius-sm);font-size:1.0625rem}.opic-question-actions .next-question-button{min-width:260px;min-height:64px;border-radius:var(--radius-sm);background:var(--gradient-primary);box-shadow:var(--shadow-control);font-size:1.25rem}.next-question-button{min-width:300px;min-height:68px;border-radius:var(--radius-sm);font-size:1.375rem}.next-question-button svg{width:24px;height:24px}.skip-question-button svg{width:22px;height:22px}.exam-grading-workspace{width:100%;min-height:calc(100dvh - 92px);display:grid;justify-items:center;align-items:center;padding:var(--space-5) clamp(32px,4vw,56px)}.grading-panel{width:min(100%,720px);display:grid;justify-items:center;align-content:center;grid-gap:var(--space-6);gap:var(--space-6);padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:rgba(255,255,255,.92);box-shadow:var(--shadow-panel)}.grading-ring,.grading-visual{width:112px;height:112px;display:grid;place-items:center}.grading-ring{border-radius:var(--radius-pill);background:conic-gradient(var(--color-primary) 0 76%,#e2e4ec 76% 100%);position:relative}.grading-ring:before{content:"";position:absolute;inset:14px;border-radius:inherit;background:var(--color-bg-elevated)}.grading-ring svg{position:relative;z-index:1;width:50px;height:50px;color:var(--color-primary-strong);stroke-width:2.5}.grading-copy{display:grid;justify-items:center;grid-gap:var(--space-2);gap:var(--space-2);text-align:center}.grading-copy h1{margin:0;color:var(--color-text);font-size:2.125rem;line-height:1.25;font-weight:800;letter-spacing:0}.grading-copy p,.grading-estimate{margin:0;color:var(--color-text-muted);font-size:1.125rem;line-height:1.5;font-weight:700}.grading-progress{width:min(100%,520px);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:var(--space-4);gap:var(--space-4)}.grading-progress:before{content:"";background:#dfe1e8}.grading-progress span,.grading-progress:before{grid-column:1;grid-row:1;height:11px;border-radius:var(--radius-pill)}.grading-progress span{width:62%;background:var(--color-primary);box-shadow:var(--shadow-control)}.grading-progress strong{color:var(--color-primary-strong);font-size:1.125rem;line-height:1;font-weight:800}.grading-step-list{width:min(100%,500px);display:grid;grid-gap:var(--space-3);gap:var(--space-3);margin:0;padding:0;list-style:none}.grading-step-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:var(--space-4);gap:var(--space-4);color:var(--color-text);font-size:1.125rem;line-height:1.35;font-weight:800}.grading-step-list li strong{color:var(--color-text-muted);font-size:1rem;font-weight:800}.grading-step-list li:last-child strong{color:var(--color-primary-strong)}.grading-step-icon{width:28px;height:28px;display:inline-grid;place-items:center;color:var(--color-primary-strong)}.grading-step-icon svg{width:24px;height:24px;stroke-width:2.4}.grading-step-icon.done svg{fill:var(--color-primary-strong);color:var(--color-text);stroke:#ffffff}.grading-step-icon.active svg{animation:grading-spin .9s linear infinite}.grading-estimate{margin-top:var(--space-2);font-size:1rem}@keyframes grading-spin{to{transform:rotate(1turn)}}@media (min-width:861px){.result-main{max-width:1056px;padding:26px clamp(26px,5vw,51px) 38px}.result-main,.result-score-section{gap:var(--space-4)}.result-exam-heading span{min-height:34px;padding:0 var(--space-4);font-size:1rem}.result-exam-heading h1{font-size:1.6rem}.result-exam-heading p{font-size:.85rem}.result-total-score strong{font-size:2.6rem}.result-total-score span{font-size:1.4rem}.result-score-grid{grid-template-columns:minmax(176px,256px);gap:13px}.result-score-card{min-height:109px;padding:var(--space-4)}.result-score-card h2{font-size:.9rem}.result-score-card strong{font-size:1.6rem}.result-score-card span{font-size:.8rem}.result-question-bar{gap:var(--space-4)}.result-question-bar p{font-size:.9rem}.result-question-actions{min-width:240px;gap:6px}.result-question-actions button{min-height:34px;padding:0 13px;font-size:.85rem}.result-question-actions span{min-width:45px;font-size:.8rem}.result-question-actions svg{width:18px;height:18px}.result-answer-grid,.result-feedback-grid{gap:13px}.result-answer-card{min-height:208px;padding:19px}.result-answer-card h2,.result-feedback-card h2{font-size:1rem}.result-answer-card h2 span{font-size:.85rem}.result-answer-card p{margin:var(--space-4) 0;font-size:.9rem}.result-feedback-card{gap:10px;padding:19px}.result-feedback-card li{font-size:.85rem}.exam-topbar{min-height:74px;padding:0 clamp(26px,4vw,45px);gap:26px}.exam-brand{font-size:2rem}.exam-brand-logo{width:35px;height:35px}.exam-workspace{max-width:1472px;padding:32px clamp(26px,4vw,45px);gap:26px}.stimulus-panel{min-height:608px;padding:29px;gap:26px}.answer-time-heading h2,.audio-prompt-card h2,.audio-section h2,.question-progress-card h2,.stimulus-panel h1{font-size:1.08rem}.answer-time-heading svg,.audio-prompt-card h2 svg,.audio-section h2 svg,.recording-notice svg,.stimulus-panel h1 svg{width:22px;height:22px}.placeholder-window,.stimulus-placeholder{min-height:416px}.stimulus-image{width:min(100%,448px)}.recording-status-badge{min-height:29px;padding:0 10px}.recording-status-badge span{width:10px;height:10px}.recording-status-badge strong{font-size:.75rem}.audio-section{gap:var(--space-4)}.audio-instruction,.question-action-instruction{padding:6px 10px;font-size:.75rem}.audio-player{min-height:86px;gap:var(--space-4);padding:0 var(--space-4)}.audio-play-button{width:48px;height:48px}.audio-play-button svg{width:22px;height:22px}.audio-volume-button svg{width:27px;height:27px}.audio-player time{font-size:.8rem}.question-panel{gap:22px}.question-progress-card{min-height:128px;padding:22px 26px;gap:19px}.question-number-grid{grid-template-columns:repeat(15,minmax(29px,1fr));gap:6px}.question-number-grid button{height:42px;font-size:.9rem}.prompt-card{min-height:118px;padding:29px 35px}.audio-prompt-card h2{font-size:1.24rem}.audio-prompt-card p{margin:10px 0 0 34px;font-size:.9rem}.answer-timer-card{min-height:160px;gap:var(--space-3);padding:26px}.answer-time-heading h2{font-size:.96rem}.answer-timer-card strong{font-size:clamp(3.2rem,7vw,4rem)}.recording-notice{min-height:45px;gap:10px;font-size:.85rem}.opic-exam-workspace{max-width:1472px;min-height:calc(100vh - 74px);padding:26px clamp(26px,4vw,45px);grid-template-columns:minmax(336px,.92fr) minmax(336px,1fr);gap:19px}.opic-question-heading{gap:10px;font-size:1.2rem}.opic-stimulus-panel{padding:19px;gap:var(--space-4)}.opic-stimulus-panel .stimulus-placeholder{min-height:272px;padding:clamp(6px,2vw,16px)}.opic-stimulus-panel .stimulus-image{width:min(100%,256px)}.opic-stimulus-panel .audio-section{gap:10px}.opic-stimulus-panel .audio-player{min-height:58px;gap:var(--space-4);padding:0 var(--space-4)}.opic-stimulus-panel .audio-play-button{width:45px;height:45px}.opic-stimulus-panel .audio-play-button svg{width:21px;height:21px}.opic-question-panel{gap:var(--space-4)}.opic-question-panel .question-progress-card{padding:22px 26px;gap:19px}.opic-question-panel .question-progress-card h2{font-size:1.08rem}.opic-question-panel .question-number-grid{grid-template-columns:repeat(6,66px);gap:6px}.opic-question-panel .question-number-grid button{width:66px;height:42px;font-size:.9rem}.opic-question-actions,.question-action-buttons{gap:10px}.opic-question-actions .skip-question-button{min-width:125px;min-height:45px;font-size:.85rem}.opic-question-actions .next-question-button{min-width:208px;min-height:51px;font-size:1rem}.next-question-button{min-width:240px;min-height:54px;font-size:1.1rem}.next-question-button svg,.skip-question-button svg{width:18px;height:18px}.exam-grading-workspace{min-height:calc(100dvh - 74px);padding:var(--space-4) clamp(26px,4vw,45px)}.grading-panel{width:min(100%,576px);gap:19px;padding:26px}.grading-ring,.grading-visual{width:90px;height:90px}.grading-ring:before{inset:11px}.grading-ring svg{width:40px;height:40px}.grading-copy h1{font-size:1.7rem}.grading-copy p,.grading-estimate{font-size:.9rem}.grading-progress{width:min(100%,416px);gap:13px}.grading-progress span,.grading-progress:before{height:9px}.grading-progress strong{font-size:.9rem}.grading-step-list{width:min(100%,400px);gap:10px}.grading-step-list li{gap:13px;font-size:.9rem}.grading-step-list li strong{font-size:.8rem}.grading-step-icon{width:22px;height:22px}.grading-step-icon svg{width:19px;height:19px}}@media (max-width:1280px){.dashboard{grid-template-columns:1fr}.simple-exam-row{grid-template-columns:minmax(240px,1.4fr) repeat(3,minmax(90px,.6fr))}.exam-workspace{grid-template-columns:1fr}.exam-workspace.opic-exam-workspace{grid-template-columns:minmax(380px,.92fr) minmax(360px,1fr)}.stimulus-panel{min-height:auto}.side-column{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.recent-card{grid-column:span 2}}@media (max-width:1100px){.exam-panel,.hero-section{padding-left:var(--space-6);padding-right:var(--space-6)}.hero-section{grid-template-columns:1fr}.hero-asset-placeholder{justify-self:start}.exam-row{grid-template-columns:minmax(220px,1fr) repeat(2,minmax(92px,auto)) 120px}.exam-meta:nth-of-type(4),.exam-meta:nth-of-type(5){display:none}}@media (max-width:860px){.site-header{min-height:auto;padding-top:var(--space-4);padding-bottom:var(--space-4)}.dashboard{padding:var(--space-5) var(--space-4)}.simple-main{padding:var(--space-8) var(--space-4)}.simple-filter-panel{padding:var(--space-4)}.simple-exam-row{grid-template-columns:1fr;padding:var(--space-5)}.simple-exam-row,.simple-exam-title{gap:var(--space-4)}.simple-exam-meta{display:grid;grid-template-columns:84px 1fr;align-items:center}.hero-section{padding:0}.search-row{grid-template-columns:1fr;gap:var(--space-3)}.filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.exam-heading,.title-with-help{align-items:flex-start;flex-direction:column}.exam-row{grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-4)}.exam-meta{grid-template-columns:76px 1fr;align-items:center}.exam-meta:nth-of-type(4),.exam-meta:nth-of-type(5){display:grid}.row-button{width:100%}.recent-card,.side-column{display:grid;grid-template-columns:1fr;grid-column:auto}.site-footer{grid-template-columns:1fr;gap:var(--space-3)}.site-footer p:last-child{justify-self:start}.mypage-main{padding:var(--space-6) var(--space-4) var(--space-8)}.mypage-profile-card{grid-template-columns:1fr;gap:var(--space-5);padding:var(--space-5)}.mypage-total{min-width:0;min-height:68px;align-items:flex-start;border-top:1px solid var(--color-border-strong);border-left:0;padding-top:var(--space-5)}.result-answer-grid,.result-feedback-grid,.result-question-bar{grid-template-columns:1fr}.result-question-actions{justify-self:start;justify-content:flex-start;min-width:0;width:100%}.exam-topbar{min-height:auto;align-items:flex-start;flex-direction:column}.exam-topbar,.exam-workspace{padding:var(--space-5) var(--space-4)}.exam-workspace{gap:var(--space-5)}.answer-timer-card,.prompt-card,.question-progress-card,.stimulus-panel{padding:var(--space-5)}.placeholder-window,.stimulus-placeholder{min-height:320px}.question-number-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.audio-player{grid-template-columns:auto 1fr auto;gap:var(--space-3);padding:var(--space-4)}.audio-player time:first-of-type,.audio-player time:last-of-type{display:none}.opic-exam-workspace{min-height:100vh;padding:var(--space-4);grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:var(--space-5)}.opic-exam-workspace:after,.opic-exam-workspace:before{display:none}.opic-question-actions,.opic-question-panel,.opic-stimulus-panel{grid-column:1}.opic-stimulus-panel{padding:var(--space-5)}.opic-question-panel{padding-top:0}.opic-stimulus-panel .stimulus-placeholder{min-height:320px}.opic-question-heading{flex-wrap:wrap}.recording-status-badge{min-height:32px;padding:0 var(--space-2)}.opic-question-actions{padding-top:var(--space-4);justify-content:stretch;justify-items:stretch}.question-action-instruction{justify-self:end}.question-action-buttons{width:100%;flex-direction:column-reverse}.next-question-button,.skip-question-button{width:100%}.exam-modal{padding:var(--space-6)}.exam-modal-actions{flex-direction:column-reverse}.exam-modal-button{width:100%}.exam-grading-workspace{min-height:calc(100dvh - 92px);padding:var(--space-4)}.grading-panel{padding:var(--space-6) var(--space-5)}.grading-copy h1{font-size:2rem}.grading-copy p{font-size:1.125rem}}@media (max-width:560px){.hero-copy h1{font-size:2rem}.hero-actions{align-items:stretch;flex-direction:column;gap:var(--space-4)}.guide-link,.hero-button{width:100%;justify-content:center}.exam-panel,.side-card{padding:var(--space-4)}.filter-row{grid-template-columns:1fr}.hero-asset-placeholder{width:100%}.site-footer nav{flex-wrap:wrap;gap:var(--space-3)}.login-main{padding:var(--space-8) var(--space-4)}.login-support-actions{flex-direction:column;align-items:center;gap:var(--space-2)}.mypage-profile{align-items:flex-start;gap:var(--space-4)}.mypage-profile-avatar{width:64px;height:64px}.mypage-profile-avatar svg{width:34px;height:34px}.mypage-tabs{gap:var(--space-4)}.mypage-table{min-width:760px;font-size:.875rem}.mypage-table td,.mypage-table th{height:52px;padding:0 var(--space-3)}.result-main{padding:var(--space-6) var(--space-4) var(--space-8)}.result-total-score strong{font-size:2.75rem}.result-exam-heading h1{font-size:1.625rem}.result-exam-heading span{min-height:36px;padding:0 var(--space-4);font-size:1.0625rem}.result-exam-heading p{font-size:1rem}.result-total-score span{font-size:1.5rem}.result-score-grid{gap:var(--space-3)}.result-question-actions{display:grid;grid-template-columns:1fr auto 1fr}.result-question-actions button{justify-content:center;min-width:0;padding:0 var(--space-3);font-size:.9375rem}.result-answer-card,.result-feedback-card,.result-score-card{padding:var(--space-5)}.result-answer-card h2,.result-feedback-card h2,.result-score-card h2{font-size:1.125rem}.result-answer-card p,.result-feedback-card li,.result-question-bar p{font-size:1rem}.simple-hero h1{font-size:2rem}.simple-exam-title-button{font-size:1.2rem}.simple-exam-icon{width:52px;height:52px}.exam-brand{font-size:2rem}.brand-logo,.exam-brand-logo{width:36px;height:36px}.question-number-grid button{height:48px;font-size:1rem}.audio-prompt-card p{margin-left:0}.answer-timer-card strong{font-size:3.75rem}.grading-panel{gap:var(--space-4);padding:var(--space-5) var(--space-4)}.grading-ring,.grading-visual{width:96px;height:96px}.grading-ring:before{inset:12px}.grading-ring svg{width:44px;height:44px}.grading-copy h1{font-size:1.75rem}.grading-step-list li{font-size:1.0625rem}.grading-estimate,.grading-progress strong,.grading-step-list li strong{font-size:1rem}}