:root{--bp-xs: 22rem;--bp-sm: 45rem;--bp-md: 60rem;--bp-lg: 75rem;--bp-xl: 90rem}:root{--font-default: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif}:root{--container-width: 960px;--header-height: 6rem}@media screen and (max-width: 719px){:root{--header-height:4rem}}:root{--stack-modal: 9999;--stack-cookie: 8888;--stack-nav: 7777;--stack-panel: 6666;--stack-popover: 5555;--stack-popup: 4444}:root{--form-height: 2.5em;--color-theme: #2196F3;--color-base: #FFFFFF;--color-font-body: #333333;--color-font-heading: #000000;--color-form-base: #f4f4f4;--color-form-border: hsla(0 0% 0% / 0.1);--color-dialog-base: #ffffff;--color-dialog-border: #000000;--color-reading: rgb(167, 66, 167);--color-voca: rgb(255, 145, 0);--color-green: hsl(150, 100%, 40%);--color-red: hsl(351, 98%, 55%);--color-yellow: hsl(48, 100%, 50%);--color-scrollbar-track: #fff;--color-scrollbar-thumb: #ddd;--color-scrollbar-thumb-border: #fff;--color-scrollbar-thumb-hover: #888}@layer reset{*{box-sizing:border-box;margin:0;padding:0;outline:none;font:inherit}*::before,*::after{box-sizing:border-box}html,body{-webkit-font-smoothing:antialiased}html{-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:dark light}body{min-width:320px;min-height:100vh}body::before{content:"";display:block;width:100%;height:1px;margin-block-start:-1px}img,picture,video,canvas,svg{display:block;max-width:100%;width:auto;height:auto}input,button,textarea,select{border-radius:0;font:inherit}input:disabled,button:disabled,textarea:disabled,select:disabled{cursor:auto}button,select{cursor:pointer}h1,h2,h3,h4,h5,h6{font-weight:bold;text-wrap:balance}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6,button,input,label{line-height:1.1}dialog{margin:auto}ol:not([role=list]),ul:not([role=list]){list-style:none;padding-inline-start:0}table{border-collapse:collapse;border-spacing:0;width:100%}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}}body{font-family:var(--font-default);font-display:swap;line-height:1.5;background-color:var(--color-base);color:var(--color-font-body)}h1{--step: 5}h2{--step: 4}h3{--step: 3}h4{--step: 2}h5{--step: 1}h6{--step: 0}h1,h2,h3,h4,h5,h6{font-size:calc(1em + var(--step, 0)*.25em);font-weight:800;margin-block-start:1em;margin-block-end:.5em;color:var(--color-font-heading)}p{margin-block:.5em}a{color:inherit;cursor:pointer}a:hover,a:active{color:hsl(from var(--color-theme) h s 45%)}a:focus{background-color:var(--color-theme);color:var(--color-base)}ol[role=list],ul[role=list]{padding-inline-start:1em}svg{width:1.5em}button,input:not([type=checkbox],[type=radio],[type=range]){-webkit-appearance:none;-moz-appearance:none;appearance:none}button.form,input.form:not([type=checkbox],[type=radio],[type=range]),label.form:has([type=checkbox],[type=radio],[type=range]),select.form{min-height:1.75em;padding-inline:.5em;vertical-align:middle}button.form,input.form:not([type=checkbox],[type=radio],[type=range]),select.form,textarea.form{background-color:var(--color-form-base);border:1px solid var(--color-form-border)}label.form:has([type=radio],[type=checkbox]) input{margin-inline-end:.25em}label.form:has([type=radio],[type=checkbox])+label:has([type=radio],[type=checkbox]){margin-inline-start:.5em}label.form:has([type=radio],[type=checkbox]):hover{text-decoration:underline}button,label:has([type=checkbox],[type=radio],[type=range]){display:inline-flex;align-items:center;color:inherit;cursor:pointer}input:is([type=checkbox],[type=radio],[type=range]){accent-color:var(--color-theme)}:root{--header-height: 6rem;--header-height-mobile: 4rem}.nav-button{background-color:rgba(0,0,0,0);border:none;display:inline-flex;align-items:center;justify-content:center;border-radius:100vw;width:3em;height:3em}.nav-button .icon{width:1.5em;height:1.5em}.nav-button:hover{background-color:var(--color-base)}body:has(#menu-toggle:checked){overflow:hidden}header{background-color:#fff}header .container{display:flex;align-items:center;height:var(--header-height)}header .menu-toggle{display:none}header .menu-toggle input{display:none}header .menu-toggle input~.menu{display:inline-block}header .menu-toggle input~.close{display:none}header .menu-toggle input:checked~.menu{display:none}header .menu-toggle input:checked~.close{display:inline-block}header .menu-toggle:has(input:checked)~nav{left:0;opacity:1}header .logo{display:block;background-color:rgba(0,0,0,0);padding-inline:1rem}header .logo img{height:3rem}header .logo:hover,header .logo:active,header .logo:focus-visible,header .logo:visited{background-color:rgba(0,0,0,0)}header nav ul{display:flex;align-items:center;gap:1em}header nav ul li{position:relative}header nav ul li:last-child>ul{right:-1rem;margin-left:0}header nav ul li>a{display:block;padding-block:.25em;padding-inline:.75em;text-decoration:none;font-weight:600}header nav ul li>a:hover,header nav ul li>a:active,header nav ul li>a:focus-visible{background-color:rgba(0,0,0,0);color:hsl(from var(--color-theme) h s 45%)}header nav ul li ul{visibility:hidden;opacity:0;transition:opacity .2s;margin-left:-0.5em;gap:0}header nav ul li ul li{display:none}header nav ul li label{cursor:pointer;font-weight:600}header nav ul li label .icon{display:none}header nav ul li label input{display:none}header nav ul li label:has(input:checked)+ul{visibility:visible;opacity:1;position:absolute;z-index:99;display:flex;min-width:10em;flex-direction:column;align-items:flex-start;background-color:#fff;border-radius:var(--unit-abs);box-shadow:0 0 1em rgba(0,0,0,.1);margin-top:.5rem;padding-block:.5em}header nav ul li label:has(input:checked)+ul li{display:block;width:100%}header nav ul li label:has(input:checked)+ul li a{display:block;font-size:.875em;font-weight:400;padding-block:.5em;padding-inline:1em}header nav ul li label:has(input:checked)+ul li a:hover{color:#000;text-decoration:underline}@media screen and (max-width: 719px){header .container{flex-direction:row-reverse;justify-content:space-between;height:4rem;padding-inline:.25rem}header .menu-toggle{display:inline-flex}header .logo img{height:2.5rem}header .flex-space{display:none}header nav{position:absolute;inset:0;top:var(--header-height-mobile);width:100vw;left:-100vw;z-index:var(--stack-nav);opacity:0;transition:opacity .2s;background-color:hsla(0,0%,100%,.9);backdrop-filter:blur(1em);overflow-y:auto}header nav ul{flex-direction:column;align-items:flex-start;gap:0}header nav ul li{width:100%;background-color:#fff;border-top:1px solid #eee}header nav ul li>a{display:block;width:100%;padding:1.25rem}header nav ul li>a.active{background-color:hsl(from var(--color-theme) h s 95%);border-radius:0;color:hsl(from var(--color-theme) h s 20%)}header nav ul li label .icon{display:none}header nav ul li label{display:block;width:100%;padding:1.25rem !important}header nav ul li label:has(input:checked)+ul{position:static;background-color:var(--color-base);border-radius:0;box-shadow:none;margin-top:0;margin-left:0;padding-block:0}header nav ul li label:has(input:checked)+ul li{background-color:#f4f4f4}header nav ul li label:has(input:checked)+ul li a{display:block;padding-block:1rem;padding-inline:2rem}header nav ul li label:has(input:checked)+ul li:last-child{border-bottom:1px solid #eee}}body{display:flex;flex-direction:column;min-height:100vh}body main{flex:1}.container{max-width:960px;margin-inline:auto;padding-inline:1rem}.sub-header h1{font-weight:300}.sub-header h1 span{display:inline-block;position:relative}.sub-header h1 span:after{content:"";display:block;position:absolute;bottom:-0.25em;height:.75em;width:100%;background-color:#ff0;z-index:-1}.sub-header p{font-size:.875em;font-weight:400;margin-block-start:1em}.sub-container{display:grid;grid-template-columns:10rem 1fr;gap:1.5rem;height:100%;border-top:1px dashed #ddd;margin-block-start:1.5rem;padding-block-start:1.5rem}@media screen and (max-width: 719px){.sub-container{display:block;padding-block-end:4rem}}.sub-nav{align-self:start;position:sticky;top:2rem;font-size:.875em}.sub-nav .sub-nav-title{display:flex;align-items:center;height:2.125rem;background-color:var(--color-theme);background:linear-gradient(90deg, var(--color-theme) 0%, hsl(from var(--color-theme) h s 65%) 100%);border-radius:.5rem;color:#fff;font-size:.75rem;font-weight:500;padding-inline:1rem}.sub-nav ul{display:flex;flex-direction:column;margin-block-start:.5rem}.sub-nav ul li a{display:block;border-radius:.5rem;color:#666;padding-block:.5rem;padding-inline:1rem;text-decoration:none}.sub-nav ul li a.active{background-color:#f4f4f4;color:#000;font-weight:500}.sub-nav ul li a.active:hover{background-color:#f4f4f4}.sub-nav ul li a:active,.sub-nav ul li a:hover,.sub-nav ul li a:focus{background-color:rgba(0,0,0,0);color:#000;font-weight:500}@media screen and (max-width: 719px){.sub-nav{position:fixed;inset:0;top:auto;z-index:999;width:100%;background:rgba(0,0,0,0);background:linear-gradient(180deg, rgba(244, 244, 244, 0) 0%, rgb(244, 244, 244) 100%);text-align:center}.sub-nav .sub-nav-title{display:none}.sub-nav ul{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;margin-block-end:1rem;background-color:#fff;margin-inline:auto;padding:.375rem;border-radius:100vw;box-shadow:rgba(0,0,0,.15) 0px .25rem 1.5rem}.sub-nav ul li a{color:#000;border-radius:100vw !important}.sub-nav ul li a.active{background-color:#f4f4f4;cursor:default;font-weight:700}}.table-container{overflow-x:auto;scroll-behavior:smooth;height:auto;width:100%;margin-block-start:.5rem}.table-container::-webkit-scrollbar{height:.75em;margin-block:.25em}.table-container::-webkit-scrollbar-track{background-color:var(--color-scrollbar-track);border-radius:100vw}.table-container::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar-thumb);border-radius:100vw;border:.25em solid var(--color-scrollbar-thumb-border)}.table-container::-webkit-scrollbar-thumb:hover{background-color:var(--color-scrollbar-thumb-hover)}.table-container table{width:100%;min-width:100%;border-collapse:collapse;border-block:1px solid #ddd}.table-container table th{padding:.5rem}.table-container table th:last-child{text-align:left;padding:.75rem}.table-container table td{padding:.75rem}.table-container table thead th{border-bottom:1px solid #aaa;font-weight:600;font-size:.75em;height:2.5em}.table-container table thead th:first-child{padding-inline-start:.75rem;text-align:left}.table-container table tbody td{border-bottom:1px solid #eee;font-size:.875em}.table-container table tbody td a{color:#000;text-decoration:none}.table-container table tbody td a:hover{color:hsl(from var(--color-primary) h s 45%);text-decoration:underline}.table-container table tbody tr:nth-child(odd){background-color:#f9f9f9}.table-container table tbody tr:last-child td{border-bottom:#ddd}.table-pagination{display:flex;align-items:center;justify-content:center;gap:.25rem;font-size:.75em;margin-block-start:1rem}.table-pagination button{display:block;background-color:rgba(0,0,0,0);border:none;border-radius:100vw;color:#000;font-weight:500;line-height:1;min-width:2em;min-height:2em;padding-block:.375em;padding-inline:.25em;text-align:center;text-decoration:none;opacity:.4;transition:opacity .1s}.table-pagination button:hover{background-color:#f4f4f4;opacity:1}.table-pagination button:disabled{background-color:hsl(from var(--color-theme) h s 45%/0.05);color:var(--color-theme);font-weight:700;opacity:1;cursor:default}.table-pagination button svg{stroke:#000}.table-pagination button.disabled{cursor:default;opacity:.1}.table-pagination .page-number{display:flex;align-items:center;gap:.25rem}:root{--duration: 450ms;--ease: cubic-bezier(0.4, 0, 0.2, 1);--radius: 12px;--radius-btn: 50%}.carousel{position:relative;width:100%}.carousel-viewport{overflow:hidden;border-radius:var(--radius-ui);background-color:#eee}.carousel-track{display:flex}.carousel-slide{min-width:100%;padding:3.5rem 2.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:260px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.carousel-slide-label{font-size:11px;letter-spacing:.18em;margin-bottom:1rem;font-family:"Courier New",monospace}.carousel-slide-title{font-size:26px;font-weight:normal;margin-bottom:.75rem;line-height:1.25}.carousel-slide-desc{font-size:15px;line-height:1.7;max-width:380px;font-family:"Georgia",serif}.carousel-nav{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;padding:0 14px}.carousel-btn{width:38px;height:38px;cursor:pointer;display:flex;align-items:center;justify-content:center;pointer-events:all;transition:opacity .2s,transform .1s}.carousel-btn:active:not(:disabled){transform:scale(0.93)}.carousel-btn:disabled{opacity:.22;cursor:not-allowed;pointer-events:none}.carousel-dots{position:absolute;inset:0;top:auto;bottom:1rem;display:flex;gap:8px;justify-content:center;margin-top:1.1rem;min-height:8px}.carousel-dot{width:8px !important;height:8px !important;min-height:8px;border-radius:50%;border:none;padding:0;cursor:pointer;transition:transform .22s}.carousel-dot.is-active{background:#000;transform:scale(1.4)}.carousel-dot:disabled{cursor:not-allowed}details{--marker: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m8.25 4.5 7.5 7.5-7.5 7.5'/%3E%3C/svg%3E");--marker-size: 0.625em;--marker-gap: 0.5em}details::details-content{display:block;opacity:.6;transition:opacity .3s}details summary{display:flex;align-items:center;gap:var(--marker-gap);cursor:pointer;list-style:none}details summary::before{content:"";display:block;width:var(--marker-size);aspect-ratio:1;background-color:var(--color-font-body);-webkit-mask-image:var(--marker);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-image:var(--marker);mask-position:center;mask-repeat:no-repeat;mask-size:contain;transition:rotate .2s}details .content{padding-inline-start:calc(var(--marker-size) + var(--marker-gap))}details[open]::details-content{opacity:1}details[open] summary::before{rotate:90deg}dialog{display:none;background-color:var(--color-dialog-base);border:1px solid var(--color-dialog-border);color:inherit;min-width:20rem;overflow:hidden}dialog[open]{display:block}dialog[open],dialog[open]::backdrop{animation:fadeIn .2s}dialog .header,dialog .footer{display:flex;align-items:center}dialog .header{justify-content:space-between}dialog .body{padding:1rem}dialog.modal{max-width:calc(100% - 2rem);max-height:calc(100% - 2rem);z-index:var(--stack-modal)}dialog.modal .body{flex:1;overflow-y:auto}dialog.modal.expand{border-radius:0;inset:0;margin:0;width:100%;height:100%;max-width:100%;max-height:100%}dialog.cookie,dialog.panel{position:fixed;inset:0}dialog.cookie{margin-block-end:0;width:100%;z-index:var(--stack-cookie)}dialog.panel{margin-inline-end:0;height:100%;min-width:19rem;max-width:44rem;z-index:var(--stack-panel)}dialog.panel .container{min-height:100%}dialog.panel.on-left{margin-block-start:0}dialog.popup{position:absolute;inset:0;z-index:var(--stack-popup)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}body:has(.modal[open]){overflow:hidden}.pagination{display:flex;align-items:center;justify-content:center;gap:.25rem;font-size:.75em;margin-block-start:1rem}.pagination button{display:block;background-color:rgba(0,0,0,0);border:none;border-radius:100vw;color:#000;font-weight:500;line-height:1;min-width:2em;min-height:2em;padding-block:.375em;padding-inline:.25em;text-align:center;text-decoration:none;opacity:.4;transition:opacity .1s}.pagination button:hover{background-color:#f4f4f4;opacity:1}.pagination button svg{stroke:#000}.pagination button:disabled{cursor:default;opacity:.1}.pagination .pagination-pages{display:flex;align-items:center;gap:.25rem}.pagination .pagination-pages button:disabled{color:#000;font-weight:700;opacity:1}.pagination .pagination-pages button:disabled:hover{background-color:rgba(0,0,0,0)}.modal{border-radius:1.5rem;border:none;padding:1rem;padding-block-start:2rem;box-shadow:0 0 3em rgba(0,0,0,.1);text-align:center}.modal .footer{gap:.5em;margin-block-start:1.5em}.modal .footer button{flex:1 1 auto;justify-content:center;border:none;border-radius:.75em;padding-block:1em}.modal .footer button.perform-logout{background-color:var(--color-theme);color:#fff}.modal[open]::backdrop{background-color:hsla(0,0%,90%,.4);backdrop-filter:blur(1.5em)}#send-data .body{font-size:.875em}#send-data .body .loading{margin-block-start:1em;margin-inline:auto}#modal-submit-assessment{padding:0;width:40rem;border-radius:1rem}#modal-submit-assessment .modal-container{display:flex;flex-direction:column}#modal-submit-assessment .header,#modal-submit-assessment .body,#modal-submit-assessment .footer{padding:1em}#modal-submit-assessment .header{border-bottom:1px solid #eee;display:block;padding:0;background:linear-gradient(125deg, rgb(30, 30, 84) 0%, rgb(25, 75, 133) 100%)}#modal-submit-assessment .header .title-container{display:flex;justify-content:space-between;align-items:center;padding-block:.5em;padding-inline-start:1.125em;padding-inline-end:.5em;font-weight:700}#modal-submit-assessment .header .title-container span{font-size:.75em;background-color:var(--color-yellow);color:#000;border-radius:.5rem;padding:.25em .5em;font-weight:500}#modal-submit-assessment .header .title-container button{background-color:rgba(0,0,0,0);border:none;border-radius:100%;padding:.5em}#modal-submit-assessment .header .title-container button svg{stroke:#fff;stroke-width:2}#modal-submit-assessment .header .title-container button:hover{background-color:rgba(255,255,255,.1)}#modal-submit-assessment .header .book{text-align:left;padding-inline:1.25em;padding-block-start:0;padding-block-end:1.5em;color:#fff}#modal-submit-assessment .header .book .book-title{font-size:1.25em;font-weight:700;margin-block-start:0;margin-block-end:.25em}#modal-submit-assessment .header .book .book-info{font-size:.75em;opacity:.8}#modal-submit-assessment .body{flex:1 1 auto}#modal-submit-assessment .footer{margin-block-start:0;padding-block-start:0;justify-content:flex-end}#modal-submit-assessment .footer button{font-size:.875em;border-radius:2rem;padding-inline:1.5rem;width:-moz-fit-content;width:fit-content;flex:0 1 auto}#modal-submit-assessment .assessment-label{display:block;margin-block-start:0;margin-block-end:.5em;padding-inline:.25em;text-align:left;font-size:.75em;font-weight:700}#modal-submit-assessment .assessment-input{width:100%;padding:1rem .75rem;background-color:#f4f4f4;border:1px solid #eee;border-radius:.5rem;text-align:left}#modal-submit-assessment .assessment-input:focus{background-color:#fff;border-color:#aaa}#modal-submit-assessment .assessment-input+label{margin-block-start:1.5em}#modal-submit-assessment #assessment-content{min-height:20em;overflow-y:auto;padding-block:.75em}#modal-submit-assessment #assessment-content::-webkit-scrollbar{width:.75em;margin-inline:.25em}#modal-submit-assessment #assessment-content::-webkit-scrollbar-track{background-color:var(--color-scrollbar-track);border-radius:100vw}#modal-submit-assessment #assessment-content::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar-thumb);border-radius:100vw;border:.25em solid var(--color-scrollbar-thumb-border)}#modal-submit-assessment #assessment-content::-webkit-scrollbar-thumb:hover{background-color:var(--color-scrollbar-thumb-hover)}#modal-submit-assessment #assessment-content::-moz-placeholder{color:#888}#modal-submit-assessment #assessment-content::placeholder{color:#888}#modal-submit-assessment #assessment-content:empty:before,#modal-submit-assessment #assessment-content:focus:empty:before{content:attr(placeholder);color:#888}#modal-submit-assessment .close-dialog{border:1px solid #ccc;color:#888;background-color:#fff}#modal-submit-assessment .close-dialog:hover{background-color:#f4f4f4;border-color:#aaa;color:#000}#modal-submit-assessment .submit-assessment{background-color:var(--color-theme);color:#fff;font-weight:500}#modal-submit-assessment .submit-assessment:hover{background-color:hsl(from var(--color-theme) h s 45%)}#modal-submit-assessment .submit-assessment .loading{--loader-color: #fff;--loader-size: 1rem}@media screen and (max-width: 719px){#modal-submit-assessment{width:100vw;height:100vh;max-width:100%;max-height:100%;border-radius:0}#modal-submit-assessment .modal-container{height:100%;flex-direction:column;justify-content:flex-start}#modal-submit-assessment .modal-container .body{flex:1;overflow-y:auto}}#panel-result[open]{width:clamp(320px,100%,720px);border:none;box-shadow:0 0 4em rgba(0,0,0,.2);background-color:#fff;display:flex;flex-direction:column;padding:0}#panel-result[open] .header{font-size:1.125em;font-weight:600;padding-inline-start:1.25rem}#panel-result[open] .header button{background-color:#fff;border:none;border-radius:100%;margin:.5rem;padding:.5rem}#panel-result[open] .header button svg{width:1.75rem;stroke-width:2}#panel-result[open] .header button:hover{background-color:#eee}#panel-result[open] .body{flex:1 1 auto;overflow-y:auto;padding-block-start:0}#panel-result[open] .body::-webkit-scrollbar{width:.75em;margin-block:.25em}#panel-result[open] .body::-webkit-scrollbar-track{background-color:var(--color-scrollbar-track);border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}#panel-result[open] .body::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar-thumb);border-radius:100vw;border:.25em solid var(--color-scrollbar-thumb-border)}#panel-result[open] .body::-webkit-scrollbar-thumb:hover{background-color:var(--color-scrollbar-thumb-hover)}@media screen and (max-width: 719px){#panel-result[open]{border-radius:0;width:100%;height:100%;max-width:100%;max-height:100%;margin:0}}.pagination button:hover{background-color:#f4f4f4}.pagination .pagination-pages button:disabled{color:var(--color-theme)}#assessment #profile-selector{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-position:right .375rem center;background-repeat:no-repeat;background-size:.75rem;border-color:hsl(from var(--color-theme) h s 45%);border-radius:.5rem;height:2.125rem;padding-inline-start:.5rem;padding-inline-end:1.5rem;font-size:.875em;font-weight:500}#assessment #profile-selector:disabled{background-color:hsl(from var(--color-theme) h s 45%/0.1);border-color:hsl(from var(--color-theme) h s 45%/0.2);color:hsl(from var(--color-theme) h s 20%);background-image:none;padding-inline:.5rem}#assessment .profile-contents{display:flex;align-items:center;justify-content:space-between;gap:1rem;animation:fadeIn 1s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}#assessment .profile-contents .profile-info{flex:1 1 auto}#assessment .profile-contents a{display:flex;align-items:center;justify-content:center;background-color:hsl(from var(--color-green) h s 35%/0.05);border:1px solid hsl(from var(--color-green) h s 35%/0.7);color:hsl(from var(--color-green) h s 35%);border-radius:.5rem;height:2.125rem;padding-inline:.75rem;font-size:.875em;font-weight:500;transition:all .1s ease;text-decoration:none}#assessment .profile-contents a:hover{background-color:hsl(from var(--color-green) h s 35%);color:#fff;font-weight:500}@media screen and (max-width: 719px){#assessment .profile-contents #profile-selector{width:100%;height:3em}#assessment .profile-contents #profile-selector:disabled{text-align:center}#assessment .profile-contents a{display:none}}#assessment .assessment-list .active{display:none}#assessment .assessment-list .assessment-items td:last-child{white-space:nowrap}#assessment .assessment-contents{padding-block-end:3em}#assessment .assessment-contents #class-selector{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-position:right center;background-repeat:no-repeat;background-size:.75rem;border:none;padding-inline-start:0;padding-inline-end:1.5rem}#assessment .assessment-contents #class-selector:disabled{display:none}#assessment label{display:block;color:#000;border-bottom:1px solid #000;font-size:1em;font-weight:700;margin-block-start:2em;padding:1em .5em}@media screen and (max-width: 719px){#assessment label{margin-block-start:1rem}}#assessment .recent-curriculum{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem;margin-block-start:2em;text-align:center}#assessment .recent-curriculum .recent-item{flex:1}#assessment .recent-curriculum .recent-item img{height:11em;aspect-ratio:80/120;margin:0 auto}#assessment .recent-curriculum .recent-item .item-title{font-size:.875em;font-weight:700;margin-block-start:.5em}#assessment .recent-curriculum .recent-item .item-info{font-size:.625em;color:#888}#assessment .recent-curriculum .recent-item .item-date{font-size:.75em;margin-block:.5em}#assessment .recent-curriculum .recent-item .btn-submit{background-color:var(--color-theme);border:none;color:#fff;font-size:.875em;font-weight:500;margin-block-start:.5em;padding:.625em 1em;border-radius:1.5em;transition:all .1s ease;gap:.5em}#assessment .recent-curriculum .recent-item .btn-submit svg{width:1.125em;height:1.125em;stroke:#fff}#assessment .recent-curriculum .recent-item .btn-submit:hover{background-color:hsl(from var(--color-theme) h s 40%)}#assessment .recent-curriculum .recent-item .btn-submit.re-submit{background-color:hsl(from var(--color-green) h s 40%)}#assessment .recent-curriculum .recent-item .btn-submit.re-submit:hover{background-color:hsl(from var(--color-green) h s 35%)}#assessment .recent-curriculum .recent-item .btn-submit:disabled{display:none}@media screen and (max-width: 719px){#assessment .recent-curriculum{--book-height: 9em;display:block}#assessment .recent-curriculum .recent-item{display:flex;align-items:center;gap:1rem;min-width:18rem}#assessment .recent-curriculum .recent-item~.recent-item{margin-block-start:.5rem;padding-block-start:.5rem;border-top:1px dashed #ddd}#assessment .recent-curriculum .recent-item .item-container{display:flex;flex-direction:column;align-items:flex-start;flex:1;text-align:left;height:var(--book-height);padding-block:.25em;gap:.25em}#assessment .recent-curriculum .recent-item img{height:var(--book-height)}#assessment .recent-curriculum .recent-item .btn-submit{margin-block-start:0}#assessment .recent-curriculum .recent-item .item-title{width:100%;margin-block:0;line-height:1.3;max-height:2.75em;overflow:hidden;text-overflow:ellipsis}#assessment .recent-curriculum .recent-item .item-info{max-height:2.75em}#assessment .recent-curriculum .recent-item .item-date{margin-block:0}}#assessment .table-container{margin-block-start:0}#assessment .assessment-list{border-block-start:none}#assessment .assessment-list th{border-color:#ccc;padding-inline:0;text-align:center}#assessment .assessment-list td{text-align:center;padding-inline:.75em}#assessment .assessment-list button{background-color:rgba(0,0,0,0);border:none;border-radius:100%;opacity:.9;padding:.5em;transition:all .1s ease}#assessment .assessment-list button svg{max-width:1rem;min-width:1rem;width:1rem;max-height:1rem;min-height:1rem;height:1rem;stroke:hsl(from var(--color-theme) h s 45%)}#assessment .assessment-list button.re-submit svg{stroke:hsl(from var(--color-green) h s 30%)}#assessment .assessment-list button:not(:disabled):hover{scale:1.3}#assessment .assessment-list button:disabled{cursor:default}#assessment .assessment-list button:disabled svg{stroke:#ccc}#assessment .assessment-list .btn-submit span{display:none}#assessment .assessment-list .item-title{color:#000;text-align:left;line-height:1.4;font-weight:500;min-width:20em}#assessment .assessment-list .item-title span{display:block;font-size:.75rem;color:#888;font-weight:400;margin-block-start:.25em}#assessment .item-date{color:#f37100}.student-name{display:inline}.shelf{--book-height: 8.75rem}.shelf .book{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;border-top:1px solid #eee;margin-block-start:1rem;padding-block-start:1rem;animation:fadeIn .5s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.shelf .book .book-week{color:#888;font-size:.625rem;text-align:center}.shelf .book .book-week span{display:block;color:#000;font-size:1rem;font-weight:700}.shelf .book .book-img{height:var(--book-height);position:relative;aspect-ratio:80/120}.shelf .book .book-info{display:flex;flex-direction:column;justify-content:space-between;gap:.75rem;height:var(--book-height);min-width:15rem;flex:1}.shelf .book .book-info .content{flex:1}.shelf .book .book-info .content .title{font-weight:bold}.shelf .book .book-info .content .publisher{color:#888;font-size:.75em;margin-block-end:.25em}.shelf .book .book-info .content .author{font-size:.875em;font-weight:500;margin-block-start:.25em}.shelf .book .buttons{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}.shelf .book .buttons button{border:1px solid rgba(0,0,0,0);border-radius:100vw;font-size:.75em;font-weight:600;padding:.75em 1.25em;transition:all .1s ease}.shelf .book .buttons button[data-unit-category=VOCAB]{background-color:hsl(from var(--color-voca) h s l/0.15);color:hsl(from var(--color-voca) h s 45%)}.shelf .book .buttons button[data-unit-category=VOCAB]:hover{background-color:var(--color-voca)}.shelf .book .buttons button[data-unit-category=READING]{background-color:hsl(from var(--color-reading) h s l/0.15);color:var(--color-reading)}.shelf .book .buttons button[data-unit-category=READING]:hover{background-color:var(--color-reading)}.shelf .book .buttons button:hover{color:#fff}.shelf .book:first-child{border-block-start:none;margin-block-start:0;padding-block-start:0}.shelf .isloading{animation:fadeIn .5s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.shelf .isloading .book-week{background-color:#f4f4f4;width:2em;height:3em}.shelf .isloading .book-img{background-color:#f4f4f4;height:var(--book-height);position:relative}.shelf .isloading .book-img .loading{--loader-color: #fff;--loader-size: 2rem;position:absolute;inset:0;margin:auto}.shelf .isloading .book-info{display:flex;flex-direction:column;justify-content:space-between;gap:.75rem;height:var(--book-height);min-width:15rem;flex:1}.shelf .isloading .book-info .content{flex:1}.shelf .isloading .book-info .content .title{background-color:#f4f4f4}.shelf .isloading .book-info .content .publisher{background-color:#f4f4f4;width:10em}.shelf .isloading .book-info .content .author{background-color:#f4f4f4;width:15em}.shelf .isloading .buttons{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}.shelf .isloading .buttons .btn{background-color:#f4f4f4;border:none;font-size:.75em;padding:.75em 1.25em;min-width:10em}.shelf .no-books,.shelf .no-data{height:var(--book-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em;font-size:.875em;color:#888;background-color:#f4f4f4;border-radius:.5rem}.shelf .no-books{background:linear-gradient(180deg, rgb(244, 244, 244) 0%, rgb(255, 255, 255) 100%)}.shelf .no-data{background-color:rgba(0,0,0,0);border:2px dashed #eee;color:#000}.shelf .no-data .btn-refresh{font-size:.75rem;font-weight:500;border:1px solid var(--color-theme);color:var(--color-theme);padding:.25em .75em;text-decoration:none;border-radius:100vw}.shelf .no-data .btn-refresh:hover{background-color:hsl(from var(--color-primary) h s 40%)}.login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.login h1{--step: 3;margin-block-start:0;margin-block-end:1.5em}.login form{display:flex;flex-direction:column;gap:.5rem;width:clamp(20rem,100%,25rem);padding-inline:1rem}.login form .loading{--loader-color: #fff;--loader-size: 1.5rem}.login input,.login button{border-radius:100vw;font-size:1rem;height:3rem;padding-inline:1.5em}.login label{color:#000;font-size:.75rem;font-weight:700;padding-inline:.5em}.login input{background-color:var(--color-form-base);border:1px solid var(--color-form-border);margin-block-end:1em}.login button{background-color:var(--color-theme);border:none;color:#fff;font-weight:600;justify-content:center}.login button:hover{background-color:hsla(from var(--color-theme) h s 40%/1)}.test-accounts{display:grid;grid-template-columns:repeat(3, 1fr);gap:.5rem;margin-block-start:1em}.test-accounts button{background-color:rgba(0,0,0,0);border:1px solid var(--color-theme);color:var(--color-theme);font-size:.875em}.test-accounts button:hover{background-color:hsla(from var(--color-theme) h s l/0.1);color:hsla(from var(--color-theme) h s 40%)}.test-accounts.dev button{border-color:#ddd;color:#ddd}.test-accounts.dev button:hover{background-color:#eee;color:#ccc}:root{--match-color-1: #e95b1e;--match-color-2: #FFC107;--match-color-3: #6ea430;--match-color-4: #3f70b5;--match-color-5: #673AB7;--match-color-6: #00BCD4;--quiz-transition-ms: 450ms;--quiz-ease: cubic-bezier(0.22, 1, 0.36, 1);--quiz-radius: 0.75rem;--quiz-color-passage: #2196F3;--quiz-color-example: #21d92d;--quiz-color-options: #ffd61f}@media(prefers-reduced-motion: reduce){:root{--quiz-transition-ms: 1ms}}#quiz{display:relative}#quiz-intro{position:absolute;inset:0;top:var(--header-height);z-index:100;background-color:rgba(255,255,255,.9);backdrop-filter:blur(1em);display:grid;place-items:center;overflow:hidden;visibility:hidden;opacity:0;transition:opacity .2s ease-in-out}#quiz-intro.show{visibility:visible;opacity:1}#quiz-intro .page{max-width:var(--container-width);padding:2rem;margin-block-end:var(--header-height);border-radius:1rem;box-shadow:rgba(17,17,26,.1) 0px 8px 24px,rgba(17,17,26,.1) 0px 16px 56px,rgba(17,17,26,.1) 0px 24px 80px}#quiz-intro .page .buttons{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;margin-block-start:2rem}#quiz-intro .page .buttons button{background-color:#fff;border:1px solid var(--color-theme);border-radius:100vw;color:var(--color-theme);cursor:pointer;padding:.5em 1em;transition:background-color .1s ease}#quiz-intro .page .buttons button:hover{background-color:var(--color-theme);color:#fff;font-weight:500}#quiz-content .quiz-progress{display:grid;grid-template-columns:auto 1fr;gap:1rem;margin-block-start:.5rem;margin-block-end:1.25rem}#quiz-content .quiz-progress .progress-current,#quiz-content .quiz-progress .progress-bar,#quiz-content .quiz-progress .progress-timer{height:3rem;display:flex;align-items:center;justify-content:center;border-radius:100vw;box-shadow:0 0 1.25rem rgba(0,0,0,.1)}#quiz-content .quiz-progress .progress-current,#quiz-content .quiz-progress .progress-timer{padding-inline:1.25em;font-weight:700}#quiz-content .quiz-progress .progress-current{font-size:.875em}#quiz-content .quiz-progress .progress-bar{flex:1}#quiz-content .quiz-progress .progress-bar .track{height:1em;background-color:#eee;border-radius:100vw;width:100%;margin-inline:1rem;overflow:hidden}#quiz-content .quiz-progress .progress-bar .bar{height:100%;width:100%;background-color:#0c6;transition:width var(--quiz-transition-ms) var(--quiz-ease);margin-inline-start:auto;margin-inline-end:0}#quiz-content .quiz-progress .progress-bar .timer{white-space:nowrap;font-size:.875em;font-weight:600;padding-inline-end:1.25rem}@media screen and (max-width: 719px){#quiz-content .quiz-progress{gap:.5rem;margin-block-end:.75rem}#quiz-content .quiz-progress .progress-current,#quiz-content .quiz-progress .progress-bar,#quiz-content .quiz-progress .progress-timer{height:2.5rem}#quiz-content .quiz-progress .progress-bar .track{margin-inline-end:.5rem}#quiz-content .quiz-progress .progress-bar .timer{padding-inline-end:1rem}}#quiz-content .quiz-sections{background-color:#f4f4f4;border-radius:1.5rem;position:relative;width:100%;overflow:hidden;transition:height var(--quiz-transition-ms) var(--quiz-ease)}#quiz-content .quiz-sections .quiz-section{position:absolute;left:0;top:0;z-index:0;width:100%;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(0);transition:opacity var(--quiz-transition-ms) ease-out,transform var(--quiz-transition-ms) var(--quiz-ease)}#quiz-content .quiz-sections .quiz-section.is-active{position:absolute;opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0);z-index:2;transition:opacity var(--quiz-transition-ms) ease-out,transform var(--quiz-transition-ms) var(--quiz-ease)}#quiz-content .quiz-sections .quiz-section.is-enter-next{visibility:visible;z-index:3;opacity:0;transform:translateX(100%);transition:none}#quiz-content .quiz-sections .quiz-section.is-enter-next.is-enter-next-run{opacity:1;transform:translateX(0);transition:opacity var(--quiz-transition-ms) ease-out,transform var(--quiz-transition-ms) var(--quiz-ease)}#quiz-content .quiz-sections .quiz-section.is-exit-next{visibility:visible;pointer-events:none;z-index:2;opacity:1;transform:translateX(0);transition:none}#quiz-content .quiz-sections .quiz-section.is-exit-next.is-exit-next-run{opacity:0;transform:translateX(-100%);transition:opacity var(--quiz-transition-ms) ease-out,transform var(--quiz-transition-ms) var(--quiz-ease)}#quiz-content .quiz-sections .quiz-section.is-enter-prev{visibility:visible;z-index:3;opacity:0;transform:translateX(-100%);transition:none}#quiz-content .quiz-sections .quiz-section.is-enter-prev.is-enter-prev-run{opacity:1;transform:translateX(0);transition:opacity var(--quiz-transition-ms) ease-out,transform var(--quiz-transition-ms) var(--quiz-ease)}#quiz-content .quiz-sections .quiz-section.is-exit-prev{visibility:visible;pointer-events:none;z-index:2;opacity:1;transform:translateX(0);transition:none}#quiz-content .quiz-sections .quiz-section.is-exit-prev.is-exit-prev-run{opacity:0;transform:translateX(100%);transition:opacity var(--quiz-transition-ms) ease-out,transform var(--quiz-transition-ms) var(--quiz-ease)}#quiz-content .quiz-nav{display:flex;justify-content:space-between;margin-top:1rem;gap:.5rem}#quiz-content .quiz-nav button{padding-block:1em;padding-inline-start:1em;padding-inline-end:1.5em;background-color:rgba(0,0,0,0);border:1px solid var(--color-theme);border-radius:100vw;color:var(--color-theme);transition:opacity .2s;gap:.5rem}#quiz-content .quiz-nav button.next{background-color:var(--color-theme);color:#fff;padding-inline-start:1.5em;padding-inline-end:1em}#quiz-content .quiz-nav button:disabled{opacity:0;cursor:not-allowed}#quiz-content .quiz-nav button svg{width:1rem}@media screen and (max-width: 719px){#quiz-content{padding-inline:.5rem}}.quiz-type{width:100%;text-align:left}.quiz-type .item-category,.quiz-type .item-type{display:inline-block;font-size:.75em;background-color:#fff;border:1px solid var(--color-theme);border-radius:100vw;color:var(--color-theme);font-weight:600;line-height:1.2;padding:.375em .875em}.quiz-type .item-category{border-color:rgba(0,0,0,0);color:#fff}.quiz-type.READING .item-category{background-color:var(--color-reading)}.quiz-type.READING .item-type{border-color:var(--color-reading);color:var(--color-reading)}.quiz-type.VOCAB .item-category{background-color:var(--color-voca)}.quiz-type.VOCAB .item-type{border-color:var(--color-voca);color:var(--color-voca)}.quiz-passage,.quiz-example,.quiz-option{background-color:#fff;border:1px solid #ddd;border-radius:var(--quiz-radius);color:#000;font-size:1em;line-height:1.6;width:100%;overflow:hidden}.quiz-passage .prefix,.quiz-example .prefix,.quiz-option .prefix{display:flex;align-items:center;justify-content:flex-start;gap:1em;background-color:#eee;border-bottom:1px solid rgba(0,0,0,.05);color:rgba(0,0,0,.7);font-size:.75em;padding-block:.25rem;padding-inline:.875rem}.quiz-passage .content,.quiz-example .content,.quiz-option .content{padding-block:.75rem;padding-inline:.75rem}.quiz-passage .prefix{background-color:hsl(from var(--quiz-color-passage) h s l/0.2);color:hsl(from var(--quiz-color-passage) h s 20%)}.quiz-passage u{font-weight:600;text-decoration:underline}.quiz-example .prefix{background-color:hsl(from var(--quiz-color-example) h s l/0.2);color:hsl(from var(--quiz-color-example) h s 20%)}.quiz-option .prefix{background-color:hsl(from var(--quiz-color-options) h s l/0.2);color:hsl(from var(--quiz-color-options) h s 20%)}.quiz-option ul{display:flex;flex-wrap:wrap;gap:.5em}.quiz-option ul li{border:1px solid #ddd;background-color:#f9f9f9;padding:.25em .75em;border-radius:100vw}.quiz-question{width:100%;font-size:1.125em;font-weight:600;padding-inline:.5rem}.quiz-answers{width:100%}.quiz-answers input[type=text]{width:100%;height:3em;padding-inline:1.5em;border:1px solid #ddd;border-radius:var(--quiz-radius);text-align:center;font-size:1em;font-weight:700;transition:border-color .2s ease-in-out}.quiz-answers input[type=text]:focus::-moz-placeholder{color:rgba(0,0,0,0)}.quiz-answers input[type=text]:focus::placeholder{color:rgba(0,0,0,0)}.quiz-answers input[type=text]::-moz-placeholder{font-weight:400;color:#aaa}.quiz-answers input[type=text]::placeholder{font-weight:400;color:#aaa}.quiz-section{padding-block:1.5rem;padding-inline:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}@media screen and (max-width: 719px){.quiz-section{padding-block:1rem;padding-inline:.75rem;gap:.75em}}.quiz-section:has(.VOCAB) input[type=text]:focus-visible{border-color:var(--color-voca)}.quiz-section:has(.READING) input[type=text]:focus-visible{border-color:var(--color-reading)}.quiz-section:has(.template-true-false) .quiz-answers{display:flex;justify-content:center;gap:.5rem}.quiz-section:has(.template-true-false) .answer{background-color:#fff;border:1px solid #ddd;border-radius:100%;padding:1rem;transition:all .2s;min-width:3rem;min-height:3rem;justify-content:center}.quiz-section:has(.template-true-false) .answer input{display:none}.quiz-section:has(.template-true-false) .answer svg{width:2rem}.quiz-section:has(.template-true-false) .answer span{text-align:center;font-size:1.5em;font-weight:500}.quiz-section:has(.template-true-false) .answer:has(input[value=true]){color:var(--color-green)}.quiz-section:has(.template-true-false) .answer:has(input[value=false]){color:var(--color-red)}.quiz-section:has(.template-true-false) .answer:hover{scale:1.1;box-shadow:rgba(0,0,0,.1) 0px 10px 15px -5px,rgba(0,0,0,.04) 0px 5px 5px -5px}.quiz-section:has(.template-true-false) .answer:has(input[value=true]:checked){background-color:hsl(from var(--color-green) h s 95%);border-color:var(--color-green)}.quiz-section:has(.template-true-false) .answer:has(input[value=false]:checked){background-color:hsl(from var(--color-red) h s 95%);border-color:var(--color-red)}.quiz-section:has(.template-true-false-more) .quiz-answers{display:flex;flex-direction:column;gap:.5em}.quiz-section:has(.template-true-false-more) .quiz-answer-bind{display:flex;align-items:center;gap:.25em;background-color:#fff;padding:.5em;padding-inline-start:1.5em;padding-inline-end:1em;border-radius:var(--quiz-radius)}.quiz-section:has(.template-true-false-more) .quiz-answer-bind .flex-space{min-width:1em}.quiz-section:has(.template-true-false-more) .quiz-answer-bind .answer{border-radius:100%;padding:.5em}.quiz-section:has(.template-true-false-more) .quiz-answer-bind .answer .svg-true{stroke:var(--color-green)}.quiz-section:has(.template-true-false-more) .quiz-answer-bind .answer .svg-false{stroke:var(--color-red)}.quiz-section:has(.template-true-false-more) .quiz-answer-bind .answer input{display:none}.quiz-section:has(.template-true-false-more) .quiz-answer-bind .answer svg{min-width:1.5em}.quiz-section:has(.template-true-false-more) .quiz-answer-bind .answer:has(input[value=true]):hover,.quiz-section:has(.template-true-false-more) .quiz-answer-bind .answer:has(input[value=false]):hover{box-shadow:none;scale:1}.quiz-section:has(.template-true-false-more) .quiz-answer-bind .answer:has(input[value=true]):hover{background-color:hsl(from var(--color-green) h s l/0.1)}.quiz-section:has(.template-true-false-more) .quiz-answer-bind .answer:has(input[value=false]):hover{background-color:hsl(from var(--color-red) h s l/0.1)}.quiz-section:has(.template-true-false-more) .quiz-answer-bind .answer:hover{scale:1.1;box-shadow:rgba(0,0,0,.1) 0px 20px 25px -5px,rgba(0,0,0,.04) 0px 10px 10px -5px}.quiz-section:has(.template-true-false-more) .quiz-answer-bind .answer:has(input[value=true]:checked){color:#fff;border-color:var(--color-green);background-color:var(--color-green)}.quiz-section:has(.template-true-false-more) .quiz-answer-bind .answer:has(input[value=true]:checked) svg{stroke:#fff}.quiz-section:has(.template-true-false-more) .quiz-answer-bind .answer:has(input[value=false]:checked){border-color:var(--color-red);background-color:var(--color-red);color:#fff}.quiz-section:has(.template-true-false-more) .quiz-answer-bind .answer:has(input[value=false]:checked) svg{stroke:#fff}.quiz-section:has(.template-inline-choice) .quiz-question span{display:inline;vertical-align:middle}.quiz-section:has(.template-inline-choice) .quiz-answers{display:inline-block;width:auto;padding-inline:.25em;margin-block:.125em}.quiz-section:has(.template-inline-choice) .quiz-answers input{display:none}.quiz-section:has(.template-inline-choice) .quiz-answers .answer{background-color:#fff;border:2px solid #ddd;padding-block:.25em;padding-inline:.375em;border-radius:.375em;transition:border-color .2s ease-in-out}.quiz-section:has(.template-inline-choice) .quiz-answers .answer:has(input:checked){background-color:#000;border-color:rgba(0,0,0,0);color:#fff;font-weight:600}.quiz-section:has(.template-inline-choice):has(.VOCAB) .answer:hover{border-color:var(--color-voca)}.quiz-section:has(.template-inline-choice):has(.VOCAB) .answer:has(input:checked){background-color:var(--color-voca)}.quiz-section:has(.template-inline-choice):has(.READING) .answer:hover{border-color:var(--color-reading)}.quiz-section:has(.template-inline-choice):has(.READING) .answer:has(input:checked){background-color:var(--color-reading)}.quiz-section:has(.template-multiple-choice) .quiz-answers,.quiz-section:has(.template-multiple-choice-more) .quiz-answers{display:flex;flex-direction:column;gap:.5em}.quiz-section:has(.template-multiple-choice) .quiz-answers input,.quiz-section:has(.template-multiple-choice-more) .quiz-answers input{display:none}.quiz-section:has(.template-multiple-choice) .quiz-answers .answer,.quiz-section:has(.template-multiple-choice-more) .quiz-answers .answer{background-color:#fff;border:1px solid #ddd;border-radius:var(--quiz-radius);display:flex;align-items:flex-start;gap:.25em;font-size:1em;padding:.75em}.quiz-section:has(.template-multiple-choice) .quiz-answers .answer .answer-index,.quiz-section:has(.template-multiple-choice-more) .quiz-answers .answer .answer-index{display:inline-block;margin-inline-start:.25em;font-weight:600}.quiz-section:has(.template-multiple-choice) .quiz-answers .answer .answer-index::after,.quiz-section:has(.template-multiple-choice-more) .quiz-answers .answer .answer-index::after{content:".";display:inline}.quiz-section:has(.template-multiple-choice) .quiz-answers .answer:hover,.quiz-section:has(.template-multiple-choice-more) .quiz-answers .answer:hover{border-color:#aaa}.quiz-section:has(.template-multiple-choice) .quiz-answers .answer:has(input:checked),.quiz-section:has(.template-multiple-choice-more) .quiz-answers .answer:has(input:checked){font-weight:600}.quiz-section:has(.template-multiple-choice):has(.VOCAB) .answer:has(input:checked),.quiz-section:has(.template-multiple-choice-more):has(.VOCAB) .answer:has(input:checked){background-color:hsl(from var(--color-voca) h s 95%);border-color:var(--color-voca)}.quiz-section:has(.template-multiple-choice):has(.READING) .answer:has(input:checked),.quiz-section:has(.template-multiple-choice-more):has(.READING) .answer:has(input:checked){background-color:hsl(from var(--color-reading) h s 95%);border-color:var(--color-reading)}.quiz-section:has(.template-order) .quiz-answers{display:flex;flex-direction:column}.quiz-section:has(.template-order) .quiz-answers .answer{display:flex;align-items:center;justify-content:space-between;gap:1em;background-color:#fff;border:1px solid #ddd;border-radius:var(--quiz-radius);cursor:grab;font-size:1em;margin-block:.25em;padding:.5em 1.5em}.quiz-section:has(.template-order) .quiz-answers .answer svg{min-width:.75em;width:.75em;opacity:.5}.quiz-section:has(.template-order) .quiz-answers .answer:hover{border-color:#888}.quiz-section:has(.template-order) .quiz-answers .answer:hover svg{opacity:1}.quiz-section:has(.template-match) .quiz-answers{display:grid;grid-template-columns:auto 1fr;gap:.5em}.quiz-section:has(.template-match) .match-column{display:grid;grid-template-rows:repeat(4, 1fr);gap:.5em}.quiz-section:has(.template-match) .match-column button{background-color:#fff;border:1px solid #ddd;padding:.75em 1em;border-radius:var(--quiz-radius);justify-content:center}.quiz-section:has(.template-match) .match-column button:hover{border-color:#aaa}.quiz-section:has(.template-match) .match-column button.match-ready{border-color:#000;font-weight:600}.quiz-section:has(.template-match) .match-column button.match-pair{font-weight:600}.quiz-section:has(.template-match) .match-column button.match-bond-1{border-color:var(--match-color-1);background-color:hsl(from var(--match-color-1) h s 95%)}.quiz-section:has(.template-match) .match-column button.match-bond-2{border-color:var(--match-color-2);background-color:hsl(from var(--match-color-2) h s 95%)}.quiz-section:has(.template-match) .match-column button.match-bond-3{border-color:var(--match-color-3);background-color:hsl(from var(--match-color-3) h s 95%)}.quiz-section:has(.template-match) .match-column button.match-bond-4{border-color:var(--match-color-4);background-color:hsl(from var(--match-color-4) h s 95%)}.quiz-section:has(.template-match) .match-column button.match-bond-5{border-color:var(--match-color-5);background-color:hsl(from var(--match-color-5) h s 95%)}.quiz-section:has(.template-match) .match-column button.match-bond-6{border-color:var(--match-color-6);background-color:hsl(from var(--match-color-6) h s 95%)}@media screen and (max-width: 719px){.quiz-section:has(.template-match) .match-column button{font-size:.875em;padding-block:1em;padding-inline:.75em}}.quiz-section:has(.template-short-answer) .quiz-answers,.quiz-section:has(.template-short-answer-more) .quiz-answers{display:flex;flex-direction:row;gap:.5em}@media screen and (max-width: 719px){.quiz-section:has(.template-short-answer) .quiz-answers,.quiz-section:has(.template-short-answer-more) .quiz-answers{flex-direction:column}}.quiz-section:has(.template-short-answer-matching) .quiz-answers{display:flex;flex-direction:column;gap:.5em}.quiz-section:has(.template-short-answer-matching) .quiz-answer{display:flex;align-items:center;gap:.25em;flex-wrap:wrap;padding-block:0;padding-inline:.5em;background-color:#fff;border:1px solid #ddd;border-radius:var(--quiz-radius);text-align:center;font-size:1em;font-weight:700;transition:border-color .2s ease-in-out}.quiz-section:has(.template-short-answer-matching) .quiz-answer:has(input:focus-visible){border-color:var(--color-voca)}.quiz-section:has(.template-short-answer-matching) .quiz-answer span{flex:1;display:block;text-align:left;font-weight:400;margin-inline-start:.5em;padding-block:.5em}.quiz-section:has(.template-short-answer-matching) .quiz-answer input{background-color:rgba(0,0,0,0);box-shadow:none;border:none;text-align:right;width:auto;margin-left:auto;max-width:8em;padding-inline-start:0;padding-inline-end:.5em}.result-list{--book-height: 6.5rem}.result-list .result-unit{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;border-top:1px solid #eee;margin-block-start:.75rem;padding-block-start:.75rem;animation:fadeIn .5s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.result-list .result-unit .book-img{height:var(--book-height);position:relative;aspect-ratio:80/120}.result-list .result-unit .book-info{display:flex;flex-direction:column;justify-content:space-between;gap:.25rem;height:var(--book-height);min-width:17rem;flex:1}.result-list .result-unit .book-info .content{flex:1}.result-list .result-unit .book-info .content .title{font-weight:700}.result-list .result-unit .book-info .content .week{font-size:.75em;font-weight:700;margin-block-end:.25em}.result-list .result-unit .buttons{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}.result-list .result-unit .buttons button{background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:100vw;font-size:.75em;font-weight:600;padding:.5em .875em;transition:all .1s ease}.result-list .result-unit .buttons button[data-unit-category=VOCAB]{border-color:hsl(from var(--color-voca) h s l);color:hsl(from var(--color-voca) h s 45%)}.result-list .result-unit .buttons button[data-unit-category=VOCAB]:hover{background-color:var(--color-voca)}.result-list .result-unit .buttons button[data-unit-category=READING]{border-color:hsl(from var(--color-reading) h s l);color:var(--color-reading)}.result-list .result-unit .buttons button[data-unit-category=READING]:hover{background-color:var(--color-reading)}.result-list .result-unit .buttons button:hover{color:#fff}.result-list .result-unit:first-child{border-block-start:none;margin-block-start:0;padding-block-start:0}.result-list .isloading .book-img{background-color:#f4f4f4;height:var(--book-height);position:relative}.result-list .isloading .book-img .loading{--loader-color: #fff;--loader-size: 2rem;position:absolute;inset:0;margin:auto}.result-list .isloading .book-info{display:flex;flex-direction:column;justify-content:space-between;gap:.75rem;height:var(--book-height);min-width:17rem;flex:1}.result-list .isloading .book-info .content{flex:1}.result-list .isloading .book-info .content .title{background-color:#f4f4f4}.result-list .isloading .book-info .content .week{background-color:#f4f4f4;width:10em}.result-list .isloading .buttons{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}.result-list .isloading .buttons .btn{background-color:#f4f4f4;border:none;font-size:.75em;padding:.5em .875em;min-width:10em}.result-list .no-books,.result-list .no-data{height:var(--book-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em;font-size:.875em;color:#888;background-color:#f4f4f4;border-radius:.5rem}.result-list .no-books{background:linear-gradient(180deg, rgb(244, 244, 244) 0%, rgb(255, 255, 255) 100%)}.result-list .no-data{background-color:rgba(0,0,0,0);border:2px dashed #eee;color:#000}.result-list .no-data .btn-refresh{font-size:.75rem;font-weight:500;border:1px solid var(--color-theme);color:var(--color-theme);padding:.25em .75em;text-decoration:none;border-radius:100vw}.result-list .no-data .btn-refresh:hover{background-color:hsl(from var(--color-primary) h s 40%)}.result-table{width:100%;border-collapse:collapse}.result-table th,.result-table td{border-bottom:1px solid #eee;padding:.5rem}.result-table th{border-color:#ddd;color:#000;font-size:.75em;font-weight:700;padding-inline:0}.result-table td{font-size:.875em;text-align:left}.summary{background-color:#f4f4f4;border-radius:1rem;padding:1rem;opacity:0;transition:opacity .2s ease}.summary.show{opacity:1}.summary+.contents #answer-sheet{display:none}.summary.answer-sheet-active #result-detail{display:none}.summary.answer-sheet-active+.contents #result-content{display:none}.summary.answer-sheet-active+.contents #answer-sheet{display:block}.summary.answer-sheet-active .btn-answer-sheet::after{content:"닫기" !important;display:inline}.contents{transition:all .2s ease}#result-select{display:flex;align-items:center;justify-content:center}#result-select button{font-size:.875em;background-color:#f4f4f4;border:1px solid #888;color:#666;padding:.5em 1em;border-radius:100vw}#result-detail{display:flex;align-items:center;justify-content:center;gap:1rem;border:1px solid #eee;background-color:#fff;border-radius:.5rem;margin-block-start:1rem;padding:.75rem .5rem}#result-detail #attempt-selector{display:none}#result-detail #attempt-selector.active{display:block;border:none}#result-detail .current-result span{font-weight:700}#result-summary .current-result span,#result-summary .total-score span{font-weight:700}#result-summary .total-score{font-size:3em;font-weight:700;margin-block:0;text-align:center}#result-summary .total-score span{display:block;font-size:1rem}#result-summary .current-result{font-size:1em;text-align:center;margin-block:.5rem}#result-button{text-align:center}#result-button .btn-retry-quiz,#result-button .btn-answer-sheet{border:1px solid var(--color-theme);border-radius:100vw;font-size:.875em;font-weight:600;background-color:#fff;color:hsl(from var(--color-theme) h s l);padding:.375em .75em;margin-block-start:1rem}#result-button .btn-retry-quiz:hover,#result-button .btn-answer-sheet:hover{background-color:hsl(from var(--color-theme) h s l/0.1);color:hsl(from var(--color-theme) h s 40%)}#result-button .btn-answer-sheet::after{content:" 보기";display:inline}#answer-sheet{margin-block:1rem;overflow-x:auto;scroll-behavior:smooth;height:auto;width:100%}#answer-sheet::-webkit-scrollbar{height:.75em;margin-block:.25em}#answer-sheet::-webkit-scrollbar-track{background-color:var(--color-scrollbar-track);border-radius:100vw}#answer-sheet::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar-thumb);border-radius:100vw;border:.25em solid var(--color-scrollbar-thumb-border)}#answer-sheet::-webkit-scrollbar-thumb:hover{background-color:var(--color-scrollbar-thumb-hover)}#answer-sheet table{min-width:400px;width:100%;border-collapse:collapse}#answer-sheet table th,#answer-sheet table td{border-bottom:1px solid rgba(0,0,0,.05);font-size:.75em;padding-block:.5rem;padding-inline:.25rem}#answer-sheet table th{border-bottom:1px solid rgba(0,0,0,.1);font-weight:700 !important;padding-inline:0}#answer-sheet table th:first-child,#answer-sheet table th:last-child{min-width:3em}#answer-sheet table td:last-child{font-weight:700}#answer-sheet table .correct{background-color:hsl(from var(--color-green) h s 30%/0.05)}#answer-sheet table .correct td:last-child{color:hsl(from var(--color-green) h s 30%)}#answer-sheet table .incorrect{background-color:hsl(from var(--color-red) h s 40%/0.05)}#answer-sheet table .incorrect td:last-child{color:hsl(from var(--color-red) h s 40%)}.checker-section{border-top:1px dashed #ddd;font-size:.875em;padding-inline:0;padding-block:1rem;gap:.5rem;text-align:left}.checker-section:first-child{border-top:none}.checker-section .prefix{font-size:.75em;margin:0;background-color:rgba(0,0,0,0);color:inherit;border:none;padding:0}.checker-section .prefix:after{display:none}.checker-section .VOCABULARY .item-type{background-color:var(--color-voca)}.checker-section .READING .item-type{background-color:var(--color-reading)}.checker-section .item-type{line-height:1;border:none;border-radius:.5em;font-size:.75rem;color:#fff !important;font-weight:600;padding-block:.375rem;padding-inline:.5rem !important}.checker-section .quiz-type::before{display:none}.checker-section .quiz-passage,.checker-section .quiz-question,.checker-section .quiz-example,.checker-section .quiz-option,.checker-section .quiz-answers,.checker-section .quiz-explanation{font-size:inherit;padding-inline:.75rem;padding-block:.5em;margin-block:.25em}.checker-section .quiz-passage,.checker-section .quiz-example,.checker-section .quiz-option,.checker-section .quiz-explanation{background-color:#f4f4f4;border-radius:.5em;padding-block-start:.25em}.checker-section .quiz-question,.checker-section .quiz-statement{padding:.5em;padding-inline:.5rem}.checker-section .quiz-answers{border:1px solid hsl(from var(--color-green) h s 30%/0.4);border-radius:.5em;padding-inline:.75rem;padding-block-end:.5em}.checker-section .quiz-option ul li{display:inline;padding:0;border:none;background-color:rgba(0,0,0,0)}.checker-section .quiz-option ul li::after{content:", ";display:inline}.checker-section .quiz-option ul li:last-child::after{display:none}.checker-section .quiz-explanation{background-color:hsl(from var(--color-yellow) h s l/0.1);border:1px solid hsl(from var(--color-yellow) h s 30%/0.1);color:hsl(from var(--color-yellow) h s 20%)}.checker-section .quiz-answer-bind{padding:0}.checker-section .quiz-answer-bind .answer{padding-block:0}.checker-section:has(.template-true-false) .answer{background-color:#f4f4f4;border-radius:.5em;padding-block:.5em;padding-inline:.5em;margin-block:2px}.checker-section:has(.template-true-false) .answer.correct{background-color:hsl(from var(--color-theme) h s l/0.1)}.checker-section:has(.template-true-false) .svg-true{stroke:var(--color-green)}.checker-section:has(.template-true-false) .svg-false{stroke:var(--color-red)}.checker-section:has(.template-true-false-more) .answer{background-color:#f4f4f4;border-radius:.5em;padding-block:.5em;padding-inline:.5em;margin-block:2px}.checker-section:has(.template-true-false-more) .answer.correct{background-color:hsl(from var(--color-theme) h s l/0.1)}.checker-section:has(.template-true-false-more) .svg-true{stroke:var(--color-green)}.checker-section:has(.template-true-false-more) .svg-false{stroke:var(--color-red)}.checker-section:has(.template-multiple-choice) .answer,.checker-section:has(.template-multiple-choice-more) .answer{display:flex;gap:.5em;align-items:flex-start;background-color:rgba(0,0,0,0);color:#888;padding-block:.5em;padding-inline:0;margin:0}.checker-section:has(.template-multiple-choice) .answer:not(.correct):not(.incorrect),.checker-section:has(.template-multiple-choice-more) .answer:not(.correct):not(.incorrect){display:none}.checker-section:has(.template-inline-choice) .quiz-answers{padding:.25em;padding-inline:.5em;margin-inline:.25em}.checker-section:has(.template-inline-choice) .answer{display:inline-block;text-decoration:line-through;color:#888}.checker-section:has(.template-inline-choice) .answer+.answer{margin-inline-start:.25em}.checker-section:has(.template-order) .answer{background-color:rgba(0,0,0,0);color:hsl(from var(--color-theme) h s 30%);border-radius:.5em;padding-block:.5em;padding-inline:0;margin-block:0}.checker-section:has(.template-short-answer) .quiz-answers,.checker-section:has(.template-short-answer-more) .quiz-answers,.checker-section:has(.template-short-answer-matching) .quiz-answers,.checker-section:has(.template-true-false) .quiz-answers,.checker-section:has(.template-true-false-more) .quiz-answers,.checker-section:has(.template-match) .quiz-answers,.checker-section:has(.template-multiple-choice) .quiz-answers,.checker-section:has(.template-multiple-choice-more) .quiz-answers{padding-block:.5em;padding-inline:.75em}.checker-section:has(.template-short-answer) span,.checker-section:has(.template-short-answer-more) span,.checker-section:has(.template-short-answer-matching) span,.checker-section:has(.template-true-false) span,.checker-section:has(.template-true-false-more) span,.checker-section:has(.template-match) span,.checker-section:has(.template-multiple-choice) span,.checker-section:has(.template-multiple-choice-more) span{display:inline-block;padding-inline-start:.25em}.checker-section:has(.template-short-answer) .answer-group,.checker-section:has(.template-short-answer-more) .answer-group,.checker-section:has(.template-short-answer-matching) .answer-group,.checker-section:has(.template-true-false) .answer-group,.checker-section:has(.template-true-false-more) .answer-group,.checker-section:has(.template-match) .answer-group,.checker-section:has(.template-multiple-choice) .answer-group,.checker-section:has(.template-multiple-choice-more) .answer-group{display:inline-block}.checker-section:has(.template-short-answer-matching) .quiz-answer{margin-block-end:.5em}.checker-section:has(.template-short-answer-more) .answer::after{content:", ";display:inline}.checker-section:has(.template-short-answer-more) .answer:last-child::after{display:none}.checker-section .correct{color:hsl(from var(--color-green) h s 30%) !important;text-decoration:none !important;font-weight:500 !important}.checker-section .incorrect{color:hsl(from var(--color-red) h s 40%/0.6) !important;text-decoration:line-through !important;font-weight:400 !important}.flex-space{margin-inline:auto}.flex-space-vertical{margin-block:auto}.icon{display:inline-block;width:1.25em;height:1.25em;fill:none;vertical-align:middle;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.img.square{aspect-ratio:1}.img.landscape.paper{aspect-ratio:1.414/1}.img.landscape.ratio-3-2{aspect-ratio:3/2}.img.landscape.ratio-4-3{aspect-ratio:4/3}.img.landscape.ratio-16-9{aspect-ratio:16/9}.img.portrait.paper{aspect-ratio:1/1.414}.img.portrait.ratio-3-2{aspect-ratio:2/3}.img.portrait.ratio-4-3{aspect-ratio:3/4}.img.portrait.ratio-16-9{aspect-ratio:9/16}.img.top{-o-object-position:top;object-position:top}.img.bottom{-o-object-position:bottom;object-position:bottom}.img.left{-o-object-position:left;object-position:left}.img.right{-o-object-position:right;object-position:right}.loading{--loader-color: #888;--loader-size: 2rem;width:var(--loader-size);padding:calc(var(--loader-size)/6);background:var(--loader-color);aspect-ratio:1;border-radius:50%;-webkit-mask:conic-gradient(rgba(0, 0, 0, 0), #000),conic-gradient(#000 0 0) content-box;-webkit-mask-composite:source-out;mask:conic-gradient(rgba(0, 0, 0, 0), #000) subtract,conic-gradient(#000 0 0) content-box;animation:loading 1s linear infinite}@keyframes loading{to{rotate:1turn}}@page{size:A4 portrait;margin:0mm}@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.dev-only{display:none}#temp-info{font-size:.875rem;font-weight:500;text-align:center;background-color:hsl(from var(--color-green) h s 30%/0.1);border:1px solid hsl(from var(--color-green) h s 30%/0.2);color:hsl(from var(--color-green) h s 20%);border-radius:.5rem;padding:.5rem 1rem;margin-bottom:1rem}/*# sourceMappingURL=style.css.map */