.sn-lab,.sn-lab *{box-sizing:border-box}.sn-lab{color:var(--c-ink);--sn-mint:color-mix(in srgb,#7da87d 26%,var(--c-paper));--sn-blueish:color-mix(in srgb,#8eb4b1 24%,var(--c-paper));--sn-pink:color-mix(in srgb,#d98c7b 26%,var(--c-paper));--sn-warn:color-mix(in srgb,#e8a317 24%,var(--c-paper));--sn-flow:color-mix(in srgb,#c8a96e 22%,var(--c-paper));background:radial-gradient(circle at 92% 3%,var(--c-glow1),transparent 28rem),radial-gradient(circle at 0 52%,var(--c-glow2),transparent 24rem);padding-bottom:65px;font-family:inherit;line-height:1.7;overflow-x:clip}.sn-lab button,.sn-lab input{font-family:inherit}.sn-lab button{cursor:pointer;color:inherit}.sn-lab a{color:inherit}.sn-lab ::selection{background:var(--c-sun);color:#231d18}.sn-wrap{width:min(1080px,100% - 36px);margin-inline:auto}.sn-kicker{color:var(--c-brick);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;font-weight:900;line-height:1.5;display:inline-flex}.sn-kicker:before{content:"";background:var(--c-orange);width:9px;height:9px;box-shadow:0 0 0 5px color-mix(in srgb,var(--c-orange) 11%,transparent);border-radius:50%}.sn-section-nav{border-bottom:1px solid var(--c-muted);flex-wrap:wrap;gap:12px 22px;padding-block:18px;font-size:12px;font-weight:800;display:flex}.sn-section-nav a{text-decoration:none}.sn-section-nav a:hover{color:var(--c-brick)}.sn-lab section{scroll-margin-top:110px}.sn-cap{letter-spacing:.12em;color:#8a3e22;font-size:10px;font-weight:950}.sn-mini{letter-spacing:.1em;color:#8a3e22;font-size:9px;font-weight:950}.sn-hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:30px;padding:58px 0 42px;display:grid}.sn-hero h1{letter-spacing:-.055em;margin:20px 0 14px;font-size:clamp(39px,5.4vw,64px);font-weight:950;line-height:1.08}.sn-hero h1 span{color:var(--c-orange)}.sn-lead{max-width:620px;color:var(--c-muted);margin:0;font-size:15px}.sn-goals{color:var(--c-muted);gap:12px;margin-top:18px;font-size:11px;display:flex}.sn-goals>span{color:var(--c-orange);font-size:20px;line-height:1.4}.sn-goals b{color:var(--c-ink)}.sn-hero-card{background:var(--c-paper);border:1.5px solid var(--c-line);box-shadow:5px 5px 0 color-mix(in srgb,var(--c-shadow) 55%,transparent);padding:15px;transform:rotate(-1deg)}.sn-hero-card svg{border:1px solid var(--c-line);width:100%;display:block}.sn-hero-note{color:var(--c-muted);margin-top:8px;font-size:10px}.sn-section{padding:39px 0}.sn-section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px;display:flex}.sn-section-head h2{letter-spacing:-.04em;color:var(--c-ink);margin:5px 0 0;font-size:clamp(26px,3.4vw,37px);font-weight:950;line-height:1.15}.sn-section-desc{max-width:470px;color:var(--c-muted);margin:0;font-size:11px}.sn-panel{background:var(--c-paper);border:1.5px solid var(--c-line);box-shadow:5px 5px 0 color-mix(in srgb,var(--c-shadow) 55%,transparent);padding:14px}.sn-panel h3{color:var(--c-ink);margin:4px 0}.sn-note{background:color-mix(in srgb,var(--c-orange) 9%,var(--c-paper));border-left:4px solid var(--c-orange);color:color-mix(in srgb,var(--c-muted) 85%,var(--c-ink));margin-top:11px;padding:10px 12px;font-size:10px}.sn-note b{color:var(--c-ink)}.sn-callout{background:var(--c-deep);color:var(--c-deepText);margin-top:12px;padding:12px 15px;font-size:11px}.sn-callout b{color:#ffd36a}.sn-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.sn-topline>b{color:var(--c-ink);font-size:13px}.sn-tag{background:var(--sn-mint);border:1px solid var(--c-line);color:var(--c-ink);padding:3px 7px;font-size:9px;font-weight:900}.sn-source-note{margin-top:14px}.sn-points{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.sn-point{background:var(--c-paper);border:1.5px solid var(--c-line);padding:13px}.sn-point:nth-child(2){background:var(--sn-blueish)}.sn-point:nth-child(3){background:var(--sn-mint)}.sn-point:nth-child(4){background:var(--sn-warn)}.sn-point .sn-point-no{letter-spacing:.1em;color:#8a3e22;font-size:9px;font-weight:950}.sn-point h3{color:var(--c-ink);margin:4px 0 5px;font-size:14px}.sn-point p{color:color-mix(in srgb,var(--c-muted) 85%,var(--c-ink));margin:0;font-size:11px}.sn-flash-topline{margin-bottom:11px}.sn-flash-tip{color:color-mix(in srgb,var(--c-muted) 85%,var(--c-ink));font-size:11px}.sn-flash-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.sn-flash{border:1.5px solid var(--c-line);background:var(--c-paper);min-height:145px;box-shadow:3px 3px 0 color-mix(in srgb,var(--c-shadow) 55%,transparent);text-align:left;cursor:pointer;color:var(--c-ink);flex-direction:column;justify-content:space-between;padding:12px;transition:transform .15s;display:flex}.sn-flash:hover{transform:translateY(-3px)}.sn-flash[aria-expanded=true]{background:var(--sn-mint)}.sn-hint{color:#8a3e22;letter-spacing:.1em;font-size:9px;font-weight:950}.sn-front{color:var(--c-ink);font-size:13px;font-weight:900;line-height:1.45}.sn-back{color:color-mix(in srgb,var(--c-muted) 80%,var(--c-ink));margin-top:10px;font-size:10px}.sn-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.sn-btn{border:1.5px solid var(--c-line);background:var(--c-orange);color:#231d18;box-shadow:2px 2px 0 color-mix(in srgb,var(--c-shadow) 60%,transparent);cursor:pointer;padding:8px 12px;font-size:10px;font-weight:900}.sn-lab .sn-btn{color:#231d18}.sn-btn:hover{box-shadow:3px 3px 0 color-mix(in srgb,var(--c-shadow) 60%,transparent);transform:translate(-1px,-1px)}.sn-btn:active{box-shadow:none;transform:translate(2px,2px)}.sn-lab .sn-btn-secondary{background:var(--c-paper);color:var(--c-ink)}.sn-quiz{background:var(--c-paper);border:1.5px solid var(--c-line);box-shadow:5px 5px 0 color-mix(in srgb,var(--c-shadow) 55%,transparent);padding:16px}.sn-quiz-top{border-bottom:1px solid color-mix(in srgb,var(--c-muted) 40%,transparent);justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;padding-bottom:10px;display:flex}.sn-quiz-top>b{color:var(--c-ink);font-size:15px}.sn-counter{color:var(--c-brick);font-size:10px;font-weight:950}.sn-question{border-bottom:1px solid color-mix(in srgb,var(--c-muted) 32%,transparent);padding:10px 0}.sn-question h4{color:var(--c-ink);margin:0 0 7px;font-size:11px}.sn-options{gap:5px;display:grid}.sn-option{background:color-mix(in srgb,var(--c-paper) 60%,var(--sn-flow));border:1px solid color-mix(in srgb,var(--c-muted) 45%,transparent);cursor:pointer;color:var(--c-ink);gap:8px;padding:7px 9px;font-size:10px;display:flex}.sn-option input{accent-color:var(--c-orange)}.sn-feedback{border:1px solid var(--c-line);background:var(--sn-mint);color:var(--c-ink);margin-top:6px;padding:9px 10px;font-size:10px;line-height:1.7;display:none}.sn-feedback.is-good{background:var(--sn-mint);display:block}.sn-feedback.is-warn{background:var(--sn-warn);display:block}.sn-feedback.is-bad{background:var(--sn-pink);display:block}.sn-lab #score{color:var(--c-ink);font-size:11px;font-weight:950}.sn-progress-card{background:var(--c-paper);border:1.5px solid var(--c-line);box-shadow:5px 5px 0 color-mix(in srgb,var(--c-shadow) 55%,transparent);padding:16px}.sn-progress-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.sn-progress-head b{color:var(--c-ink);font-size:14px}.sn-progress-value{color:var(--c-brick);font-size:11px;font-weight:950}.sn-progress-bar{border:1.5px solid var(--c-line);background:color-mix(in srgb,var(--c-muted) 22%,var(--c-paper));height:12px;overflow:hidden}.sn-progress-bar span{background:var(--c-orange);width:0;height:100%;transition:width .2s;display:block}.sn-progress-note{color:color-mix(in srgb,var(--c-muted) 85%,var(--c-ink));margin-top:9px;font-size:10px}.sn-chapter-status{color:var(--c-brick);font-size:10px;font-weight:900}.sn-chapter-status.is-done{color:var(--c-olive)}.sn-chapter-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.sn-chapter{background:var(--c-paper);border:1.5px solid var(--c-line);box-shadow:3px 3px 0 color-mix(in srgb,var(--c-shadow) 50%,transparent);padding:16px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block;position:relative}.sn-chapter:hover{box-shadow:5px 5px 0 color-mix(in srgb,var(--c-shadow) 55%,transparent);transform:translate(-2px,-2px)}.sn-chapter:nth-child(2){background:var(--sn-blueish)}.sn-chapter:nth-child(3){background:var(--sn-mint)}.sn-chapter:nth-child(4){background:var(--sn-warn)}.sn-chapter .sn-chapter-no{letter-spacing:.12em;color:#8a3e22;font-size:9px;font-weight:950}.sn-chapter h3{color:var(--c-ink);margin:6px 0 3px;font-size:19px}.sn-chapter .sn-chapter-en{color:var(--c-brick);letter-spacing:.08em;font-size:10px;font-weight:900;display:block}.sn-chapter p{color:color-mix(in srgb,var(--c-muted) 85%,var(--c-ink));margin:7px 0 0;font-size:11px}.sn-chapter .sn-chapter-status{margin-top:9px}.sn-chapter .sn-chapter-go{background:var(--c-sun);border:1.5px solid var(--c-line);color:#231d18;border-radius:9px;place-items:center;width:30px;height:30px;font-weight:950;display:grid;position:absolute;top:14px;right:14px}.sn-chapter-nav{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:12px;display:flex}.sn-chapter-nav a{background:var(--c-paper);border:1.5px solid var(--c-line);box-shadow:2px 2px 0 color-mix(in srgb,var(--c-shadow) 55%,transparent);padding:8px 12px;font-size:11px;font-weight:900;text-decoration:none}.sn-chapter-nav a:hover{color:var(--c-brick)}.sn-labs-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.sn-lab-link{background:var(--c-paper);border:1px solid color-mix(in srgb,var(--c-muted) 45%,transparent);color:var(--c-ink);gap:2px;padding:10px 12px;text-decoration:none;display:grid}.sn-lab-link:hover{border-color:var(--c-line);box-shadow:2px 2px 0 color-mix(in srgb,var(--c-shadow) 45%,transparent)}.sn-lab-link b{color:var(--c-ink);font-size:12px}.sn-lab-link span{color:color-mix(in srgb,var(--c-muted) 85%,var(--c-ink));font-size:10px}html[data-theme=dark] .sn-lab .sn-kicker,html[data-theme=dark] .sn-lab .sn-cap,html[data-theme=dark] .sn-lab .sn-mini,html[data-theme=dark] .sn-lab .sn-hint,html[data-theme=dark] .sn-lab .sn-point .sn-point-no,html[data-theme=dark] .sn-lab .sn-chapter .sn-chapter-no,html[data-theme=dark] .sn-lab .sn-chapter .sn-chapter-en,html[data-theme=dark] .sn-lab .sn-counter,html[data-theme=dark] .sn-lab .sn-status,html[data-theme=dark] .sn-lab .sn-progress-value,html[data-theme=dark] .sn-lab .sn-chapter-status,html[data-theme=dark] .sn-lab .sn-chapter-status.is-done{color:var(--c-sun)}@media (width<=760px){.sn-hero{grid-template-columns:1fr;gap:24px;padding-top:38px}.sn-hero-card{width:100%;max-width:600px;margin:auto;transform:none}.sn-chapter-grid{grid-template-columns:1fr}.sn-section-head{display:block}.sn-section-desc{margin-top:7px}}@media (width<=560px){.sn-wrap{width:calc(100% - 26px)}.sn-points,.sn-flash-grid{grid-template-columns:1fr}.sn-quiz{padding:13px}.sn-quiz-top{display:block}.sn-counter{margin-top:5px;display:block}}@media (prefers-reduced-motion:reduce){.sn-lab *,.sn-lab :before,.sn-lab :after{transition:none!important;animation:none!important}}@media (width<=560px){.sn-labs-grid{grid-template-columns:1fr}}