:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#242525;background:#f4f5f7;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:1320px;margin:auto;padding:30px 24px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}h1{margin:0;font-size:28px;letter-spacing:-.5px}#count{color:#68707a;font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap}button{background:#25394f;color:white;border:0;border-radius:9px;padding:11px 16px;font:inherit;cursor:pointer}button:hover{filter:brightness(1.12)}button:focus-visible,.tile:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #3d82d5;outline-offset:2px}.subtle{background:#e5e8ec;color:#263545}.danger{background:#a72f36}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.toolbar input{width:min(450px,100%);padding:12px 14px;border:1px solid #cbd0d7;border-radius:9px;font:inherit;background:white}.hint{font-size:12px;color:#737b85}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(218px,1fr));gap:17px}.tile{min-height:178px;max-height:215px;text-align:left;border:1px solid #ebd27b;border-radius:3px 14px 12px 3px;background:#fff2b6;color:#343029;box-shadow:3px 5px 12px #1d243017;padding:18px;overflow:hidden;display:flex;flex-direction:column;gap:12px;position:relative}.tile:nth-child(4n+2){background:#ffefc6}.tile:nth-child(4n+3){background:#f5efb8}.tile:nth-child(4n+4){background:#ffe9b0}.tile:before{content:'';position:absolute;top:0;right:0;border-top:18px solid #f4f5f7;border-left:18px solid #e9d58a}.tile .first{font-weight:750;font-size:17px;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.tile .preview{font-size:13px;line-height:1.55;white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow-wrap:anywhere;opacity:.84}.tile.active{outline:3px solid #3477d5}.login{max-width:440px;margin:10vh auto;padding:30px;background:white;border-radius:16px;box-shadow:0 10px 30px #1c27321a}.login p{color:#66707a}.login label{display:block;margin:20px 0;font-weight:600}.login input{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #bfc8d0;border-radius:8px;font:inherit}.login button{width:100%}#message{color:#b52c36}.overlay{position:fixed;inset:0;background:#111c2d9c;display:flex;justify-content:center;align-items:center;padding:20px;z-index:10}.overlay[hidden],#empty[hidden]{display:none}.editor{background:#fff8d4;border-radius:14px;box-shadow:0 12px 40px #0004;width:min(850px,100%);height:min(750px,92vh);display:flex;flex-direction:column;overflow:hidden}.editorbar,.editorfoot{padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.editorbar{border-bottom:1px solid #e7dba5}.editorfoot{border-top:1px solid #e7dba5;font-size:12px;color:#666}.editorbar strong{font-size:17px}#status{font-size:12px;color:#52645c}#body{flex:1;min-height:0;padding:22px;border:0;resize:none;outline:none;background:transparent;font:16px/1.65 system-ui,'Segoe UI',sans-serif;color:#25282a}#body:focus{outline:none}@media(max-width:640px){main{padding:20px 14px}.hint{display:none}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.tile{min-height:145px;padding:13px}.tile .first{font-size:15px}.tile .preview{font-size:12px}header{align-items:flex-start;flex-direction:column}.editor{height:94vh}.editorbar,.editorfoot{padding:10px}}