*{box-sizing:border-box}body{color:#172338;background:#f3f6fb;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px}main{max-width:1000px;margin:0 auto;padding:64px 28px}.label{letter-spacing:.15em;color:#315eb5;font-size:12px;font-weight:700}h1{letter-spacing:-.035em;margin:18px 0;font-size:44px;line-height:1.12}header p{color:#58677d;margin-bottom:32px;line-height:1.6}.workspace{grid-template-columns:1fr 1.2fr;align-items:start;gap:24px;display:grid}form,.saved{background:#fff;border:1px solid #dce4ef;border-radius:16px;padding:24px}label{margin-bottom:16px;font-weight:700;display:block}textarea{resize:vertical;width:100%;min-height:170px;font:inherit;color:inherit;background:#fbfcfe;border:1px solid #cbd6e6;border-radius:8px;padding:14px;line-height:1.5}textarea:focus{outline-offset:2px;outline:2px solid #2965d8}.formFooter{justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.formFooter span{color:#6a778b;font-size:12px}button{color:#fff;font:inherit;cursor:pointer;background:#205bd0;border:0;border-radius:7px;padding:12px 18px;font-size:14px;font-weight:600}button:disabled{opacity:.5;cursor:default}button:focus-visible{outline-offset:3px;outline:2px solid #205bd0}.listHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}h2{margin:0;font-size:18px}h2 span{background:#eef3fb;border-radius:5px;margin-left:6px;padding:4px 7px;font-size:12px;font-weight:400}.secondary{color:#205bd0;background:#edf3ff;padding:9px 10px}.message{color:#315e98;font-size:14px;line-height:1.5}.message:empty{display:none}.empty{text-align:center;color:#58677d;padding:48px 0}.empty small{margin-top:10px;font-size:14px;display:block}ul{margin:20px 0 0;padding:0;list-style:none}li{border-top:1px solid #e5eaf1;padding:20px 0}li:last-child{padding-bottom:0}li p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 16px;line-height:1.6}li footer{justify-content:space-between;align-items:center;gap:12px;display:flex}time{color:#738098;font-size:12px}.delete{color:#63748d;background:0 0;padding:5px;font-size:12px}.footnote{color:#718097;margin-top:24px;font-size:12px}@media (max-width:700px){main{padding:36px 20px}h1{font-size:36px}.workspace{grid-template-columns:1fr}.listHeader{flex-wrap:wrap}}