:root{font-family:"Malgun Gothic",sans-serif;background:#0b202a;color:#e9e7de;--mist:#bcb3d4;--line:#39515b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,.brand,.epigraph p{font-family:Batang,Georgia,serif;font-weight:400}:focus-visible{outline:3px solid #d5c8fb;outline-offset:4px}.skip{position:absolute;top:-100px}.skip:focus{top:0;padding:20px;background:#163542;z-index:15}header{display:flex;align-items:center;justify-content:space-between;padding:27px 6%;border-bottom:1px solid #2c444f;gap:20px}.brand{font-size:25px;letter-spacing:1px}.brand span{display:block;font:8px "Malgun Gothic",sans-serif;letter-spacing:2px;margin-top:9px;color:#bcb3d4}nav{display:flex;gap:32px;font-size:11px;color:#c9d4d8}.moon{font-size:34px;color:#d8cfb4}.night{height:690px;position:relative;display:flex;align-items:center;overflow:hidden}.night-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.58}.night:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061922dc,transparent 90%)}.night-copy{position:relative;z-index:1;padding:40px 9%;max-width:800px}.night-copy>p:first-child{font-size:12px;letter-spacing:3px;color:#d1c6de}.night h1{font-size:clamp(32px,4vw,58px);line-height:1.65;letter-spacing:-1px}.rule{height:1px;width:70px;background:#c6bfd1;margin:27px 0}.sub{font-size:13px;line-height:2.1;color:#e3e7e8}.night a{display:inline-flex;gap:35px;align-items:center;border-bottom:1px solid #9aa9b2;padding:20px 0 12px;margin-top:20px;font-size:12px}.night a span{font-size:21px}.art-note{position:absolute;right:20px;bottom:15px;font-size:9px;z-index:1;color:#ccd5d8}.epigraph{text-align:center;padding:65px 7%}.epigraph>span{font-size:30px;color:var(--mist)}.epigraph p{font-size:22px;line-height:1.9}.epigraph small{font-size:8px;letter-spacing:3px;color:#a5b7c2}.journal{padding:35px 9% 85px;display:grid;grid-template-columns:32% 68%;gap:0}.margin{padding-right:50px}.margin>span,.archive-title>div>p{font-size:9px;letter-spacing:3px;color:var(--mist)}h2{font-size:40px;line-height:1.6;letter-spacing:-1px}.margin>p{font-size:11px;line-height:2.2;color:#b9cbd3}.margin figure{margin:35px 0 0}.margin img{width:100%;height:240px;object-fit:cover;border-radius:120px 120px 0 0}.margin figcaption{font-size:9px;color:#afbec6;margin-top:10px}form{padding:35px;background:#102c37;border:1px solid #39515b}.form-top{display:grid;grid-template-columns:1fr 1fr;gap:25px}label{display:block;font-size:11px;color:#c1cdd3;margin:0 0 25px}input,select,textarea{display:block;width:100%;min-width:0;margin-top:12px;background:transparent;border:0;border-bottom:1px solid #607782;color:#f0eee8;padding:12px 0;font-size:13px;border-radius:0;color-scheme:dark}input::placeholder,textarea::placeholder{color:#97aeb9}select option{background:#102c37}textarea{line-height:2;resize:vertical;background:repeating-linear-gradient(transparent,transparent 25px,#314d58 26px);padding:0;border-bottom:0}.form-end{display:flex;justify-content:space-between;align-items:center;gap:15px}.form-end p{font-size:10px;line-height:1.9;color:#bdcad0}button{border:1px solid #8293a5;padding:13px 20px;background:transparent;color:#eee9df;font-size:11px}.form-end button{background:#c1b4d4;color:#112a35;border-color:#c1b4d4}#status{font-size:10px;color:#c7d1d6;margin:20px 0 0}.archive{padding:55px 9%;border-top:1px solid var(--line);background:#0c242e}.archive-title{display:flex;align-items:center;justify-content:space-between;gap:30px}.archive-title h2{font-size:33px}.archive-title label{width:240px}.entry{border-top:1px solid #49616c;padding:25px 0}.entry summary{cursor:pointer;display:flex;gap:20px;align-items:center;list-style:none}.entry time{font-size:10px;color:#bac8ce}.entry strong{font-family:Batang,serif;font-size:22px;font-weight:400;flex:1}.entry summary span{font-size:11px;color:var(--mist)}.entry p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:2}.entry small{font-size:11px;color:var(--mist)}.entry button{display:block;margin-top:20px;font-size:10px;padding:8px 12px}.empty{padding:30px 0;color:#b7c7ce;font-size:12px}.archive-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:20px}.about{max-width:700px;margin:auto;text-align:center;padding:80px 30px}.about>span{font-size:10px;letter-spacing:4px;color:var(--mist)}.about h2{font-size:32px}.about p{font-size:11px;line-height:2.2;color:#bdccd3}footer{padding:25px 6%;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;gap:20px}@media(max-width:850px){.night{height:560px}.journal{padding:30px 6% 60px;grid-template-columns:1fr}.margin{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:15px}.margin h2{margin:5px 0}.margin>span{grid-column:1/-1}.margin figure{grid-column:2;grid-row:2/4;margin:0 0 30px}.margin img{height:230px}.margin>p{margin-bottom:35px}.archive{padding:40px 6%}}@media(max-width:550px){header{padding:22px 6%;align-items:flex-start}.brand{font-size:23px}.brand span{font-size:7px;letter-spacing:1px}nav{flex-direction:column;gap:12px;font-size:10px}.moon{display:none}.night{height:540px}.night-copy{padding:35px 7%}.night h1{font-size:31px;line-height:1.8}.night-art{object-position:40% center}.epigraph{padding:40px 6%}.epigraph p{font-size:19px}.margin img{height:210px}.margin h2{font-size:34px}form{padding:22px}.form-top{grid-template-columns:1fr;gap:0}.form-end{align-items:flex-start;flex-direction:column}.archive-title{display:block}.archive-title h2{font-size:29px}.archive-title label{width:100%}.entry summary{flex-wrap:wrap;gap:10px}.entry strong{flex-basis:100%;font-size:20px}footer{flex-direction:column;line-height:1.8}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}