:root{--ink:#1b352e;--paper:#faf7ef;--gold:#aa743b;--line:#dcd9cf;--serif:Georgia,'Noto Serif KR',serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.65 system-ui,sans-serif}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-underline-offset:4px}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b88b4c;outline-offset:3px}[hidden]{display:none!important}.top{max-width:1320px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:26px 40px;border-bottom:1px solid var(--line);gap:16px}.brand{font-weight:800;text-decoration:none;letter-spacing:2px;font-size:18px}.brand span{display:block;font-size:10px;letter-spacing:5px;color:var(--gold)}nav{display:flex;align-items:center;gap:22px}nav button:not(.outline){background:none;border:0}main{max-width:1240px;margin:auto;padding:0 40px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;padding:82px 0 92px}.eyebrow{font-size:12px;letter-spacing:2.2px;font-weight:750;color:var(--gold)}h1{font:clamp(36px,4.5vw,62px)/1.08 var(--serif);letter-spacing:-1.5px;margin:20px 0 26px}h2{font:38px/1.18 var(--serif);margin:15px 0 24px}h3{font-size:23px}.intro{max-width:510px;color:#56635c}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:28px 0 16px}.primary,.outline{border-radius:7px;padding:12px 19px;border:1px solid var(--ink);font-weight:650}.primary{background:var(--ink);color:white}.outline{background:transparent;color:var(--ink)}.muted{font-size:13px;color:#69746e}.book-scene{height:460px;position:relative;background:#ede8db;border-radius:50% 50% 8px 8px;display:grid;place-items:center}.cover{transform:rotate(-8deg);width:270px;height:380px;color:#e8dbb7;background:#23483d;box-shadow:inset 8px 0 5px #0003,inset 12px 0 #fff1,16px 20px 35px #1d342a33;padding:26px 28px 24px 34px;display:flex;flex-direction:column;border-radius:3px 9px 9px 3px;border-right:7px solid #d5ccaf}.cover>span{font-size:12px;letter-spacing:4px}.cover>div{font:46px/1.1 var(--serif);margin:38px 0}.cover>p{font-size:10px;letter-spacing:2px}.cover small{margin-top:auto;font-size:9px;letter-spacing:2px}.note{position:absolute;bottom:-16px;right:-5px;background:#fffdf6;box-shadow:0 8px 30px #0001;padding:20px;transform:rotate(6deg);font:15px/1.6 var(--serif)}.note span{font:10px system-ui;letter-spacing:2px;color:var(--gold)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;border-block:1px solid var(--line);padding:42px 0}.steps span{font-size:11px;font-weight:750;letter-spacing:2px;color:var(--gold)}.steps h2{font-size:26px;margin:16px 0}.steps p{font-size:15px;color:#53665e}.room{margin:70px -12px;background:#fffef9;border:1px solid var(--line);border-radius:14px;padding:28px}.room-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.room-top h2{font-size:30px;margin:12px 0}.badge{padding:5px 12px;background:#eef1e7;border-radius:30px;font-size:12px}.workspace{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px}aside{border-right:1px solid var(--line);padding-right:22px}aside h3{font-size:15px}#entries{max-height:390px;overflow:auto;margin-top:18px}#entries button{width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:12px 0;font-size:13px;overflow-wrap:anywhere}#entries small{display:block;color:#687e72}label{display:block;margin:12px 0}label>span{display:block;font-size:13px;font-weight:650;margin-bottom:6px}input,textarea{width:100%;padding:12px;border:1px solid #ced6ce;border-radius:6px;background:#fffefb;color:var(--ink)}textarea{resize:vertical;line-height:1.8}.editor-foot{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.editor-foot>span{margin-right:auto;font-size:12px}.text-button{background:none;border:0;text-decoration:underline;font-size:13px;color:#6d5140}.progress{border-top:1px solid var(--line);margin-top:25px;padding-top:18px}.progress p{font-size:13px}.book-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:end;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.book-tools label{flex:1 1 230px;margin:0}.book-tools button{font-size:13px}.paper{background:white;box-shadow:0 7px 32px #0001;max-width:600px;min-height:550px;margin:20px auto;padding:50px;white-space:pre-wrap;overflow-wrap:anywhere;font:18px/1.8 var(--serif);animation:turn .28s ease}.paper h3{font-size:28px}.paper small{color:var(--gold)}.page-controls{display:flex;justify-content:center;gap:25px;align-items:center;margin-top:35px}.page-controls button{border:1px solid var(--line);padding:8px 17px;border-radius:20px;background:white}.plans{padding:85px 0}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.plan-grid article{padding:32px;border:1px solid var(--line);border-radius:12px}.plan-grid article>p:first-child{font-size:11px;letter-spacing:2px;color:var(--gold)}.plan-grid h3{font:32px var(--serif)}.plan-grid p,.plan-grid li{font-size:14px}.plan-grid ul{padding-left:20px;line-height:2}.price{font:42px var(--serif)}.price span{font:13px system-ui}.featured{background:#edf1e7}.notice,#notice{border-left:3px solid var(--gold);padding-left:14px;font-size:14px}.privacy{padding-bottom:70px;max-width:850px}.privacy p{font-size:15px}.privacy h2{font-size:30px}footer{border-top:1px solid var(--line);padding:30px;display:flex;justify-content:space-around;gap:20px;font-size:13px;flex-wrap:wrap}dialog{max-width:500px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:12px;padding:32px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#122c2499}dialog p{font-size:14px}.close{float:right;border:0;background:none;font-size:28px}.consent{display:flex;align-items:start;gap:10px}.consent input{width:auto;margin-top:6px}.consent span{font-weight:400;font-size:12px}code{word-break:break-all;display:block;padding:14px;background:#e8ecdf}#save-state{font-size:13px}#account-details button{margin-top:15px}@keyframes turn{from{transform:perspective(1000px) rotateY(-10deg);opacity:.5}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:760px){.top{padding:18px 20px;align-items:start}.brand{font-size:13px}nav{gap:12px;font-size:12px;flex-wrap:wrap;justify-content:end}nav a{display:none}nav .outline{padding:7px 10px}main{padding:0 22px}.hero{grid-template-columns:1fr;padding:40px 0 55px;gap:35px}.book-scene{height:360px;max-width:420px;width:100%;margin:auto}.cover{width:225px;height:315px}.cover>div{font-size:37px;margin:22px 0}.note{right:0;font-size:12px}.steps{grid-template-columns:1fr;gap:10px;padding:28px 0}.steps article{border-bottom:1px solid var(--line)}.steps article:last-child{border:0}.steps h2{font-size:24px}.room{padding:18px;margin:40px -10px}.room-top{align-items:start;flex-direction:column}.workspace{grid-template-columns:1fr;gap:12px}aside{border:0;padding:0}#entries{display:flex;gap:15px;max-height:100px;overflow:auto}#entries button{min-width:140px}.progress{margin-top:12px;padding-top:12px}.paper{padding:25px;min-height:450px;font-size:16px}.plan-grid{grid-template-columns:1fr}.plan-grid article{padding:25px}.plans{padding:50px 0}h2{font-size:32px}.room-top h2{font-size:26px}.book-tools{align-items:stretch}.book-tools button{flex:1 1 40%}}