:root{color:#3f2d1d;font-synthesis:none;background:#e8e0d0;font-family:Georgia,Noto Serif KR,serif}*{box-sizing:border-box}body{background:#e8e0d0;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.58}.center-screen{background:radial-gradient(circle at top,#f6efe0,#d8ccb6);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card,.loading-card{background:#faf6ec;border:1px solid #b8986a;width:min(430px,100%);padding:38px;box-shadow:5px 5px #d4bc96}.auth-card h1{margin:8px 0;font-size:34px}.auth-card p{color:#7a6248;line-height:1.6}.auth-card label{color:#6c5339;gap:7px;margin:18px 0;font-size:13px;display:grid}.auth-card input{background:#fffdf7;border:1px solid #c0a070;border-radius:3px;width:100%;padding:12px}.auth-card small{color:#8c6e3f;margin-bottom:16px;display:block}.eyebrow{color:#a27e4a;letter-spacing:.25em;font:11px Courier New,monospace}.primary{color:#faf6ec;background:#4a3520;border:1px solid #4a3520;border-radius:2px;padding:11px 25px;box-shadow:2px 2px #8c6e3f}.auth-card .primary{width:100%;margin-top:10px}.notice{color:#4a3520;background:#f5eedd;border:1px solid #b8986a;margin:0 0 18px;padding:11px 14px;font-size:13px}.notice.error{color:#7a2e2e;background:#f9eaea;border-color:#a65c5c}.app-shell{grid-template-columns:235px minmax(0,1fr);min-height:100vh;display:grid}aside{background:#d4c9b4;border-right:2px solid #c0a070;padding:30px 18px}aside h2{margin:8px 8px 22px;font-size:18px}.date-button{color:#5f4932;text-align:left;background:0 0;border:0;border-bottom:1px solid #c8b99f;justify-content:space-between;gap:8px;width:100%;padding:10px;font-size:12px;display:flex}.date-button.active{color:#fffaf0;background:#4a3520}.date-button span{font-family:Courier New,monospace}.journal{width:min(780px,100%);margin:0 auto;padding:42px 28px}header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}header h1{margin:7px 0;font-size:34px}header p{color:#7a6248;margin:0;font-style:italic}.account{flex-direction:column;align-items:flex-end;gap:7px;font-size:12px;display:flex}.account button,.entry-top button{color:#7a6248;background:0 0;border:1px solid #b8986a;padding:5px 9px}.cloud-status{color:#397552;font-family:sans-serif;font-size:11px}.write-card,.entry-card{background:#faf6ec;border:1px solid #c0a070;margin-bottom:25px;padding:25px;box-shadow:3px 3px #d4bc96}.write-card label{color:#8c6e3f;letter-spacing:.16em;margin-bottom:12px;font-size:12px;display:block}.write-card textarea{resize:vertical;color:#4a3520;background:repeating-linear-gradient(#0000,#0000 29px,#ede3cf 29px 30px);border:0;border-bottom:1px dashed #d4bc96;outline:0;width:100%;padding:8px;font-size:15px;line-height:30px}.write-card .primary{margin:18px 0 0 auto;display:block}.empty{text-align:center;color:#9a815f;padding:50px 15px;font-style:italic}.entry-top{color:#9a7b52;justify-content:space-between;gap:16px;font:11px Courier New,monospace;display:flex}.entry-text{white-space:pre-wrap;margin:19px 0;line-height:1.9}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags span{color:#8c6e3f;border:1px solid #8c6e3f;padding:4px 9px;font-size:12px}blockquote{color:#7a6248;border-left:3px solid #b8986a;margin:16px 0 0;padding-left:13px;font-size:13px;font-style:italic}@media (width<=720px){.app-shell{grid-template-columns:1fr}aside{border-bottom:2px solid #c0a070;border-right:0;max-height:220px;overflow:auto}.journal{padding:28px 17px}header{flex-direction:column}.account{flex-flow:wrap;align-items:flex-start}}