@font-face{font-family:Practice Myeongjo;src:url(/assets/NanumMyeongjo-ExtraBold-BQrk7li2.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,sans-serif;color:#304039;background:#f5f3ed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink:#304039;--green:#31594e;--muted:#778079;--line:#e2e3d9;--red:#ba6351;--paper:#fffef9}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}button,a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b67b4d;outline-offset:4px}button{transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}button svg,a svg{flex-shrink:0}h1,h2,h3,p{margin:0}button{border:0}fieldset{min-width:0}::selection{background:#d8e7d7;color:#25483d}[hidden]{display:none!important}.app-shell{width:100%;margin:0 auto;padding:0 clamp(17px,3.2vw,72px)}.site-header{height:103px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:23px;font-weight:760;letter-spacing:-1px}.brand>span:last-child{display:flex;align-items:baseline;gap:15px}.brand-tagline{font-size:12px;font-weight:450;letter-spacing:-.2px;color:var(--muted)}.brand-mark{width:37px;height:39px;border-radius:10px;background:var(--green);color:var(--paper);display:grid;place-items:center;position:relative;transform:rotate(-4deg)}.brand-mark>span{font-family:Practice Myeongjo,serif;font-size:29px;line-height:1;transform:translate(1px,-2px)}.brand-mark i{width:6px;height:6px;background:#e0a089;position:absolute;left:6px;top:6px;border-radius:50%}.header-link{display:flex;align-items:center;gap:8px;color:#6c776e;font-size:12px;text-decoration:none}.header-link:hover{color:var(--green)}.intro{padding:51px 0 38px;display:flex;align-items:center;justify-content:space-between}.eyebrow{display:flex;gap:8px;align-items:center;font-size:12px;letter-spacing:.3px;color:#9b6956;font-weight:550;margin-bottom:17px}.eyebrow>span{width:15px;height:2px;background:#bd7c64}h1{font-family:Practice Myeongjo,serif;font-weight:800;font-size:42px;letter-spacing:-2px;line-height:1.4}h1 em{font-style:normal;color:var(--green);position:relative}h1 em:after{content:"";height:7px;position:absolute;background:#dbe2cf;left:0;right:-2px;bottom:1px;z-index:-1;border-radius:50%}.intro-description{font-size:14px;color:#788075;margin-top:13px;letter-spacing:-.2px}.intro-note{height:126px;width:218px;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;gap:15px;padding-bottom:24px;transform:rotate(-6deg);margin-right:25px}.intro-note:before{content:"";position:absolute;inset:0 12px;background:repeating-linear-gradient(0deg,transparent,transparent 23px,#c6d4c44d 23px,#c6d4c44d 24px);border-top:1px solid #c9d0c5;border-bottom:1px solid #c9d0c5;transform:rotate(1deg)}.note-korean{font-family:Practice Myeongjo,serif;font-size:62px;color:var(--green);line-height:1;z-index:1}.note-arrow{font-size:25px;color:#b9816b;z-index:1}.note-caption{position:absolute;bottom:8px;font-size:11px;color:#8a8e7b;letter-spacing:1px}.note-spark{position:absolute;right:-2px;top:-11px;color:#b9755c;font-size:29px}.input-section{background:#fcfcf7;border:1px solid #e1e3d8;border-radius:12px;padding:22px 26px 19px}.input-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.input-label-row label{font-size:13px;font-weight:650;letter-spacing:-.25px}.character-limit{font-size:12px;color:#52694f;font-variant-numeric:tabular-nums}.character-limit>span{color:#9a9e91}.text-input-wrap{position:relative}.text-input-wrap textarea{width:100%;min-height:61px;max-height:150px;resize:vertical;display:block;font-size:25px;letter-spacing:1px;font-weight:550;border:1px solid #d7ddd0;border-radius:6px;background:var(--paper);padding:14px 48px 10px 17px;color:#394d3e;line-height:1.3;outline:none;transition:box-shadow .18s,border-color .18s}.text-input-wrap textarea:focus{border-color:#72917d;box-shadow:0 0 0 3px #72917d18}.text-input-wrap textarea::placeholder{font-size:19px;color:#b1b5a9;font-weight:400;letter-spacing:-.3px}.icon-button{width:30px;height:30px;display:grid;place-items:center;background:transparent;color:#989f92;border-radius:5px}.icon-button:hover{background:#ebeee4;color:#53644d}.clear-input{position:absolute;top:15px;right:12px}.sample-row{display:flex;align-items:center;gap:7px;margin-top:13px;flex-wrap:wrap}.sample-label{font-size:11px;color:#8b9385;margin-right:5px}.sample-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;border:1px solid #e2e5da;border-radius:5px;background:#f4f5ed;color:#6c7862;padding:5px 10px;white-space:nowrap;min-height:27px}.sample-chip:hover,.sample-chip.selected{background:#e8eee0;border-color:#c7d5bd;color:#3e604b}.input-help{font-size:11px;color:#959b8c;margin-left:auto}.input-warning{font-size:12px;margin-top:12px;line-height:1.6;color:#a56445}.practice-section{margin-top:29px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.worksheet-title{display:flex;align-items:center;gap:9px}h2{font-size:16px;font-weight:650;letter-spacing:-.55px}.count-badge{font-size:10px;line-height:1.4;padding:3px 8px;border-radius:4px;color:#74806c;background:#e9ece1}.download-button{display:flex;align-items:center;gap:6px;font-size:12px;background:transparent;color:#6d7869;padding:6px 0 6px 9px}.download-button:hover:not(:disabled){color:#31594e}.worksheet{border:1px solid #d9dfd3;border-radius:10px;background:var(--paper);box-shadow:0 3px #e7e8de;overflow:hidden}.sheet-heading{display:flex;justify-content:space-between;align-items:center;margin:0 27px;padding:18px 0 17px;border-bottom:1px solid #edf0e7;font-size:11px;color:#8a9283}.sheet-heading>span{display:flex;align-items:center;gap:7px}.sheet-heading i{display:inline-block;background:#bf7762;width:4px;height:4px;border-radius:50%}.sheet-hint{font-size:10px;color:#9da291}.writing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,clamp(112px,13vw,240px)),1fr));gap:18px;padding:28px 28px 13px;min-height:207px}.hso-cell{background:transparent;padding:0;border:0;display:block;text-align:left;min-width:0;align-self:start;position:relative;border-radius:4px;opacity:1!important}.hso-cell>svg{display:block;width:100%;height:auto;aspect-ratio:1;border:1px solid #c1cfc0;border-radius:1px;transition:border-color .18s,box-shadow .18s}.hso-cell:hover:not(:disabled)>svg{border-color:#86a18a;box-shadow:0 0 0 3px #a2b5a21a}.hso-cell[data-state=active]>svg{border-color:#8ca886;box-shadow:0 0 0 3px #8ca88625}.hso-cell[data-state=active]:before{content:"";position:absolute;left:50%;top:-11px;width:5px;height:5px;background:#72936d;border-radius:50%;transform:translate(-50%)}.hso-caption{display:flex;align-items:center;justify-content:space-between;font-size:10px;padding:10px 1px 0;color:#a2a795;letter-spacing:-.1px}.hso-character{font-size:12px;color:#798770}.hso-cell[data-state=active] .hso-character{color:#3b674b;font-weight:700}.hso-cell[data-state=active] .hso-stroke-count{color:#6a8561}.sheet-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 28px 20px;font-size:10px;color:#9ca48e;letter-spacing:.1px}.font-caption{display:flex;align-items:center;gap:6px}.font-dot{width:4px;height:4px;border:1px solid #9aab8f;border-radius:50%}.small-arrow{margin:0 7px;color:#bac0ad}.sheet-message{height:220px;display:flex;align-items:center;justify-content:center;gap:12px;color:#849079;font-size:13px}.sheet-message[role=alert]{flex-direction:column}.empty-state{flex-direction:column;gap:10px}.empty-state>svg{color:#b2bea6;margin-bottom:5px}.empty-state p{font-size:15px;color:#718462}.empty-state>span{color:#9ca68f;font-size:12px}.loading-spinner{animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.playback-area{background:#f5f7ef;border-top:1px solid #e5e9dd;padding:16px 26px 20px}.playback-status{display:flex;gap:7px;align-items:center;font-size:11px;color:#75856a;min-height:16px}.status-dot{height:5px;width:5px;background:#aab99a;border-radius:50%}.status-dot.playing{background:#61895b;animation:breathe 1.5s ease-in-out infinite}@keyframes breathe{50%{opacity:.4}}.stroke-progress{margin-left:auto;font-variant-numeric:tabular-nums;font-size:11px;color:#507044}.stroke-progress>span{color:#9aa58c}.progress-track{height:28px;display:flex;align-items:center;margin:1px 0 7px}.progress-slider{appearance:none;-webkit-appearance:none;width:100%;height:28px;background-size:100% 4px;background-repeat:no-repeat;background-position:center;border:0;border-radius:5px;margin:0;cursor:pointer;touch-action:pan-y;outline-offset:8px}.progress-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:15px;height:15px;border:2px solid #fffef9;border-radius:50%;background:#537548;box-shadow:0 0 0 1px #91a485,0 1px 3px #31594e25}.progress-slider::-moz-range-thumb{width:11px;height:11px;border:2px solid #fffef9;border-radius:50%;background:#537548;box-shadow:0 0 0 1px #91a485}.progress-slider:hover::-webkit-slider-thumb{background:#31594e}.progress-slider:focus-visible{outline:2px solid #537548}.progress-slider:disabled{opacity:.45;cursor:default}.playback-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.play-buttons{display:flex;align-items:center;gap:17px}.play-button{display:inline-flex;gap:8px;align-items:center;justify-content:center;border-radius:6px;background:#31594e;color:#fffef8;font-size:12px;font-weight:550;padding:11px 19px;min-height:41px;min-width:120px;box-shadow:0 2px #284a4115}.play-button:hover:not(:disabled){background:#24483d;box-shadow:0 3px 10px #31594e20}.play-button svg{stroke-width:1.5}.control-button{display:flex;align-items:center;gap:6px;font-size:11px;background:transparent;padding:8px 0;color:#829073;min-height:36px}.control-button:hover:not(:disabled){color:#365a41}.play-options{display:flex;align-items:center;gap:17px}.speed-control{border:0;margin:0;padding:0;display:flex;gap:1px;align-items:center;position:relative}.speed-control legend{float:left;font-size:10px;color:#93a084;line-height:30px;margin-right:9px}.speed-control button{background:transparent;color:#849377;font-size:11px;border-radius:4px;padding:6px 8px;min-width:32px;min-height:30px;font-variant-numeric:tabular-nums}.speed-control button[aria-pressed=true]{background:#e2e9d9;color:#42603d;font-weight:650}.speed-control button:hover{background:#e7eddf}.control-divider{height:19px;width:1px;background:#dfe5d5}.loop-button{background:transparent;display:flex;align-items:center;gap:6px;font-size:11px;color:#98a08b;padding:7px 0;min-width:49px;min-height:33px}.loop-button.active{color:#3f6c46}.loop-button:hover{color:#537548}.settings-section{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:30px;padding:29px 0 30px;align-items:center;border-bottom:1px solid var(--line);margin-bottom:22px}.settings-intro h2{font-size:14px}.settings-intro p{font-size:11px;color:#969c8d;margin-top:9px}.setting-label{font-size:11px;color:#78846d;display:block;margin-bottom:9px}.segmented-control{display:flex;gap:4px;padding:4px;background:#e9ece2;border-radius:6px;max-width:335px}.segmented-control>button{display:flex;flex:1;justify-content:center;align-items:center;gap:7px;font-size:11px;padding:7px 8px;border:1px solid transparent;background:transparent;color:#929b85;min-height:35px;border-radius:4px;white-space:nowrap}.segmented-control>button.active{border-color:#d7ddcb;background:#fffef9;color:#506b43;box-shadow:0 1px 3px #374b2a09}.segmented-control>button:hover:not(.active){background:#f1f2eb}.preview-icon{font-family:Practice Myeongjo,serif;font-size:18px;line-height:1}.ghost-icon{color:#a6af9e}.hidden-icon{color:#6c8461}.preview-setting>p{font-size:10px;color:#a0a691;line-height:1.6;margin-top:8px}.display-settings{display:flex;flex-direction:column;gap:13px;padding-left:26px;border-left:1px solid #e1e5d7}.toggle-row{display:flex;align-items:center;gap:12px;justify-content:space-between;position:relative;cursor:pointer}.toggle-label{font-size:11px;color:#78846c;display:block}.toggle-description{font-size:10px;display:block;color:#9aa68d}.toggle-row input{position:absolute;right:0;opacity:0;width:31px;height:20px;margin:0;cursor:pointer}.toggle-switch{width:29px;height:17px;border-radius:20px;background:#d8dfce;display:flex;align-items:center;padding:2px;transition:background-color .2s;pointer-events:none}.toggle-switch>span{width:13px;height:13px;display:block;background:var(--paper);border-radius:50%;box-shadow:0 1px 2px #4c5a3530;transition:transform .2s}.toggle-row input:checked+.toggle-switch{background:#809b75}.toggle-row input:checked+.toggle-switch>span{transform:translate(12px)}.toggle-row input:focus-visible+.toggle-switch{outline:3px solid #b67b4d;outline-offset:4px}.motion-note{display:flex;gap:7px;align-items:center;font-size:11px;color:#8f947e;margin-bottom:20px}.library-details{border:1px solid #e0e4d7;border-radius:6px;background:#f0f2e8;scroll-margin-top:20px}.library-details summary{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;list-style:none;cursor:pointer;color:#7c886e;font-size:11px}.library-details summary::-webkit-details-marker{display:none}.library-details summary>span{display:flex;align-items:center;gap:9px}.library-details summary>svg{transition:transform .2s}.library-details[open] summary>svg{transform:rotate(180deg)}.library-tag{font-size:8px;letter-spacing:1.3px;color:#a2ab94;margin-left:4px}.library-content{border-top:1px solid #e1e6d5;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.library-content h3{font-size:15px;margin-bottom:12px}.library-content p{color:#7e8970;font-size:12px;line-height:1.8;margin-top:8px}.library-content .font-source{font-size:11px;color:#96a087}.font-source a{text-underline-offset:3px}.library-content pre{margin:0;background:#e5eadc;border:1px solid #dbe3cf;border-radius:5px;padding:16px;overflow:auto;font-size:11px;color:#52704a;line-height:1.7}.site-footer{display:flex;align-items:center;justify-content:space-between;padding:25px 0 29px;font-size:10px;color:#9ca28f}.site-footer>span:first-child{color:#7c8b70}.footer-separator{padding:0 7px;color:#a6ae99}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);border-radius:8px;background:#31594e;color:#fffef9;box-shadow:0 6px 30px #25463820;padding:14px 20px;display:flex;align-items:center;gap:9px;font-size:13px;z-index:5;white-space:nowrap}@media(min-width:1250px){.intro{padding-top:52px;padding-bottom:39px}.writing-grid{gap:20px}}@media(max-width:1050px){.app-shell{padding:0 30px}.brand-tagline{display:none}.writing-grid{gap:15px}.settings-section{grid-template-columns:1fr 1.6fr 1fr;gap:20px}.settings-intro h2{font-size:13px}.play-buttons{gap:13px}.play-options{gap:10px}.step-button span,.input-help{display:none}.intro-note{margin-right:0;width:195px}.sheet-hint,.speed-control legend{display:none}}@media(max-width:760px){.app-shell{padding:0 22px}.site-header{height:82px}.brand{font-size:21px;gap:10px}.brand-mark{width:33px;height:35px}.header-link{font-size:11px;gap:6px}.header-link>svg:first-child{display:none}.intro{padding:32px 0 27px}.eyebrow{font-size:10px;margin-bottom:12px}h1{font-size:33px;letter-spacing:-1.8px}.intro-description{font-size:12px;line-height:1.7;max-width:310px;margin-top:11px}.intro-note{width:140px;height:100px;margin-left:8px;gap:7px}.note-korean{font-size:43px}.note-arrow{font-size:19px}.note-caption{font-size:8px;letter-spacing:.3px}.note-spark{font-size:22px}.input-section{padding:18px}.input-label-row label{font-size:12px}.text-input-wrap textarea{font-size:23px;min-height:58px}.sample-row{gap:6px}.sample-label{font-size:10px;width:100%;margin-bottom:2px}.sample-chip{font-size:10px;min-height:29px}.writing-grid{padding:25px 20px 13px;gap:16px;min-height:176px}.sheet-heading{margin:0 20px;font-size:10px;padding:15px 0}.sheet-footer{padding:9px 20px 18px;font-size:9px}.playback-area{padding:15px 20px 17px}.playback-controls{flex-wrap:wrap;row-gap:15px}.play-buttons{gap:18px}.play-button{min-height:42px;min-width:119px}.control-button{font-size:11px;min-height:42px}.step-button span{display:inline}.play-options{width:100%;justify-content:space-between;border-top:1px solid #e2e8d8;padding-top:12px;gap:15px}.speed-control legend{display:block;font-size:10px}.speed-control button{min-width:39px}.control-divider{display:none}.loop-button{min-width:60px}.settings-section{grid-template-columns:1.6fr 1fr;gap:22px;align-items:center;padding-top:25px;padding-bottom:25px}.settings-intro{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline}.settings-intro p{margin-top:0}.settings-intro h2{font-size:14px}.display-settings{padding-left:20px}.segmented-control>button{font-size:10px;padding:7px 6px;gap:5px}.preview-setting>p{max-width:235px;font-size:9px}.library-tag{display:none}.site-footer{font-size:9px}.site-footer>span:last-child{display:none}.library-content{grid-template-columns:1fr;gap:18px}.toast{font-size:11px;padding:13px 16px}}@media(max-width:440px){.app-shell{padding:0 17px}.brand{font-size:20px}.header-link{font-size:10px}.intro-note{display:none}h1{font-size:34px}.intro-description{max-width:100%;font-size:12px}.input-section{padding:17px 15px}.input-label-row{margin-bottom:10px}.character-limit{font-size:11px}.text-input-wrap textarea::placeholder{font-size:15px}.practice-section{margin-top:24px}.section-heading{margin-bottom:12px}h2{font-size:15px}.download-button{font-size:11px}.writing-grid{gap:15px;padding:23px 17px 12px}.hso-caption{font-size:9px;padding-top:8px}.hso-character{font-size:11px}.sheet-heading{margin:0 17px}.sheet-footer{padding:9px 17px 16px;font-size:8px}.playback-area{padding:14px 15px 16px}.play-buttons{gap:14px}.play-button{font-size:11px;min-width:113px;padding:10px 13px}.control-button{font-size:10px;gap:5px}.control-button svg{width:14px}.settings-section{gap:20px 15px;grid-template-columns:1.55fr 1fr}.settings-intro p{font-size:10px}.display-settings{padding-left:13px;gap:15px}.toggle-label{font-size:10px}.toggle-row{gap:5px}.segmented-control{gap:1px;padding:3px}.segmented-control>button{padding:6px 4px;gap:4px;font-size:9px;min-height:36px}.preview-icon{font-size:16px}.preview-setting>p{font-size:8px}.setting-label{font-size:10px}.library-details summary{font-size:10px;padding:14px}.library-details summary>span{gap:7px}.site-footer{padding-top:22px;letter-spacing:-.15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{body{background:#fffef9}.app-shell{max-width:none;padding:0}.site-header,.intro,.input-section,.section-heading,.sheet-heading,.playback-area,.settings-section,.library-details,.site-footer,.toast,.motion-note{display:none!important}.worksheet{border:0;box-shadow:none;overflow:visible}.practice-section{margin:0}.writing-grid{grid-template-columns:repeat(6,minmax(0,1fr));padding:0;gap:16px}.hso-cell{break-inside:avoid}.hso-cell>svg{min-height:0}.hso-cell[data-state=active]:before{display:none}}.hso-character{font-family:Practice Myeongjo,Pretendard,sans-serif;font-weight:800}.nanum-preview-link{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px;padding:13px 17px;border:1px solid #cdd8c5;border-radius:7px;background:#edf2e7;color:#486344;font-size:12px;text-decoration:none;line-height:1.7}.nanum-preview-link>span:last-child{display:flex;align-items:center;gap:6px;font-weight:650}.nanum-preview-link:hover{background:#e3ecdc}.nanum-preview{max-width:1800px}.nanum-preview h1{font-size:clamp(28px,3.1vw,44px)}.nanum-notice{padding:15px 19px;margin-bottom:22px;border-left:3px solid #b77e5c;background:#f0eadd;border-radius:0 6px 6px 0;color:#796849;font-size:12px;line-height:1.9}.nanum-helper{font-size:12px;line-height:1.8;color:#78846d}.input-section .nanum-helper{margin-top:12px}.nanum-glyph-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,clamp(100px,12vw,180px)),1fr));padding-bottom:23px}.nanum-glyph-grid .hso-caption{font-size:12px}.nanum-glyph-grid .hso-caption>span:first-child{font-weight:650}.nanum-inspector{margin-top:34px;padding:25px;border:1px solid #d9dfd3;border-radius:10px;background:#fffef9}.nanum-inspector>.section-heading{margin-bottom:18px}.nanum-known-issue{font-size:12px;line-height:1.8;color:#926146;background:#f6eee4;border-radius:5px;padding:12px 16px;margin-bottom:17px}.nanum-known-issue details{margin-top:8px}.nanum-known-issue code{display:block;overflow-wrap:anywhere;font-size:11px;margin-top:8px}.nanum-view-options{display:flex;gap:5px;flex-wrap:wrap;margin:18px 0}.nanum-view-options button{font-size:12px;padding:10px 15px;min-height:40px;border:1px solid #dbe1d2;border-radius:5px;color:#7b866e;background:#f4f5ee}.nanum-view-options button[aria-pressed=true]{background:#e6eddf;border-color:#9cae8f;color:#3f6045}.nanum-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:790px;margin:24px auto}.nanum-comparison figure{margin:0}.nanum-comparison svg{display:block;width:100%;aspect-ratio:1;border:1px solid #bdcdb8}.nanum-comparison figcaption{text-align:center;margin-top:12px;color:#6b7d5f;font-size:13px}.nanum-detail-current svg{border-color:#85a17d;box-shadow:0 0 0 3px #8ca88615}.nanum-inspector-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:25px}.nanum-counter{font-size:12px;font-variant-numeric:tabular-nums;color:#68805b}.nanum-ghost-toggle{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12px;color:#6d7f60;cursor:pointer}.nanum-ghost-toggle input{accent-color:#527548;width:17px;height:17px}.nanum-stroke-slider{margin:15px 0 26px}.nanum-stroke-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,clamp(100px,11vw,150px)),1fr));gap:23px 16px;margin:4px 0 20px}.nanum-stroke-grid .hso-caption{font-size:12px;padding-top:8px}.nanum-stroke-number{font-size:14px;font-weight:700}.nanum-available{margin-top:24px;font-size:12px;line-height:1.9;color:#7a866f}.nanum-available summary{cursor:pointer;padding:10px 0}.nanum-available p{letter-spacing:6px;line-height:2.5;padding:15px;border-radius:6px;background:#ecefe4;word-break:break-all}.nanum-preview .site-footer a{display:inline-flex;align-items:center;gap:5px;text-underline-offset:3px}.nanum-preview .site-footer{gap:15px;flex-wrap:wrap}.nanum-writing-options{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:20px 26px;border-top:1px solid #e2e8d9;font-size:12px;color:#718264}.nanum-writing-options fieldset{display:flex;align-items:center;gap:5px;border:0;padding:0;margin:0}.nanum-writing-options legend{float:left;margin-right:10px;line-height:32px}.nanum-writing-options button{padding:8px 11px;border-radius:5px;background:#f0f3e9;color:#7e8b6f}.nanum-writing-options button[aria-pressed=true]{background:#dde7d6;color:#3e6046}.nanum-writing-options label{display:flex;gap:5px;align-items:center;cursor:pointer}.nanum-writing-options input{accent-color:#537548}.nanum-worksheet .hso-caption{font-size:12px}@media(max-width:760px){.nanum-inspector{padding:19px}.nanum-comparison{gap:17px}.nanum-view-options button{padding:9px 10px;font-size:11px}.nanum-notice,.nanum-helper{font-size:11px}}@media(max-width:440px){.nanum-inspector{padding:16px}.nanum-comparison{gap:12px}.nanum-comparison figcaption{font-size:11px}.nanum-view-options{gap:6px}.nanum-view-options button{flex:1 1 calc(50% - 6px)}.nanum-inspector-controls{gap:10px}.nanum-ghost-toggle{font-size:11px}.nanum-stroke-grid{gap:24px 13px}.nanum-preview .section-heading{gap:10px}.nanum-preview .download-button{font-size:10px;white-space:nowrap}}