:root{--bg:#f3eee6;--paper:#fffdf8;--ink:#241c18;--muted:#74685f;--line:#e5d9cc;--rose:#8d3948;--rose-soft:#f6e7e8;--shadow:0 12px 40px rgba(62,42,32,.06);--serif:"Iowan Old Style",Palatino,"Palatino Linotype","Apple SD Gothic Neo","Noto Serif KR","Source Han Serif K","Nanum Myeongjo","Times New Roman",serif;--sans:"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Segoe UI",sans-serif;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#171310;--paper:#241c18;--ink:#f6f0e8;--muted:#c0b2a6;--line:#3c322c;--rose:#f0c1c6;--rose-soft:#3a2428;--shadow:0 12px 40px rgba(0,0,0,.25);color-scheme:dark}}*{box-sizing:border-box}body,html{margin:0;padding:0;max-width:100%}html{text-size-adjust:100%}body{overflow-x:hidden;min-height:100vh;min-height:100dvh;background:radial-gradient(1200px 500px at 50% -10%,rgba(141,57,72,.08),transparent 60%),var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit;max-width:100%}button{cursor:pointer}canvas,iframe,img,svg,video{max-width:100%}img,video{height:auto}code,pre{max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap}.wrap{width:100%;max-width:40rem;margin:0 auto;padding:0 1rem calc(7rem + env(safe-area-inset-bottom))}.admin-edit{display:grid;grid-gap:.55rem;gap:.55rem;margin-top:.6rem}.admin-edit select,.admin-edit textarea{width:100%}.admin-edit-btn{font-weight:650}.admin-link{align-items:center;min-height:2rem;padding:0 .7rem;font-size:.85rem}.admin-link,.nova-admin{display:inline-flex;border-radius:999px;background:var(--ink);color:var(--bg)}.nova-admin{margin:0 0 .8rem;padding:.35rem .7rem}.top{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.45rem .6rem;width:100%;max-width:40rem;margin:0 auto;padding:.85rem 1rem .7rem;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{font-family:var(--serif);font-size:1.35rem;letter-spacing:-.03em;text-decoration:none;min-width:0;overflow-wrap:anywhere}.top-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.4rem;min-width:0;max-width:100%;margin-left:auto}.chip,.ghost,.google,.lang,.menu-btn,.primary,.textbtn{min-height:44px;border-radius:999px;border:1px solid var(--line);background:var(--paper)}.lang{padding:0 .8rem}.ghost,.menu-btn{padding:0 .95rem;text-decoration:none;display:inline-flex;align-items:center;gap:.45rem}.avatar{width:1.4rem;height:1.4rem;border-radius:50%;object-fit:cover}.menu{position:absolute;right:0;top:calc(100% + .35rem);display:flex;flex-direction:column;min-width:min(12rem,calc(100vw - 1.5rem));max-width:calc(100vw - 1.5rem);max-height:min(70vh,24rem);overflow:auto;padding:.35rem;background:var(--paper);border:1px solid var(--line);border-radius:1rem;box-shadow:var(--shadow);z-index:30}.menu a,.menu button{text-align:left;text-decoration:none;background:none;border:0;border-radius:.7rem;min-height:44px;padding:0 .8rem}.userbox{position:relative;max-width:100%;min-width:0}.hero{padding:.15rem 0 .35rem}.hero h1{margin:0;font-family:var(--serif);font-weight:500;font-size:1.55rem;line-height:1.45;letter-spacing:-.03em}.hero p{margin:.45rem 0 0;color:var(--muted);font-size:1rem}.menu-scroll,.nav-wrap,.tags{display:flex;gap:.45rem;max-width:100%;min-width:0}.menu-scroll,.tags{overflow-x:auto;padding:.2rem 0 .85rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.nav-wrap{flex-wrap:wrap;padding:.05rem 0 .55rem}.nav-wrap .chip{min-height:2.15rem;padding:0 .7rem;font-size:.92rem}.topic-bar{display:flex;margin:-.2rem 0 .35rem}.topic-toggle{font-weight:650}.menu-scroll .chip,.nav-wrap .chip,.tags .chip{flex:0 1 auto;max-width:100%;white-space:nowrap}.chip{display:inline-flex;align-items:center;justify-content:center;padding:0 .85rem;text-decoration:none;color:var(--ink);line-height:1.2;text-align:center}.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.card{background:var(--paper);border-radius:1.4rem;padding:1.25rem 1.15rem 1rem;margin:0 0 .9rem;box-shadow:var(--shadow);max-width:100%;min-width:0}.actions,.card-top,.compose-tools,.music-row{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;max-width:100%;min-width:0}.card-top{justify-content:space-between;align-items:flex-start;color:var(--ink);font-size:.95rem;gap:.6rem}.card-top time{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.15rem .2rem;max-width:min(68%,12rem);min-width:0;color:var(--ink);font-weight:650;line-height:1.35;text-align:right}.when-rel{color:var(--rose);font-weight:700}.when-abs{font-weight:650}.when-abs,.who{color:var(--ink)}.who{font-weight:600;min-width:0;flex:1 1 auto;overflow-wrap:anywhere}.card h2{margin:.7rem 0 .35rem;font-size:1.45rem;font-weight:560;letter-spacing:-.03em;line-height:1.35}.body,.card h2{font-family:var(--serif);overflow-wrap:anywhere}.body{margin:.35rem 0 0;font-size:1.125rem;line-height:1.85;white-space:pre-wrap}.body.clamp{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.photo,.story-video{display:block;width:100%;max-width:100%;height:auto;margin-top:.9rem;border-radius:1rem;background:var(--line)}.story-video{max-height:70vh;max-height:70dvh;background:#111;object-fit:contain}.attach-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:.7rem 0 .2rem}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));grid-gap:.55rem;gap:.55rem;margin-top:.7rem}.media-tile{position:relative}.media-tile img,.media-tile video{width:100%;height:7.5rem;object-fit:cover;border-radius:.8rem;background:var(--line)}.media-x{position:absolute;top:.3rem;right:.3rem;width:1.7rem;height:1.7rem;border:0;border-radius:999px;background:rgba(0,0,0,.62);color:#fff}.feeling{display:inline-block;margin-top:.85rem;color:var(--rose);text-decoration:none;font-size:.95rem}.actions{flex-wrap:wrap;margin-top:.85rem;gap:.35rem .9rem}.textbtn{border:0;background:transparent;min-height:44px;padding:0;color:var(--muted)}.textbtn strong{color:var(--ink);font-weight:600}.textbtn.on{color:var(--rose)}.player{width:100%;max-width:100%;height:auto;aspect-ratio:16/9;max-height:70vh;margin-top:.8rem;border:0;border-radius:1rem;background:#111}.comments{margin-top:.4rem}.comment{padding:.7rem 0;border-top:1px solid var(--line)}.comment p{margin:.2rem 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.comment-form,.report-box{display:flex;flex-direction:column;gap:.55rem;margin-top:.4rem}input:not([type]),input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],input[type=url],textarea{width:100%;border:1px solid var(--line);background:transparent;border-radius:.9rem;padding:.8rem .9rem;min-height:44px}.title-input{width:100%}textarea{min-height:7rem;resize:vertical;line-height:1.7}.google,.primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:0 1.1rem;background:var(--rose);color:#fff;border-color:var(--rose);font-weight:650}.google{width:100%;background:var(--paper);color:var(--ink);border-color:var(--line)}.back,.older{display:inline-flex;align-items:center;min-height:44px;margin:.4rem 0 1rem;color:var(--muted)}.banner,.note{color:var(--muted);background:var(--rose-soft);border-radius:.9rem;padding:.8rem .9rem}.empty{color:var(--muted);font-family:var(--serif);font-size:1.15rem;line-height:1.7}.write-top{display:none;width:2.6rem;height:2.6rem;min-height:2.6rem;padding:0;font-size:1.55rem;align-items:center;justify-content:center;flex:0 0 auto}.fab,.write-top{border:0;border-radius:50%;background:var(--rose);color:#fff;line-height:1}.fab{position:fixed;right:1rem;bottom:calc(1.1rem + env(safe-area-inset-bottom));width:3.75rem;height:3.75rem;font-size:2rem;box-shadow:0 10px 24px rgba(141,57,72,.28);z-index:30}.modal-back,.sheet{position:fixed;inset:0;z-index:40;background:var(--bg);overflow:auto}.modal-back{background:rgba(24,16,12,.45);display:flex;align-items:flex-end;justify-content:center}.modal{max-height:min(92vh,92dvh);overflow:auto;background:var(--paper);border-radius:1.4rem 1.4rem 0 0;padding:1.2rem 1.1rem calc(1.2rem + env(safe-area-inset-bottom))}.modal,.sheet-inner{width:100%;max-width:40rem}.sheet-inner{margin:0 auto;padding:1rem 1rem calc(1.2rem + env(safe-area-inset-bottom))}.modal h2,.section h2,.sheet h1{font-family:var(--serif);font-weight:550;letter-spacing:-.03em}.title-input{font-family:var(--serif);font-size:1.25rem}.story-input{min-height:38vh;font-family:var(--serif);font-size:1.15rem;line-height:1.8}.compose-tools{flex-wrap:wrap;margin:.8rem 0}.filebtn,.seg{min-height:44px;border-radius:999px;border:1px solid var(--line);background:var(--paper);padding:0 .9rem;display:inline-flex;align-items:center}.seg.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.preview{width:100%;border-radius:1rem;margin-top:.6rem}.track{width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;min-height:48px;padding:.55rem .1rem}.track.on{color:var(--rose)}.sticky-publish{position:-webkit-sticky;position:sticky;bottom:0;padding:.8rem 0 calc(.4rem + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 30%)}.sticky-publish .primary{width:100%;min-height:52px}.stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:.6rem;gap:.6rem;margin:1rem 0}.stat{background:var(--paper);border-radius:1rem;padding:.85rem}.stat b{display:block;font-family:var(--serif);font-size:1.5rem;font-weight:550}.stat span{color:var(--muted);font-size:.88rem}button.stat-btn{width:100%;text-align:left;cursor:pointer;border:1px solid transparent;font:inherit;color:inherit;transition:border-color .15s ease,transform .15s ease}button.stat-btn.on,button.stat-btn:hover{border-color:var(--rose);transform:translateY(-2px)}button.stat-btn:hover span:after{content:" · 눌러서 관리"}.stat-quiet{opacity:.85}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.admin-tools{display:flex;flex-wrap:wrap;gap:.45rem;margin:.7rem 0}.admin-tools input,.admin-tools select{min-height:40px}.admin-table{width:100%}.admin-table .ops{min-width:0}.table-wrap{width:100%;max-width:100%;-webkit-overflow-scrolling:touch}.admin-detail,.admin-edit{margin-top:.45rem}.admin-pager{display:flex;align-items:center;gap:.7rem;margin-top:.7rem}.visit-pills{display:grid;grid-template-columns:1fr 1fr;grid-gap:.45rem;gap:.45rem;margin-bottom:.8rem}.visit-pills p{margin:0;background:var(--paper);border-radius:.8rem;padding:.55rem .7rem}.visit-pills b,.visit-pills span{display:block}.visit-chart{gap:3px;height:140px;overflow-x:auto}.visit-chart,.visit-chart div{display:flex;align-items:flex-end}.visit-chart div{flex:1 1;min-width:8px;height:100%}.visit-chart i{display:block;width:100%;background:var(--rose);border-radius:3px 3px 0 0}.section{margin:1.4rem 0 2rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.92rem}td,th{text-align:left;padding:.55rem .4rem;border-bottom:1px solid var(--line);vertical-align:top}.inline{display:inline}.inline button,.small{min-height:36px;border:0;background:transparent;color:var(--rose);padding:0 .35rem}@media (max-width:859px){.wrap{padding:0 .8rem calc(1.6rem + env(safe-area-inset-bottom))}.top,.wrap{width:100%;max-width:100%}.top{gap:.4rem .45rem;padding:.7rem .8rem .55rem}.brand{font-size:1.12rem;line-height:1.25}.brand,.top-actions{flex:1 1 auto}.lang{max-width:8.5rem;padding:0 .45rem}.admin-link,.ghost,.menu-btn,.nova-menu{max-width:100%}.menu-btn{max-width:11.5rem;padding:0 .7rem}.menu-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userbox{position:static}.menu{position:absolute;top:100%;left:.8rem;right:.8rem;width:auto;min-width:0}.hero h1{font-size:1.38rem}.card{padding:1rem .9rem .85rem}.card h2{font-size:1.32rem}.body{font-size:1.08rem;line-height:1.8}.fab{display:none}.write-top{display:inline-flex}body:after{display:none}.comment-form .primary,.field .primary,.report-box .primary{width:100%}.admin-tools,.price-row{display:grid;grid-template-columns:1fr;align-items:stretch}.admin-tools input,.admin-tools select,.price-row input,.price-row select{width:100%;min-width:0}.admin-head{flex-wrap:wrap;align-items:flex-start}.admin-table{min-width:0}.admin-table thead{display:none}.admin-table,.admin-table tbody,.admin-table td,.admin-table tr{display:block;width:100%}.admin-table tr{margin:0 0 .75rem;padding:.75rem .85rem;background:var(--paper);border:1px solid var(--line);border-radius:1rem}.admin-table td{border:0;padding:.28rem 0;overflow-wrap:anywhere}.admin-table td[data-label]:before{content:attr(data-label);display:block;margin-bottom:.1rem;color:var(--muted);font-size:.75rem;font-weight:700}.admin-table .ops{display:flex;flex-wrap:wrap;gap:.15rem .45rem}.admin-table .ops .small,.admin-tools .small,.price-row .small{min-height:44px}.table-wrap{overflow:visible}.stats,.visit-pills{grid-template-columns:1fr 1fr}.menu-scroll,.tags{flex-wrap:wrap;overflow:visible}}@media (min-width:800px){.hero h1{font-size:2rem}.modal-back{align-items:center}.modal{border-radius:1.4rem;margin:1rem}}@media (min-width:860px){.admin-page.wrap{max-width:76rem}.admin-table{min-width:880px}.stats.admin-stats{grid-template-columns:repeat(3,1fr)}.visit-pills{grid-template-columns:repeat(5,1fr)}.fab{right:max(1rem,calc(50vw - 20rem - 4.5rem))}}.space-hint{margin:-.15rem 0 .85rem;color:var(--ink)}.sample-note{margin:-.2rem 0 .9rem;color:var(--ink);font-size:.92rem;line-height:1.55}body:after{content:"";position:fixed;left:0;right:0;bottom:0;height:calc(4.4rem + env(safe-area-inset-bottom));pointer-events:none;z-index:25;background:linear-gradient(to top,var(--bg) 42%,transparent)}.studio-links{display:flex;flex-wrap:wrap;gap:.35rem .7rem;align-items:center}.studio-links a{color:inherit}.editor-note{display:block;margin-top:.12rem;font-style:normal;font-size:.84rem;line-height:1.4;color:var(--ink);font-weight:600}.card h2 a,.card p a{color:inherit}.pick{display:flex;flex-direction:column;gap:.55rem;margin:.8rem 0 1rem}.pick button{text-align:left}.pick strong{display:block;font-family:var(--serif);font-weight:550}.pick small{display:block;margin-top:.15rem;color:var(--muted)}.field{display:flex;flex-direction:column;gap:.35rem;margin:.8rem 0}.field input,.field textarea,.price-row input,.price-row select{width:100%;border:1px solid var(--line);background:var(--paper);border-radius:.8rem;padding:.7rem .8rem}.row{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0 1rem}.book{background:var(--paper);border-radius:1.4rem;padding:1.4rem 1.15rem;box-shadow:var(--shadow);margin:1.2rem 0}.book-cover{text-align:center;padding-bottom:1rem;border-bottom:1px solid var(--line)}.book-cover h1{font-family:var(--serif);font-weight:500}.toc a{display:block;padding:.2rem 0;color:inherit}.chapter{margin:1.2rem 0}.chapter h2{font-family:var(--serif);font-size:1.15rem}.price-row{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin:.55rem 0}.price-row input{width:7rem}.price-row select{width:auto}.nova-menu{font-weight:700;color:inherit;text-decoration:none;padding:.35rem .45rem;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}.nova-page{width:100%;max-width:52rem;margin:0 auto;padding:.8rem 1rem calc(1.5rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.7rem}.nova-page h1{font-family:var(--serif);font-weight:500;margin:0}.nova-log{min-height:16rem;max-height:46vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:1rem;padding:.8rem}.nova-bot,.nova-empty,.nova-user{margin:.35rem 0;line-height:1.45;overflow-wrap:anywhere}.nova-user{font-weight:650}.nova-steps{margin:.6rem 0 0;padding-left:1.2rem}.nova-report{background:#fff;border:1px solid var(--line);border-radius:1rem;padding:.8rem}.nova-report p{margin:.25rem 0;overflow-wrap:anywhere}.nova-input{width:100%;min-height:5.5rem;font-size:1rem;padding:.7rem;border-radius:.8rem;border:1px solid var(--line);resize:vertical}.nova-actions{display:flex;flex-wrap:wrap;gap:.45rem}.nova-actions button{min-height:2.75rem;padding:.4rem .8rem}.nova-file{margin:0;color:var(--muted,#666);font-size:.92rem}