/* B20 Memory Manuscript Studio V2 — SOURCE → POV → DRAFT → COMPARE → AUTHOR */
:root{--ms-wine:#35171d;--ms-deep:#1b1114;--ms-paper:#f4ede2;--ms-page:#fffaf1;--ms-ink:#28201e;--ms-red:#a64950;--ms-rose:#d48f88;--ms-blue:#617680;--ms-gold:#c5a066;--ms-line:rgba(244,237,226,.15);--ms-paperline:rgba(40,32,30,.16);--ms-ui:"Pretendard","SUIT","Noto Sans KR","Malgun Gothic","Segoe UI",sans-serif;--ms-serif:"Noto Serif KR","Batang","Times New Roman",serif}*{box-sizing:border-box}html{background:var(--ms-deep);scroll-behavior:smooth}body{margin:0;background:var(--ms-deep);color:#f6eee4;font-family:var(--ms-ui);font-synthesis:none}a{color:inherit}.ms-shell{min-height:100svh}.ms-topbar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;min-height:66px;padding:.65rem clamp(1rem,3vw,3rem);background:#1b1114;border-bottom:1px solid var(--ms-line)}.ms-brand{display:flex;align-items:center;gap:.72rem;text-decoration:none}.ms-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--ms-rose);color:var(--ms-rose);font:900 .72rem var(--ms-serif);transform:rotate(-3deg)}.ms-brand strong{display:block;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.ms-brand small{display:block;margin-top:.13rem;color:#9e858a;font-size:.6rem}.ms-nav{display:flex;gap:.15rem}.ms-nav a{padding:.43rem .68rem;border:1px solid transparent;border-radius:999px;color:#9e898d;text-decoration:none;font-size:.65rem;font-weight:800}.ms-nav a:hover,.ms-nav a:focus-visible,.ms-nav a[aria-current="page"]{background:#321a20;color:#fff7ef}.ms-nav .is-guide{border-color:rgba(197,160,102,.45);color:#d5b474}
.ms-hero{min-height:calc(100svh - 66px);display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);border-bottom:1px solid var(--ms-line)}.ms-copy{align-self:end;padding:clamp(4rem,9vh,7rem) clamp(1rem,5vw,5rem) 3.5rem}.ms-kicker{margin:0 0 .75rem;color:#d2ad70;font-size:.57rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.ms-copy h1{margin:0;max-width:12ch;font:800 clamp(3.6rem,7.1vw,7rem)/.95 var(--ms-serif);letter-spacing:-.065em;word-break:keep-all}.ms-copy h1 em{display:block;color:#dc837b;font-style:normal}.ms-copy>p:not(.ms-kicker){max-width:620px;margin:1.5rem 0 0;color:#b7a1a3;line-height:1.78;word-break:keep-all}.ms-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.9rem}.ms-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.68rem .95rem;border:1px solid var(--ms-line);background:transparent;color:#fff5eb;text-decoration:none;font-size:.69rem;font-weight:850;cursor:pointer}.ms-btn.primary{background:#a64f54;border-color:#a64f54}
.ms-stage{position:relative;min-height:670px;overflow:hidden;border-left:1px solid var(--ms-line);background:radial-gradient(circle at 68% 18%,rgba(212,143,136,.09),transparent 24%),linear-gradient(145deg,#2b171d,#160e11 70%)}.ms-page{position:absolute;width:43%;height:67%;top:13%;background:var(--ms-page);color:var(--ms-ink);box-shadow:0 35px 70px rgba(0,0,0,.28);overflow:hidden}.ms-page::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.4%,rgba(40,32,30,.09) 50%,transparent 50.6%)}.ms-page.left{left:10%;transform:perspective(900px) rotateY(7deg) rotate(-1deg)}.ms-page.right{right:8%;transform:perspective(900px) rotateY(-7deg) rotate(2deg)}.ms-page header{padding:1rem;border-bottom:1px solid var(--ms-paperline);font-size:.52rem;letter-spacing:.12em;color:#8e7b78}.ms-page article{padding:clamp(1.2rem,2.5vw,2.2rem)}.ms-page h2{margin:2rem 0 1rem;font:800 clamp(1.65rem,3vw,3rem)/1.08 var(--ms-serif);letter-spacing:-.05em;word-break:keep-all}.ms-page p{color:#625552;font:500 .78rem/1.85 var(--ms-serif);word-break:keep-all}.ms-page .fact{margin-top:1rem;padding:.75rem;border-left:3px solid var(--ms-blue);background:#e4e8e7;font:700 .66rem/1.55 var(--ms-ui);color:#526168}.ms-page.right .fact{border-left-color:var(--ms-red);background:#efe1de;color:#7b4947}.ms-fold{position:absolute;z-index:5;left:47%;top:9%;bottom:11%;width:1px;background:linear-gradient(transparent,#d4a5a1 15%,#d4a5a1 85%,transparent);box-shadow:0 0 22px rgba(212,143,136,.35)}.ms-path-label{position:absolute;z-index:6;padding:.55rem .75rem;border:1px solid var(--ms-line);background:#2d191e;color:#d9b678;font-size:.55rem;letter-spacing:.09em}.ms-path-a{left:12%;bottom:9%;transform:rotate(-2deg)}.ms-path-b{right:10%;bottom:8%;transform:rotate(2deg)}.ms-stage-label{position:absolute;right:1rem;bottom:1rem;color:#775d63;font-size:.52rem;letter-spacing:.13em;text-transform:uppercase}
.ms-index{padding:clamp(4rem,7vw,7rem) clamp(1rem,5vw,5rem);background:var(--ms-paper);color:var(--ms-ink)}.ms-index-head{max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.46fr);gap:3rem;align-items:end}.ms-index h2{margin:.35rem 0 0;max-width:14ch;font:800 clamp(2.7rem,5vw,5.1rem)/1.05 var(--ms-serif);letter-spacing:-.06em;word-break:keep-all}.ms-index-head>p{margin:0;color:#736866;line-height:1.75;word-break:keep-all}.ms-steps{max-width:1500px;margin:2.6rem auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--ms-paperline)}.ms-step{min-height:225px;padding:1.15rem;background:#fffaf2;display:flex;flex-direction:column;justify-content:space-between}.ms-step:nth-child(2){background:#eadbd7}.ms-step:nth-child(4){background:#dde4e4}.ms-step span{color:var(--ms-red);font-size:.56rem;font-weight:900;letter-spacing:.1em}.ms-step strong{font:800 clamp(1.35rem,2vw,2.05rem)/1.06 var(--ms-serif);letter-spacing:-.045em;word-break:keep-all}.ms-step p{color:#776c69;font-size:.75rem;line-height:1.55}.ms-footer{display:flex;justify-content:space-between;padding:1rem clamp(1rem,3vw,3rem);border-top:1px solid var(--ms-line);color:#806970;font-size:.56rem;letter-spacing:.08em;text-transform:uppercase}
/* Manuscript workspace */.ms-work{max-width:1500px;margin:auto;display:grid;grid-template-columns:230px minmax(0,1fr) 300px;min-height:calc(100svh - 66px)}.ms-source,.ms-author{padding:2rem 1.2rem;background:#211418}.ms-source{border-right:1px solid var(--ms-line)}.ms-author{border-left:1px solid var(--ms-line);background:#27171b}.ms-label{margin:0 0 .7rem;color:#d4ad70;font-size:.55rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.ms-source h2,.ms-author h2{margin:.2rem 0 1.2rem;font:800 1.55rem/1.08 var(--ms-serif)}.ms-source-card{padding:.9rem;border-left:3px solid var(--ms-blue);background:#2b1c20;color:#b9a7aa;font:500 .72rem/1.7 var(--ms-serif)}.ms-source-card strong{display:block;margin-bottom:.45rem;color:#f0e3dc}.ms-boundary-list{display:grid;gap:.65rem;margin-top:1rem}.ms-boundary{padding:.8rem;border:1px solid var(--ms-line);color:#a9969b;font-size:.66rem;line-height:1.5}.ms-boundary b{color:#e5d8d2}.ms-canvas{min-width:0;padding:clamp(2rem,4vw,4rem);background:var(--ms-paper);color:var(--ms-ink)}.ms-scene{display:none;max-width:940px}.ms-scene.active{display:block}.ms-canvas h1{margin:.25rem 0 1.7rem;max-width:13ch;font:800 clamp(2.8rem,5.2vw,5.5rem)/1.03 var(--ms-serif);letter-spacing:-.06em;word-break:keep-all}.ms-prose{font:500 1rem/1.95 var(--ms-serif);color:#504744;word-break:keep-all}.ms-memory-strip{margin:1.4rem 0;padding:1rem;border-left:4px solid var(--ms-blue);background:#e4e8e6;color:#525f62;font-size:.72rem;line-height:1.65}.ms-choice{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:1.5rem;background:var(--ms-paperline)}.ms-choice button{min-height:220px;padding:1.2rem;border:0;background:#fffaf1;color:var(--ms-ink);text-align:left;cursor:pointer}.ms-choice button:nth-child(2){background:#ede0dd}.ms-choice small{display:block;color:#9a6b6a;font-size:.56rem;letter-spacing:.08em}.ms-choice strong{display:block;margin:4rem 0 .7rem;font:800 clamp(1.4rem,2.6vw,2.5rem)/1.05 var(--ms-serif);letter-spacing:-.045em;word-break:keep-all}.ms-choice p{color:#796b68;font-size:.72rem;line-height:1.55}.ms-draft{padding:clamp(1.6rem,4vw,3.2rem);background:#fffaf1;border-top:6px solid var(--ms-red)}.ms-draft small{color:#9a4c52;font-size:.56rem;letter-spacing:.1em}.ms-draft h2{margin:.6rem 0 1.2rem;font:800 clamp(2rem,3.8vw,3.8rem)/1.04 var(--ms-serif);letter-spacing:-.055em;word-break:keep-all}.ms-draft p{font:500 1rem/1.95 var(--ms-serif);color:#504744}.ms-compare{margin-top:1.3rem;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ms-paperline)}.ms-compare article{padding:1rem;background:#f7f1e8}.ms-compare article:last-child{background:#e8e0de}.ms-compare b{display:block;color:#8e4a4f;font-size:.62rem;letter-spacing:.08em}.ms-compare p{font:500 .8rem/1.7 var(--ms-serif);color:#665b58}.ms-actions-row{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1.4rem}.ms-actions-row button{min-height:42px;padding:.6rem .82rem;border:1px solid var(--ms-paperline);background:transparent;color:var(--ms-ink);font-weight:800;cursor:pointer}.ms-actions-row .primary{background:var(--ms-ink);color:#fff8ef}.ms-author-options{display:grid;gap:.65rem}.ms-author-options button{padding:.9rem;border:1px solid var(--ms-line);background:#2c1b20;color:#bca8ac;text-align:left;cursor:pointer}.ms-author-options button.selected{border-color:#d48f88;background:#4b252c;color:#fff3ee}.ms-status{min-height:30px;margin-top:1rem;color:#d4ad70;font-size:.65rem;line-height:1.55}.ms-author-actions{display:grid;gap:.5rem;margin-top:1rem}.ms-author-actions button{min-height:42px;border:1px solid var(--ms-line);background:transparent;color:#fff2ea;font-weight:800;cursor:pointer}.ms-author-actions .primary{background:#a64f54;border-color:#a64f54}.ms-author-actions button:disabled{opacity:.4}
/* Guide */.ms-guide-hero{min-height:68svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);border-bottom:1px solid var(--ms-line)}.ms-guide-copy{align-self:end;padding:clamp(4rem,8vw,7rem) clamp(1rem,5vw,5rem)}.ms-guide-copy h1{margin:.3rem 0 1.1rem;max-width:13ch;font:800 clamp(3.1rem,6.2vw,6.2rem)/.97 var(--ms-serif);letter-spacing:-.065em;word-break:keep-all}.ms-guide-copy h1 em{color:#dc837b;font-style:normal}.ms-guide-copy p{max-width:650px;color:#b5a0a4;line-height:1.75;word-break:keep-all}.ms-guide-ledger{padding:clamp(5rem,8vw,7rem) clamp(1rem,4vw,4rem);background:#2d181e}.ms-guide-ledger div{display:grid;grid-template-columns:2rem 1fr auto;gap:.8rem;padding:1rem 0;border-top:1px solid var(--ms-line)}.ms-guide-ledger span{color:#d4ad70;font-size:.58rem}.ms-guide-ledger strong{font-size:.68rem;text-transform:uppercase}.ms-guide-ledger small{color:#a48d92}.ms-guide-steps{padding:0 clamp(1rem,5vw,5rem);background:var(--ms-paper);color:var(--ms-ink)}.ms-guide-step{max-width:1450px;margin:auto;display:grid;grid-template-columns:5rem minmax(0,1fr) minmax(250px,.55fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;padding:clamp(3.5rem,6vw,5.5rem) 0;border-bottom:1px solid var(--ms-paperline)}.ms-guide-step>span{align-self:start;color:#b5575e;font-size:3.2rem;font-weight:900}.ms-guide-step h2{max-width:16ch;margin:.35rem 0 1rem;font:800 clamp(2rem,3.2vw,3.45rem)/1.08 var(--ms-serif);letter-spacing:-.055em;word-break:keep-all}.ms-guide-step p{max-width:650px;color:#6f6463;line-height:1.75;word-break:keep-all}.ms-guide-card{min-height:175px;padding:1.1rem;background:#fffaf1;border:1px solid var(--ms-paperline);display:flex;flex-direction:column;justify-content:space-between}.ms-guide-card small{font-size:.56rem;letter-spacing:.1em;color:#847678}.ms-guide-card strong{font:800 clamp(1.35rem,2.3vw,2.5rem)/1 var(--ms-serif);letter-spacing:-.04em;word-break:keep-all}.ms-guide-card b{color:#a34d53;font-size:.63rem}.ms-guide-finish{padding:clamp(4rem,7vw,7rem) clamp(1rem,5vw,5rem);background:#1b1114}.ms-guide-finish h2{max-width:13ch;margin:.4rem 0 1rem;font:800 clamp(3rem,5.8vw,5.9rem)/.97 var(--ms-serif);letter-spacing:-.06em;word-break:keep-all}.ms-guide-finish p{max-width:660px;color:#b19ca0;line-height:1.7}
@media(max-width:900px){.ms-hero,.ms-guide-hero{grid-template-columns:1fr}.ms-stage{min-height:570px;border-left:0;border-top:1px solid var(--ms-line)}.ms-index-head{grid-template-columns:1fr}.ms-steps{grid-template-columns:1fr 1fr}.ms-work{grid-template-columns:200px minmax(0,1fr)}.ms-author{grid-column:1/-1;border-left:0;border-top:1px solid var(--ms-line)}.ms-author-options{grid-template-columns:1fr 1fr}.ms-guide-step{grid-template-columns:4rem 1fr}.ms-guide-step>.ms-guide-card{grid-column:2}}
@media(max-width:620px){.ms-topbar{position:static;grid-template-columns:34px minmax(0,1fr);padding:.55rem .65rem}.ms-brand{width:34px;overflow:hidden}.ms-brand>span:last-child{display:none}.ms-nav{display:grid;grid-template-columns:1.05fr .8fr .8fr;gap:.04rem;min-width:0}.ms-nav a{min-width:0;padding:.4rem .16rem;text-align:center;font-size:.56rem;white-space:nowrap}.ms-nav a:last-child{display:none}.ms-copy{padding:4rem 1rem 2.4rem}.ms-copy h1{font-size:clamp(2.8rem,12.5vw,4rem)}.ms-stage{min-height:510px}.ms-page{width:65%;height:58%;top:14%}.ms-page.left{left:3%}.ms-page.right{right:3%}.ms-page h2{font-size:1.3rem;margin:1rem 0 .6rem}.ms-page p{font-size:.6rem;line-height:1.55}.ms-page .fact{font-size:.53rem}.ms-fold{left:50%;top:10%;bottom:15%}.ms-path-label{font-size:.46rem}.ms-index{padding:4rem 1rem}.ms-index h2{font-size:clamp(2.35rem,10.8vw,3.3rem)}.ms-steps{grid-template-columns:1fr}.ms-step{min-height:180px}.ms-work{grid-template-columns:1fr}.ms-source{border-right:0;border-bottom:1px solid var(--ms-line);padding:1rem}.ms-boundary-list{grid-template-columns:repeat(2,1fr)}.ms-canvas{padding:2rem 1rem}.ms-canvas h1{font-size:clamp(2.3rem,10.7vw,3.35rem)}.ms-choice{grid-template-columns:1fr}.ms-choice button{min-height:180px}.ms-choice strong{margin:2.2rem 0 .6rem}.ms-compare{grid-template-columns:1fr}.ms-author{grid-column:auto}.ms-author-options{grid-template-columns:1fr}.ms-guide-copy{padding:4rem 1rem 2.4rem}.ms-guide-copy h1{font-size:clamp(2.7rem,12vw,3.9rem)}.ms-guide-ledger{padding:2.5rem 1rem}.ms-guide-ledger div{grid-template-columns:2rem minmax(0,1fr)}.ms-guide-ledger small{grid-column:2}.ms-guide-step{grid-template-columns:1fr;gap:1rem;padding:3rem 0}.ms-guide-step>.ms-guide-card{grid-column:1}.ms-guide-step>span{font-size:2.5rem}.ms-guide-step h2{font-size:clamp(1.9rem,8.5vw,2.55rem)}.ms-guide-finish{padding:4rem 1rem}.ms-guide-finish h2{font-size:clamp(2.6rem,11.8vw,3.8rem)}}