:root{--bg: #f7f8fc;--surface: #ffffff;--surface-2: #eef0f8;--text: #1b2340;--text-muted: #4b5578;--border: #d7dbea;--purple: #6a3fd6;--purple-soft: #ede7fb;--teal: #0f8f94;--teal-soft: #dff5f5;--danger: #b4322d;--danger-soft: #fbe9e8;--ok: #1f7a3a;--ok-soft: #e3f5e8;--focus: #ffb703;--radius: 12px;--fs: 17.5px;--lh: 1.7;--sidebar-w: 280px}*{box-sizing:border-box}html{font-size:var(--fs)}body{margin:0;background:var(--bg);color:var(--text);font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;line-height:var(--lh);-webkit-font-smoothing:antialiased}a{color:var(--purple);text-underline-offset:3px}a:hover{color:var(--teal)}h1,h2,h3,h4{line-height:1.3;margin:0 0 .5em}h1{font-size:1.8rem}h2{font-size:1.4rem}h3{font-size:1.12rem;color:var(--purple);margin-top:1.6em}p{margin:0 0 .9em}ul,ol{padding-left:1.4em;margin:0 0 1em}li{margin-bottom:.35em}code,pre{font-family:JetBrains Mono,Consolas,D2Coding,monospace}code{background:var(--surface-2);padding:.1em .35em;border-radius:5px;font-size:.92em}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;left:-999px;top:8px;background:var(--purple);color:#fff;padding:.5em 1em;border-radius:8px;z-index:100}.skip-link:focus{left:8px}.btn{display:inline-flex;align-items:center;gap:.4em;padding:.55em 1.05em;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-weight:600;cursor:pointer;line-height:1.3;min-height:44px}.btn:hover{border-color:var(--purple);color:var(--purple)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--purple);border-color:var(--purple);color:#fff}.btn-primary:hover{background:#5a32bd;color:#fff}.btn-teal{background:var(--teal);border-color:var(--teal);color:#fff}.btn-teal:hover{background:#0c777b;color:#fff}.btn-danger{color:var(--danger);border-color:var(--danger)}.btn-danger:hover{background:var(--danger-soft)}.btn-sm{padding:.35em .8em;min-height:36px;font-size:.92rem}.header{background:var(--surface);border-bottom:1px solid var(--border);padding:1.4rem 1.2rem 1.2rem}.header-inner{max-width:1240px;margin:0 auto}.eyebrow{color:var(--teal);font-weight:700;letter-spacing:.02em;font-size:.9rem;margin-bottom:.2em}.header h1{color:var(--purple)}.header .subtitle{color:var(--text-muted);margin-bottom:1em}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin:1rem 0}.info-card{background:var(--surface-2);border-radius:var(--radius);padding:.9rem 1.1rem}.info-card h2{font-size:1rem;color:var(--teal);margin-bottom:.4em}.info-card ul,.info-card ol{margin-bottom:0}.progress-row{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem;margin-top:.8rem}.progress{flex:1 1 240px}.progress-label{display:flex;justify-content:space-between;font-weight:600;font-size:.95rem}.progress-bar{height:12px;background:var(--surface-2);border-radius:999px;overflow:hidden;border:1px solid var(--border)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--purple),var(--teal));transition:width .3s}.header-actions{display:flex;flex-wrap:wrap;gap:.5rem}.storage-note{font-size:.88rem;color:var(--text-muted);margin-top:.5rem}.layout{display:grid;grid-template-columns:var(--sidebar-w) 1fr;gap:1.5rem;max-width:1240px;margin:0 auto;padding:1.4rem 1.2rem 4rem}.sidebar{position:sticky;top:1rem;align-self:start}.sidebar nav{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem}.toc-toggle{display:none;width:100%;justify-content:space-between;margin-bottom:.5rem}.toc{list-style:none;padding:0;margin:0}.toc li{margin:0}.toc button{width:100%;text-align:left;display:flex;align-items:center;gap:.55em;padding:.5em .6em;border-radius:8px;border:0;background:none;font:inherit;color:var(--text);cursor:pointer;min-height:42px}.toc button:hover{background:var(--surface-2)}.toc button[aria-current=step]{background:var(--purple-soft);color:var(--purple);font-weight:700}.toc .num{flex:0 0 1.9em;height:1.9em;border-radius:50%;border:1.5px solid var(--border);display:inline-flex;align-items:center;justify-content:center;font-size:.85em;font-weight:700}.toc .done .num{background:var(--ok);border-color:var(--ok);color:#fff}.toc .label{flex:1;font-size:.95rem;line-height:1.3}.toc .min{font-size:.78rem;color:var(--text-muted)}.toc .opt{font-size:.72rem;color:var(--teal);border:1px solid var(--teal);border-radius:4px;padding:0 .3em}.main{min-width:0}.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.6rem 1.7rem;margin-bottom:1.5rem}.step-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4em 1em;margin-bottom:.4rem}.step-head .badge{background:var(--purple);color:#fff;border-radius:999px;padding:.15em .8em;font-weight:700;font-size:.92rem}.step-head .mins{color:var(--text-muted);font-size:.95rem}.step-head .optional{background:var(--teal-soft);color:var(--teal);border-radius:999px;padding:.15em .8em;font-weight:700;font-size:.85rem}.step h2{font-size:1.5rem;margin-bottom:.3em}.goal{background:var(--purple-soft);border-left:5px solid var(--purple);padding:.8rem 1rem;border-radius:8px;margin-bottom:1rem}.goal strong{color:var(--purple)}.location{color:var(--text-muted);font-size:.97rem;margin-bottom:.4em}.location strong{color:var(--teal)}.actions{counter-reset:act;list-style:none;padding:0}.actions li{counter-increment:act;display:flex;gap:.8em;margin-bottom:.7em}.actions li:before{content:counter(act);flex:0 0 2em;height:2em;border-radius:50%;background:var(--teal);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;margin-top:.15em}.prompt-box{border:2px solid var(--purple);border-radius:var(--radius);margin:1rem 0 1.3rem;overflow:hidden}.prompt-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;background:var(--purple-soft);padding:.6rem .9rem}.prompt-head strong{color:var(--purple)}.prompt-head .tools{display:flex;gap:.4rem;flex-wrap:wrap}.prompt-body{margin:0;padding:.9rem 1rem;background:#fcfbff;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-size:.98rem;line-height:1.65;-webkit-user-select:text;user-select:text}.prompt-body:focus{outline:3px solid var(--focus)}.copy-status{font-size:.9rem;font-weight:600;padding:.3rem .9rem}.copy-status.ok{background:var(--ok-soft);color:var(--ok)}.copy-status.fail{background:var(--danger-soft);color:var(--danger)}.verify{background:var(--teal-soft);border-radius:var(--radius);padding:.9rem 1.1rem .6rem}.verify h3{margin-top:0;color:var(--teal)}.done-box{display:flex;gap:.6em;background:var(--ok-soft);border-radius:8px;padding:.7rem 1rem;margin:1rem 0}.done-box strong{color:var(--ok);white-space:nowrap}.checklist{list-style:none;padding:0}.checklist li{margin:0}.checklist label{display:flex;gap:.7em;align-items:flex-start;padding:.45em .5em;border-radius:8px;cursor:pointer}.checklist label:hover{background:var(--surface-2)}.checklist input{width:1.35em;height:1.35em;margin-top:.25em;accent-color:var(--purple);flex:none}.checklist .checked{text-decoration:line-through;color:var(--text-muted)}.check-summary{font-size:.92rem;color:var(--text-muted);margin-top:.3em}.step-complete{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:.8rem;padding:.8rem 1rem;border-radius:var(--radius);border:1.5px dashed var(--border)}.step-complete.on{border-color:var(--ok);background:var(--ok-soft)}.step-complete label{display:flex;align-items:center;gap:.6em;font-weight:700;cursor:pointer}.step-complete input{width:1.4em;height:1.4em;accent-color:var(--ok)}.recovery{border:1.5px solid var(--danger);border-radius:var(--radius);padding:.9rem 1.1rem;margin-top:1.2rem;background:snow}.recovery h3{color:var(--danger);margin-top:0}.recovery textarea{width:100%;min-height:110px;font:inherit;font-size:.92rem;padding:.6rem;border-radius:8px;border:1.5px solid var(--border);resize:vertical}.field label{display:block;font-weight:700;margin-bottom:.3em}.field input[type=url],.field input[type=text]{width:100%;font:inherit;padding:.55em .7em;border-radius:8px;border:1.5px solid var(--border)}.field .hint{font-size:.88rem;color:var(--text-muted);margin-top:.3em}details{border:1px solid var(--border);border-radius:var(--radius);padding:.4rem .9rem;margin:.8rem 0;background:var(--surface)}details summary{cursor:pointer;font-weight:700;padding:.4rem 0;color:var(--purple)}details[open] summary{margin-bottom:.4rem}.links{font-size:.95rem;margin-top:1rem}.links ul{margin:.2em 0 0}.nav-row{display:flex;justify-content:space-between;gap:.8rem;margin-top:1.4rem}table.sig{width:100%;border-collapse:collapse;font-size:.95rem;margin:.5rem 0 1rem}table.sig th,table.sig td{border:1px solid var(--border);padding:.45em .6em;text-align:left;vertical-align:top}table.sig th{background:var(--surface-2)}.wrap-table{overflow-x:auto}.teacher-note{border-left:4px solid var(--teal);background:var(--teal-soft);padding:.7rem 1rem;border-radius:8px;font-size:.96rem}.teacher-note strong{color:var(--teal)}.foot-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.3rem 1.6rem;margin-bottom:1.5rem}.foot-section h2{color:var(--purple);font-size:1.3rem}.ts{list-style:none;padding:0}.ts li{display:grid;grid-template-columns:minmax(150px,1fr) 2.6fr;gap:.4em 1em;padding:.5em 0;border-bottom:1px dashed var(--border)}.ts li strong{color:var(--danger)}.toast{position:fixed;left:50%;bottom:1.4rem;transform:translate(-50%);background:var(--text);color:#fff;padding:.7rem 1.2rem;border-radius:10px;font-weight:600;z-index:50;box-shadow:0 6px 24px #0003;max-width:calc(100% - 2rem)}.toast.ok{background:var(--ok)}.toast.fail{background:var(--danger)}.screen{margin:1rem 0 1.6rem;padding:0}.screen-title{font-weight:700;color:var(--teal);margin-bottom:.5rem}.screen-frame{position:relative;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff}.screen-frame img{display:block;width:100%;height:auto}.screen-mark{position:absolute;transform:translate(-50%,-50%);width:clamp(18px,2.6vw,30px);height:clamp(18px,2.6vw,30px);border-radius:50%;background:var(--purple);color:#fff;border:2px solid #fff;box-shadow:0 1px 6px #00000059;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:clamp(10px,1.3vw,15px);line-height:1}.screen-full{display:inline-block;font-size:.9rem;margin:.4rem 0 .2rem}.screen-legend{list-style:none;padding:0;margin:.6rem 0 .8rem}.screen-legend li{display:flex;gap:.65em;margin-bottom:.5em}.legend-num{flex:0 0 1.7em;height:1.7em;border-radius:50%;background:var(--purple);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.85em;margin-top:.2em}.print-only{display:none}@media (max-width: 860px){:root{--fs: 17px}.layout{grid-template-columns:1fr;padding:1rem .9rem 3rem}.sidebar{position:static}.toc-toggle{display:inline-flex}.sidebar nav.collapsed .toc{display:none}.step{padding:1.2rem 1rem}.ts li{grid-template-columns:1fr}.header{padding:1.1rem .9rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media print{:root{--fs: 12.5pt}body{background:#fff}.header{border:0;padding:0 0 .6rem}.header-actions,.progress-row,.sidebar,.nav-row,.toast,.skip-link,.prompt-head .tools,.copy-status,.step-complete,.no-print{display:none!important}.print-only{display:block}.layout{display:block;padding:0;max-width:none}.step,.foot-section{break-inside:avoid-page;border:1px solid #999;box-shadow:none;page-break-inside:avoid;margin-bottom:1rem}.step[hidden],.foot-section[hidden]{display:block!important}details{border:1px solid #999}details>*:not(summary){display:block!important}.prompt-body{background:#fff;border-top:1px solid #999;font-size:10.5pt}.checklist input,.checklist label{print-color-adjust:exact;-webkit-print-color-adjust:exact}a[href^=http]:after{content:" (" attr(href) ")";font-size:.85em;color:#555}textarea{border:1px solid #999}.screen{break-inside:avoid}.screen-mark{print-color-adjust:exact;-webkit-print-color-adjust:exact}}