@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Gaegu:wght@300;400;700&family=Manrope:wght@400;500;600&family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{--paper:#f3efe7;--ink:#262522;--muted:#8d8277;--line:#d8d0c4;--red:#8c433b;--blue:#304f67;--shadow:0 24px 55px #30271d29;--hangul:"Gaegu",sans-serif}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Manrope,Arial,sans-serif}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}.app{background:var(--paper);min-height:100vh}.app.night .book,.app.night .edit-preview,.app.night .form{background:#282724}header{border-bottom:1px solid var(--line);background:var(--paper);z-index:3;justify-content:space-between;align-items:center;height:78px;padding:0 4vw;display:flex;position:relative}.brand{cursor:pointer;align-items:baseline;gap:14px;display:flex}.brand span{letter-spacing:.08em;font-family:Noto Serif SC,serif;font-size:20px}nav{gap:22px;display:flex}nav button,.reader-top button{letter-spacing:.08em;color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}nav button:hover,.reader-top button:hover{color:var(--ink)}.menu{display:none}.cover{grid-template-columns:1.08fr .92fr;align-items:center;gap:7vw;min-height:calc(100vh - 78px);padding:5vw 10vw;display:grid}.cover-photo{box-shadow:var(--shadow);position:relative;transform:rotate(-1.2deg)}.cover-photo img{object-fit:cover;filter:saturate(.7)contrast(.95);width:100%;height:67vh;display:block}.cover-caption{color:#eee;letter-spacing:.1em;justify-content:space-between;font:10px DM Mono;display:flex;position:absolute;bottom:18px;left:22px;right:22px}.cover-copy{max-width:410px}.rule{border-top:1px solid var(--red);width:90px;margin-bottom:30px}.cover h1{letter-spacing:.05em;margin:0 0 26px;font:600 clamp(48px,6vw,86px)/1.13 Noto Serif SC}.cover p{color:var(--muted);max-width:300px;font:16px/2 Noto Serif SC}.author{border-top:1px solid var(--line);margin:42px 0 32px;padding-top:16px;font-family:Noto Serif SC}.author span{color:var(--muted);margin-left:18px;font:11px Manrope}.primary{background:var(--ink);color:var(--paper);letter-spacing:.08em;align-items:center;gap:12px;padding:14px 20px;font-size:12px;display:inline-flex}.text-btn{color:var(--muted);border-bottom:1px solid var(--muted);margin-top:18px;padding-bottom:3px;font-size:11px;display:block}.cover-meta{color:var(--muted);gap:30px;margin-top:54px;font:10px DM Mono;display:flex}.reader{padding:30px 5vw}.reader-top,.reader-bottom{color:var(--muted);letter-spacing:.08em;justify-content:space-between;align-items:center;font:10px DM Mono;display:flex}.reader-top>div,.reader-bottom{gap:20px}.reader-top button{font:10px DM Mono}.book{max-width:1100px;box-shadow:var(--shadow);background:#e6dfd4;grid-template-columns:1fr 1fr;gap:1px;margin:26px auto 24px;padding:18px;display:grid;position:relative}.page{background:#f8f5ee;min-height:64vh;position:relative}.image-page{padding:20px}.image-page img{object-fit:cover;width:100%;height:100%;display:block}.text-page{flex-direction:column;justify-content:center;padding:12%;display:flex}.chapter-no{color:var(--red);letter-spacing:.12em;font:11px DM Mono}.text-page h2{margin:20px 0;font:500 38px Noto Serif SC}.serif-note{max-width:300px;font:17px/2 Noto Serif SC}.meta-lines{border-top:1px solid var(--line);color:var(--muted);margin-top:38px;font:11px DM Mono}.meta-lines div{border-bottom:1px solid var(--line);padding:10px 0}.meta-lines span{width:70px;color:var(--ink);display:inline-block}.tagline{color:var(--red);gap:12px;margin-top:20px;font-size:11px;display:flex}.page-no{color:var(--muted);font:11px DM Mono;position:absolute;bottom:15px;left:20px}.right-no{left:auto;right:20px}.edge{z-index:2;color:var(--muted);position:absolute;top:48%}.edge.left{left:-42px}.edge.right{right:-42px}.reader-bottom{max-width:1100px;margin:auto}.reader-bottom>span{color:var(--ink)}.progress{background:var(--line);flex:1;max-width:420px;height:1px}.progress i{background:var(--red);height:1px;display:block}.reader-bottom button{color:var(--muted)}.archive,.edit{padding:5vw 8vw}.archive-head,.edit-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;padding-bottom:28px;display:flex}.eyebrow{letter-spacing:.15em;color:var(--red);font:10px DM Mono}.archive h1,.form h1{margin:12px 0 4px;font:500 48px Noto Serif SC}.archive-head p{color:var(--muted);margin:0;font:15px Noto Serif SC}.small{padding:11px 15px}.archive-grid{grid-template-columns:220px 1fr;gap:6vw;margin-top:48px;display:grid}aside{padding-left:28px;position:relative}aside button{text-align:left;width:100%;color:var(--muted);border-bottom:1px solid #0000;justify-content:space-between;padding:13px 0;font:12px Noto Serif SC;display:flex}aside button.active{color:var(--ink);font-weight:600}aside button span{font:10px DM Mono}.timeline-line{border-left:1px solid var(--line);position:absolute;top:7px;bottom:10px;left:8px}.contact-top{color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:13px;font:10px DM Mono;display:flex}.contact-top button{align-items:center;gap:6px;font-size:11px;display:flex}.contact article{border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:150px 1fr 30px;align-items:center;gap:24px;padding:18px 0;display:grid}.thumb{height:100px;position:relative}.thumb img{object-fit:cover;filter:saturate(.72);width:100%;height:100%}.thumb span{color:#fff;font:10px DM Mono;position:absolute;bottom:7px;left:8px}.archive-info h3{margin:0 0 6px;font:500 20px Noto Serif SC}.archive-info p{color:var(--red);margin:0 0 12px;font:12px Noto Serif SC}.archive-info>span{color:var(--muted);font:10px DM Mono}.archive-info b{color:var(--muted);margin-right:10px;font:400 10px DM Mono}.row-actions{color:var(--muted);gap:10px;display:flex}.edit-head{align-items:center}.edit-head>span{color:var(--muted);letter-spacing:.14em;font:10px DM Mono}.back,.save{align-items:center;gap:6px;font-size:11px;display:flex}.save{background:var(--red);color:#fff;padding:11px 15px}.edit-grid{grid-template-columns:1.15fr .85fr;gap:7vw;margin-top:42px;display:grid}.edit-preview{box-shadow:var(--shadow);background:#e6dfd4;padding:18px}.edit-preview img{object-fit:cover;width:100%;height:68vh;display:block}.preview-foot{color:var(--muted);justify-content:space-between;padding:15px 4px 0;font:11px DM Mono;display:flex}.form{background:#f8f5ee;padding:30px 34px}.form-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;margin-bottom:26px;padding-bottom:20px;display:flex}.form h1{margin-bottom:0;font-size:32px}.form label{color:var(--muted);letter-spacing:.06em;margin-bottom:18px;font:10px DM Mono;display:block}.form input,.form textarea,.form select{border:1px solid var(--line);width:100%;color:var(--ink);background:0 0;outline:none;margin-top:8px;padding:11px 12px;font:14px Noto Serif SC}.form textarea{resize:vertical;line-height:1.8}.two{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-foot{color:var(--muted);justify-content:space-between;align-items:center;margin-top:28px;font:10px DM Mono;display:flex}.ghost{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.toast{background:var(--ink);color:var(--paper);box-shadow:var(--shadow);align-items:center;gap:8px;padding:12px 16px;font-size:12px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}@media (width<=800px){header{height:64px;padding:0 20px}.brand{display:block}.brand span{font-size:16px}.brand small{margin-top:3px;font-size:8px;display:block}nav{gap:12px}nav button{font-size:0}nav button svg{width:18px;height:18px}.menu{display:block}.cover{flex-direction:column;align-items:stretch;gap:36px;padding:32px 22px;display:flex}.cover-photo img{height:48vh}.cover-copy{max-width:none}.cover h1{font-size:52px}.cover p{font-size:14px}.cover-meta{margin-top:30px}.reader{padding:20px 14px}.reader-top>span{white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden}.reader-top>div{gap:10px}.reader-top button{font-size:0}.reader-top button svg{width:17px}.book{margin-top:22px;padding:10px;display:block}.page{min-height:68vh}.text-page{padding:10% 12%}.text-page h2{font-size:30px}.serif-note{font-size:15px}.edge{top:50%}.edge.left{left:-10px}.edge.right{right:-10px}.image-page{padding:10px}.reader-bottom{gap:12px}.reader-bottom .progress{display:none}.archive,.edit{padding:30px 20px}.archive-head{align-items:flex-start;gap:18px}.archive h1,.form h1{font-size:36px}.archive-head p{font-size:13px}.small{padding:12px;font-size:0}.small svg{margin:0}.archive-grid{margin-top:32px;display:block}aside{border-bottom:1px solid var(--line);gap:18px;margin-bottom:22px;padding:0;display:flex;overflow:auto}aside button{border-bottom:2px solid #0000;min-width:max-content;padding:10px 0;font-size:12px}aside button.active{border-color:var(--red)}.timeline-line{display:none}.contact article{grid-template-columns:92px 1fr 20px;gap:12px}.thumb{height:76px}.archive-info h3{font-size:16px}.archive-info p{margin-bottom:8px;font-size:11px}.archive-info>span{font-size:9px}.archive-info b,.edit-head>span{display:none}.edit-grid{flex-direction:column;gap:22px;margin-top:26px;display:flex}.edit-preview img{height:48vh}.form{padding:22px}.form h1{font-size:28px}.two{display:block}.preview-foot{font-size:9px}.toast{white-space:nowrap}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}html{background:var(--paper)}body.night{background:#1e1e1c}.loading{min-height:100vh;color:var(--muted);align-content:center;place-items:center;gap:16px;font:11px DM Mono;display:grid}.loading-mark{color:var(--ink);font:42px Noto Serif SC}.app{min-height:100vh}.brand{align-items:baseline;gap:14px;display:flex}.brand span{letter-spacing:.08em;font:20px Noto Serif SC}.brand small{color:var(--muted);letter-spacing:.13em;font:10px DM Mono}nav button.active{color:var(--ink)}.secondary{border:1px solid var(--line);align-items:center;gap:7px;padding:11px 14px;font-size:11px;display:inline-flex}.secondary:hover{border-color:var(--ink)}.archive-actions{gap:10px;display:flex}.physical-book{box-shadow:var(--shadow);cursor:pointer;background:#e1d7ca;flex-direction:column;justify-content:space-between;min-height:65vh;padding:20px 20px 18px;display:flex;position:relative;transform:rotate(-1deg)}.physical-book:after{content:"";background:#32281e33;width:1px;height:100%;position:absolute;top:0;right:16px;box-shadow:3px 0 #32281e14}.physical-book img{object-fit:cover;filter:saturate(.72);order:2;width:100%;height:48vh}.book-cover-title{order:1;padding:10px 3px 20px}.book-cover-title h2{margin:0 0 4px;font:500 28px Noto Serif SC}.book-cover-title span{color:var(--muted);font:11px DM Mono}.book-cover-foot{order:3;justify-content:space-between;padding:16px 3px 0;font:12px Noto Serif SC;display:flex}.book-cover-foot small{color:var(--muted);margin-top:3px;font:9px DM Mono;display:block}.cover-no-photo{text-align:center;height:48vh;color:var(--muted);background:#d7cec1;order:2;place-items:center;font:17px/2 Noto Serif SC;display:grid}.book-canvas{max-width:1120px;margin:22px auto;position:relative}.paper-stack{box-shadow:var(--shadow);background:#e6dfd4;grid-template-columns:1fr 1fr;gap:1px;padding:16px;animation:.42s turn;display:grid}.paper-stack:before{content:"";z-index:3;border-left:1px solid #50463c2e;position:absolute;top:16px;bottom:16px;left:50%;box-shadow:1px 0 2px #00000014}.paper-stack>.folio{min-height:64vh}.book-canvas.single .paper-stack{max-width:760px;margin:auto;padding:12px;display:block}.book-canvas.single .paper-stack:before{display:none}.folio{background:#faf7f0;min-width:0;position:relative}.folio-content{height:100%;min-height:64vh}.folio-number{color:var(--muted);font:10px DM Mono;position:absolute;bottom:14px;left:18px}.folio+.folio .folio-number{left:auto;right:18px}.title-page,.contents-page,.chapter-page,.timeline-page,.text-only{flex-direction:column;justify-content:center;height:100%;padding:13%;display:flex}.title-page small,.contents-page small,.chapter-page small,.timeline-page small{letter-spacing:.14em;color:var(--red);font:10px DM Mono}.title-page h2,.chapter-page h2,.timeline-page h2{margin:22px 0;font:500 clamp(30px,4vw,52px)/1.3 Noto Serif SC}.title-page p,.chapter-page p{color:var(--muted);max-width:290px;font:15px/2 Noto Serif SC}.title-page span,.chapter-page span{color:var(--muted);margin-top:30px;font:10px DM Mono}.contents-page h2{margin:20px 0;font:32px Noto Serif SC}.contents-page button{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:12px;padding:11px 0;font:14px Noto Serif SC;display:flex}.contents-page button span{color:var(--red);font:10px DM Mono}.contents-page button svg{margin-left:auto}.contents-page p{color:var(--muted);margin-top:34px;font:13px/2 Noto Serif SC}.chapter-page img{object-fit:cover;width:80%;height:150px;margin:2px 0 14px}.photo-frame{gap:2px;height:100%;min-height:38vh;padding:18px 18px 0;display:flex}.photo-frame img{object-fit:cover;filter:saturate(.72);width:100%;height:100%;max-height:45vh;display:block}.layout-pair .photo-frame img{width:50%}.folio-caption{padding:20px 18% 48px}.folio-caption h2{margin:0 0 7px;font:500 23px Noto Serif SC}.folio-caption span{color:var(--muted);align-items:center;gap:4px;font:10px DM Mono;display:flex}.folio-caption p{color:var(--muted);max-width:260px;font:13px/1.8 Noto Serif SC}.blank-mark{height:100%;min-height:64vh;color:var(--line);place-items:center;font:14px DM Mono;display:grid}.text-only h2{font:28px Noto Serif SC}.text-only p{color:var(--muted);font:19px/2 Noto Serif SC}.timeline-page button{border-bottom:1px solid var(--line);text-align:left;gap:14px;padding:9px 0;display:flex}.timeline-page time{color:var(--muted);font:10px DM Mono}.timeline-page span{font:13px Noto Serif SC}.page-edge{z-index:4;color:var(--muted);padding:12px;position:absolute;top:48%}.page-edge.previous{left:-48px}.page-edge.next{right:-48px}.page-edge:disabled{opacity:.25}.reader-bottom{max-width:1120px;color:var(--muted);align-items:center;gap:18px;margin:0 auto;font:10px DM Mono;display:flex}.page-range{accent-color:var(--red);flex:1;max-width:380px}.reader-tools{gap:5px;display:flex}.reader-tools button{color:var(--muted);padding:7px}.reader-tools button.selected,.reader-tools button:hover{color:var(--ink)}.reader-links{border-top:1px solid var(--line);max-width:1120px;color:var(--muted);justify-content:space-between;margin:20px auto 0;padding-top:13px;font:10px DM Mono;display:flex}.reader-links button{text-underline-offset:4px;text-decoration:underline}.film-strip{gap:7px;max-width:1120px;margin:24px auto 0;padding-bottom:5px;display:flex;overflow:auto}.film-strip button{text-align:left;flex:0 0 66px;width:66px}.film-strip img{object-fit:cover;filter:saturate(.65);width:66px;height:45px}.film-strip span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font:8px DM Mono;display:block;overflow:hidden}.archive-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:22px;padding:22px 0;display:flex}.search{border-bottom:1px solid var(--line);min-width:235px;color:var(--muted);align-items:center;gap:8px;padding:8px 0;display:flex}.search input{color:var(--ink);background:0 0;border:0;outline:none;width:100%;font-size:12px}.archive-tabs{gap:18px;display:flex}.archive-tabs button{color:var(--muted);border-bottom:2px solid #0000;padding:9px 0;font-size:11px}.archive-tabs button.active{color:var(--ink);border-color:var(--red)}.filter-btn{color:var(--muted);align-items:center;gap:5px;margin-left:auto;font-size:11px;display:flex}.filters{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:14px 0;display:flex}.filters button{border:1px solid var(--line);color:var(--muted);padding:7px 10px;font-size:10px}.filters button.selected{color:var(--ink);border-color:var(--red)}.filters span{margin-left:8px}.archive-content{grid-template-columns:220px 1fr;gap:6vw;margin-top:38px;display:grid}.chapter-rows h2{border-left:3px solid;margin:26px 0 0;padding-left:10px;font:18px Noto Serif SC}.chapter-rows h2 small{color:var(--muted);margin-top:4px;font:10px DM Mono;display:block}.contact article{grid-template-columns:145px 1fr 90px}.contact article:hover{background:#96826e12}.row-actions{justify-content:flex-end}.row-actions button{color:var(--muted);padding:4px}.archive-timeline{max-width:800px;margin:35px auto}.archive-timeline button{text-align:left;border-bottom:1px solid var(--line);grid-template-columns:120px 110px 1fr 20px;align-items:center;gap:18px;width:100%;padding:14px 0;display:grid}.archive-timeline time{color:var(--muted);gap:6px;font:10px DM Mono;display:flex}.archive-timeline img{object-fit:cover;width:110px;height:70px}.archive-timeline span strong{font:500 16px Noto Serif SC;display:block}.archive-timeline span small{color:var(--muted);font:10px DM Mono}.places{max-width:700px;margin:35px auto}.places button{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:14px;width:100%;padding:19px 0;display:flex}.places button span{font:17px Noto Serif SC}.places small{color:var(--muted);margin-top:5px;font:10px DM Mono;display:block}.places svg:last-child{margin-left:auto}.edit-preview{cursor:pointer}.edit-preview img{filter:saturate(.75)}.upload-box{height:68vh;color:var(--muted);text-align:center;background:#ddd4c7;align-content:center;place-items:center;gap:11px;display:grid}.upload-box strong{color:var(--ink);font:16px Noto Serif SC}.upload-box span{font:10px DM Mono}.edit-head-actions{align-items:center;gap:8px;display:flex}.edit-head-actions>button:not(.save){color:var(--muted);padding:9px}.danger{color:var(--red);align-items:center;gap:7px;font-size:11px;display:flex}.danger.fill{background:var(--red);color:#fff;padding:11px 15px}.check-row{gap:20px;display:flex}.check-row label{color:var(--ink);align-items:center;gap:6px;font:11px Manrope;display:flex}.form-foot{border-top:1px solid var(--line);padding-top:17px}.dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);width:min(480px,100vw - 36px);box-shadow:var(--shadow);padding:28px}.dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1e191466}.dialog.wide{width:min(680px,100vw - 36px)}.dialog-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;margin-bottom:22px;padding-bottom:17px;display:flex}.dialog-title h2{margin:0;font:500 24px Noto Serif SC}.dialog-title button{color:var(--muted)}.memory img{object-fit:cover;filter:saturate(.7);width:100%;height:230px}.memory h3{margin:18px 0 7px;font:500 24px Noto Serif SC}.memory p{color:var(--muted);font:15px/1.9 Noto Serif SC}.memory small{color:var(--muted);font:10px DM Mono}.related-row{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:12px;width:100%;padding:10px 0;display:flex}.related-row img{object-fit:cover;width:56px;height:40px}.related-row span{font:14px Noto Serif SC}.related-row small{color:var(--muted);font:10px DM Mono;display:block}.dialog-actions{justify-content:flex-end;gap:9px;display:flex}.mini-form label{color:var(--muted);margin-bottom:14px;font:10px DM Mono;display:block}.mini-form input,.mini-form textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:0 0;margin-top:6px;padding:10px;display:block}.mini-form textarea{min-height:80px}.mini-form .two{gap:12px}.wide-btn{justify-content:center;width:100%;margin-top:9px}.import-label{cursor:pointer}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.setting-row b{font:500 14px Noto Serif SC;display:block}.setting-row small{color:var(--muted);font:10px DM Mono}.switch{background:var(--line);border-radius:15px;width:38px;height:22px;padding:3px}.switch i{background:var(--paper);border-radius:50%;width:16px;height:16px;transition:all .2s;display:block}.switch.on{background:var(--red)}.switch.on i{transform:translate(16px)}.setting-divider{height:20px}.setting-note{color:var(--muted);margin:18px 0 0;font:10px DM Mono}.setting-note span{color:var(--red);margin-top:8px;display:block}.muted{color:var(--muted);font:13px/1.7 Noto Serif SC}@keyframes turn{0%{opacity:.35;transform:rotateY(-8deg)}to{opacity:1;transform:none}}@media (width<=800px){.brand small{display:block}.cover{gap:34px;padding:26px 20px;display:flex}.physical-book{min-height:auto}.physical-book img,.cover-no-photo{height:45vh}.cover-copy{padding-bottom:24px}.cover h1{font-size:45px}.reader{padding:18px 12px}.reader-top>span{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.reader-top>div{gap:5px}.reader-top button{font-size:0}.reader-top button svg{width:17px}.book-canvas{margin:15px auto}.paper-stack{padding:9px;display:block}.paper-stack:before{display:none}.paper-stack>.folio{min-height:69vh}.paper-stack>.folio+.folio{display:none}.page-edge.previous{left:-8px}.page-edge.next{right:-8px}.reader-bottom{gap:10px}.reader-bottom>span{font-size:9px}.page-range{width:70px}.reader-tools button{padding:4px}.reader-links{line-height:2;display:block}.reader-links span{margin-top:6px;display:block}.film-strip{margin-top:16px}.archive,.edit{padding:26px 18px}.archive-head{display:block}.archive-head h1{font-size:38px}.archive-head p{font-size:13px}.archive-actions{margin-top:18px}.archive-toolbar{display:block}.search{min-width:0}.archive-tabs{gap:17px;margin-top:14px;overflow:auto}.filter-btn{margin-top:12px}.archive-content{margin-top:25px;display:block}.archive-content aside{gap:16px;margin-bottom:22px;padding:0;display:flex;overflow:auto}.archive-content aside button{min-width:max-content;padding:10px 0}.contact article{grid-template-columns:84px 1fr 76px;gap:11px}.thumb{height:72px}.archive-info h3{font-size:16px}.archive-info p{white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:10px;overflow:hidden}.archive-info>span{font-size:8px}.row-actions{gap:1px}.row-actions button{padding:3px}.chapter-rows h2{font-size:16px}.archive-timeline button{grid-template-columns:90px 80px 1fr 15px;gap:9px}.archive-timeline img{width:80px;height:60px}.archive-timeline span strong{font-size:14px}.places{margin-top:20px}.edit-head{align-items:center}.edit-head>span,.edit-head-actions>button:not(.save){display:none}.edit-grid{margin-top:22px;display:block}.edit-preview img,.upload-box{height:44vh}.form{margin-top:18px;padding:22px 19px}.form h1{font-size:28px}.form-title{margin-bottom:20px}.form .two,.check-row{display:block}.check-row label{margin:10px 0}.dialog{padding:22px}.dialog-title h2{font-size:21px}}:lang(ko),[data-language=ko],.hangul-copy{font-family:var(--hangul)!important}button,input,textarea,select,.reader-top,.reader-links,.contact-top,.archive-info>span,.archive-info b,.eyebrow,.book-cover-title span,.book-cover-foot{font-family:var(--hangul),Manrope,Arial,sans-serif}.reader-top>div{align-items:center;gap:16px;display:flex}.folio-content{flex-direction:column;height:auto;min-height:64vh;display:flex}.photo-frame{flex:none;height:auto;min-height:0}.photo-frame img{min-width:0;height:38vh;max-height:none}.folio-caption{flex:1;padding:18px 9% 44px}.folio-caption p{overflow-wrap:anywhere;max-width:none}.title-page,.contents-page,.chapter-page,.timeline-page,.text-only{flex:1}.book-canvas{touch-action:pan-y;-webkit-user-select:none;user-select:none;perspective:1600px}.reader-bottom>span{white-space:nowrap}.archive-info,.contact,.archive-content,.edit-grid,.cover-copy{min-width:0}.app .menu{display:none}.night .folio{background:#282724}.night .paper-stack,.night .physical-book{background:#35322d}.night .dialog{color:#eee9df;background:#282724}.form input[type=checkbox]{width:auto;margin:0}.fullscreen-reader{background:var(--paper);color:var(--ink);overflow:auto}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.toast{white-space:normal;z-index:10;max-width:calc(100vw - 32px)}@media (width<=800px){header{gap:10px;padding:0 12px}.brand{text-align:left;min-width:0;padding:0;display:block}.brand span{white-space:nowrap;font-size:15px}.brand small{letter-spacing:.05em;font-size:7px}nav{flex-shrink:0;gap:0}nav button{justify-content:center;width:40px;height:44px;padding:0}.cover{padding:24px 20px 40px}.cover h1{overflow-wrap:anywhere;font-size:38px}.physical-book{width:100%}.book-cover-title h2{font-size:24px}.reader-top>span{flex:1;min-width:0;max-width:none}.reader-top>div{gap:0}.reader-top button{justify-content:center;width:38px;height:40px}.reader{padding:12px 10px calc(24px + env(safe-area-inset-bottom))}.paper-stack>.folio,.folio-content{min-height:63svh}.photo-frame{padding:12px 12px 0}.photo-frame img{height:36svh}.folio-caption{padding:18px 22px 42px}.folio-caption h2{font-size:23px}.folio-caption span{flex-wrap:wrap;line-height:1.6}.folio-caption p{font-size:14px;line-height:1.85}.reader-bottom{grid-template-columns:auto minmax(60px,1fr);gap:6px 14px;display:grid}.reader-bottom>span{font-size:11px}.page-range{width:100%;min-width:0;max-width:none;height:30px}.reader-tools{border-top:1px solid var(--line);grid-column:1/-1;justify-content:space-between;width:100%}.reader-tools button{width:44px;height:44px;padding:10px}.page-edge{width:36px;height:56px;padding:6px}.reader-links{margin-top:10px}.archive-head h1{font-size:34px}.contact article{grid-template-columns:78px minmax(0,1fr)}.contact .row-actions{grid-column:2;justify-content:flex-start}.row-actions button{min-width:40px;min-height:40px}.archive-info>span{font-size:10px;line-height:1.7;display:block}.archive-timeline button{grid-template-columns:72px minmax(0,1fr) 16px}.archive-timeline time{grid-column:1/-1}.archive-timeline img{width:72px}.archive-timeline span{min-width:0}.archive-tabs{gap:18px}.archive-tabs button,.filter-btn{min-height:40px}.edit-head{background:var(--paper);z-index:4;padding:12px 0;position:sticky;top:0}.edit-head-actions>button:not(.save){padding:8px;display:block}.form input,.form textarea,.form select,.mini-form input,.mini-form textarea,.search input{min-width:0;max-width:100%;font-size:16px}.preview-foot{flex-wrap:wrap;gap:8px}.dialog{max-height:90svh;overflow:auto}}.physical-book,.book-canvas,.edit-preview{background:#ded3c3;position:relative}.physical-book:before,.paper-stack:after,.edit-preview:before{content:"";pointer-events:none;opacity:.16;mix-blend-mode:multiply;background-image:radial-gradient(#8f8170 .65px,#0000 .75px);background-size:4px 4px;position:absolute;inset:0}.physical-book{border:1px solid #c8bcae;box-shadow:0 2px #b9ab9b,0 28px 48px #2b221933,inset 0 0 22px #5c4b3814}.book-cover-title h2{letter-spacing:.12em}.book-cover-title span{letter-spacing:.14em}.folio{background:#faf8f1;overflow:hidden}.folio.kind-photo .photo-frame{background:0 0}.photo-mount{background:#f1eee6;max-width:100%;margin:0;padding:7px;display:inline-block;position:relative;transform:rotate(-1deg);box-shadow:0 7px 12px #372d2329}.photo-mount .print-image{background:#ddd5c9;overflow:hidden}.photo-mount img{object-fit:cover;filter:none;width:100%;height:100%;display:block}.photo-mount figcaption{color:#3c352e;padding:8px 3px 2px;font:10px Noto Serif SC}.photo-mount figcaption small{color:#8f8174;margin-top:3px;font:8px DM Mono;display:block}.photo-mount.mount-stamp{clip-path:polygon(0 3%,4% 3%,4% 0,8% 3%,12% 0,16% 3%,20% 0,24% 3%,28% 0,32% 3%,36% 0,40% 3%,44% 0,48% 3%,52% 0,56% 3%,60% 0,64% 3%,68% 0,72% 3%,76% 0,80% 3%,84% 0,88% 3%,92% 0,96% 3%,100% 0,100% 97%,96% 97%,96% 100%,92% 97%,88% 100%,84% 97%,80% 100%,76% 97%,72% 100%,68% 97%,64% 100%,60% 97%,56% 100%,52% 97%,48% 100%,44% 97%,40% 100%,36% 97%,32% 100%,28% 97%,24% 100%,20% 97%,16% 100%,12% 97%,8% 100%,4% 97%,0 100%);background:#eee6d4;padding:10px}.photo-mount.mount-stamp .print-image{border:1px solid #d5c4a5}.photo-mount.mount-polaroid{background:#fcfbf7;padding:9px 9px 28px;transform:rotate(1.4deg)}.photo-mount.mount-film{background:#44413a;border:4px solid #292825;padding:8px 12px}.photo-mount.mount-film .print-image{border-left:4px dotted #dad2c2;border-right:4px dotted #dad2c2}.photo-frame .photo-mount{width:100%;box-shadow:none;clip-path:none;background:0 0;padding:0;transform:none}.photo-frame .photo-mount .print-image{height:38vh}.photo-frame .photo-mount figcaption{display:none}.layout-collage .photo-frame{background:#7a7a74;padding:14px 14px 0}.layout-collage .photo-mount{width:68%;margin:3% 15% 0;transform:rotate(-2deg)}.layout-vellum .photo-mount img{filter:grayscale()contrast(.75);opacity:.68}.layout-handwritten .folio-caption:before{content:"to know where we were, we had to look back";color:#4b4640;margin-bottom:18px;font:italic 13px Noto Serif SC;display:block;transform:rotate(-2deg)}.souvenir-page{color:#ece3d1;background:#4b4138;height:100%;min-height:64vh;padding:8% 9%;position:relative}.souvenir-page h2{margin:0 0 22px;font:500 27px Noto Serif SC}.souvenir-page h2 small{letter-spacing:.16em;color:#cdbda6;margin-top:5px;font:9px DM Mono;display:block}.souvenir-grid{grid-template-columns:repeat(3,1fr);gap:18px 16px;display:grid}.souvenir-grid button{min-width:0}.souvenir-grid .photo-mount{width:100%;transform:rotate(-1deg);box-shadow:0 5px 8px #0000004d}.souvenir-grid .photo-mount figcaption{display:none}.souvenir-page>p{opacity:.75;margin-top:22px;font:12px Noto Serif SC}.souvenir-link{color:var(--muted)!important;font:10px DM Mono!important}.book-details{border-bottom:1px solid var(--line);margin-bottom:25px;padding-bottom:22px}.book-details h3{margin:20px 0 14px;font:16px Noto Serif SC}.book-details .primary{margin-top:14px}.edit-preview .photo-mount{width:100%;height:68vh;box-shadow:none;clip-path:none;background:0 0;padding:0;display:block;transform:none}.edit-preview .photo-mount .print-image{height:100%}.edit-preview .photo-mount figcaption{display:none}@media (width<=800px){.souvenir-grid{gap:10px}.souvenir-page{padding:10% 7%}.souvenir-page h2{font-size:22px}.edit-preview .photo-mount{height:44vh}.layout-collage .photo-mount{width:80%;margin-left:10%}}:root{--paper:#e8eef2;--ink:#182735;--muted:#718390;--line:#c7d3da;--red:#3d6077;--blue:#315a73;--shadow:0 24px 55px #1e37462e}body,.app,header{background:var(--paper)}.physical-book,.book-canvas,.edit-preview{background:#c8d5dc}.physical-book{border-color:#aebfc9;box-shadow:0 2px #9eafb9,0 28px 48px #1c34423b,inset 0 0 22px #3a56651a}.paper-stack{background:#b6c7d0}.folio,.form{background:#f1f5f7}.photo-mount{background:#edf3f6}.photo-mount.mount-stamp{background:#e8f0f4}.photo-mount.mount-film{background:#213542;border-color:#182a34}.souvenir-page{color:#dce8ed;background:#253946}.souvenir-page h2 small{color:#a9c0cc}.cover-photo img,.physical-book img,.photo-frame img,.thumb img,.memory img{filter:grayscale(.16)saturate(.6)hue-rotate(165deg)contrast(.98)brightness(1.03)}.tone-vintage img{filter:sepia(.08)saturate(.66)hue-rotate(165deg)contrast(.94)brightness(1.05)}.tone-mono img{filter:grayscale()sepia(.08)hue-rotate(165deg)contrast(.9)}.upload-box{background:#d2dfe5}.primary,.save{background:#233e4f}.primary:hover,.switch.on{background:#3d6077}.danger{color:#3d6077}.danger.fill{background:#3d6077}.layout-vellum .folio-content{background:#e3edf2c7}.layout-collage .photo-frame{background:#607987}.layout-collage{color:#edf4f7;background:#5a707c}.layout-collage .folio-content{background:#5a707c radial-gradient(#e7f1f41f .7px,#0000 .8px) 0 0/5px 5px}.layout-collage .photo-frame{background:0 0;place-items:center;min-height:44vh;padding:8% 12% 0;display:grid}.layout-collage .photo-frame .photo-mount{background:#edf2f3;width:min(82%,390px);padding:12px 12px 42px;transform:rotate(2.2deg);box-shadow:0 14px 22px #12252f47}.layout-collage .photo-frame .photo-mount .print-image{background:#c5d3d9;height:34vh}.layout-collage .photo-frame .photo-mount img{filter:grayscale(.2)saturate(.65)hue-rotate(165deg)}.layout-collage .folio-caption{color:#edf4f7;padding:14px 14% 44px}.layout-collage .folio-caption:before{content:"我想把这一刻，留在潮水退去之前。";color:#d5e3e8;margin-bottom:10px;font:italic 13px/1.8 Noto Serif SC;display:block;transform:rotate(-1.5deg)}.layout-collage .folio-caption h2{color:#f2f7f8}.layout-collage .folio-caption span,.layout-collage .folio-caption p{color:#d4e0e4}.app.night{--paper:#182934;--ink:#e2edf2;--muted:#9bb0bb;--line:#405966}.app.night .folio,.app.night .form{background:#213641}.app.night header{background:#182934}.physical-book{isolation:isolate;background:#dce6e9;border:1px solid #bdcbd1;border-radius:1px;padding:36px 42px 30px 58px;overflow:hidden;box-shadow:2px 2px #aabac1,0 30px 55px #2539443d,inset 0 0 32px #4256601f}.physical-book:before{opacity:.32;mix-blend-mode:multiply;background-image:repeating-linear-gradient(92deg,#42525a1f 0 1px,#0000 1px 5px),repeating-linear-gradient(2deg,#ffffff29 0 1px,#0000 1px 6px);background-size:auto}.physical-book:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#aebdc3,#eaf0f1 42%,#b9c8ce 75%,#9eafb7);width:7px;position:absolute;top:0;bottom:0;left:19px;box-shadow:1px 0 #ffffffa6,inset -1px 0 #4658602e}.physical-book>*{z-index:1;position:relative}.physical-book img{object-fit:cover;filter:grayscale(.34)saturate(.46)hue-rotate(165deg)contrast(.92)brightness(1.06);border:1px solid #5d6e7747;order:2;width:57%;height:35vh;min-height:220px;margin:0 auto;box-shadow:0 2px #ffffff75,0 8px 14px #37495226}.book-cover-title{text-align:center;order:3;padding:18px 0 0}.book-cover-title h2{letter-spacing:.16em;color:#23323b;margin:0;font:500 18px/1.35 Noto Serif SC}.book-cover-title span{letter-spacing:.22em;text-transform:uppercase;color:#70838d;margin-top:6px;font:8px DM Mono;display:block}.book-cover-foot{order:4;justify-content:center;padding-top:22px}.book-cover-foot span:first-child{letter-spacing:.18em;color:#647780;font:10px DM Mono}.book-cover-foot span:first-child small{letter-spacing:.12em;color:#8a9aa1;margin-top:5px;font-size:7px;display:block}.book-cover-foot span:last-child{display:none}.cover-no-photo{text-align:center;color:#71818a;order:2;place-items:center;min-height:220px;font:12px/2 Noto Serif SC;display:grid}@media (width<=800px){.physical-book{padding:28px 26px 24px 42px}.physical-book:after{width:5px;left:13px}.physical-book img{width:62%;height:31vh;min-height:170px}.book-cover-title h2{font-size:16px}.book-cover-foot{padding-top:16px}}.layout-collage .folio-content{background-color:#526b77;background-image:linear-gradient(#1e343f6b,#2d434db8),url(https://images.unsplash.com/photo-1500375592092-40eb2168fd21?auto=format&fit=crop&w=1600&q=82);background-position:50%;background-size:cover;position:relative}.layout-collage .photo-frame .photo-mount{isolation:isolate;clip-path:polygon(1% 1%,6% 0,12% 1%,18% 0,24% 1%,30% 0,36% 1%,42% 0,48% 1%,54% 0,60% 1%,66% 0,72% 1%,78% 0,84% 1%,90% 0,96% 1%,100% 0,99% 7%,100% 15%,99% 24%,100% 33%,99% 42%,100% 51%,99% 60%,100% 69%,99% 78%,100% 87%,99% 94%,100% 100%,94% 99%,88% 100%,82% 99%,76% 100%,70% 99%,64% 100%,58% 99%,52% 100%,46% 99%,40% 100%,34% 99%,28% 100%,22% 99%,16% 100%,10% 99%,4% 100%,1% 94%,0 86%,1% 78%,0 70%,1% 62%,0 54%,1% 46%,0 38%,1% 30%,0 22%,1% 14%,0 6%);background-color:#f1eee4;background-image:repeating-linear-gradient(0deg,#7c6f5b14 0 1px,#0000 1px 4px),repeating-linear-gradient(91deg,#ffffff57 0 1px,#0000 1px 7px);border:1px solid #897d696b;position:relative;box-shadow:0 18px 26px #0d1d254d,inset 0 2px 2px #ffffff80}.layout-collage .photo-frame .photo-mount:before{content:"";z-index:-1;opacity:.65;pointer-events:none;background:repeating-linear-gradient(88deg,#6a60501a 0 1px,#0000 1px 5px);position:absolute;inset:7px}.layout-collage .photo-frame .photo-mount .print-image{border:1px solid #68676047;box-shadow:inset 0 0 0 1px #ffffff40,inset 0 0 18px #2b32311f}.layout-collage .photo-frame .photo-mount figcaption{color:#555046;text-shadow:0 1px #fff6}[data-collage-scene=mountain] .layout-collage .folio-content{background-image:linear-gradient(#20303a66,#2a3f49b3),url(https://images.unsplash.com/photo-1519681393784-d120267933ba?auto=format&fit=crop&w=1600&q=82)}[data-collage-scene=harbor] .layout-collage .folio-content{background-image:linear-gradient(#29404a61,#314a53ad),url(https://images.unsplash.com/photo-1494783367193-149034c05e8f?auto=format&fit=crop&w=1600&q=82)}[data-collage-scene=custom] .layout-collage .folio-content{background-image:linear-gradient(180deg,#2237425c,#273d47a8),var(--collage-custom-image);background-position:50%;background-size:cover}.field-hint{color:var(--muted);margin-top:5px;font:9px/1.6 DM Mono;display:block}.mini-form select{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);margin-top:6px;padding:10px;font:12px Noto Serif SC;display:block}.background-upload{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;padding-top:16px;display:flex}.background-upload>span{margin-right:auto;font:13px Noto Serif SC}.background-upload small{color:var(--muted);margin-top:4px;font:9px DM Mono;display:block}.background-upload .text-btn{font-size:10px}.layout-background-control{border-top:1px solid var(--line);margin:17px 0 4px;padding-top:15px}.layout-background-control>label{margin-bottom:0}.background-actions{align-items:center;gap:10px;margin-top:8px;display:flex}.background-actions .text-btn{font-size:10px}.tone-original img,.thumb.tone-original img,.archive-timeline img.tone-original,.memory img.tone-original{filter:none!important}.tone-mono img,.thumb.tone-mono img,.archive-timeline img.tone-mono,.memory img.tone-mono{filter:grayscale()contrast(.92)brightness(1.04)!important}.tone-vintage img,.thumb.tone-vintage img,.archive-timeline img.tone-vintage,.memory img.tone-vintage{filter:sepia(.42)saturate(.82)contrast(.9)brightness(1.08)hue-rotate(-8deg)!important}