:root{color:#172033;background:#eff6ff;font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:16px}*{box-sizing:border-box}body{background:linear-gradient(160deg,#dbeafe 0,#f8fafc 52%,#eff6ff 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.shell{width:min(720px,100%);margin:auto;padding:32px 18px 64px}.hero{text-align:center;padding:28px 12px}.badge{color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:7px 13px;font-weight:700;display:inline-block}.hero h1{letter-spacing:-.04em;margin:14px 0 8px;font-size:clamp(2rem,8vw,3rem)}.hero p{color:#526076;margin:0;font-size:1.08rem}.card,.list-section{background:#fff;border:1px solid #dbe4f0;border-radius:20px;padding:24px;box-shadow:0 12px 32px #2563eb14}.list-section{margin-top:20px}h2{margin:0 0 20px;font-size:1.35rem}form{gap:10px;display:grid}label{margin-top:4px;font-weight:700}input{color:#172033;background:#fff;border:2px solid #cbd5e1;border-radius:11px;width:100%;min-height:48px;padding:11px 13px}input:focus{border-color:#2563eb;outline:3px solid #bfdbfe}button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:12px;min-height:48px;margin-top:5px;padding:11px 18px;font-weight:800}button:hover{background:#1d4ed8}button:focus-visible{outline-offset:2px;outline:3px solid #93c5fd}button:disabled{opacity:.65;cursor:wait}.status{color:#526076;min-height:24px;margin:2px 0}.error{color:#b42318;font-weight:700}.success{color:#08783d;font-weight:700}.list-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.list-heading h2{margin:0}.list-heading span{color:#2563eb;font-weight:800}.entries{gap:12px;margin-top:18px;display:grid}.entry{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:16px}.entry-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.entry strong{color:#1d4ed8;font-size:1.08rem}.entry time{color:#64748b;text-align:right;font-size:.88rem}.entry p{overflow-wrap:anywhere;margin:10px 0 0;line-height:1.55}.entry>input{margin-top:10px}.entry-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.entry-actions button{min-height:44px;margin:0;padding:8px 14px}.entry-actions .secondary{color:#334155;background:#e2e8f0}.entry-actions .secondary:hover{background:#cbd5e1}.empty{text-align:center;color:#64748b;border:2px dashed #cbd5e1;border-radius:14px;padding:34px 16px;line-height:1.6}@media (width<=480px){.shell{padding:20px 14px 44px}.hero{padding:22px 8px}.card,.list-section{border-radius:16px;padding:19px}.entry-top{gap:4px;display:grid}.entry time{text-align:left}}.hidden{display:none!important}