:root{--ink:#163d33;--lime:#d3f568;--paper:#f7f7ee;--line:#d9dfd0}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 85% 0,#e2edbb,transparent 50%),var(--paper);font-family:Bahnschrift,"Malgun Gothic",sans-serif}main{max-width:1000px;margin:auto;padding:36px 28px}header,.row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}header{font-size:13px;letter-spacing:.12em;border-bottom:1px solid var(--line);padding-bottom:24px}.mark{font-size:25px;font-weight:800;background:var(--lime);padding:9px 15px}.private{margin-left:auto;font-size:11px}.intro{padding:60px 0 35px}.eyebrow{font-size:11px;letter-spacing:.18em}h1{font-family:Georgia,"Batang",serif;font-size:clamp(38px,7vw,64px);line-height:1.2;font-weight:500;margin:20px 0}p{line-height:1.75}section#login,section#archive{background:#fffef8;border:1px solid var(--line);padding:26px;border-radius:16px}label{display:block;font-size:14px;margin-bottom:12px}input,select,button{font:inherit;padding:13px 16px;border-radius:8px;border:1px solid var(--line);min-height:46px}input{flex:1;min-width:180px;background:white}button{cursor:pointer;background:var(--ink);color:white;border-color:var(--ink)}button.quiet{background:transparent;color:var(--ink);border-color:var(--line)}button:disabled{opacity:.4;cursor:default}.hint,footer{font-size:12px;color:#62746a}article{border-top:1px solid var(--line);padding:24px 0;margin-top:20px}h2{font-family:Georgia,"Batang",serif;margin:0;font-size:23px}.preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto;font-size:14px}footer{border-top:1px solid var(--line);padding-top:20px;margin-top:40px}#status{overflow-wrap:anywhere}@media(max-width:500px){main{padding:22px 16px}section#login,section#archive{padding:18px}.intro{padding-top:35px}button,input,select{max-width:100%}}