*{box-sizing:border-box}body{color:#eee;background:#111;margin:0;font-family:system-ui,sans-serif}main{max-width:600px;margin:0 auto;padding:20px}h1{letter-spacing:2px;margin:0}.tag{color:#888;margin:4px 0 20px}textarea{color:#eee;resize:vertical;background:#1c1c1c;border:1px solid #333;border-radius:10px;width:100%;padding:12px;font-size:16px}button{color:#000;background:#fff;border:0;border-radius:10px;width:100%;margin-top:10px;padding:12px;font-size:16px;font-weight:600}ul{margin-top:20px;padding:0;list-style:none}li{background:#1c1c1c;border-radius:10px;margin-bottom:10px;padding:12px}li p{white-space:pre-wrap;word-break:break-word;margin:0 0 8px}.meta{color:#888;justify-content:space-between;align-items:center;font-size:12px;display:flex}.del{color:#fff;background:#c0392b;width:auto;margin:0;padding:6px 12px;font-size:13px}.empty{color:#666;text-align:center;margin-top:30px}