:root{--paper:#F7F6F2;--ink:#2A2924;--ink-soft:#5F5C54;--rule:#D9D6CE;--field:#4E6B45;--field-deep:#3A5333;--dawn:#8A9BB0;--dawn-pale:#E7ECF1;--fs:19px;--lh:1.95;box-sizing:border-box;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#1C1D1A;--ink:#E8E5DC;--ink-soft:#A9A69C;--rule:#3A3B36;--field:#8FB07F;--field-deep:#A7C597;--dawn:#7F8EA3;--dawn-pale:#26292E}}:root[data-theme=dark]{--paper:#1C1D1A;--ink:#E8E5DC;--ink-soft:#A9A69C;--rule:#3A3B36;--field:#8FB07F;--field-deep:#A7C597;--dawn:#7F8EA3;--dawn-pale:#26292E}html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 64px);height:100%}*,:after,:before{box-sizing:inherit}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Serif KR",Apple SD Gothic Neo,Nanum Myeongjo,serif;font-size:var(--fs);line-height:var(--lh);word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}img,video{max-width:100%;height:auto;display:block}a,button{color:inherit}button{font:inherit;background:none;border:0;cursor:pointer;padding:0}:focus-visible{outline:2px solid var(--field);outline-offset:3px}.cover{min-height:100svh;display:grid;grid-template-columns:1fr auto;align-items:stretch;padding:8vh 7vw 6vh;position:relative;overflow:hidden}.cover-field{position:absolute;left:0;right:0;bottom:0;height:38%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--field) 14%,transparent));pointer-events:none}.cover-left{display:flex;flex-direction:column;justify-content:space-between;z-index:1}.cover-byline{font-size:.85em;color:var(--ink-soft);letter-spacing:.02em}.cover-byline strong{display:block;font-weight:600;color:var(--ink);font-size:1.35em;margin-top:.2em}.cover-note{font-size:.82em;color:var(--ink-soft);max-width:22em;line-height:1.8}.cover-title{writing-mode:vertical-rl;-webkit-text-orientation:upright;text-orientation:upright;font-size:clamp(34px,8vw,64px);font-weight:300;letter-spacing:.14em;line-height:1.25;margin:0;z-index:1;align-self:start;border-right:1px solid var(--rule);padding-right:.35em}.cover-title em{font-style:normal;font-weight:600;color:var(--field-deep)}.cover-actions{display:flex;gap:.6em;flex-wrap:wrap;margin-top:2em}.btn{display:inline-flex;gap:.5em;padding:.6em 1.1em;border:1px solid var(--ink);border-radius:999px;font-size:.9em;line-height:1}.btn.primary{background:var(--ink);color:var(--paper)}.btn.primary:where(:hover,:focus-visible){background:var(--field-deep);border-color:var(--field-deep)}.btn:where(:hover,:focus-visible){border-color:var(--field)}.bar{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.5em;padding:calc(.55em + env(safe-area-inset-top,0px)) 5vw .55em;background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule);font-size:15px}.bar .where{flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink-soft)}.bar button{padding:.35em .6em;border:1px solid var(--rule);border-radius:8px;line-height:1}.bar button.on{border-color:var(--field);color:var(--field-deep)}.progress{position:absolute;left:0;bottom:-1px;height:2px;background:var(--field);width:0;transition:width .2s}.page{max-width:36em;margin:0 auto;padding:0 6vw 12vh}.toc{padding:10vh 0 6vh}.toc h2{font-weight:400;font-size:1.1em;color:var(--ink-soft);margin:0 0 1.2em}.toc ol{list-style:none;margin:0;padding:0}.toc-ch{margin:0 0 1.6em}.toc-ch>a{display:grid;grid-template-columns:auto 1fr;grid-gap:.15em .9em;gap:.15em .9em;text-decoration:none;padding:.4em 0;border-top:1px solid var(--rule)}.toc-num{color:var(--field-deep);font-size:.85em;padding-top:.35em}.toc-title{font-size:1.15em;font-weight:600;line-height:1.4}.toc-sub{grid-column:2;font-size:.82em;color:var(--ink-soft)}.toc-ch ol{margin:.3em 0 0 3.6em}.toc-ch ol li a{display:block;text-decoration:none;font-size:.92em;color:var(--ink-soft);padding:.28em 0}.toc-ch ol li a:where(:hover,:focus-visible){color:var(--ink)}.chapter{padding-top:8vh}.ch-open{padding:6vh 0 5vh;border-top:1px solid var(--ink);position:relative}.ch-num{font-size:clamp(64px,16vw,110px);font-weight:300;line-height:1;color:var(--field);margin-bottom:.2em}.ch-open h2{font-size:1.55em;font-weight:600;line-height:1.4;margin:0}.ch-sub{color:var(--ink-soft);font-size:.88em;margin:.6em 0 0}.sec{padding:3.5vh 0 2vh}.sec h3{font-size:1.1em;font-weight:600;margin:0 0 1em;color:var(--field-deep)}.sec p{margin:0 0 1.25em;text-align:left}.sec p:first-of-type:first-letter{font-size:1.08em}.sec.playing h3:after{content:" ●";color:var(--field);font-size:.6em;vertical-align:middle}.media:empty{display:none}.media{margin:0 0 1.4em}.audio{display:flex;align-items:center;gap:.8em;padding:.7em .9em;border:1px solid var(--rule);border-radius:14px;background:var(--dawn-pale);font-size:.85em}.audio .play{width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;flex:none}.audio .play svg{width:16px;height:16px;fill:currentColor}.audio .lab{flex:1 1;min-width:0}.audio .lab span{display:block;color:var(--ink-soft);font-size:.9em}.audio .track{height:3px;background:var(--rule);border-radius:2px;margin-top:.45em;overflow:hidden}.audio .track i{display:block;height:100%;width:0;background:var(--field)}.audio .time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:.9em}.voice{border-color:var(--field)}.voice .play{background:var(--field-deep)}figure{margin:0 0 1.4em}figure img{border-radius:6px;width:100%}figcaption{font-size:.8em;color:var(--ink-soft);margin-top:.5em;line-height:1.6}.video{aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#000;margin:0 0 1.4em}.video iframe,.video video{width:100%;height:100%;border:0}.colophon{margin-top:10vh;padding-top:3vh;border-top:1px solid var(--rule);font-size:.82em;color:var(--ink-soft);line-height:1.8}.colophon p{margin:0 0 .8em}@media (max-width:640px){:root{--fs:18px}.cover{grid-template-columns:1fr auto;padding:7vh 6vw 5vh}.cover-title{font-size:clamp(30px,11vw,48px)}.cover-note{display:none}}@media (prefers-reduced-motion:reduce){.progress{transition:none}}.gate{display:grid;place-items:center;padding:6vh 7vw}.gate-box{width:100%;max-width:22em;text-align:center}.gate-box h1{font-weight:300;font-size:1.5em;letter-spacing:.04em;margin:0 0 .3em}.gate-box p{color:var(--ink-soft);font-size:.9em;margin:0 0 1.6em}.gate-box input{width:100%;font:inherit;font-size:1.6em;letter-spacing:.4em;text-align:center;padding:.4em 0;border:0;border-bottom:1px solid var(--ink);background:transparent;color:var(--ink);outline:none}.gate-box input:focus{border-bottom-color:var(--field)}.gate-err{font-size:.85em;margin:.6em 0 0}.gate-box .btn{margin-top:1.4em}.install{position:fixed;left:4vw;right:4vw;bottom:calc(3vh + env(safe-area-inset-bottom,0px));z-index:20;background:var(--ink);color:var(--paper);padding:.9em 1.1em;border-radius:14px;font-size:.85em;line-height:1.6;display:flex;gap:1em;align-items:center}.install button{color:inherit;text-decoration:underline;flex:none}.extras{display:flex;gap:.6em;flex-wrap:wrap;margin:1.2em 0 0}.offline-note{font-size:.8em;color:var(--ink-soft);text-align:center;padding:.6em;border:1px dashed var(--rule);border-radius:10px;margin:0 0 2em}:root{--navy:#1F2A3A;--amber:#E9B44C;--amber-soft:#FBF1DA;--a-paper:#F6F5F1;--a-ink:#1E1E1C;--a-mute:#6B6A64;--a-line:#E2E0D8;--a-hint:#A09E96;--shadow:0 2px 10px rgba(30,30,28,.05)}.app{color-scheme:light;max-width:30em;margin:0 auto;padding:calc(14px + env(safe-area-inset-top,0px)) 20px calc(28px + env(safe-area-inset-bottom,0px));font-family:Noto Sans KR,Apple SD Gothic Neo,sans-serif;font-size:16px;line-height:1.55;color:var(--a-ink);min-height:100svh;display:flex;flex-direction:column;background:var(--a-paper)}.app.wide{max-width:64em}.app h1{font-weight:800;font-size:26px;line-height:1.35;letter-spacing:-.02em;margin:0 0 6px}.app h2{font-weight:800;font-size:17px;letter-spacing:-.01em;margin:1.4em 0 .6em}.app p{margin:0 0 .8em}.lead{color:var(--a-mute);font-size:15px;margin:0 0 20px}.topnav{justify-content:space-between;height:44px;margin-bottom:16px}.topnav,.topnav .left{display:flex;align-items:center}.topnav .left{gap:4px}.topnav a{text-decoration:none;color:var(--a-ink)}.topnav .back{width:44px;height:44px;justify-content:center;margin-left:-10px;border-radius:22px}.topnav .back,.topnav .right{display:flex;align-items:center}.topnav .right{gap:10px;font-size:14px;color:var(--a-mute);font-weight:500}.wordmark{display:inline-flex;align-items:center;gap:8px}.wordmark-text{font-weight:800;font-size:17px;letter-spacing:-.01em;color:var(--a-ink);line-height:1.05;display:flex;flex-direction:column}.wordmark-text small{font-size:8px;font-weight:800;letter-spacing:.3em;color:var(--amber);margin-top:3px}.closing{margin:34px 0 10px;padding:22px 0;text-align:center;font-family:"Noto Serif KR",serif;font-size:15px;line-height:1.75;color:var(--navy);border-top:1px solid var(--a-line)}.closing .l1{white-space:nowrap;font-size:clamp(12px,3.9vw,15px)}.closing .sig{display:block;margin-top:10px;font-family:Noto Sans KR,sans-serif;font-weight:800;font-size:13px;letter-spacing:.08em;color:var(--amber)}.iconbtn{width:40px;height:40px;border-radius:20px;box-shadow:var(--shadow)}.btn,.iconbtn{background:#fff;display:flex;align-items:center;justify-content:center;color:var(--a-ink)}.btn{width:100%;height:58px;border-radius:18px;font-size:17px;font-weight:700;text-decoration:none;box-sizing:border-box;letter-spacing:-.01em;cursor:pointer;font-family:inherit;border:1.5px solid var(--a-line)}.btn.primary{background:var(--navy);color:#fff;border:none;box-shadow:0 8px 20px rgba(31,42,58,.25)}.btn.amber{background:var(--amber);color:var(--navy);border:none}.btn.small{height:40px;font-size:14px;border-radius:12px;padding:0 14px;width:auto;display:inline-flex}.btn:disabled{opacity:.45;cursor:default;box-shadow:none}.stack{display:flex;flex-direction:column;gap:10px}.card{background:#fff;border-radius:22px;padding:18px 20px;box-shadow:var(--shadow);margin:0 0 12px}.card a{color:inherit}.card a,a.card{text-decoration:none}a.card{color:var(--a-ink)}.muted{color:var(--a-mute);font-size:14px}.hint{color:var(--a-hint);font-size:13px}.err{color:#A33;min-height:1.2em}.err,.ok{font-size:14px}.ok{color:var(--navy)}.action{display:flex;align-items:center;gap:14px;border-radius:22px;padding:18px;text-decoration:none;margin-bottom:12px;background:#fff;color:var(--a-ink);box-shadow:var(--shadow)}.action.amber{background:var(--amber);color:var(--navy);box-shadow:0 10px 24px rgba(233,180,76,.35)}.action .ic{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex:none;background:var(--amber-soft);color:var(--navy)}.action.amber .ic{background:var(--navy);color:var(--amber)}.action .tx{flex:1 1;display:flex;flex-direction:column}.action .tx b{font-weight:800;font-size:18px;letter-spacing:-.01em}.action .tx span{font-size:clamp(11px,3.3vw,13px);color:var(--a-mute);white-space:nowrap}.action.amber .tx span{color:var(--navy);opacity:.8}.showcase{position:relative;border-radius:26px;background:var(--navy);color:#fff;padding:22px 22px 20px;margin-bottom:14px;overflow:hidden;min-height:190px;flex-direction:column}.showcase,.showcase .cover{display:flex;justify-content:flex-end}.showcase .cover{position:absolute;right:30px;top:16px;width:100px;height:148px;border-radius:4px 10px 10px 4px;background:var(--a-paper);color:var(--a-ink);box-shadow:8px 10px 24px rgba(0,0,0,.35);transform:rotate(5deg);padding:12px 8px 12px 12px;box-sizing:border-box}.showcase .cover i{position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--amber);border-radius:4px 0 0 4px}.showcase .cover span{writing-mode:vertical-rl;-webkit-text-orientation:upright;text-orientation:upright;font-family:"Noto Serif KR",serif;font-size:12px;letter-spacing:.04em;line-height:1.25;white-space:nowrap}.showcase .badge{display:inline-flex;align-items:center;gap:6px;background:var(--amber);color:var(--navy);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;width:-moz-fit-content;width:fit-content;margin-bottom:12px}.showcase .title{font-size:20px;font-weight:800;line-height:1.35;letter-spacing:-.01em;max-width:200px}.showcase a{margin-top:12px;font-size:14px;color:#C9CFD8;text-decoration:none}.chips{overflow-x:auto;scrollbar-width:none}.chips,.chips span{display:flex;gap:8px}.chips span{flex:none;align-items:center;background:#fff;border-radius:999px;padding:8px 14px 8px 8px;font-size:13px;font-weight:600;box-shadow:var(--shadow)}.chips span i{width:24px;height:24px;border-radius:12px;background:var(--navy);color:var(--amber);font-size:12px;font-weight:800;font-style:normal;display:flex;align-items:center;justify-content:center}.field{display:flex;flex-direction:column;gap:8px;margin:0 0 18px}.field>span{font-size:14px;font-weight:600;color:#3A3A37}.field input,.field select,.field textarea{height:56px;border:1.5px solid var(--a-line);border-radius:16px;background:#fff;padding:0 16px;font:inherit;font-size:17px;color:var(--a-ink);box-sizing:border-box;width:100%}.field textarea{height:auto;min-height:7em;padding:14px 16px;line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--navy)}.chipset{display:flex;flex-wrap:wrap;gap:8px}.chip{height:44px;padding:0 16px;border-radius:22px;border:1.5px solid var(--a-line);background:#fff;color:var(--a-ink);font-size:15px;font-weight:600;font-family:inherit;cursor:pointer}.chip.on{border-color:var(--navy);background:var(--navy);color:#fff}.stepbar{display:flex;gap:6px;margin-bottom:22px}.stepbar span{flex:1 1;height:5px;border-radius:3px;background:var(--a-line)}.stepbar span.on{background:var(--amber)}.row{gap:10px;flex-wrap:wrap}.row,.toggle{display:flex;align-items:center}.toggle{justify-content:space-between;background:#fff;border-radius:18px;padding:14px 18px;box-shadow:var(--shadow);cursor:pointer}.toggle b{font-weight:700;font-size:16px}.toggle input{width:22px;height:22px;accent-color:var(--navy)}.stage-head{gap:12px;margin-bottom:12px}.stage-head,.stage-head .ic{display:flex;align-items:center}.stage-head .ic{width:44px;height:44px;border-radius:14px;background:var(--amber-soft);color:var(--navy);justify-content:center;flex:none}.stage-head b{font-weight:800;font-size:16px;display:block}.stage-head small{font-size:13px;color:var(--a-mute)}.steps{display:flex;align-items:flex-start;position:relative;padding:4px 0;margin-top:14px}.steps .fill,.steps .rail{position:absolute;left:8%;top:10px;height:3px;border-radius:2px;background:var(--a-line)}.steps .fill{background:var(--amber)}.steps .st{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1 1;position:relative}.steps .st i{width:14px;height:14px;border-radius:7px;background:var(--a-line);display:block}.steps .st.past i{background:var(--amber)}.steps .st.on i{background:var(--navy);box-shadow:0 0 0 5px var(--amber-soft)}.steps .st small{font-size:11px;color:var(--a-hint);white-space:nowrap}.steps .st.on small,.steps .st.past small{color:var(--a-ink)}.steps .st.on small{font-weight:700}.kv{flex-direction:column;gap:8px;font-size:15px}.kv,.kv div{display:flex}.kv div{justify-content:space-between;gap:12px}.kv span{color:var(--a-mute)}.kv b{font-weight:600;text-align:right}.status{display:inline-block;padding:.15em .7em;border-radius:999px;font-size:.8em;background:var(--amber-soft);color:var(--navy);font-weight:700}.status.done{background:var(--navy);color:#fff}.bookcover{width:196px;height:282px;border-radius:6px 16px 16px 6px;background:var(--a-paper);border:1px solid var(--a-line);box-shadow:10px 14px 30px rgba(0,0,0,.16);position:relative;overflow:hidden;display:flex;padding:22px 18px;box-sizing:border-box;margin:2px auto 18px}.bookcover i{position:absolute;left:0;top:0;bottom:0;width:10px;background:var(--amber)}.bookcover span{writing-mode:vertical-rl;-webkit-text-orientation:upright;text-orientation:upright;font-family:"Noto Serif KR",serif;font-size:22px;letter-spacing:.12em;line-height:1.3;margin-left:auto}.bookcover small{position:absolute;left:26px;bottom:18px;font-size:11px;color:var(--a-mute)}.tile{flex:1 1;background:#fff;border-radius:18px;padding:14px 16px;text-decoration:none;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow);color:var(--a-ink);border:0;font-family:inherit;text-align:left;cursor:pointer}.tile small{font-size:13px;color:var(--a-mute)}.tile b{font-weight:800;font-size:15px}code.k{background:var(--amber-soft);padding:.1em .45em;border-radius:6px;font-size:.9em}.gate{color-scheme:light;min-height:100svh;display:flex;flex-direction:column;padding:calc(40px + env(safe-area-inset-top,0px)) 20px calc(24px + env(safe-area-inset-bottom,0px));background:var(--a-paper);color:var(--a-ink);font-family:Noto Sans KR,Apple SD Gothic Neo,sans-serif}.gate-top{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:8px}.gate-top h1{font-weight:800;font-size:24px;letter-spacing:-.02em;margin:0}.gate-top p{margin:0 0 22px;color:var(--a-mute);font-size:15px}.pin{display:flex;gap:12px}.pin span{width:58px;height:68px;border-radius:18px;background:#fff;border:2px solid var(--a-line);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800}.pin span.f{border-color:var(--navy)}.pad{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:6px;max-width:360px;width:100%;align-self:center}.pad button{height:62px;border-radius:18px;border:none;background:#fff;box-shadow:var(--shadow);font-size:24px;font-weight:600;color:var(--a-ink);display:flex;align-items:center;justify-content:center;font-family:inherit;cursor:pointer}.pad button:active{background:var(--amber-soft)}.gate-err{color:#A33;font-size:14px;min-height:1.4em;text-align:center}table.list{width:100%;border-collapse:collapse;font-size:.9em;background:#fff;border-radius:14px;overflow:hidden}table.list td,table.list th{text-align:left;padding:.7em .8em;border-bottom:1px solid var(--a-line);vertical-align:top}table.list th{color:var(--a-mute);font-weight:500;font-size:.85em;background:#FAF9F6}.filters{display:flex;gap:.4em;flex-wrap:wrap;margin:.6em 0 1em}.filters i{font-style:normal;font-size:.8em;padding:.3em .8em;border-radius:999px;border:1px solid var(--a-line);background:#fff;color:var(--a-mute);cursor:pointer}.filters i.on{background:var(--navy);color:#fff;border-color:var(--navy)}@media (max-width:640px){table.list{display:block;overflow-x:auto}}.editor{display:grid;grid-template-columns:15em 1fr;grid-gap:1.5em;gap:1.5em;margin-top:.5em;background:#fff;border-radius:18px;padding:1.2em}.ed-side{border-right:1px solid var(--a-line);padding-right:1em;font-size:.85em}.ed-ch{margin:0 0 1.2em}.ed-chtitle{display:flex;align-items:center;gap:.4em;margin-bottom:.3em}.ed-chtitle input{font:inherit;font-weight:700;width:100%;border:0;border-bottom:1px dashed var(--a-line);background:transparent;color:var(--a-ink);padding:.2em 0}.ed-chtitle small{color:var(--a-mute);white-space:nowrap}.ed-side>.ed-ch>button{display:block;width:100%;text-align:left;padding:.35em .6em;border-radius:8px;color:var(--a-mute);background:none;border:0;font:inherit;cursor:pointer}.ed-side>.ed-ch>button.on{background:var(--amber-soft);color:var(--a-ink);font-weight:600}.ed-top{display:flex;align-items:center;gap:.8em;margin-bottom:.6em}.ed-title{flex:1 1;font:inherit;font-size:1.15em;font-weight:700;border:0;border-bottom:1px solid var(--a-line);background:transparent;color:var(--a-ink);padding:.3em 0}.ed-narr{font-size:.85em;color:var(--a-mute);margin:0 0 .8em;display:flex;gap:.5em;align-items:center;flex-wrap:wrap}.ed-insert{display:grid;grid-template-columns:1fr auto auto auto auto auto 1fr;align-items:center;grid-gap:.3em;gap:.3em;opacity:.25;transition:opacity .15s;padding:.15em 0}.ed-insert:hover{opacity:1}.ed-insert span{height:1px;background:var(--a-line)}.ed-insert button{font-size:.75em;padding:.2em .6em;border:1px solid var(--a-line);border-radius:999px;background:#fff;font-family:inherit;cursor:pointer}.ed-block{display:grid;grid-template-columns:auto 1fr;grid-gap:.6em;gap:.6em;padding:.3em 0}.ed-tools{display:flex;flex-direction:column;gap:.2em;opacity:.35}.ed-block:hover .ed-tools{opacity:1}.ed-tools button{font-size:.75em;width:1.9em;height:1.9em;border:1px solid var(--a-line);border-radius:6px;background:#fff;cursor:pointer}.ed-block textarea{width:100%;font:inherit;font-family:"Noto Serif KR",serif;font-size:1.02em;line-height:1.8;padding:.4em .6em;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--a-ink);resize:none;overflow:hidden}.ed-block textarea:focus{outline:none;border-color:var(--a-line);background:var(--a-paper)}.ed-media{display:grid;grid-gap:.4em;gap:.4em}.ed-thumb{max-width:16em;max-height:12em;border-radius:6px;background:var(--amber-soft);object-fit:cover}.ed-vid{font-size:.85em;color:var(--a-mute);padding:.6em .8em;border:1px dashed var(--a-line);border-radius:8px}.ed-media input{font:inherit;font-size:.85em;padding:.35em .6em;border:1px solid var(--a-line);border-radius:8px;background:#fff;color:var(--a-ink);max-width:30em}@media (max-width:760px){.editor{grid-template-columns:1fr}.ed-side{border-right:0;border-bottom:1px solid var(--a-line);padding:0 0 .8em}}body:has(.adm),body:has(.app),body:has(.gate){background:var(--a-paper)}.adm{color-scheme:light;display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100svh;background:var(--a-paper);color:var(--a-ink);font-family:Noto Sans KR,Apple SD Gothic Neo,sans-serif;font-size:15px;line-height:1.5}.adm-side{background:var(--navy);flex-direction:column;padding:18px 14px;position:-webkit-sticky;position:sticky;top:0;height:100svh;box-sizing:border-box}.adm-brand,.adm-side{color:#fff;display:flex}.adm-brand{align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:16px;line-height:1.15;padding:4px 8px 20px}.adm-brand small{display:block;font-size:11px;font-weight:500;color:#C9CFD8}.adm-side nav{display:flex;flex-direction:column;gap:4px}.adm-side nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:#C9CFD8;text-decoration:none;font-weight:600}.adm-side nav a:hover{color:#fff}.adm-side nav a.on{background:rgba(233,180,76,.16);color:var(--amber)}.adm-foot{margin-top:auto;display:flex;flex-direction:column;gap:8px;font-size:13px;color:#C9CFD8;padding:0 8px}.adm-foot a{color:#C9CFD8;text-decoration:none}.adm-foot button{background:none;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:10px;padding:8px;font:inherit;font-size:13px;cursor:pointer}.adm-main{padding:26px 32px 60px;min-width:0}.adm-head{display:flex;align-items:center;gap:14px;margin:0 0 6px}.adm-head h1{font-weight:800;font-size:24px;letter-spacing:-.02em;margin:0}.adm-head .back{color:var(--a-mute);text-decoration:none;font-size:14px;white-space:nowrap}.adm-head .right{margin-left:auto;display:flex;gap:8px;align-items:center}.adm-sub{color:var(--a-mute);font-size:14px;margin:0 0 18px}.adm h2{font-weight:800;font-size:16px;margin:1.4em 0 .6em}.adm .muted{font-size:13px}.adm .card{border-radius:18px;padding:18px 20px}.adm .field{margin-bottom:14px}.adm .field>span{font-size:13px}.adm .field input,.adm .field select{height:44px;font-size:15px;border-radius:12px;padding:0 12px}.adm .field textarea{font-size:15px;border-radius:12px;padding:10px 12px}.adm .btn.small{height:36px;font-size:13px}.adm .search,.adm .status-select{height:40px;border:1.5px solid var(--a-line);border-radius:12px;background:#fff;padding:0 12px;font:inherit;font-size:14px;color:var(--a-ink)}.adm .search{width:16em}.adm .status-select{font-weight:700}.adm table.list select{font:inherit;font-size:14px;padding:.3em .5em;border:1px solid var(--a-line);border-radius:8px;background:#fff}.adm table.list td input[type=file]{font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin:0 0 18px}.stat{background:#fff;border-radius:18px;padding:14px 18px;box-shadow:var(--shadow);cursor:pointer;border:1.5px solid transparent}.stat.on{border-color:var(--navy)}.stat small{display:block;font-size:13px;color:var(--a-mute)}.stat b{font-size:26px;font-weight:800;letter-spacing:-.02em}.stat b em{font-style:normal;font-size:13px;color:var(--a-mute);font-weight:500;margin-left:4px}.toolbar{display:flex;align-items:flex-start;gap:12px;margin:0 0 12px}.toolbar .filters{margin:0;flex:1 1}.viewtoggle{display:inline-flex;background:#fff;border-radius:999px;border:1.5px solid var(--a-line);overflow:hidden;flex:none}.viewtoggle button{border:0;background:none;padding:6px 14px;font:inherit;font-size:13px;font-weight:600;color:var(--a-mute);cursor:pointer}.viewtoggle button.on{background:var(--navy);color:#fff}.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);grid-gap:12px;gap:12px;overflow-x:auto;padding-bottom:8px}.kcol{background:#EFEDE7;border-radius:16px;padding:10px;min-height:220px}.kcol h3{font-size:13px;font-weight:700;color:var(--a-mute);margin:4px 6px 10px;display:flex;justify-content:space-between;align-items:center}.kcol h3 i{font-style:normal;background:#fff;border-radius:999px;padding:0 8px;font-size:12px}.kcard{display:block;background:#fff;border-radius:14px;padding:12px 14px;box-shadow:var(--shadow);text-decoration:none;color:var(--a-ink);margin-bottom:8px}.kcard b{display:block;font-weight:700}.kcard small{display:block;color:var(--a-mute);font-size:12px;margin-top:2px}.kcard .due{color:var(--navy);background:var(--amber-soft);border-radius:6px;padding:1px 6px;display:inline-block;margin-top:6px;font-size:12px;font-weight:600}.check{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px;margin:0 0 20px}.check .ck{background:#fff;border-radius:16px;padding:12px 14px;box-shadow:var(--shadow);gap:10px;min-width:0}.check .ck,.check .ck i{display:flex;align-items:center}.check .ck i{width:26px;height:26px;border-radius:13px;flex:none;justify-content:center;background:var(--a-line);color:#fff;font-size:13px;font-style:normal;font-weight:800}.check .ck.done i{background:var(--amber);color:var(--navy)}.check .ck.part i{background:var(--amber-soft);color:var(--navy)}.check .ck b{display:block;font-size:14px}.check .ck small{color:var(--a-mute);font-size:12px}.check .ck a{color:var(--navy);font-size:12px;text-decoration:underline}.tabs{display:flex;gap:4px;border-bottom:1.5px solid var(--a-line);margin:0 0 18px}.tabs button{border:0;background:none;font:inherit;font-size:15px;font-weight:600;color:var(--a-mute);padding:10px 14px;cursor:pointer;border-bottom:2.5px solid transparent;margin-bottom:-1.5px}.tabs button.on{color:var(--a-ink);border-bottom-color:var(--amber)}.grid2{grid-template-columns:1fr 1fr;grid-gap:0 18px}.grid2,.grid3{display:grid;gap:0 18px}.grid3{grid-template-columns:repeat(3,1fr);grid-gap:0 18px}.bookbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 20px}.split{display:grid;grid-template-columns:minmax(0,1fr) 414px;grid-gap:18px;gap:18px;align-items:start}.split.one{grid-template-columns:minmax(0,1fr)}.split .editor{margin-top:0}.editor.one{display:block}.phone{position:-webkit-sticky;position:sticky;top:16px;background:var(--navy);border-radius:34px;padding:12px;box-shadow:0 14px 34px rgba(31,42,58,.3)}.phone iframe{display:block;width:100%;height:760px;border:0;border-radius:24px;background:#fff}.phone small{display:block;text-align:center;color:#C9CFD8;font-size:12px;padding:8px 4px 0}.narr-head{display:flex;align-items:center;gap:14px;margin:0 0 12px;flex-wrap:wrap}.narr-head b{font-size:16px}.adm table.list td audio{height:30px;vertical-align:middle;width:200px}.linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--a-ink);font-weight:600;cursor:pointer;text-align:left}.linkbtn:hover{text-decoration:underline}.toast{position:fixed;right:24px;bottom:24px;background:var(--navy);color:#fff;padding:10px 16px;border-radius:12px;font-size:14px;box-shadow:0 8px 20px rgba(0,0,0,.2);z-index:50}@media (max-width:1180px){.split{grid-template-columns:minmax(0,1fr)}.phone{position:static;max-width:414px}.check{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.adm{grid-template-columns:1fr}.adm-side{position:static;height:auto;align-items:center;flex-wrap:wrap;gap:8px}.adm-foot,.adm-side,.adm-side nav{flex-direction:row}.adm-foot{margin:0 0 0 auto;align-items:center}.adm-main{padding:18px 16px 40px}.check{grid-template-columns:1fr 1fr}.grid2,.grid3{grid-template-columns:1fr}}.show-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.show-head b{font-weight:800;font-size:16px}.show-head small{color:var(--a-mute);font-size:12px}.show-tiles{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;align-items:start}.show-tile{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--a-ink);background:none;border:0;padding:0;font:inherit;cursor:pointer;text-align:center;min-width:0}.show-tile b{font-weight:700;font-size:14px}.show-tile .cover,.show-tile .poster{flex:none;width:100%}.show-tile .cover{aspect-ratio:3/4;min-height:0;padding:0;margin:0;height:auto;border-radius:6px 14px 14px 6px;background:var(--a-paper);border:1px solid var(--a-line);box-shadow:6px 8px 20px rgba(0,0,0,.14);position:relative;overflow:hidden;display:block;box-sizing:border-box}.show-tile .cover i{position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--amber)}.show-tile .cover span{position:absolute;right:12px;top:14px;bottom:14px;writing-mode:vertical-rl;-webkit-text-orientation:upright;text-orientation:upright;font-family:"Noto Serif KR",serif;font-size:14px;letter-spacing:.06em;line-height:1.3;text-align:left}.show-tile .cover strong{color:var(--navy)}.show-tile .poster{aspect-ratio:3/4;border-radius:14px;background:var(--navy);display:flex;align-items:center;justify-content:center;color:var(--amber);box-shadow:0 8px 20px rgba(31,42,58,.25)}.show-tile .poster svg{width:52px;height:52px}.show-tile.off{opacity:.45;cursor:default}.show-tiles.one .show-tile{flex-direction:row;align-items:center;text-align:left;gap:16px}.show-tiles.one .cover{width:92px;flex:none}.show-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:14px}.show-foot a{color:var(--a-mute);text-decoration:none}.show-foot .linkbtn{color:var(--navy)}.filmplayer{position:fixed;inset:0;background:#000;z-index:100;display:flex;flex-direction:column;color:#fff;color-scheme:dark;font-family:Noto Sans KR,Apple SD Gothic Neo,sans-serif}.filmplayer-bar{display:flex;align-items:center;gap:8px;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px;font-size:14px}.filmplayer-bar span{flex:1 1;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filmplayer-bar button{background:rgba(255,255,255,.14);color:#fff;border:0;border-radius:999px;padding:8px 14px;font:inherit;font-size:13px;cursor:pointer}.filmplayer video{flex:1 1;width:100%;min-height:0;object-fit:contain;background:#000}.filmplayer p{margin:auto;color:#aaa}.show-tile .cover.photo,.show-tile .poster.photo{background-size:cover;background-position:50%}.show-tile .poster.photo{position:relative;overflow:hidden}.show-tile .poster.photo:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(31,42,58,.1),rgba(31,42,58,.55))}.show-tile .poster.photo svg{position:relative;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.imgprev{flex:none;border-radius:8px;background:var(--amber-soft) center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:var(--a-hint);font-size:11px;border:1px solid var(--a-line)}.adm label.btn.small{cursor:pointer}.review{height:100svh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink)}.review .reader{height:auto;flex:1 1;min-height:0}.review-bar{display:flex;align-items:center;gap:8px;padding:calc(8px + env(safe-area-inset-top,0px)) 12px 8px;border-bottom:1px solid var(--rule);font-family:Noto Sans KR,Apple SD Gothic Neo,sans-serif;font-size:14px;background:var(--paper);color:var(--ink)}.review-bar .back{font-size:26px;line-height:1;text-decoration:none;color:inherit;padding:0 8px 2px 2px}.review-bar b{flex:1 1;font-weight:800}.review-bar button{font:inherit;font-size:13px;font-weight:600;border:1px solid var(--rule);border-radius:999px;padding:6px 12px;background:transparent;color:inherit;cursor:pointer}.reader .bar .note-btn,.review-bar button.primary{background:var(--amber);border-color:var(--amber);color:#1F2A3A}.sheet-bg{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:90;display:flex;align-items:flex-end;justify-content:center;color-scheme:light}.sheet{background:#F6F5F1;color:#1E1E1C;width:100%;max-width:30em;border-radius:22px 22px 0 0;padding:20px 20px calc(20px + env(safe-area-inset-bottom,0px));max-height:80svh;overflow:auto;font-family:Noto Sans KR,Apple SD Gothic Neo,sans-serif;font-size:16px;line-height:1.55;box-sizing:border-box}.sheet h2{font-weight:800;font-size:17px;margin:0 0 10px}.sheet .muted{color:#6B6A64;font-size:14px}.sheet .btn{height:48px;font-size:15px}.note-input{width:100%;min-height:7em;border:1.5px solid #e2e0d8;border-radius:14px;padding:12px 14px;font:inherit;font-size:16px;box-sizing:border-box;background:#fff;color:#1E1E1C}.note-input:focus{outline:none;border-color:#1F2A3A}.note{background:#fff;border-radius:14px;padding:12px 14px;box-shadow:var(--shadow)}.note-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:13px}.note p{margin:0;white-space:pre-wrap;font-size:15px}.note .note-reply{margin-top:8px;padding-top:8px;border-top:1px dashed #e2e0d8;color:#1F2A3A;font-size:14px}.tabs .badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:9px;background:var(--amber);color:var(--navy);font-size:11px;font-style:normal;font-weight:800;margin-left:6px;padding:0 5px}.asset{display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:10px 12px;box-shadow:var(--shadow);flex-wrap:wrap}.asset .linkbtn{flex:1 1;min-width:8em;font-size:14px;word-break:break-all;color:var(--navy)}.asset .hint{white-space:nowrap}.asset-cap{flex-basis:100%;font:inherit;font-size:13px;padding:6px 10px;border:1px solid var(--a-line);border-radius:8px;background:#FAF9F6;color:var(--a-ink)}.asset-del{border:0;background:none;color:var(--a-hint);cursor:pointer;font-size:14px;padding:4px 6px}.asset-del:hover{color:#A33}.assets .chip{height:40px;font-size:14px}.assets .chip:disabled{opacity:.5}.app .toast{bottom:calc(24px + env(safe-area-inset-bottom,0px))}.parse{background:var(--amber-soft);border-radius:12px;padding:12px 16px;margin:0 0 14px;font-size:14px}.parse ul{margin:6px 0 0;padding-left:18px}.parse li{margin:2px 0}.btn.oauth{gap:10px;height:54px;font-size:16px}.btn.oauth.kakao{background:#FEE500;color:#191919;border:none}.btn.oauth.google{background:#fff;color:var(--a-ink);border:1.5px solid var(--a-line)}.or{display:flex;align-items:center;gap:12px;margin:0 0 16px;color:var(--a-hint);font-size:13px}.or:after,.or:before{content:"";flex:1 1;height:1px;background:var(--a-line)}.legal h1{font-size:24px;margin-bottom:10px}.legal h2{font-size:16px;margin:1.8em 0 .5em}.legal li,.legal p{font-size:15px;line-height:1.7;color:#3A3A37}.legal ul{padding-left:20px;margin:0 0 .8em}.legal table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 .8em;background:#fff;border-radius:12px;overflow:hidden}.legal td,.legal th{text-align:left;padding:.55em .7em;border-bottom:1px solid var(--a-line);vertical-align:top;line-height:1.5}.legal th{background:#FAF9F6;color:var(--a-mute);font-weight:600;font-size:13px}.legal a{color:var(--navy)}.pbook{font-family:"Noto Serif KR",serif;color:#1E1E1C;background:#E9E7E0;min-height:100vh;padding:24px 0 60px}.pbook-tools{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:14px;background:#1F2A3A;color:#fff;padding:12px 20px;font-family:Noto Sans KR,sans-serif;font-size:14px;margin:-24px 0 24px}.pbook-tools .muted{color:#C9CFD8;font-size:12px}.pbook-tools button{background:#E9B44C;color:#1F2A3A;border:0;border-radius:10px;padding:10px 16px;font:inherit;font-weight:700;cursor:pointer}.pp,.pp-sec{width:148mm;margin:0 auto 16px;background:#fff;box-sizing:border-box;padding:18mm 16mm}.pp-sec{padding-top:8mm;padding-bottom:8mm}.pp-cover{min-height:210mm;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.pp-cover-img{position:absolute;left:0;right:0;top:0;height:55%;width:100%;object-fit:cover;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)}.pp-cover-text{position:relative}.pp-byline{font-size:11pt;color:#5F5C54;margin-bottom:8mm}.pp-byline strong{display:block;font-size:14pt;color:#1E1E1C;font-weight:600;margin-top:2mm}.pp-cover h1{font-size:26pt;font-weight:600;line-height:1.35;margin:0 0 8mm;letter-spacing:-.01em}.pp-note{font-size:10pt;color:#5F5C54;line-height:1.8;margin:0}.pp-brand{position:absolute;right:16mm;bottom:12mm;font-family:Noto Sans KR,sans-serif;font-size:9pt;color:#A09E96;letter-spacing:.1em}.pp-toc h2{font-weight:400;font-size:12pt;color:#5F5C54;margin:0 0 8mm}.pp-toc-ch{margin:0 0 6mm;font-size:11pt}.pp-toc-num{color:#6B6A64;font-size:9pt;margin-right:2mm}.pp-toc-sub{color:#6B6A64;font-size:9.5pt}.pp-toc ol{margin:1.5mm 0 0 9mm;padding:0;list-style:none;color:#5F5C54;font-size:10pt;line-height:1.8}.pp-ch{min-height:120mm;display:flex;flex-direction:column;justify-content:center}.pp-ch-num{font-size:48pt;font-weight:300;color:#B9B6AC;line-height:1}.pp-ch h2{font-size:20pt;font-weight:600;line-height:1.4;margin:4mm 0 0}.pp-ch-sub{color:#5F5C54;font-size:11pt;margin:3mm 0 0}.pp-sec h3{font-size:12.5pt;font-weight:600;margin:0 0 4mm;color:#1E1E1C}.pp-sec p{font-size:10.5pt;line-height:1.85;margin:0 0 3.5mm;text-align:justify;word-break:keep-all}.pp-sec figure{margin:4mm 0 5mm}.pp-sec figure img{width:100%;max-height:120mm;object-fit:contain;display:block;background:#F6F5F1}.pp-sec figcaption{font-size:8.5pt;color:#6B6A64;margin-top:1.5mm;line-height:1.5}.pp-img-missing{height:60mm;background:#F6F5F1;display:flex;align-items:center;justify-content:center;color:#A09E96;font-size:9pt}.pp-media-note{font-size:9pt!important;color:#6B6A64!important;border-left:2px solid #e9b44c;padding-left:3mm}.pp-colophon{font-size:9pt;color:#5F5C54;line-height:1.8}@page{size:A4;margin:16mm 18mm}@page a5{size:A5;margin:16mm 14mm}.pp,.pp-sec{page:a5}@media print{.noprint{display:none!important}body{background:#fff}.pbook,.pp,.pp-sec{background:#fff;padding:0}.pp,.pp-sec{width:auto;margin:0}.pp-cover{min-height:auto;height:178mm}.pp-cover,.pp-toc{page-break-after:always;break-after:page}.pp-ch{page-break-before:always;break-before:page;min-height:100mm}.pp-sec{page-break-inside:auto;break-inside:auto}.pp-sec h3{page-break-after:avoid;break-after:avoid}.pp-sec figure{page-break-inside:avoid;break-inside:avoid}.pp-colophon{page-break-before:always;break-before:page}}.consent{font-family:Noto Sans KR,Apple SD Gothic Neo,sans-serif;color:#1E1E1C;background:#E9E7E0;min-height:100vh;padding:24px 0 60px}.consent-tools{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:14px;background:#1F2A3A;color:#fff;padding:12px 20px;font-size:14px;margin:-24px 0 24px}.consent-tools .muted{color:#C9CFD8;font-size:12px}.consent-tools button{background:#E9B44C;color:#1F2A3A;border:0;border-radius:10px;padding:10px 16px;font:inherit;font-weight:700;cursor:pointer}.consent-doc{width:210mm;margin:0 auto;background:#fff;box-sizing:border-box;padding:18mm 20mm;font-size:10.5pt;line-height:1.6}.consent-doc header small{color:#6B6A64;letter-spacing:.1em;font-size:9pt}.consent-doc h1{font-size:20pt;font-weight:800;margin:2mm 0 4mm;letter-spacing:-.02em}.consent-intro{color:#3A3A37;margin:0 0 6mm}.consent-doc h2{font-size:12pt;font-weight:800;margin:6mm 0 2mm}.consent-doc ul{margin:0;padding-left:5mm}.consent-doc li{margin:1mm 0}.consent-doc p{margin:0 0 2mm}.consent-info{width:100%;border-collapse:collapse;margin:0 0 4mm;font-size:10pt}.consent-info td,.consent-info th{border:1px solid #d9d6ce;padding:2mm 3mm;text-align:left;vertical-align:top}.consent-info th{background:#F6F5F1;font-weight:700;width:24mm;white-space:nowrap}.consent-check{width:100%;border-collapse:collapse;margin:2mm 0 4mm}.consent-check td{padding:2mm;border-bottom:1px solid #eeece6;vertical-align:top}.consent-check .box{width:6mm;font-size:14pt;line-height:1;padding-top:1.5mm}.consent-check .req{color:#1F2A3A;font-weight:700}.consent-check .opt{color:#6B6A64}.consent-note{background:#FBF1DA;border-radius:3mm;padding:3mm 4mm;margin:0 0 6mm}.consent-sign{display:grid;grid-template-columns:1fr 1fr;grid-gap:4mm 8mm;gap:4mm 8mm;margin:0 0 8mm}.consent-sign div{border-bottom:1px solid #1e1e1c;padding:0 0 2mm}.consent-sign span{display:block;font-size:8.5pt;color:#6B6A64}.consent-sign b{font-weight:500;font-size:11pt;letter-spacing:.02em}.consent-doc footer{font-size:8.5pt;color:#6B6A64;border-top:1px solid #d9d6ce;padding-top:3mm}.consent-doc footer p{margin:0 0 1mm}@media print{.consent{background:#fff;padding:0}.consent-doc{width:auto;padding:0}.consent-doc h2{page-break-after:avoid;break-after:avoid}.consent-sign{page-break-inside:avoid;break-inside:avoid}}.steps-list{margin:0 0 8px;padding-left:22px;font-size:15px;line-height:1.6;color:#3A3A37}.steps-list li{margin:0 0 10px}.home .hwrap{width:100%}.home .hero-actions,.home .hfoot,.home .navlinks,.home .quote,.home .tiles,.home .two,.home .works{display:none}.home .steps-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.home .step{flex:none;display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:8px 14px 8px 8px;font-size:13px;font-weight:600;box-shadow:var(--shadow)}.home .step i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--navy);color:var(--amber);font-style:normal;font-size:12px;font-weight:800}.home #steps .sub,.home #steps h2,.home .step span{display:none}.home .hsec{margin:0}.home .btn.amber{background:var(--amber);color:var(--navy);box-shadow:0 10px 24px rgba(233,180,76,.35)}.home .btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}.home .btn.navy{background:var(--navy);color:#fff;border:none}@media (hover:hover) and (pointer:fine){.app.home{max-width:none;padding:0;background:var(--a-paper)}.home .hwrap{max-width:1080px;margin:0 auto;padding:0 32px}.home .hero{background:var(--navy);color:#fff;padding:calc(16px + env(safe-area-inset-top,0px)) 0 0;position:relative;overflow:hidden}.home .hero:after{content:"";position:absolute;left:50%;top:-10%;width:900px;height:900px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(233,180,76,.22),transparent 70%);pointer-events:none}.home .hero .hwrap{position:relative;z-index:1}.home .topnav{height:72px;margin-bottom:0;gap:28px}.home .topnav .wordmark-text{color:#fff;font-size:19px}.home .navlinks{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:15px;font-weight:500}.home .navlinks a{color:#C9CFD8}.home .navlinks .cta{background:var(--amber);color:var(--navy);font-weight:700;border-radius:999px;padding:11px 20px}.home .topnav .iconbtn{background:rgba(255,255,255,.1);box-shadow:none;color:#fff}.home .copy{text-align:center;max-width:760px;margin:40px auto 34px}.home .hero h1{font-size:50px!important;line-height:1.28;letter-spacing:-.02em;color:#fff;margin-bottom:18px}.home .hero .lead{color:#C9CFD8;font-size:18px;line-height:1.75;margin:0 auto 30px}.home .hero-actions{display:flex;gap:12px;justify-content:center}.home .hero-actions .btn{width:auto;height:auto;padding:15px 24px;font-size:16px;border-radius:999px}.home .showcase{display:none}.home .tiles{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;max-width:760px;margin:0 auto;transform:translateY(40px)}.home .tile{position:relative;display:block;border-radius:22px;overflow:hidden;color:#fff;aspect-ratio:4/3;background:var(--navy);box-shadow:0 30px 60px rgba(0,0,0,.45);text-decoration:none}.home .tile .tag{position:absolute;left:16px;top:16px;display:inline-flex;align-items:center;gap:6px;background:var(--amber);color:var(--navy);font-size:12px;font-weight:800;border-radius:999px;padding:6px 11px}.home .tile .cap{position:absolute;left:18px;right:18px;bottom:18px}.home .tile .cap b{display:block;font-size:19px;line-height:1.35;margin-bottom:6px}.home .tile .cap span{font-size:13px;color:#C9CFD8}.home .tile.book{background:#2B3A50}.home .tile.book .paper{position:absolute;right:-6px;top:26px;width:46%;height:70%;background:var(--a-paper);border-radius:6px 12px 12px 6px;transform:rotate(6deg);box-shadow:8px 10px 24px rgba(0,0,0,.35);color:var(--a-ink);padding:16px 12px;display:flex;justify-content:flex-end}.home .tile.book .paper:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:var(--amber);border-radius:6px 0 0 6px}.home .tile.book .paper span{writing-mode:vertical-rl;-webkit-text-orientation:upright;text-orientation:upright;font-family:"Noto Serif KR",serif;font-size:14px;letter-spacing:.04em;line-height:1.3}.home .tile.film{background:#1A2330}.home .tile.film .play{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:rgba(255,255,255,.14);border:2px solid rgba(255,255,255,.55);display:grid;place-items:center}.home .tile.film .play:after{content:"";border-left:24px solid #fff;border-top:14px solid transparent;border-bottom:14px solid transparent;margin-left:6px}.home .tile.film .strip{position:absolute;left:0;right:0;height:10px;background:repeating-linear-gradient(90deg,var(--amber) 0 14px,transparent 14px 26px);opacity:.55}.home .tile.film .strip.t{top:0}.home .tile.film .strip.b{bottom:0}.home .body{padding-top:70px}.home .action,.home .chips{display:none}.home .quote{display:block;text-align:center;font-family:"Noto Serif KR",serif;font-size:22px;color:var(--navy);line-height:1.9;margin:40px 0 10px}.home .hsec{display:block;padding:56px 0 0}.home .hsec h2{font-size:28px;font-weight:900;letter-spacing:-.01em;margin:0 0 8px}.home .hsec .sub{color:var(--a-mute);margin:0 0 30px;font-size:16px}.home #steps .sub,.home #steps h2{display:block}.home #steps .hint{display:none}.home .cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.home .wcard{background:#fff;border-radius:20px;padding:24px 22px;box-shadow:0 6px 20px rgba(31,42,58,.06);border:1px solid var(--a-line)}.home .wcard .ic{width:44px;height:44px;border-radius:14px;background:var(--amber-soft);color:var(--navy);display:grid;place-items:center;font-weight:900;margin-bottom:14px}.home .wcard b{display:block;font-size:17px;margin-bottom:6px}.home .wcard p{margin:0;font-size:14px;line-height:1.65;color:var(--a-mute)}.home .steps-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0;gap:0;overflow:visible;position:relative;margin-top:10px}.home .steps-row:before{content:"";position:absolute;left:8%;right:8%;top:22px;height:3px;background:var(--amber);opacity:.5}.home .step{display:block;text-align:center;position:relative;background:none;box-shadow:none;padding:0;border-radius:0;font-size:inherit}.home .step i{width:46px;height:46px;font-size:16px;margin:0 auto 12px;box-shadow:0 0 0 6px var(--a-paper);position:relative}.home .step b{display:block;font-size:17px}.home .step span{display:block;font-size:13px;color:var(--a-mute)}.home .two{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.home .two .wcard{padding:30px 28px}.home .two .wcard b{font-size:20px}.home .two .wcard p{font-size:15px;margin-bottom:18px}.home .two .btn{display:inline-flex;padding:13px 22px;border-radius:999px;font-weight:800;width:auto;height:auto}.home .closing{padding:70px 0 50px;margin-top:56px}.home .closing,.home .closing p{font-size:21px;line-height:1.9}.home .closing .l1{font-size:21px;white-space:normal}.home .closing .sig{font-size:14px;letter-spacing:.1em;margin-top:14px}.home .hfoot{display:flex;gap:18px;justify-content:center;padding:0 0 36px;font-size:13px;color:var(--a-hint)}.home .hfoot a{color:inherit;text-decoration:none}}@media (hover:hover) and (pointer:fine) and (max-width:1000px){.home .cards{grid-template-columns:repeat(2,1fr)}.home .hero h1{font-size:42px!important}.home .navlinks{gap:16px;font-size:14px}.home .navlinks a{white-space:nowrap}.home .navlinks .cta{padding:9px 14px}}@media (hover:hover) and (pointer:fine) and (max-width:860px){.home .navlinks a:not(.cta){display:none}}@media (hover:hover) and (pointer:fine) and (max-width:760px){.home .hwrap{padding:0 20px}.home .topnav{gap:12px}.home .navlinks{gap:14px;font-size:14px}.home .navlinks a:not(.cta){display:none}.home .navlinks .cta{padding:9px 14px;font-size:14px}.home .copy{margin:28px auto 26px}.home .hero h1{font-size:34px!important}.home .hero .lead{font-size:16px}.home .hero .lead br{display:none}.home .hero-actions{flex-wrap:wrap}.home .tiles{grid-template-columns:1fr;max-width:420px}.home .quote{font-size:18px}.home .quote br{display:none}.home .cards,.home .two{grid-template-columns:1fr}.home .steps-row{grid-template-columns:repeat(2,1fr);row-gap:22px}.home .steps-row:before{display:none}.home .closing,.home .closing .l1,.home .closing p{font-size:18px}}.hub .addons,.hub .code-card.collapsed,.hub .hub-help,.hub .hub-sub,.hub .navlinks,.show-actions{display:none}@media (hover:hover) and (pointer:fine){.app.hub{max-width:1080px;padding-left:32px;padding-right:32px}.hub .topnav{height:64px;margin-bottom:22px;gap:24px}.hub .navlinks{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:15px;font-weight:500}.hub .navlinks a{color:var(--a-mute);white-space:nowrap}.hub .navlinks .cta{background:var(--navy);color:#fff;font-weight:700;border-radius:999px;padding:10px 18px}.hub .hub-head{margin-bottom:22px}.hub .hub-head h1{font-size:34px;margin-bottom:6px}.hub .hub-sub{display:block;color:var(--a-mute);font-size:16px;margin:0}.hub .hub-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);grid-gap:28px;gap:28px;align-items:start}.hub .hub-main>h2:first-child,.hub .hub-side>h2:first-child{margin-top:.2em}.hub .done-grid{display:grid;grid-template-columns:1fr;grid-gap:18px;gap:18px}.hub .done-grid .card{margin-bottom:0}.hub .card.show{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"tiles head" "tiles extras" "tiles actions" "tiles foot";grid-column-gap:28px;column-gap:28px;align-items:start;padding:26px}.hub .card.show .show-head{grid-area:head;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:10px}.hub .card.show .show-head b{font-size:22px;line-height:1.3}.hub .card.show .show-head small{font-size:13px}.hub .card.show .show-tiles{grid-area:tiles;grid-template-columns:170px 170px;gap:18px}.hub .card.show .show-tiles.one{grid-template-columns:170px}.hub .card.show .show-tiles.one .show-tile{flex-direction:column;align-items:stretch;text-align:center;gap:10px}.hub .card.show .show-tiles.one .cover{width:100%}.hub .card.show .show-extras{grid-area:extras;text-align:left!important;margin:0 0 16px!important}.hub .card.show .show-actions{grid-area:actions;display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.hub .card.show .show-actions .btn{width:auto;height:auto;padding:11px 18px;border-radius:999px;font-size:15px}.hub .card.show .show-foot{grid-area:foot;justify-content:flex-start;gap:22px;margin-top:0}.hub .card.show .show-foot .linkbtn{font-weight:700}.hub .show-tile .cover,.hub .show-tile .poster{transition:transform .18s ease,box-shadow .18s ease}.hub .show-tile:not(.off):hover .cover{transform:translateY(-4px);box-shadow:8px 14px 28px rgba(0,0,0,.2)}.hub .show-tile:not(.off):hover .poster{transform:translateY(-4px);box-shadow:0 14px 28px rgba(31,42,58,.35)}.hub .addons{display:block;margin-top:22px}.hub .addon-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.hub .addon-grid .card{margin:0;padding:22px}.hub .addon-grid b{display:block;font-size:16px;margin-bottom:4px}.hub .addon-grid p{margin:0 0 12px;font-size:14px}.hub .addon-grid .btn{width:auto;height:auto;display:inline-flex;padding:10px 18px;border-radius:999px;font-size:15px}.hub .code-toggle{display:none}.hub .code-card.collapsed,.hub .hub-help{display:block}.hub .hub-help b{display:block;font-size:16px;margin-bottom:6px}.hub .hub-help .btn{margin-top:4px}}@media (hover:hover) and (pointer:fine) and (max-width:900px){.hub .hub-grid{grid-template-columns:1fr}.hub .navlinks a:not(.cta){display:none}}@media (hover:hover) and (pointer:fine) and (max-width:700px){.hub .card.show{grid-template-areas:"head" "tiles" "extras" "actions" "foot";padding:20px}.hub .addon-grid,.hub .card.show{grid-template-columns:1fr}.hub .card.show .show-tiles{grid-template-columns:1fr 1fr}.app.hub{padding-left:20px;padding-right:20px}}.reader,body,html{height:100%}.reader{display:flex;flex-direction:column;overflow:hidden;background:var(--paper)}.reader .bar{position:relative;flex:none;padding-top:.45em;padding-bottom:.45em}.stage{flex:1 1;position:relative;overflow:hidden;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.flow{position:absolute;top:0;left:0;height:100%;column-fill:auto;column-rule:0;transition:transform .42s cubic-bezier(.22,.7,.25,1);will-change:transform}.flow.noanim{transition:none}.spine{position:absolute;top:0;bottom:0;left:50%;width:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(0,0,0,.12),transparent)}.spine:after,.spine:before{content:"";position:absolute;top:0;bottom:0;width:28px;background:linear-gradient(90deg,rgba(0,0,0,.07),transparent)}.spine:before{right:0;transform:scaleX(-1)}.spine:after{left:0}.tapzone{position:absolute;top:0;bottom:0;width:22%;cursor:pointer}.tapzone.l{left:0}.tapzone.r{right:0}.flow>*{box-sizing:border-box}.pg-cover{height:100%;break-after:column;display:flex;flex-direction:column;justify-content:space-between;padding:6% 7%;position:relative}.pg-cover .cover-title{writing-mode:vertical-rl;-webkit-text-orientation:upright;text-orientation:upright;font-size:clamp(24px,min(6vh,8.5vw),48px);font-weight:300;letter-spacing:.1em;line-height:1.2;margin:0;align-self:flex-end;max-height:58%;border-right:1px solid var(--rule);padding-right:.3em}.pg-cover .cover-title em{font-style:normal;font-weight:600;color:var(--field-deep)}.pg-cover .cover-byline{font-size:.85em;color:var(--ink-soft)}.pg-cover .cover-byline strong{display:block;font-weight:600;color:var(--ink);font-size:1.3em;margin-top:.2em}.pg-cover .cover-note{font-size:.82em;color:var(--ink-soft);line-height:1.8;max-width:24em}.pg-cover .cover-actions{display:flex;gap:.6em;flex-wrap:wrap;margin-top:1em}.pg-cover .cover-field{position:absolute;left:0;right:0;bottom:0;height:38%;pointer-events:none;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--field) 14%,transparent))}.pg-toc{padding:4% 7%;break-before:column}.pg-toc h2{font-weight:400;font-size:1em;color:var(--ink-soft);margin:0 0 1em}.pg-toc .toc-ch{margin:0 0 1.2em;page-break-inside:avoid;break-inside:avoid}.pg-toc .toc-ch>button{display:grid;grid-template-columns:auto 1fr;grid-gap:.1em .8em;gap:.1em .8em;text-align:left;width:100%;padding:.4em 0;border-top:1px solid var(--rule)}.pg-toc .toc-num{color:var(--field-deep);font-size:.8em;padding-top:.3em}.pg-toc .toc-title{font-size:1.05em;font-weight:600;line-height:1.4}.pg-toc .toc-sub{grid-column:2;font-size:.8em;color:var(--ink-soft)}.pg-toc ol{list-style:none;margin:.2em 0 0 3.2em;padding:0}.pg-toc ol button{display:block;text-align:left;font-size:.9em;color:var(--ink-soft);padding:.22em 0}.pg-ch{break-before:column;padding:8% 7% 4%;page-break-inside:avoid;break-inside:avoid}.pg-ch .ch-num{font-size:clamp(56px,12vh,96px);font-weight:300;line-height:1;color:var(--field);margin-bottom:.15em}.pg-ch h2{font-size:1.5em;font-weight:600;line-height:1.4;margin:0}.pg-ch .ch-sub{color:var(--ink-soft);font-size:.88em;margin:.5em 0 0}.pg-sec{padding:0 7%}.pg-sec .sec-head{display:flex;align-items:baseline;gap:.6em;margin:1.6em 0 .8em;page-break-after:avoid;break-after:avoid}.pg-sec h3{font-size:1.05em;font-weight:600;color:var(--field-deep);margin:0}.pg-sec .sec-play{font-size:.7em;color:var(--ink-soft);border:1px solid var(--rule);border-radius:999px;padding:.1em .55em;line-height:1.6}.pg-sec .sec-play.on{border-color:var(--field);color:var(--field-deep)}.pg-sec p{margin:0 0 1.15em;text-align:left;transition:background .3s;border-radius:4px}.pg-sec p.reading{background:color-mix(in srgb,var(--field) 13%,transparent);box-shadow:0 0 0 6px color-mix(in srgb,var(--field) 13%,transparent)}.pg-sec figure{margin:0 0 1.2em;page-break-inside:avoid;break-inside:avoid}.pg-sec figure img{width:100%;max-height:52vh;object-fit:contain;border-radius:6px;display:block;background:var(--dawn-pale)}.pg-sec figcaption{font-size:.78em;color:var(--ink-soft);margin-top:.45em;line-height:1.6}.pg-sec .video{margin:0 0 1.2em;page-break-inside:avoid;break-inside:avoid;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#000}.pg-sec .video iframe,.pg-sec .video video{width:100%;height:100%;border:0;display:block}.pg-sec .voice{page-break-inside:avoid;break-inside:avoid;margin:0 0 1.2em}.pg-colophon{break-before:column;padding:10% 7%;font-size:.82em;color:var(--ink-soft);line-height:1.8}.pg-colophon p{margin:0 0 .8em}.pager{flex:none;display:flex;align-items:center;justify-content:center;gap:1.2em;padding:.3em 0;font-size:13px;color:var(--ink-soft);border-top:1px solid var(--rule)}.pager button{padding:.2em .7em;border:1px solid var(--rule);border-radius:8px;line-height:1.4}.pager .pbar{position:absolute;left:0;top:-1px;height:2px;background:var(--field);transition:width .3s}.pager{position:relative}.player{flex:none;display:flex;align-items:center;gap:.7em;padding:.55em 4vw;background:var(--ink);color:var(--paper);font-size:13px}.player .pp{width:36px;height:36px;border-radius:50%;background:var(--paper);color:var(--ink);display:grid;place-items:center;flex:none}.player .pp svg{width:14px;height:14px;fill:currentColor}.player .lab{flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player .lab span{opacity:.7;font-size:.9em}.player .skip{opacity:.8;padding:.2em .4em}.player .close{opacity:.7;padding:.2em .4em}.player .ptrack{position:absolute;left:0;right:0;top:0;height:2px;background:rgba(255,255,255,.2)}.player .ptrack i{display:block;height:100%;background:var(--field)}.player{position:relative}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:50;display:grid;place-items:center;padding:4vh 4vw}.lightbox img{max-width:100%;max-height:84vh;width:auto;border-radius:4px}.lightbox figcaption{color:#ddd;text-align:center;margin-top:1em;font-size:.9em}.pg-toc li.locked{font-size:.9em;color:var(--ink-soft);opacity:.45;padding:.22em 0}.pg-toc .toc-note{font-size:.8em;color:var(--ink-soft);margin:-.5em 0 1em}.pg-sample-end{break-before:column;padding:16% 8%;text-align:center}.pg-sample-end h2{font-size:1.3em;font-weight:600;margin:0 0 .6em}.pg-sample-end p{color:var(--ink-soft);font-size:.9em;line-height:1.8;margin:0 0 1em}.pg-sample-end .cover-actions{display:flex;flex-direction:column;gap:.6em;margin-top:1.2em}.pg-cover .cover-field.photo{height:46%;background-size:cover;background-position:50%;opacity:.92;-webkit-mask-image:linear-gradient(180deg,transparent,#000 45%);mask-image:linear-gradient(180deg,transparent,#000 45%)}